:root{--ink:#222b35;--muted:#626b76;--blue:#9b5b08;--line:#e2e5e8;--soft:#f4f6f7;--paper:#fcfcfd;--amber:#efb647}body{background:var(--paper)}.header{min-height:96px}.brand{letter-spacing:-.8px}.brand-mascot{width:48px;height:48px}.brand-period{color:#b27317}nav a{transition:color .2s}.nav-contact{background:#fff}.hero{grid-template-columns:1.2fr 1fr;gap:70px;padding-block:68px 80px}.hero h1{font-size:clamp(2.6rem,4.5vw,3.8rem);letter-spacing:-1.8px;line-height:1.35}.eyebrow{letter-spacing:1.5px}.small-line{background:var(--amber)}.blue{color:#a9650a}.intro{max-width:540px}.button{background:#283540;border-radius:10px;box-shadow:0 5px 12px #202c3610;gap:12px}.button:hover{background:#414f5b}.outline-button{border-radius:10px}.hero-copy>.button,.home-tool-link{font-size:.9375rem}.release-note{font-size:.8125rem}.disciplines{gap:14px}.disciplines>span{background:#fff;border:1px solid var(--line);padding:5px 12px;border-radius:30px}.disciplines i{display:none}.workflow{background:#fff;border-radius:24px;padding:24px;box-shadow:0 18px 50px #2735430b;border:1px solid #e2e5e8}.mascot-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 0 18px;isolation:isolate}.mascot-stage:before{content:"";position:absolute;z-index:-1;width:210px;height:210px;background:#ffedbd;border-radius:50%;top:34px}.stage-label{font-size:.75rem;font-weight:650;letter-spacing:1.5px;color:#757d84}.hero-robot{width:230px;height:230px;object-fit:contain;margin-top:14px;filter:drop-shadow(0 10px 7px #44331c1a)}.stage-caption{font-size:.9375rem;font-weight:600;margin-top:8px}.workflow-head{margin:6px 0 14px;padding-bottom:12px;font-size:.8125rem}.flow-row{padding:10px 12px;background:#f7f8f9;border:0;border-radius:10px;gap:14px}.flow-row strong{font-size:.9375rem}.flow-row p{font-size:.8125rem}.flow-num{color:#96703a}.flow-connector{margin:2px 0 2px 24px;font-size:.75rem}.flow-final{background:#fff2d4;color:var(--ink)}.flow-final .flow-num,.flow-final p{color:#745627}.workflow-foot{margin-top:14px;font-size:.8125rem}.section{padding-block:70px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.project{border-radius:20px;padding:28px;transition:transform .2s,box-shadow .2s,border-color .2s}.project:hover{transform:translateY(-3px);box-shadow:0 14px 32px #26333f0a;border-color:#d5b477}.project-top{margin-bottom:15px}.project-mascot{width:76px;height:76px;object-fit:contain}.type{font-size:.8125rem;background:#f8f9fa;border:0;padding:5px 12px}.project-summary{min-height:60px}.project-diagram{min-height:174px;border-radius:12px;background:#f1f4f6}.diagram-blue{background:#fff3d9;color:#805b23}.diagram-blue strong{color:#8e580e}.diagram-dark{background:#2c3843;color:#edf0f3}.diagram-dark strong{color:#f4ca73}.tags{font-size:.8125rem}.project-grid .tool-feature{border-color:#dfbf80;background:#fffdf8}.about{background:#eef2f4}.expertise span{border-radius:8px}.contact-row{gap:26px}.contact-mascot{width:125px;height:125px;object-fit:contain;margin-left:auto}.email-block{flex-shrink:0}.footer .brand{letter-spacing:-.5px}.tool-main{padding-top:34px}.tool-title-group{display:flex;align-items:center;gap:20px}.tool-mascot{width:106px;height:106px;object-fit:contain}.tool-heading .eyebrow{font-size:.8125rem;letter-spacing:1.5px}.tool-heading h1{font-size:2.1rem}.privacy-bar{background:#fff2d4;color:#765420;border:1px solid #f1dfb7;border-radius:12px}.tool-sidebar{background:#fff;padding:20px;border:1px solid var(--line);border-radius:16px}.tool-layout{grid-template-columns:240px minmax(0,1fr);gap:26px}.category-button[aria-pressed=true]{background:#2b3844}.tool-card{border-radius:14px;min-height:178px;box-shadow:0 3px 10px #27354303}.tool-card:hover{border-color:#b8904c;box-shadow:0 8px 20px #2735430a}.tool-badge{background:#edf3f5;color:#37566b;border-radius:6px}.tool-badge.local{background:#fff0d3;color:#855714}.empty-state{text-align:center;padding:40px 16px;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:16px}.empty-mascot{width:100px;height:100px;object-fit:contain}.drop-zone{background:#fffbf2;border-color:#c5ab7c}.drop-zone.dragging{background:#fff0ce}.tool-page nav [aria-current]{color:#8e580e}dialog{border-radius:20px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline-color:#c58c2a}
@media(max-width:1050px){.hero{gap:34px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:2.8rem}.hero-copy>.button,.home-tool-link{margin:8px 8px 0 0}.contact-mascot{width:90px;height:90px}.tool-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.tool-sidebar{padding:16px}.email{font-size:1.2rem}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-block:42px 50px;gap:32px}.hero h1{font-size:clamp(2.1rem,7.8vw,3rem);letter-spacing:-1px}.workflow{max-width:none;padding:22px}.hero-robot{width:190px;height:190px}.mascot-stage:before{width:180px;height:180px}.project-grid{grid-template-columns:1fr}.project{padding:24px}.section{padding-block:48px}.project-summary{min-height:0}.contact-row{position:relative;padding-top:0;gap:28px}.contact-mascot{position:absolute;right:0;top:0;width:78px;height:78px}.contact-row>div:first-child{padding-right:55px}.email-block{max-width:100%;flex-shrink:1}.tool-layout{grid-template-columns:1fr}.tool-sidebar{position:static}.tool-heading{gap:20px}.tool-title-group{gap:12px}.tool-mascot{width:72px;height:72px}.tool-heading h1{font-size:1.7rem}.tool-heading p{font-size:.875rem}.tool-heading .eyebrow{font-size:.75rem}.tool-sidebar .categories{margin-bottom:10px}.tool-card{min-height:170px}.header{min-height:88px}.brand-mascot{width:42px;height:42px}.disciplines{flex-wrap:wrap;gap:8px}.disciplines>span{padding:4px 10px}.footer{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}