:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4f1e8;--paper-deep:#e7dfcf;--panel:#fffdf7;--ink:#1c1a17;--ink-soft:#5f574c;--muted:#8a8173;--line:#ded4c2;--line-strong:#b9a991;--olive:#4f6f52;--olive-deep:#263f2e;--brick:#a54831;--gold:#c7923d;--blue:#3d5f7c;--shadow:0 24px 70px #352b1c21;--shadow-soft:0 14px 32px #352b1c14;--radius:8px}*{box-sizing:border-box}html{background:var(--paper);height:100%}body{height:100%;min-height:100vh;color:var(--ink);letter-spacing:0;margin:0;font-family:Avenir Next,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.45}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}input,select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fffaf0;border-radius:7px;outline:none;padding:0 12px;transition:border-color .16s,box-shadow .16s,background .16s}input:focus,select:focus{border-color:var(--olive);background:#fffdf8;box-shadow:0 0 0 4px #4f6f5224}.checkbox-row{border:1px solid var(--line);background:#f4f1e873;border-radius:8px;gap:8px;padding:10px;display:grid}.checkbox-row label{color:var(--ink);grid-template-columns:none;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-row input{width:16px;min-height:16px;accent-color:var(--olive-deep)}.password-field{position:relative}.password-field input{padding-right:44px}.field-icon-button{width:32px;height:32px;color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;transition:background .16s,color .16s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.field-icon-button:hover:not(:disabled){color:var(--olive-deep);background:#4f6f521a}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(28px,4vw,52px);line-height:.98}h2{font-size:18px;line-height:1.15}h3{margin:0;font-size:15px;line-height:1.2}code,pre{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace}a{color:inherit;text-decoration:none}.public-site{background:linear-gradient(180deg, #fffdf7 0, #f5efe2 520px, var(--paper) 100%), var(--paper);min-height:100vh}.public-nav{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf7e6;border-bottom:1px solid #ded4c2b8;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:14px clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.public-brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.public-brand strong,.public-brand small{display:block}.public-brand strong{font-size:16px}.public-brand small{color:var(--muted);font-size:12px}.public-nav nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.public-nav nav a{min-height:36px;color:var(--ink-soft);border-radius:7px;align-items:center;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.public-nav nav a:hover{color:var(--olive-deep);background:#4f6f5217}.public-nav .nav-app-link{border:1px solid var(--line);color:var(--ink);background:#fffaf0}.landing-hero{grid-template-columns:minmax(0,.96fr) minmax(360px,1.04fr);align-items:center;gap:clamp(22px,4vw,64px);min-height:calc(100vh - 138px);padding:clamp(26px,4vw,40px) clamp(18px,5vw,72px) clamp(22px,3vw,34px);display:grid}.landing-copy{gap:16px;max-width:760px;display:grid}.landing-copy h1{max-width:13ch;font-size:clamp(40px,5.5vw,68px);line-height:.94}.landing-copy>p:not(.eyebrow){max-width:650px;color:var(--ink-soft);font-size:clamp(16px,1.5vw,19px)}.hero-actions,.hero-proof{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.public-cta{border-radius:8px;min-height:46px}.hero-proof{max-width:660px;color:var(--ink-soft);font-size:12px;font-weight:800}.hero-proof span,.trust-list span{align-items:center;gap:7px;display:inline-flex}.hero-proof svg,.trust-list svg{color:var(--olive);flex:none}.hero-cascade{border:1px solid var(--line);min-height:520px;box-shadow:var(--shadow);background-color:#fffdf7;background-image:linear-gradient(90deg,#4f6f5212 1px,#0000 1px),linear-gradient(#4f6f5212 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;padding:28px 30px 24px;position:relative;overflow:hidden}.cascade-wire{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.cascade-wire path{fill:none;stroke:var(--olive);stroke-width:1.4px;stroke-dasharray:4 6;stroke-linecap:round;opacity:.45}.cascade-dot{fill:var(--olive)}.cascade-dot.dim{opacity:.55}.cascade-stack{z-index:2;gap:14px;display:grid;position:relative}.cascade-card{color:#e6dec7;background:#181b16;border:1px solid #2c3127;border-radius:9px;max-width:540px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;overflow:hidden;box-shadow:0 18px 44px #14120a47,inset 0 1px #ffffff0a}.stage-inbox{width:86%;transform:translate(0)}.stage-normalize{width:84%;margin-left:auto;transform:translate(0)}.stage-api{width:96%;transform:translate(36px)}.cascade-bar{background:#ffffff05;border-bottom:1px solid #f3eacf1a;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:8px 12px;display:grid}.cascade-lights{gap:6px;display:flex}.cascade-lights span{opacity:.7;border-radius:999px;width:9px;height:9px}.cascade-lights span:first-child{background:#e26a5f}.cascade-lights span:nth-child(2){background:#e0b441}.cascade-lights span:nth-child(3){background:#4ea966}.cascade-tag{white-space:nowrap;letter-spacing:.18em;text-transform:uppercase;border:1px solid;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:9.5px;font-weight:800;display:inline-flex}.tag-inbox{color:#d3a14d;background:#d3a14d14;border-color:#d3a14d40}.tag-normalize{color:#7da3c4;background:#7da3c414;border-color:#7da3c440}.tag-api{color:#7fb289;background:#7fb28914;border-color:#7fb28940}.cascade-hint{color:#8a8268;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10.5px;font-weight:600;overflow:hidden}.cascade-body{padding:12px 16px 14px;font-size:12px;line-height:1.65}.cascade-body-api{background:#1f2218;border-top:1px solid #f3eacf1a;font-size:13px}.cascade-cmd{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cascade-table{gap:3px;margin-top:8px;display:grid}.cascade-row{grid-template-columns:56px 1fr 64px;align-items:baseline;gap:12px;display:grid}.cascade-row.row-head{color:#8a8268;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.cascade-json{margin-top:8px}.cascade-json>div{white-space:pre}.cascade-comment-line{color:#8a8268;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:6px;font-size:11px;overflow:hidden}.cascade-api-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.cascade-chip{color:#7fb289;white-space:nowrap;letter-spacing:.06em;background:#7fb28914;border:1px solid #7fb28940;border-radius:4px;flex:none;align-items:center;gap:6px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.cascade-url{padding-left:18px}.cascade-url-path{color:#e6dec7;font-weight:600}.tok-prompt{color:#7fb289;margin-right:6px}.tok-flag,.tok-key{color:#d3a14d}.tok-num,.tok-brick{color:#cf7558}.tok-str{color:#7fb289}.tok-bool{color:#7da3c4}.tok-comment{color:#8a8268}.public-band,.trust-section{margin:0 clamp(18px,5vw,72px) clamp(18px,4vw,44px)}.public-band{border-top:1px solid var(--line);padding:clamp(34px,6vw,72px) 0}.section-heading{max-width:760px;margin-bottom:22px}.section-heading h2,.trust-section h2,.privacy-section h2{font-size:clamp(28px,4vw,54px);line-height:.98}.feature-grid,.steps-grid,.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.feature-card,.step-card,.faq-item,.roadmap-item,.privacy-section{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fffdf7e6;border-radius:8px;padding:18px}.feature-card{align-content:start;gap:12px;min-height:210px;display:grid}.feature-card svg{color:var(--brick)}.feature-card h3,.step-card h3,.faq-item h3,.roadmap-item h3{font-size:18px}.feature-card p,.step-card p,.faq-item p,.roadmap-item p,.trust-section p,.privacy-hero p{color:var(--ink-soft);font-size:15px}.split-band{grid-template-columns:minmax(260px,.72fr) minmax(360px,1.28fr);align-items:start;gap:28px;display:grid}.step-card{align-content:start;gap:10px;min-height:172px;display:grid}.step-card>span,.roadmap-item>span{color:var(--brick);text-transform:uppercase;font-size:12px;font-weight:900}.trust-section{border:1px solid var(--line);background:var(--olive-deep);color:#fff8e9;box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(260px,.44fr);align-items:center;gap:22px;padding:clamp(24px,5vw,44px);display:grid}.trust-section .eyebrow,.trust-section p{color:#fff8e9b8}.trust-list{gap:10px;display:grid}.trust-list span{color:#fff8e9;background:#fff8e914;border:1px solid #fff8e929;border-radius:8px;min-height:42px;padding:0 12px;font-weight:800}.trust-list svg{color:#d8bd77}.roadmap-list{gap:10px;display:grid}.roadmap-item{grid-template-columns:94px minmax(0,.36fr) minmax(0,1fr);align-items:center;gap:14px;display:grid}.roadmap-item.active{box-shadow:inset 4px 0 0 var(--olive), var(--shadow-soft);border-color:#4f6f5280}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin:20px clamp(18px,5vw,72px) 0;padding:22px 0 36px;display:flex}.public-footer>div:last-child{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.public-footer a{color:var(--ink-soft);align-items:center;gap:4px;font-weight:800;display:inline-flex}.privacy-site{background:linear-gradient(180deg, #fffdf7 0, var(--paper) 360px), var(--paper)}.privacy-hero{gap:16px;padding:clamp(36px,7vw,88px) clamp(18px,5vw,72px) 26px;display:grid}.privacy-hero h1{max-width:920px;font-size:clamp(42px,7vw,88px)}.privacy-hero p{max-width:800px;font-size:17px}.privacy-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:22px;padding:0 clamp(18px,5vw,72px) clamp(30px,6vw,76px);display:grid}.privacy-index{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fffdf7eb;border-radius:8px;gap:2px;padding:10px;display:grid;position:sticky;top:94px}.privacy-index a{color:var(--ink-soft);border-radius:7px;padding:8px 9px;font-size:13px;font-weight:800}.privacy-index a:hover{color:var(--olive-deep);background:#4f6f521a}.privacy-content{gap:12px;display:grid}.privacy-section{gap:14px;scroll-margin-top:92px;display:grid}.privacy-section h2{font-size:clamp(24px,3vw,36px)}.privacy-section ul{color:var(--ink-soft);gap:8px;margin:0;padding-left:20px;display:grid}.app-shell{background:linear-gradient(90deg, #263f2e0d, transparent 33%), linear-gradient(180deg, #fbf8ef 0, var(--paper) 420px);grid-template-columns:264px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--olive-deep);color:#f8f2e5;grid-template-rows:auto 1fr auto;gap:28px;height:100vh;padding:22px;display:grid;overflow:hidden}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:var(--olive-deep);border-radius:8px;place-items:center;width:40px;height:40px;display:grid;overflow:hidden;box-shadow:0 12px 22px #263f2e38}.brand-mark img{width:100%;height:100%;display:block}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup span{color:#f8f2e5ad;font-size:12px}.nav-list{align-content:start;gap:8px;display:grid}.nav-button{color:#f8f2e5;text-align:left;background:0 0;border:1px solid #f8f2e51f;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;transition:background .16s,transform .16s,border-color .16s;display:flex}.nav-button:hover{background:#f8f2e514}.nav-button.active{color:var(--olive-deep);background:#f8f2e5;border-color:#f8f2e5;transform:translate(2px)}.sidebar-user{border-top:1px solid #f8f2e524;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding-top:18px;display:grid}.avatar{background:#f8f2e51f;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.sidebar-user strong,.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-user span{color:#f8f2e5a8;font-size:12px}.workspace{overscroll-behavior:contain;align-content:start;gap:18px;min-width:0;height:100vh;padding:26px clamp(18px,4vw,44px) 42px;display:grid;overflow-y:auto}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.topbar h1{font-size:clamp(30px,3.4vw,48px)}.topbar-actions{align-items:center;gap:10px;display:flex}.search-shell{border:1px solid var(--line);min-width:220px;height:40px;color:var(--muted);box-shadow:var(--shadow-soft);background:#fffdf7c7;border-radius:999px;align-items:center;gap:9px;padding:0 14px;display:flex}.eyebrow{text-transform:uppercase;color:var(--brick);margin-bottom:6px;font-size:11px;font-weight:800}.content-grid{grid-template-columns:minmax(280px,.76fr) minmax(360px,1.24fr);align-items:start;gap:14px;display:grid}.content-grid.two-column{grid-template-columns:minmax(300px,.72fr) minmax(420px,1.28fr)}.panel{border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);background:#fffdf7eb;padding:18px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.panel-heading>svg{color:var(--olive)}.compose-panel,.setup-panel{position:relative}.setup-panel{align-content:space-between;min-height:286px;display:grid}.panel-copy{color:var(--ink-soft);max-width:36rem;margin:0 0 16px}.list-panel,.wide-panel{min-height:286px}.wide-panel{grid-column:1/-1}.data-panel{min-height:300px}.form-stack{gap:12px;display:grid}.form-stack label{color:var(--ink-soft);gap:6px;font-size:12px;font-weight:700;display:grid}.primary-button,.quiet-button,.icon-button,.icon-only{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:inline-flex}.primary-button{background:var(--olive-deep);color:#fff8e9;min-height:42px;padding:0 14px;font-weight:800;box-shadow:0 14px 24px #263f2e2e}.primary-button.compact{min-height:36px;box-shadow:none;padding:0 12px}.primary-button:hover:not(:disabled),.quiet-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.icon-only:hover:not(:disabled){transform:translateY(-1px)}.quiet-button{border-color:var(--line);min-height:36px;color:var(--ink);background:#fffaf0;padding:0 12px;font-weight:700}.danger-text{color:var(--brick)}.icon-button,.icon-only{border-color:var(--line);width:40px;height:40px;color:var(--ink);background:#fffaf0}.icon-only{width:32px;height:32px}.resource-list{gap:8px;display:grid}.resource-row{border:1px solid var(--line);width:100%;min-height:66px;color:var(--ink);text-align:left;background:#fffaf0;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.api-key-list{gap:10px;display:grid}.api-key-card{width:100%;min-height:74px;color:var(--ink);text-align:left;background:#fffdf7d1;border:1px solid #ded4c2f2;border-radius:8px;grid-template-columns:minmax(240px,1fr) minmax(280px,auto) auto;align-items:center;gap:12px;padding:10px 12px;transition:background .16s,border-color .16s,box-shadow .16s;display:grid}.api-key-card:hover{background:#fffdf7;border-color:#b9a991f2}.api-key-card.active{border-color:#4f6f5275;box-shadow:0 10px 24px #352b1c0f}.api-key-identity{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;min-width:0;display:grid}.api-key-icon{width:36px;height:36px;color:var(--olive);background:#4f6f521a;border-radius:8px;place-items:center;display:grid}.api-key-copy{gap:3px;min-width:0;display:grid}.api-key-copy strong{overflow-wrap:anywhere;font-size:14px;line-height:1.2;display:block}.api-key-copy code{width:max-content;max-width:100%;color:var(--muted);overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.api-key-meta{background:#f4f1e894;border:1px solid #ded4c2b8;border-radius:8px;grid-template-columns:128px 104px;justify-content:center;align-items:center;gap:14px;min-width:0;padding:8px 10px;display:grid}.resource-row.active{border-color:var(--olive);box-shadow:inset 4px 0 0 var(--olive)}.resource-row strong,.resource-row small{overflow-wrap:anywhere;display:block}.resource-row small,.resource-row em{color:var(--muted);font-size:12px;font-style:normal}.status-control{color:var(--muted);justify-items:start;gap:4px;display:grid}.status-control small{text-transform:uppercase;font-size:10px;font-weight:800}.status-control em{color:var(--muted);font-size:11px;font-style:normal}.status-switch{border:1px solid var(--line);width:98px;min-height:28px;color:var(--ink-soft);text-transform:capitalize;background:#eee6d8;border-radius:999px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:5px;padding:3px 9px 3px 5px;font-size:12px;font-weight:800;transition:background .16s,border-color .16s,color .16s;display:grid}.status-switch span{grid-area:1/2}.status-switch i{background:#fffdf7;border-radius:999px;grid-area:1/1;place-items:center;width:18px;height:18px;display:grid;box-shadow:0 1px 4px #352b1c24}.status-switch.active{color:var(--olive-deep);background:#4f6f521f;border-color:#4f6f5252;grid-template-columns:minmax(0,1fr) 20px;padding:3px 5px 3px 9px}.status-switch.active span{grid-area:1/1}.status-switch.active i{grid-area:1/2}.last-used{color:var(--ink-soft);text-align:left;justify-items:start;gap:3px;display:grid}.last-used small{text-transform:uppercase;color:var(--muted);font-size:10px}.last-used strong{font-size:12px}.key-actions{justify-content:flex-end;align-items:center;display:flex}.key-actions .quiet-button{background:0 0;border-color:#0000;min-width:88px}.revoked-note{color:var(--muted);font-size:12px;font-weight:800}.resource-icon{width:36px;height:36px;color:var(--olive);background:#4f6f521f;border-radius:7px;place-items:center;display:grid}.pill{border:1px solid var(--line);color:var(--ink-soft);background:#fffaf0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.folder-tile{border:1px solid var(--line);background:#fffaf0;border-radius:8px;align-content:center;gap:3px;min-height:78px;padding:12px;display:grid}.folder-tile span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.message-list{gap:8px;display:grid}.message-row{border:1px solid var(--line);background:#fffaf0;border-radius:8px;gap:3px;padding:12px;display:grid}.message-row span,.message-row small{color:var(--muted);overflow-wrap:anywhere}.empty-state{border:1px dashed var(--line-strong);text-align:center;min-height:180px;color:var(--muted);border-radius:8px;align-content:center;place-items:center;gap:8px;padding:20px;display:grid}.empty-state svg{color:var(--gold)}.empty-state strong{color:var(--ink)}.skeleton-list{gap:10px;display:grid}.skeleton-list span{background:linear-gradient(90deg,#eee3d0,#fff8ea,#eee3d0) 0 0/220% 100%;border-radius:8px;height:62px;animation:1.15s ease-in-out infinite shimmer}.secret-box{background:#3d5f7c14;border:1px solid #3d5f7c47;border-radius:8px;gap:10px;margin-top:16px;padding:14px;display:grid}.inline-secret{margin:0 0 14px}.secret-box span{color:var(--muted);font-size:12px}.secret-box code{overflow-wrap:anywhere;color:var(--blue);background:#fffdf7;border-radius:7px;padding:10px;display:block}.docs-layout{grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);gap:14px;display:grid}.code-block{color:#f8f2e5;background:#1f241f;border-radius:8px;overflow:hidden}.doc-step-list{gap:12px;display:grid}.doc-step{grid-template-columns:34px minmax(0,1fr);gap:12px;display:grid}.doc-step p{color:var(--muted);margin:5px 0 10px}.step-number{width:30px;height:30px;color:var(--olive-deep);background:#4f6f521f;border-radius:50%;place-items:center;font-weight:900;display:grid}.code-block span{color:#d8bd77;border-bottom:1px solid #f8f2e51f;padding:10px 12px;font-size:12px;font-weight:800;display:block}.code-block pre,.spec-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:14px;overflow:auto}.docs-note{color:var(--ink-soft);align-items:flex-start;gap:10px;margin-top:12px;display:flex}.spec-panel{min-height:460px}.spec-panel pre{border:1px solid var(--line);background:#fffaf0;border-radius:8px;max-height:640px}.toast{z-index:60;border:1px solid var(--line);background:var(--panel);max-width:min(440px,100vw - 44px);min-height:48px;box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:10px;padding:12px 14px;animation:.22s ease-out toastIn;display:flex;position:fixed;bottom:22px;right:22px}.modal-backdrop{z-index:30;background:#1c1a1761;place-items:center;padding:18px;animation:.16s ease-out modalFade;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:min(520px,100%);padding:18px;animation:.18s ease-out modalIn;box-shadow:0 28px 80px #1c1a1742}.modal-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.toast-success svg{color:var(--olive)}.toast-error svg,.inline-alert.error svg{color:var(--brick)}.auth-layout{background:linear-gradient(135deg, #4f6f522e, transparent 40%), linear-gradient(180deg, #fff9ea, var(--paper));grid-template-columns:minmax(0,1fr) minmax(340px,430px);min-height:100vh;display:grid}.auth-product{grid-template-rows:auto 1fr auto;gap:28px;padding:clamp(28px,5vw,64px);display:grid}.auth-brand span{color:var(--muted)}.auth-hero{align-self:center;gap:18px;max-width:760px;display:grid}.auth-hero p:not(.eyebrow){max-width:620px;color:var(--ink-soft);font-size:17px}.auth-rail{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.auth-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf7eb;border-radius:8px;align-self:center;gap:16px;margin:clamp(18px,4vw,44px);padding:18px;display:grid}.mode-switch{border:1px solid var(--line);background:#fffaf0;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;height:44px;padding:4px;display:grid}.mode-switch button{color:var(--ink-soft);background:0 0;border:0;border-radius:6px;font-weight:800}.mode-switch button.active{background:var(--olive-deep);color:#fff8e9}.inline-alert{border:1px solid var(--line);color:var(--ink-soft);background:#fffaf0;border-radius:8px;align-items:center;gap:9px;padding:10px 12px;display:flex}.boot-screen{background:var(--paper);align-content:center;place-items:center;gap:10px;min-height:100vh;display:grid}.boot-screen span{color:var(--muted)}.mail-flight{width:144px;height:92px;position:relative}.flight-path{border:1px dashed #4f6f525c;border-radius:50%;position:absolute;inset:16px 10px}.flying-mail{background:var(--olive-deep);color:#fff8e9;box-shadow:var(--shadow);border-radius:8px;place-items:center;display:grid;position:absolute}.flying-mail.primary{width:58px;height:44px;animation:2.4s cubic-bezier(.22,1,.36,1) infinite mailFly}.flying-mail.ghost{opacity:.68;width:36px;height:28px;animation:2.4s cubic-bezier(.22,1,.36,1) infinite mailFlyGhost}.spin{animation:.9s linear infinite spin}@keyframes shimmer{to{background-position:-220% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes mailFly{0%{transform:translateY(34px)rotate(-9deg)}35%{transform:translate(72px)rotate(8deg)}70%{transform:translate(86px,46px)rotate(-4deg)}to{transform:translateY(34px)rotate(-9deg)}}@keyframes mailFlyGhost{0%{transform:translate(96px,12px)rotate(12deg)}45%{transform:translate(30px,54px)rotate(-6deg)}to{transform:translate(96px,12px)rotate(12deg)}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}}@keyframes modalFade{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=980px){.landing-hero,.split-band,.trust-section,.privacy-layout{grid-template-columns:1fr}.landing-hero{min-height:auto}.landing-copy h1{max-width:12ch}.hero-cascade{min-height:540px}.feature-grid,.steps-grid,.faq-grid{grid-template-columns:1fr}.roadmap-item{grid-template-columns:84px minmax(0,1fr)}.roadmap-item p{grid-column:2}.privacy-index{grid-template-columns:repeat(2,minmax(0,1fr));position:relative;top:auto}.app-shell,.auth-layout{grid-template-columns:1fr}.app-shell{height:auto;min-height:100vh;overflow:visible}.sidebar{grid-template-rows:auto auto auto;height:auto;min-height:auto;overflow:visible}.workspace{height:auto;overflow:visible}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid,.content-grid.two-column,.docs-layout{grid-template-columns:1fr}.auth-card{align-self:stretch}}@media (width<=640px){.public-nav{flex-direction:column;align-items:flex-start;position:relative}.public-nav nav{justify-content:flex-start;width:100%}.landing-hero,.privacy-hero,.privacy-layout{padding-left:18px;padding-right:18px}.public-band,.trust-section,.public-footer{margin-left:18px;margin-right:18px}.landing-copy h1{font-size:48px}.hero-cascade{min-height:540px;padding:22px 18px 18px}.stage-inbox,.stage-normalize,.stage-api{width:100%;margin-left:0;transform:none}.cascade-wire{display:none}.cascade-body-api{font-size:12px}.cascade-row{grid-template-columns:52px 1fr 56px}.privacy-index{grid-template-columns:1fr}.public-footer{flex-direction:column;align-items:flex-start}.workspace,.auth-product{padding:18px}.topbar,.topbar-actions{flex-direction:column;align-items:stretch}.search-shell{width:100%;min-width:0}.nav-list{grid-template-columns:1fr}.resource-row{grid-template-columns:34px minmax(0,1fr)}.api-key-card{grid-template-columns:minmax(0,1fr)}.api-key-meta{grid-template-columns:minmax(0,1fr);justify-content:stretch;padding:10px}.resource-row em,.resource-row .icon-only{text-align:left;grid-column:2;justify-self:start}.status-control,.last-used,.key-actions{text-align:left;justify-self:stretch;justify-items:start}.key-actions{justify-content:flex-start}}