:root{--bg:#0e1012;--panel:#17191e;--panel2:#202329;--line:#30343c;--text:#f2f4ef;--muted:#969ba4;--accent:#d4f479;--accent-dark:#202a14;--radius:16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}input,textarea,select{outline:none;color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-wrap{max-width:1200px;margin:auto;padding:0 26px}.site-header{position:sticky;top:0;background:#0e1012e8;backdrop-filter:blur(18px);border-bottom:1px solid #2b2e33;z-index:50}.site-header .site-wrap{height:73px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brandmark{display:flex;align-items:center;gap:11px;white-space:nowrap}.mark-symbol{width:36px;height:36px;border-radius:11px;background:var(--accent);color:#1b2112;display:grid;place-items:center;font-size:25px;font-weight:900}.brandmark b{font-size:17px;letter-spacing:-.8px}.brandmark em{color:var(--accent);font-style:normal}.site-nav{display:flex;gap:29px;align-items:center}.site-nav a{font-size:12px;color:#adb0b6;font-weight:580}.site-nav a.current,.site-nav a:hover{color:var(--accent)}.actions{display:flex;gap:12px;align-items:center}.button{border:1px solid #41464d;padding:12px 17px;background:#24272c;color:#f6f7f0;border-radius:9px;font-weight:650;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.16s}.button:hover{border-color:#6d7665;transform:translateY(-1px)}.button.primary{background:var(--accent);border-color:var(--accent);color:#1d2416}.button.ghost{background:transparent}.button.wide{width:100%}.site-mobile{display:none}.pill-small{display:inline-flex;gap:9px;align-items:center;border:1px solid #4f5744;color:#d0e7a6;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:640;letter-spacing:.3px}.pill-small:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero{padding:106px 0 80px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:64px}.eyebrow{font-size:11px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;font-weight:760}.hero h1{font-size:clamp(49px,6vw,82px);line-height:1.035;letter-spacing:-4.4px;margin:26px 0 26px;font-weight:750}.hero h1 span{color:var(--accent)}.lead{font-size:16px;line-height:1.85;color:#a9aeb4;max-width:560px}.hero-ctas{display:flex;gap:13px;flex-wrap:wrap;margin:33px 0}.hero-foot{color:#7e8489;font-size:12px;margin-top:35px;display:flex;align-items:center;gap:15px}.mini-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;vertical-align:middle;margin-right:5px}.preview-panel{border:1px solid #3b4243;border-radius:19px;background:linear-gradient(140deg,#21252a,#13161a);padding:22px;box-shadow:0 35px 95px #0006;position:relative}.preview-panel:before{content:'';position:absolute;width:220px;height:220px;border-radius:100%;background:#7c995533;filter:blur(80px);top:-60px;right:-55px;pointer-events:none}.preview-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.preview-label{font-size:11px;color:#a7adab}.preview-title{font-weight:680;font-size:16px}.preview-balance{font-size:42px;letter-spacing:-2px;font-weight:760;margin:15px 0 8px}.preview-small{color:#8e979b;font-size:11px}.preview-statgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.preview-stat{background:#181c1f;border:1px solid #31383a;padding:16px;border-radius:12px}.preview-stat strong{font-size:20px;display:block;margin-top:12px}.preview-bars{height:115px;display:flex;gap:9px;align-items:end;border-bottom:1px solid #485047;margin-top:23px;padding-bottom:5px}.preview-bars span{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#d4f479,#627e43);opacity:.83}.preview-caption{font-size:10px;color:#838c8b;margin-top:10px}.section{padding:72px 0}.section-head{max-width:730px;margin-bottom:32px}.section-head h2,.page-hero h1{font-size:clamp(32px,4vw,50px);letter-spacing:-2px;line-height:1.13;margin:13px 0 15px}.section-head p,.page-hero p{color:#999fa5;line-height:1.8;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{background:#191c20;border:1px solid #30343a;border-radius:15px;padding:27px;min-height:210px}.feature-icon{height:45px;width:45px;border:1px solid #4b5641;background:#2a3226;color:var(--accent);border-radius:11px;display:grid;place-items:center;font-size:22px}.feature h3{margin:22px 0 10px;font-size:16px}.feature p{font-size:12px;color:#989fa4;line-height:1.75;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step{padding:24px;border-top:1px solid #485342}.step small{color:var(--accent);font-weight:770}.step h3{font-size:16px;margin:17px 0 10px}.step p{font-size:12px;line-height:1.75;color:#9da3a5}.cta-section{margin:56px 0 90px;padding:50px;border:1px solid #47523b;border-radius:18px;background:radial-gradient(circle at 80% 50%,#4b69332c,transparent 40%),#1a201c;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-section h2{margin:0 0 10px;font-size:30px;letter-spacing:-1px}.cta-section p{color:#a9b6a7;line-height:1.7;max-width:550px}.site-footer{border-top:1px solid #292d31;padding:32px 0;color:#848c90;font-size:11px}.site-footer .site-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.page-hero{padding:75px 0 36px;max-width:760px}.page-layout{min-height:57vh}.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.surface{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:26px;min-width:0}.surface h3{font-size:16px;margin:4px 0 13px}.surface p,.surface li{color:#a6abb0;font-size:12px;line-height:1.85}.surface ul{padding-left:20px}.surface .muted{color:#808892;font-size:11px}.badge{display:inline-flex;padding:6px 9px;border:1px solid #4a5840;background:#2a3327;color:#c8e8a5;border-radius:7px;font-size:10px;font-weight:680}.line{border:0;border-top:1px solid var(--line);margin:22px 0}.field{display:grid;gap:8px;margin-bottom:18px}.field label{font-weight:650;font-size:12px;color:#c4c9c9}.field input,.field select,.field textarea{width:100%;padding:13px 15px;border-radius:10px;background:#111317;border:1px solid #3f454c;min-width:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:#a2c373}.field textarea{min-height:110px;resize:vertical}.form-hint{color:#8d959c;font-size:11px;line-height:1.65}.alert{padding:13px;border:1px solid #526049;border-radius:11px;background:#262c23;color:#d3e5c4;font-size:12px;line-height:1.6;margin:15px 0}.alert.error{border-color:#72524c;background:#312522;color:#ffc0b6}.auth-center{max-width:455px;margin:55px auto 90px}.auth-center h1{font-size:34px;margin:14px 0 10px;letter-spacing:-1.5px}.auth-center p{line-height:1.7;color:#9ca2a9;font-size:13px}.auth-switch{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.auth-switch a{color:var(--accent);font-size:12px}.code-sample{border:1px solid #3c4541;border-radius:11px;background:#0f1213;color:#d7e6cf;padding:20px;line-height:1.8;font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto;white-space:pre}.table-frame{border:1px solid var(--line);border-radius:14px;overflow:auto;background:#171a1e}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th,td{padding:15px 18px;border-bottom:1px solid #2c3237;font-size:12px}th{color:#929aa0;font-size:10px;letter-spacing:1px;text-transform:uppercase}tr:last-child td{border-bottom:0}.muted{color:#99a1a9}.hide{display:none!important}
/* workspace */
.ws-shell{min-height:100vh;display:flex}.ws-aside{width:262px;position:sticky;top:0;flex-shrink:0;height:100vh;background:#14171a;border-right:1px solid #2b3035;padding:26px 15px;display:flex;flex-direction:column}.ws-aside .brandmark{margin:0 10px 30px}.ws-aside .workspace-id{background:#21262a;border:1px solid #333d3c;border-radius:10px;padding:15px;margin:0 4px 29px}.workspace-id span{font-size:11px;color:#879097}.workspace-id strong{display:block;margin-top:6px;font-size:13px}.ws-group{font-size:10px;color:#737e84;letter-spacing:1.4px;margin:0 14px 13px;font-weight:700}.ws-nav{display:grid;gap:3px}.ws-nav button{background:transparent;border:0;text-align:left;color:#a4abb0;padding:12px 14px;border-radius:9px;font-size:12px;display:flex;gap:13px;align-items:center;width:100%;font-weight:600}.ws-nav button.selected,.ws-nav button:hover{background:#2a312b;color:#e6f3d3}.ws-nav button span{font-size:17px;min-width:20px;color:var(--accent)}.ws-aside .ws-bottom{margin-top:auto;border-top:1px solid var(--line);padding:18px 9px 0}.ws-main{flex:1;min-width:0}.ws-top{display:flex;align-items:center;justify-content:space-between;height:72px;border-bottom:1px solid #292e34;padding:0 38px}.ws-top small{color:#949ca4}.ws-content{max-width:1350px;margin:0 auto;padding:38px}.ws-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}.ws-title h1{font-size:30px;letter-spacing:-1px;margin:9px 0 8px}.ws-title p{font-size:12px;color:#939ba1;margin:0;line-height:1.8}.ws-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ws-stats{border:1px solid #34383e;background:#191d20;border-radius:14px;padding:22px}.ws-stats span{color:#a7afb2;font-size:11px}.ws-stats strong{font-size:26px;font-weight:730;letter-spacing:-1px;margin:16px 0 9px;display:block;overflow-wrap:anywhere}.ws-stats small{color:#7e898e;font-size:11px}.ws-panel{border:1px solid #34383e;background:#181c1f;border-radius:14px;padding:24px;margin-top:17px;min-width:0}.ws-panel h3{margin:0 0 16px;font-size:15px}.ws-panel>p{color:#9aa4a6;font-size:12px;line-height:1.75}.ws-cols{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.ws-grid .ws-panel{margin-top:0}.ws-copy{display:flex;align-items:center;gap:12px;background:#101415;border:1px solid #323b36;border-radius:10px;padding:11px 13px;min-width:0}.ws-copy code{color:#d4f479;overflow-wrap:anywhere;flex:1;font-size:12px}.ws-copy .button{padding:8px 12px}.ws-menu{display:none}.ws-mobile-cover{display:none}.key-secret{word-break:break-all;color:#d4f479;font:12px ui-monospace,Consolas,monospace}.ws-empty{text-align:center;padding:42px 15px;color:#8b969a}.ws-empty strong{display:block;color:#e2e7e4;margin:12px 0}.ws-status{font-size:11px;border-radius:99px;padding:6px 10px;display:inline-flex;background:#263527;border:1px solid #3b533c;color:#b7e3b0}.ws-status.warn{background:#382e25;color:#ebc99c;border-color:#60503c}.ws-alert{margin:16px 0}.ws-forms{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ws-forms>*{min-width:0}.ws-stack{display:grid;gap:13px}.ws-top a{font-size:11px;color:var(--accent)}
@media(max-width:1080px){.hero{grid-template-columns:1fr;gap:32px;padding-top:72px}.preview-panel{max-width:650px}.feature-grid,.cards-3{grid-template-columns:repeat(2,1fr)}.ws-cols{grid-template-columns:1fr}.ws-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.site-header .site-wrap{height:67px}.site-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#171a1d;border-bottom:1px solid var(--line);padding:18px 26px;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.site-mobile{display:block;background:none;border:1px solid var(--line);color:white;border-radius:8px;font-size:20px;padding:4px 10px}.actions .ghost{display:none}.site-wrap{padding:0 20px}.feature-grid,.cards-2,.cards-3,.steps{grid-template-columns:1fr}.section{padding:46px 0}.hero h1{letter-spacing:-2.7px}.cta-section{padding:28px;flex-direction:column;align-items:flex-start;margin:34px 0 55px}.ws-aside{position:fixed;z-index:50;left:0;transform:translateX(-110%);transition:transform .2s}.ws-aside.open{transform:none}.ws-mobile-cover.open{position:fixed;inset:0;background:#000b;display:block;z-index:49}.ws-menu{display:block;background:#252b2a;color:white;border:1px solid var(--line);border-radius:8px;padding:6px 11px}.ws-content{padding:24px 17px}.ws-top{padding:0 18px}.ws-grid,.ws-forms{grid-template-columns:1fr}.ws-title{align-items:flex-start;flex-direction:column}.ws-stats strong{font-size:24px}}
@media(max-width:450px){.hero h1{font-size:45px}.hero{padding-top:55px}.hero-ctas .button{flex:1}.site-header .actions .button{padding:10px 12px}.site-wrap{padding:0 16px}.auth-center{margin-top:28px}.preview-balance{font-size:34px}.ws-panel{padding:16px}}

/* Unified role assignment table */
#ws-root select, #root select, .data-table select {max-width:190px; min-width:0; margin:3px 4px 3px 0; padding:7px 9px; background:#14171a; color:#e7ebed; border:1px solid #3b4146; border-radius:8px; font-size:12px;}
#ws-root select:focus-visible, #root select:focus-visible, .data-table select:focus-visible {outline:2px solid #b9db66;outline-offset:2px;}

/* v0.8 polish: tighter rhythm, consistent controls and accessible contrast */
:root{--card-radius:16px;--control-radius:10px}button,a,input,select,textarea{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.54}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d3ef8f;outline-offset:3px}p{max-width:75ch}table td{vertical-align:middle}.ws-panel,.surface,.feature,.ws-stats,.panel{box-shadow:0 1px 0 rgba(255,255,255,.018)}.ws-panel,.surface{border-radius:var(--card-radius)}.ws-content{max-width:1270px;padding:32px 34px 70px}.ws-title{margin-bottom:24px}.ws-title h1{font-size:clamp(26px,3.3vw,34px);line-height:1.15}.ws-title p{font-size:13px}.ws-panel{padding:25px;margin-top:16px}.ws-grid,.ws-cols{gap:18px}.ws-nav button{min-height:44px}.ws-copy{align-items:center;flex-wrap:wrap}.ws-copy code{min-width:140px;max-width:100%;user-select:text}.auth-center{padding:34px;margin-top:65px}.site-header .site-wrap{gap:20px}.site-nav{gap:22px}.preview-panel{min-width:0}.ws-status{white-space:nowrap}.tiny-button,.button,.primary-button,.muted-button{min-height:38px}.table-frame table{min-width:550px}body{overflow-x:hidden}@media(max-width:800px){.ws-content{padding:24px 16px 60px}.auth-center{padding:24px;margin-top:24px}.ws-panel{padding:19px}.site-header .actions{gap:7px}.site-wrap{padding:0 20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Re-authentication dialog for controlled credential reveal */
.credential-shade{position:fixed;inset:0;z-index:1001;background:rgba(5,7,8,.79);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.credential-dialog{width:min(100%,440px);padding:30px;border-radius:18px;border:1px solid #434c43;background:#1b1f21;color:#eff1e9;box-shadow:0 24px 80px #000b}.credential-dialog h2{font-size:23px;letter-spacing:-.7px;margin:0 0 9px}.credential-dialog p{font-size:13px;line-height:1.65;color:#a8b0aa;margin:0 0 23px}.credential-dialog label{display:grid;gap:9px;color:#d8e0d7;font-size:13px;font-weight:600}.credential-dialog input{width:100%;height:44px;border:1px solid #56635a;border-radius:10px;background:#101416;color:#fff;padding:10px 13px}.credential-dialog .credential-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;flex-wrap:wrap}.credential-dialog .button{border:1px solid #516050;border-radius:10px;padding:11px 16px;background:#292f2b;color:#eee}.credential-dialog .button.primary{background:#d0f08a;color:#192016;border-color:#d0f08a;font-weight:700}.credential-dialog input:focus-visible,.credential-dialog button:focus-visible{outline:2px solid #d5f59d;outline-offset:2px}@media(max-width:480px){.credential-dialog{padding:22px}.credential-actions .button{flex:1}}

/* Commerce navigation and enhanced public showcase */
.ws-wallet-link,.finance-admin-link{display:flex;align-items:center;gap:13px;padding:12px 14px;color:#b9c6af;font-weight:650;font-size:12px;text-decoration:none;border:1px solid #404e3c;border-radius:10px;margin:6px 0;background:#242d22}.ws-wallet-link:hover,.finance-admin-link:hover{color:#d4f479;border-color:#d4f479}.finance-admin-link{margin:2px 10px}
.showcase{padding:54px 0 90px;position:relative;isolation:isolate}.showcase:before{content:"";position:absolute;top:-200px;left:15%;width:660px;height:630px;max-width:85vw;background:radial-gradient(ellipse,#a8cd4e17,transparent 65%);z-index:-1;pointer-events:none}.showcase-pill{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #54623d;border-radius:100px;color:#d7edac;font-size:12px;letter-spacing:.03em}.showcase-pill i{width:7px;height:7px;border-radius:50%;background:#d4f479;box-shadow:0 0 0 5px #d4f4791f}.showcase-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;margin:55px 0 95px}.showcase-hero h1{font-size:clamp(52px,6.5vw,94px);line-height:1.04;letter-spacing:-5px;margin:25px 0}.showcase-hero h1 span{color:#d4f479}.showcase-lead{font-size:18px;color:#b4bcb7;line-height:1.7;max-width:570px}.showcase-controls{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.showcase-proof{display:flex;gap:24px;align-items:center;flex-wrap:wrap;color:#97a699;font-size:12px}.showcase-proof b{color:#dfebdf}.showcase-orbit{border:1px solid #405040;border-radius:24px;min-height:400px;padding:26px;background:linear-gradient(155deg,#222d23,#121918 70%);box-shadow:0 20px 90px #0006;position:relative;overflow:hidden}.showcase-orbit:before{content:"";position:absolute;width:410px;height:410px;border:1px solid #7d9d593b;border-radius:50%;top:-160px;right:-150px;box-shadow:0 0 0 42px #7d9d5912,0 0 0 95px #7d9d5909;animation:float-orbit 9s ease-in-out infinite}.showcase-orbit .code-tag{position:relative;color:#d4f479;font-size:11px;font-weight:750;letter-spacing:.15em}.showcase-terminal{position:relative;border:1px solid #4b5e44;border-radius:15px;background:#0c1211eb;padding:19px;margin:38px 0 15px;box-shadow:0 22px 50px #0008}.showcase-terminal pre{margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word;font:12px/1.9 ui-monospace,monospace;color:#d7e0d2}.showcase-terminal .token-key{color:#e1d98f}.showcase-terminal .token-str{color:#b6ea87}.showcase-orbit .service-route{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:10px;border:1px solid #344438;background:#1d2920e0;padding:14px 17px;color:#bac6b7;position:relative;font-size:12px}.service-route .route-pill{color:#d4f479;background:#d4f47914;border:1px solid #5d744a;padding:4px 8px;border-radius:100px;font-size:10px}.showcase-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#d4f479;font-weight:750}.showcase-section{padding:50px 0 75px}.showcase-section h2{font-size:clamp(34px,4.6vw,57px);letter-spacing:-2.5px;line-height:1.13;margin:15px 0}.showcase-section>p{color:#9fae9f;max-width:660px;line-height:1.8}.showcase-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.showcase-feature{background:#171e1a;border:1px solid #303d33;border-radius:20px;padding:30px;min-height:225px;position:relative;overflow:hidden}.showcase-feature .feature-number{font:12px ui-monospace,monospace;color:#b4d57e}.showcase-feature h3{font-size:22px;letter-spacing:-.6px;margin:30px 0 10px}.showcase-feature p{font-size:13px;color:#aab6a9;line-height:1.65}.showcase-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid #455445;border-bottom:1px solid #455445;padding:25px 0}.showcase-metrics strong{display:block;font-size:25px;color:#eff3ea}.showcase-metrics span{color:#98a998;font-size:11px}.showcase-url{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#202b20;border:1px solid #4b6145;border-radius:14px;margin:25px 0}.showcase-url code{font-size:13px;word-break:break-all;color:#d7eea2}.showcase-url button{white-space:nowrap;border:1px solid #80986d;background:#d4f479;color:#132013;border-radius:10px;padding:10px 18px;font-weight:750}.showcase-process{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.showcase-step{padding:25px 0;border-top:1px solid #57674b}.showcase-step b{display:block;color:#d4f479;font-size:12px}.showcase-step h3{font-size:20px;margin:21px 0 12px}.showcase-step p{color:#a0aca1;line-height:1.6}.showcase-cta{text-align:center;background:radial-gradient(ellipse at 50% 0%,#58703740,#172019 70%);padding:65px 30px;border:1px solid #455845;border-radius:25px;margin-top:70px}.showcase-cta h2{font-size:clamp(35px,4.5vw,55px);letter-spacing:-2px}.showcase-cta p{max-width:590px;margin:0 auto 25px;color:#b6c4b2;line-height:1.7}.showcase-code-copy{cursor:pointer}.showcase-code-copy:hover{box-shadow:0 0 0 3px #d4f4793b}@keyframes float-orbit{0%,100%{transform:translateY(0)}50%{transform:translateY(14px)}}@media(max-width:900px){.showcase-hero{grid-template-columns:1fr;gap:28px;margin-top:20px}.showcase-orbit{min-height:330px}.showcase-feature-grid,.showcase-process{grid-template-columns:1fr}.showcase-hero h1{letter-spacing:-3px}.showcase-metrics{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.showcase-orbit:before{animation:none}}@media(max-width:540px){.showcase-url{flex-direction:column;align-items:flex-start}.showcase-hero h1{font-size:52px}.showcase{padding-top:23px}.showcase-metrics{grid-template-columns:1fr}}

/* v1.2 presentation polish / main unified auth */
.account-auth-head{position:absolute;top:0;left:0;right:0;z-index:3;background:transparent!important;border:none!important}.account-auth-grid{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#101313}.account-auth-visual{background:#d4f479;color:#1b251a;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(32px,4vw,72px);padding-top:160px;overflow:hidden;position:relative}.account-auth-visual:after{content:'✳';position:absolute;font-size:430px;opacity:.12;bottom:-160px;right:-100px;pointer-events:none}.account-auth-eyebrow,.account-auth-visual small{font-weight:800;letter-spacing:2px;font-size:11px}.account-auth-visual h2{font-size:clamp(50px,5.6vw,90px);line-height:1.04;letter-spacing:-4px;margin:25px 0}.account-auth-visual h2 em{font-weight:400}.account-auth-visual p{line-height:1.8;max-width:380px;font-size:16px}.account-auth-visual .portal-points{display:flex;flex-wrap:wrap;gap:8px}.account-auth-visual .portal-points span{border:1px solid #87a752;padding:8px 13px;border-radius:40px;font-size:11px;font-weight:650}.account-auth-form{display:flex;align-items:center;justify-content:center;padding:115px 35px 50px}.account-auth-form .auth-center{max-width:445px;width:100%;border:0;background:transparent;box-shadow:none}.account-auth-form .auth-center h1{font-size:clamp(38px,3.5vw,58px);letter-spacing:-1.9px;margin-bottom:15px}.account-auth-form .auth-center input{min-height:52px}.account-auth-form .auth-center form .field{margin-top:22px}.account-auth-form .auth-center .button.primary{min-height:50px;margin-top:18px}
.ws-copy{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ws-copy code{min-width:0;overflow-wrap:anywhere;flex:1}.ws-copy .button,[data-copy],[data-model-copy],.table-frame .button{width:auto!important;max-width:max-content!important;min-height:30px;padding:7px 11px!important;font-size:12px!important}.ws-stack .button{width:100%!important;max-width:none!important}.ws-panel .table-frame .button{margin:2px}
.public-model-list{display:grid;gap:11px}.public-model-item{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(120px,.7fr) minmax(100px,1fr);gap:15px;align-items:center;padding:18px;border:1px solid #333a35;border-radius:13px;background:#1b211e}.public-model-id{font-family:ui-monospace,Consolas,monospace;color:#a4b2a8;font-size:11px;overflow-wrap:anywhere}.public-model-item .button{padding:7px 11px!important;min-height:31px!important;font-size:11px!important;margin-left:10px}.model-search{width:100%;min-height:48px;border-radius:11px;background:#171c1a;border:1px solid #444d45;color:#fff;padding:12px 15px}.model-cap{display:inline-flex;padding:4px 8px;margin:2px;border-radius:30px;background:#2b382b;color:#d6f49d;font-size:11px}
.product-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:22px 0 66px}.product-card{border:1px solid #343d35;border-radius:17px;padding:26px;background:#1b201e;display:flex;flex-direction:column;gap:13px}.product-card h3{font-size:21px}.product-card strong{color:#d4f479;font-size:31px}.product-card .button{align-self:flex-start;margin-top:auto}.product-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.product-steps article{padding:22px;border-radius:12px;border:1px solid #384139}.developer-docs{max-width:1100px;margin:0 auto 80px}.doc-block{padding:24px;margin:16px 0;border-radius:14px;background:#1b211e;border:1px solid #384238}.doc-block pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.doc-block code{font-family:ui-monospace,Consolas,monospace}.doc-inline{background:#303a30;color:#ddf4b6;border-radius:5px;padding:3px 6px}
@media(max-width:850px){.account-auth-grid{grid-template-columns:1fr}.account-auth-visual{min-height:230px;padding:100px 24px 30px}.account-auth-visual h2{font-size:46px;letter-spacing:-2px;margin:10px 0}.account-auth-visual p,.account-auth-visual .portal-points,.account-auth-visual small{display:none}.account-auth-form{padding:34px 22px 56px}.product-steps{grid-template-columns:1fr}.public-model-item{grid-template-columns:1fr}}

/* Unified account login: match the white-label portal form but keep main-site identity separate. */
.account-auth-head .brandmark {color:#1e2a13!important}
.account-auth-head .brandmark .mark-symbol{color:#253317!important}
.account-auth-head .button.ghost {background:#161b18!important;color:#e9f7df!important;border:1px solid #4d5e45!important;text-decoration:none!important}
.account-auth-form .auth-center input {background:#1c211f!important;border:1px solid #3e4b42!important;color:#eff6eb!important;border-radius:10px!important;width:100%!important;box-sizing:border-box!important;padding:12px 15px!important}
.account-auth-form .auth-center input:focus {border-color:#caef88!important;outline:2px solid rgba(210,245,140,.18)!important}
.account-auth-form .auth-center input::placeholder {color:#879387!important}
.account-auth-form .auth-center .field label{display:block;margin-bottom:8px;color:#dcebd2;font-size:12px;font-weight:650}
.account-auth-form .auth-center .button.primary{background:#d4f479!important;color:#17230e!important;border:none!important;border-radius:9px!important;font-weight:800!important}
.account-auth-form .auth-center .auth-switch{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}
.account-auth-form .auth-center .auth-switch a{color:#cee988!important;text-decoration:none!important;font-size:12px}
.account-auth-form .auth-center .auth-switch a:hover{text-decoration:underline!important}
.model-id-copy,.developer-docs [data-copy-doc-base]{width:auto!important;max-width:94px!important;min-height:30px!important;font-size:12px!important;padding:5px 10px!important}

/* v1.2.1: eliminate frosted top strip leaking across split auth background */
body:has(.account-auth-grid) .account-auth-head{position:absolute!important;inset:0 0 auto;height:78px;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border:0!important;z-index:10}
body:has(.account-auth-grid) .account-auth-head .site-wrap{max-width:none;height:78px;padding:0 clamp(26px,4vw,72px);display:flex;align-items:center;justify-content:space-between}
body:has(.account-auth-grid) .account-auth-head .brandmark{color:#1b2614}
body:has(.account-auth-grid) .account-auth-head .mark-symbol{color:#1b2614;background:transparent;border-radius:0;width:28px;height:34px;font-size:32px}
body:has(.account-auth-grid) .account-auth-head .brandmark b{font-size:15px;color:#1b2614}
body:has(.account-auth-grid) .account-auth-head .actions .button{min-height:38px}
body:has(.account-auth-grid) .account-auth-visual{padding-top:115px;min-height:100svh}
body:has(.account-auth-grid) .account-auth-form{padding:100px clamp(24px,5vw,70px) 45px;min-height:100svh}
body:has(.account-auth-grid) .account-auth-form .auth-center{margin:0 auto;padding:0;max-width:440px}
body:has(.account-auth-grid) .account-auth-form .auth-center h1{font-size:clamp(39px,3.4vw,54px);line-height:1.14;letter-spacing:-2px;margin:18px 0 12px}
body:has(.account-auth-grid) .account-auth-form .auth-center p{margin:0 0 26px}
body:has(.account-auth-grid) .account-auth-form .auth-center form .field{margin:0 0 20px;display:grid;gap:9px}
body:has(.account-auth-grid) .account-auth-form .auth-center form .field label{margin:0;line-height:1.5}
body:has(.account-auth-grid) .account-auth-form .auth-center form .field input{height:51px;min-height:51px;margin:0}
body:has(.account-auth-grid) .account-auth-form .auth-center .button.primary{margin-top:9px;min-height:49px}
body:has(.account-auth-grid) .auth-switch{margin-top:19px}
@media(max-width:850px){body:has(.account-auth-grid) .account-auth-head .site-wrap{padding:0 24px}body:has(.account-auth-grid) .account-auth-form{min-height:auto;padding:38px 24px 50px}body:has(.account-auth-grid) .account-auth-visual{min-height:380px;padding-top:105px}}
/* Unified clipboard feedback for public, retail, reseller and voucher screens. */
.global-action-feedback{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));right:24px;z-index:2005;max-width:min(440px,calc(100vw - 32px));padding:13px 18px;border-radius:12px;border:1px solid #5e8148;background:#253727;color:#e7f8d6;font-weight:650;font-size:13px;line-height:1.5;box-shadow:0 14px 45px #0009;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.global-action-feedback.visible{opacity:1;transform:translateY(0)}
.global-action-feedback[data-kind="error"]{background:#382525;border-color:#965651;color:#ffe6dd}
@media(max-width:560px){.global-action-feedback{right:16px;left:16px;max-width:none}}
@media(prefers-reduced-motion:reduce){.global-action-feedback{transition:none}}

/* Keep both lines of the developer headline legible on ordinary laptops. */
@media(min-width:851px){.account-auth-visual h2 em{font-size:clamp(44px,4.15vw,78px);white-space:nowrap}}
/* Retail/reseller/voucher workspaces: prevent lower navigation from being clipped. */
.ws-aside{height:100dvh;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#4d574c transparent}
.ws-aside .ws-nav,.ws-aside .ws-group{flex-shrink:0}
.ws-aside .ws-bottom{flex-shrink:0}

/* v1.2.2: dashboard actions have predictable alignment, compact controls and responsive flow. */
.dashboard-quick-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 10px}
.dashboard-quick-actions>.button{width:auto;max-width:100%;padding:10px 14px;min-height:40px;text-decoration:none}
.dashboard-quick-actions+.ws-panel{margin-top:16px}
.quota-group-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px;margin:18px 0 5px}
.quota-group-card{border:1px solid #3b4940;background:#191f1c;padding:17px;border-radius:12px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.quota-group-card h3{font-size:16px;margin:7px 0;overflow-wrap:anywhere}
.quota-group-card p{font-size:12px;color:#a6b5aa;line-height:1.55;margin:0}
.quota-group-amount strong{display:block;color:#d4f479;font-size:24px}
.quota-group-amount small,.quota-group-amount span{display:block;color:#a6b5aa;font-size:11px;margin-top:6px}
@media(max-width:600px){.dashboard-quick-actions{flex-direction:column;align-items:stretch}.dashboard-quick-actions>.button{max-width:none;width:100%}}

/* Coding Agent connections: focused, public-facing setup cards. */
.agent-guide{margin-bottom:70px}.agent-guide .doc-block{margin-bottom:0;min-width:0}.agent-intro{margin-bottom:18px!important}.agent-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.agent-topline h2{margin:0}.agent-config-row{display:grid;grid-template-columns:152px minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid #343940;padding:13px 0}.agent-config-row:first-of-type{margin-top:15px}.agent-config-row>span,.agent-fields span{font-size:12px;color:var(--muted)}.agent-config-row code,.agent-fields code{overflow-wrap:anywhere;color:#e5f5cc;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.agent-copy{padding:8px 13px!important}.agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.agent-card h2{font-size:20px;margin:0 0 8px}.agent-card>p{margin:8px 0 16px;color:#acb2b4;line-height:1.6;font-size:12px}.agent-card .code-sample{padding:13px;font-size:11px;margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}.agent-fields{display:grid;gap:0}.agent-fields>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid #30353c}.agent-fields>div:last-child{border-bottom:0}.agent-fields strong{font-size:12px}.agent-tag{font-size:10px;color:var(--accent);border:1px solid #47553b;padding:5px 9px;border-radius:7px}.agent-card .agent-footnote{font-size:11px;color:#9fa4a7;margin:12px 0 0}.agent-bottom{color:#919aa1;font-size:11px;margin:17px 0 0}.agent-bottom a{color:var(--accent)}
@media(max-width:760px){.agent-grid{grid-template-columns:1fr}.agent-config-row{grid-template-columns:1fr auto;gap:6px}.agent-config-row>span{grid-column:1/-1}.agent-config-row code{font-size:11px}}

/* Shared documentation layout, safe in both private workspace and public catalog */
.white-label-reference{max-width:100%;margin:0}.white-label-reference .doc-block{background:#191f20;border-color:#353e39}.white-label-reference .code-sample{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto}.doc-switch{display:flex;gap:8px;flex-wrap:wrap}.doc-switch button{border:1px solid #344137;background:#18211c;color:#d2ddd0;border-radius:8px;padding:9px 16px;cursor:pointer}.doc-switch button.active{background:#d1ef83;color:#121811;border-color:#d1ef83}.white-label-reference .agent-fields code{overflow-wrap:anywhere}.white-label-reference a[href^='/']{display:none}