:root{--canvas:#f3f3f9;--surface:#fff;--primary:#405189;--teal:#0ab39c;--text:#212529;--heading:#495057;--muted:#626979;--border:#e9ebec;--radius:4px;--shadow:0 1px 2px #38414a26}*{box-sizing:border-box}body{background:var(--canvas);color:var(--text);margin:0;font:14px/1.5 Poppins,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--primary)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:26px;line-height:1.3}h2{font-size:20px}h3{font-size:17px}h1,h2,h3{color:var(--heading);font-weight:600}a,summary{transition:background-color .15s,color .15s}a:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #167467}.skip-link{z-index:10;background:#fff;padding:12px;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.studio-shell{min-height:100dvh;display:flex}.sidebar{background:var(--primary);color:#d7ddf0;flex-direction:column;flex-shrink:0;width:250px;padding:28px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:12px;font-size:17px;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.brand small{letter-spacing:3px;margin-top:5px;font-size:10px;display:block}.brand-mark{color:#76e4d3;background:#ffffff18;border:1px solid #ffffff28;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.nav-heading{letter-spacing:1.4px;color:#bac4e0;margin:42px 12px 12px;font-size:11px}nav{gap:6px;display:grid}nav a{color:inherit;border-radius:4px;align-items:center;gap:14px;min-height:44px;padding:12px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:15px;text-decoration:none;display:flex}nav a:hover,nav a[aria-current=page]{color:#fff;background:#ffffff14}.nav-icon{text-align:center;width:24px;font-size:22px}.sidebar-note{color:#c4cee8;margin-top:auto;padding:32px 12px 0;line-height:1.8}.workspace{flex-direction:column;flex:1;min-width:0;margin-left:250px;display:flex}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:12px;height:70px;padding:0 32px;display:flex}.topbar-title{color:var(--heading);font-weight:500}.badge{color:#34436e;background:#edf0f8;border-radius:4px;padding:6px 10px;font-size:12px}.mobile-navigation{display:none}main{outline:none;flex:1;padding:32px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:1.6px;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:600}.muted{color:var(--muted)}.hero{border-radius:var(--radius);color:#e7f3ee;background:#122a30;min-height:445px;padding:64px 48px;position:relative;overflow:hidden}.hero-copy{z-index:1;max-width:540px;position:relative}.hero .eyebrow{color:#a3c6bc}.hero h2{letter-spacing:-2px;color:#fff;margin:20px 0;font-size:clamp(36px,4.4vw,64px);line-height:1.13}.hero em{color:#67dbc0;font-style:normal}.hero p:not(.eyebrow){color:#ccded9;max-width:410px;line-height:1.8}.hero-art{color:#65c4a8;opacity:.65;width:49%;min-width:260px;position:absolute;bottom:-50px;right:-30px}.hero-art svg{width:100%;display:block}.hero-caption{color:#aac5bc;font-size:11px;position:absolute;bottom:18px;right:24px}.button{background:var(--primary);color:#fff;border-radius:4px;justify-content:center;align-items:center;gap:24px;min-height:44px;padding:12px 18px;font-weight:500;text-decoration:none;display:inline-flex}.button:hover{background:#33416f}.hero-button{color:#143a30;background:#e4fff5;margin-top:12px}.hero-button:hover{background:#c3f2e0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.workflow{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px;display:grid}.workflow p{margin-bottom:0}.step-number{color:#5366a1;margin-bottom:16px;font-size:12px;display:block}.empty-state{text-align:center;margin:24px 0;padding:64px 24px}.empty-state p{max-width:520px;color:var(--muted);margin:0 auto 20px}.empty-icon{width:68px;height:68px;color:var(--primary);background:#edf0f8;border-radius:50%;place-items:center;margin:0 auto 24px;font-size:32px;display:grid}.two-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.two-columns p{margin-bottom:0}.notice{color:#245578;background:#eaf2fa;border:1px solid #c9deef;border-radius:4px;padding:14px 18px}.standalone{max-width:500px;margin:10vh auto}footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:16px;padding:20px 32px;font-size:12px;display:flex}@media (min-width:1600px){main{width:100%;max-width:1500px;margin:auto}}@media (max-width:1100px){.workflow{grid-template-columns:repeat(2,1fr)}.hero-art{opacity:.3}.page-heading>.muted{display:none}}@media (max-width:760px){.sidebar{display:none}.workspace{margin-left:0}.topbar{padding:0 20px}.topbar-title{font-size:12px}.badge{font-size:11px}.mobile-navigation{background:var(--primary);color:#fff;padding:0 20px;display:block}.mobile-navigation summary{cursor:pointer;min-height:44px;padding:14px 0}.mobile-navigation nav{padding-bottom:16px}main{padding:24px 16px}.page-heading{align-items:flex-start}h1{font-size:24px}.hero{min-height:420px;padding:40px 24px 60px}.hero h2{letter-spacing:-1px}.hero-art{opacity:.18;width:90%;right:-100px}.hero-caption{font-size:10px;left:24px;right:auto}.workflow,.two-columns{grid-template-columns:1fr;gap:16px}.empty-state{padding:40px 20px}footer{flex-direction:column;gap:6px;padding:20px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}