:root{--bg:#f8faf8;--surface:#fff;--surface-soft:#f4faf5;--ink:#0d1320;--muted:#657184;--line:#dfe6e2;--green:#149855;--green-strong:#0d8d4e;--green-soft:#e9f7ee;--accent-rgb:20, 152, 85;--shadow:0 26px 80px #0d132014;--wip-banner-height:2.25rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 68% 42%, rgba(var(--accent-rgb), .12), transparent 34rem), linear-gradient(180deg, #fbfcfb 0%, #f5f8f6 100%);flex-direction:column;margin:0;font-family:Avenir Next,Segoe UI,sans-serif;display:flex}a{color:inherit;text-decoration:none}.wip-banner{flex:0 0 var(--wip-banner-height);z-index:50;height:var(--wip-banner-height);color:#6f4f00;text-align:center;background:linear-gradient(#fff4bf 0%,#ffe99a 100%);border-bottom:1px solid #e7c95d;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:.86rem;font-weight:720;display:flex;position:sticky;top:0}.wip-banner svg{flex:none}button,input,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.58;transform:none}.brand{letter-spacing:0;align-items:center;gap:.65rem;font-size:1.25rem;font-weight:760;display:inline-flex}.brand strong{color:var(--green);font-weight:760}.icon-button,.primary-button,.secondary-button,.danger-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(#20a963 0%,#0d8d4e 100%);background:linear-gradient(180deg, color-mix(in srgb, var(--green) 88%, #fff), var(--green-strong));box-shadow:0 14px 30px rgba(var(--accent-rgb), .22);padding:0 1rem;font-weight:680}.primary-button:disabled{cursor:not-allowed;opacity:.58;transform:none}.secondary-button{color:var(--green-strong);background:#fff;border-color:#cfd9d4;padding:0 1rem;font-weight:680}.danger-button{color:#e22637;background:#fff;border-color:#ffb6bd;min-height:2.25rem;padding:0 .85rem;font-size:.85rem;font-weight:660}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.icon-button:hover{transform:translateY(-1px)}.app-frame{height:calc(100dvh - var(--wip-banner-height));flex:auto;min-height:0;padding:1.2rem;overflow:hidden}.app-shell{border:1px solid var(--line);height:100%;min-height:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd1;border-radius:16px;grid-template-columns:240px minmax(0,1fr);display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:#fbfdfcd6;flex-direction:column;min-height:0;padding:2rem 1.25rem 1.25rem;display:flex}.side-nav{gap:.45rem;margin-top:3rem;display:grid}.side-link{color:#243044;border-radius:8px;align-items:center;gap:.75rem;min-height:2.65rem;padding:0 .75rem;font-size:.92rem;font-weight:620;display:flex}.side-link.active{color:var(--green-strong);background:var(--green-soft)}.account-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:2.25rem 1fr auto;align-items:center;gap:.7rem;margin-top:auto;padding:.7rem;display:grid}.avatar{color:#283142;background:#f0f2f3;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;font-size:.8rem;font-weight:720;display:grid}.account-card b{font-size:.84rem;display:block}.account-card span{color:var(--muted);font-size:.8rem;display:block}.logout-button{border:1px solid var(--line);color:#7b2430;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:.75rem;min-height:2.75rem;margin-top:auto;padding:0 .75rem;font-size:.92rem;font-weight:680;transition:transform .16s,border-color .16s,background .16s;display:flex}.logout-button:hover{background:#fff4f5;border-color:#ffb6bd;transform:translateY(-1px)}.main-panel{background:#ffffffa8;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.page-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:3rem 3rem 1.65rem;display:flex}.eyebrow-row{color:#273244;align-items:center;gap:.8rem;font-size:.9rem;display:flex}.page-title{letter-spacing:0;margin:0;font-size:clamp(1.75rem,2.6vw,2.45rem);line-height:1.02}.page-copy{color:var(--muted);margin:.65rem 0 0;font-size:.95rem}.content{flex:auto;min-height:0;padding:2rem 3rem 3rem;overflow:auto}.section-title{letter-spacing:0;margin:0 0 1.1rem;font-size:1rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.project-card,.env-list,.version-card,.settings-card,.settings-nav{border:1px solid var(--line);background:#ffffffeb;border-radius:8px}.project-card{min-height:12.5rem;padding:1.35rem;transition:transform .17s,box-shadow .17s,border-color .17s;display:grid}.project-card:hover{border-color:rgba(var(--accent-rgb), .45);transform:translateY(-2px);box-shadow:0 16px 44px #0d132014}.badge-letter{border-radius:8px;place-items:center;width:2.7rem;height:2.7rem;font-size:1.25rem;font-weight:760;display:grid}.project-card h3{margin:1.1rem 0 .35rem;font-size:1rem}.project-card p,.project-card span,.meta{color:var(--muted);font-size:.85rem}.card-foot{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.tabs{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:2.25rem;padding:0 3rem;display:flex}.tab{color:#4d5869;border-bottom:2px solid #0000;padding:1.05rem 0 .85rem;font-size:.9rem;font-weight:620}.tab.active{color:var(--green-strong);border-color:var(--green)}.env-list{overflow:hidden}.env-row,.version-card{border-bottom:1px solid var(--line);grid-template-columns:1.5rem 1fr 7rem 7rem 1.5rem;align-items:center;gap:1rem;min-height:4.65rem;padding:0 1.25rem;display:grid}.env-row:last-child{border-bottom:0}.sync-pill,.env-pill{color:var(--green-strong);background:var(--green-soft);border-radius:999px;justify-self:start;padding:.3rem .55rem;font-size:.75rem;font-weight:700}.project-hero{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:100%;display:grid}.file-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;display:grid}.timeline{gap:.9rem;padding-left:2rem;display:grid;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:1.45rem;bottom:1.45rem;left:.55rem}.version-card{grid-template-columns:8rem 1fr 14rem 1.5rem;min-height:4.35rem;padding:0 1.2rem;position:relative}.version-card:before{content:"";background:#fff;border:2px solid #cfd9d4;border-radius:50%;width:.7rem;height:.7rem;position:absolute;left:-1.72rem}.version-card.current:before{border-color:var(--green);box-shadow:0 0 0 4px #e8f7ef}.settings-layout{grid-template-columns:13rem minmax(0,1fr);align-items:start;gap:2rem;min-height:100%;display:grid}.settings-nav{align-self:start;padding:.6rem;position:sticky;top:0}.settings-nav a{color:#556173;border-radius:8px;padding:.85rem .9rem;font-size:.9rem;font-weight:620;display:block}.settings-nav a.active{color:var(--green-strong);background:var(--green-soft)}.setting-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:1rem;min-height:5.3rem;padding:1rem 1.25rem;display:grid}.setting-row:last-child{border-bottom:0}.setting-row h3{margin:0 0 .25rem;font-size:.95rem}.settings-content{scroll-padding-top:1rem}.settings-sections{gap:1.5rem;min-width:0;display:grid}.settings-section{scroll-margin-top:1rem}.toggle{background:var(--green);border-radius:999px;width:3rem;height:1.55rem;padding:.18rem}.toggle:after{content:"";background:#fff;border-radius:50%;width:1.18rem;height:1.18rem;margin-left:auto;display:block}.select{border:1px solid var(--line);color:#273244;background:#fff;border-radius:8px;min-width:9rem;height:2.55rem;padding:0 .8rem}.accent-picker{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.accent-swatch{color:#fff;cursor:pointer;border:1px solid #0d13201a;border-radius:999px;place-items:center;width:2.1rem;height:2.1rem;display:grid;box-shadow:inset 0 0 0 3px #ffffff6b}.accent-swatch[aria-checked=true]{outline:2px solid var(--ink);outline-offset:2px}.empty-state,.loading-state{text-align:center;border:1px dashed color-mix(in srgb, var(--line) 70%, var(--green));background:#ffffffb8;border-radius:8px;place-items:center;min-height:25rem;display:grid}.empty-state{align-content:center;gap:.9rem;padding:2rem}.empty-state span{width:3.7rem;height:3.7rem;color:var(--green-strong);background:var(--green-soft);border-radius:8px;place-items:center;display:grid}.empty-state h2{margin:.4rem 0 0;font-size:1.25rem}.empty-state p{max-width:28rem;color:var(--muted);margin:0;line-height:1.55}.compact-empty{min-height:16rem}.loading-state{color:var(--muted);gap:.7rem;font-weight:650}.loading-state svg{color:var(--green);animation:1s linear infinite spin}.page-header-actions{justify-content:flex-end;margin-bottom:1.25rem;display:flex}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d132047;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.project-form{border:1px solid var(--line);width:min(28rem,100%);box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:1rem;padding:1.25rem;display:grid}.form-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.form-head h2{margin:0 0 .25rem;font-size:1.25rem}.project-form label{color:#283142;gap:.45rem;font-size:.9rem;font-weight:680;display:grid}.project-form input{border:1px solid var(--line);min-height:2.75rem;color:var(--ink);background:#fff;border-radius:8px;padding:0 .8rem}.text-input{border:1px solid var(--line);width:min(18rem,100%);min-height:2.55rem;color:var(--ink);background:#fff;border-radius:8px;padding:0 .8rem}.project-form input:focus,.text-input:focus,.project-form select:focus,.select:focus,.accent-swatch:focus-visible{outline:2px solid color-mix(in srgb, var(--green) 60%, #fff);outline-offset:2px}.form-error{color:#b51e2c;background:#fff4f5;border:1px solid #ffb6bd;border-radius:8px;margin:0;padding:.75rem .85rem;font-size:.86rem;line-height:1.45}.success-message{border:1px solid color-mix(in srgb, var(--green) 35%, var(--line));color:var(--green-strong);background:var(--green-soft);border-radius:8px;margin:0;padding:.75rem .85rem;font-size:.86rem;line-height:1.45}.inline-message{display:inline-block}.danger-title{margin-top:1.5rem}.project-settings-content{max-width:48rem}.delete-controls{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.landing{min-height:100vh}.landing-nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;min-height:6.8rem;padding:0 clamp(1.25rem,7vw,8.8rem);display:grid}.landing-nav nav,.landing-actions{align-items:center;gap:clamp(1rem,2.6vw,2.7rem);display:flex}.landing-nav nav a,.text-button{color:#172136;cursor:pointer;background:0 0;border:0;font-size:.96rem;font-weight:620}.landing-actions{justify-content:end}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(20rem,.86fr) minmax(34rem,1.14fr);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:42rem;padding:3.2rem clamp(1.25rem,7vw,8.8rem) 3.6rem;display:grid}.hero-copy{max-width:40rem}.hero-pill{color:#4d5869;border:1px solid var(--line);background:#fffc;border-radius:999px;align-items:center;gap:.55rem;min-height:2.15rem;padding:0 1rem;font-size:.9rem;font-weight:620;display:inline-flex}.hero-pill span{background:var(--green);border-radius:50%;width:.45rem;height:.45rem}.hero h1{letter-spacing:0;margin:2rem 0 1.3rem;font-size:clamp(3.6rem,6vw,5.9rem);line-height:.98}.hero h1 strong{color:var(--green)}.hero-copy p{color:#526078;max-width:38rem;margin:0;font-size:1.35rem;line-height:1.6}.hero-cta{gap:2.1rem;margin-top:3rem;display:flex}.hero-cta div{gap:.8rem;width:15rem;display:grid}.hero-cta span{color:#172136;font-size:.95rem;font-weight:620}.hero-cta small{color:#687489;font-size:.9rem}.wide{width:100%}.preview-shell{border:1px solid var(--line);width:min(100%,52rem);box-shadow:var(--shadow);pointer-events:none;background:#fff;border-radius:16px;grid-template-columns:11.5rem minmax(0,1fr);justify-self:end;display:grid;overflow:hidden}.preview-sidebar{border-right:1px solid var(--line);background:#fafcfbe6;flex-direction:column;gap:.55rem;min-height:28rem;padding:1.6rem .9rem .9rem;display:flex}.preview-sidebar .brand{margin-bottom:1.8rem;font-size:1rem}.preview-nav-item,.preview-logout{color:#344157;border-radius:8px;align-items:center;min-height:2.35rem;padding:0 .7rem;font-size:.78rem;font-weight:690;display:flex}.preview-nav-item.active{color:var(--green-strong);background:var(--green-soft)}.preview-logout{color:#7b2430;border:1px solid var(--line);background:#fff;margin-top:auto}.preview-main{padding:1.75rem}.preview-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.preview-head h2{margin:0;font-size:1.25rem}.preview-head p{color:var(--muted);margin:.45rem 0 0;font-size:.76rem}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1.5rem;display:grid}.preview-action{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--green) 88%, #fff), var(--green-strong));white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:2.25rem;padding:0 .8rem;font-size:.74rem;font-weight:760;display:inline-flex}.preview-card{border:1px solid var(--line);background:#fffffff0;border-radius:8px;min-height:8.9rem;padding:.9rem;display:grid}.preview-card .badge-letter{width:2.25rem;height:2.25rem;font-size:1rem}.preview-card h3{margin:.85rem 0 .2rem;font-size:.82rem}.preview-card p,.preview-card span{color:var(--muted);margin:0;font-size:.72rem}.preview-card>span:last-child{align-self:end;margin-top:.8rem}.auth-page{align-content:center;place-items:center;gap:2rem;min-height:100vh;padding:2rem;display:grid}.auth-brand{justify-self:center}.auth-topbar{grid-template-columns:1fr auto 1fr;align-items:center;width:min(60rem,100%);display:grid}.back-link{color:#344157;justify-self:start;align-items:center;gap:.45rem;font-size:.92rem;font-weight:680;display:inline-flex}.profile-auth-page{align-content:start;padding-top:3rem}.profile-card-frame{justify-content:center;width:min(70rem,100%);min-height:0;display:flex;overflow:hidden}.cli-auth-page{align-content:start;padding-top:3rem}.cli-panel{border:1px solid var(--line);width:min(34rem,100%);box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px;gap:1.15rem;padding:1.5rem;display:grid}.cli-icon{width:3.5rem;height:3.5rem;color:var(--green-strong);background:var(--green-soft);border-radius:8px;place-items:center;display:grid}.cli-panel h1{margin:0 0 .55rem;font-size:1.6rem}.cli-panel p{color:var(--muted);margin:0;line-height:1.55}.token-box{border:1px solid var(--line);background:#f9fbfa;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;padding:.9rem;display:grid}.token-box code{overflow-wrap:anywhere;color:#253044;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.settings-token-box{grid-template-columns:auto minmax(0,1fr) auto;width:min(34rem,100%)}.token-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.token-list-heading{min-height:4.6rem}.token-list{display:grid}.token-row{border-top:1px solid var(--line);grid-template-columns:5.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.8rem;padding:.9rem 1.25rem;display:grid}.token-row strong{margin-bottom:.25rem;display:block}.token-status{border-radius:999px;justify-self:start;padding:.3rem .55rem;font-size:.74rem;font-weight:740}.token-status.active{color:var(--green-strong);background:var(--green-soft)}.token-status.revoked{color:#7b2430;background:#fff0f2}.token-empty{color:#344157;border-top:1px solid var(--line);align-items:center;gap:.75rem;min-height:4.8rem;padding:.9rem 1.25rem;display:flex}.token-empty svg,.token-row svg,.token-issue-row svg,.token-reveal-row svg{flex:none}.settings-error{margin:1rem 1.25rem}.cli-actions{flex-wrap:wrap;gap:.75rem;display:flex}.wide-command{width:100%;overflow-x:auto}.docs-page{min-height:100vh;padding-bottom:4rem}.docs-nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;justify-content:space-between;align-items:center;gap:1rem;min-height:5.5rem;padding:0 clamp(1.25rem,7vw,8.8rem);display:flex}.docs-nav nav{align-items:center;gap:1rem;display:flex}.docs-hero,.docs-grid,.docs-steps,.docs-next{width:min(70rem,100% - 2.5rem);margin-inline:auto}.docs-hero{padding:5rem 0 3rem}.docs-hero h1{letter-spacing:0;max-width:48rem;margin:1.5rem 0 1rem;font-size:clamp(2.5rem,6vw,5rem);line-height:1}.docs-hero p{color:#526078;max-width:44rem;margin:0;font-size:1.2rem;line-height:1.65}.docs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.docs-card,.docs-steps,.docs-next{border:1px solid var(--line);background:#ffffffdb;border-radius:8px}.docs-card{padding:1.25rem}.docs-card svg,.docs-next svg{color:var(--green)}.docs-card h2,.docs-steps h2,.docs-next h2{margin:.85rem 0 .55rem;font-size:1rem}.docs-card p,.docs-next p{color:var(--muted);margin:0;line-height:1.55}.docs-steps{margin-top:1rem;padding:1.5rem}.docs-steps ol{color:#344157;margin:1rem 0 0;padding-left:1.4rem;line-height:1.8}.docs-command{color:#243044;background:var(--green-soft);border-radius:8px;align-items:center;gap:.65rem;margin-top:1.2rem;padding:.8rem 1rem;display:inline-flex}.docs-next{align-items:flex-start;gap:1rem;margin-top:1rem;padding:1.25rem;display:flex}.feature-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:4rem;padding:4.7rem clamp(1.25rem,8vw,9rem) 3.5rem;display:grid}.feature-row article{grid-template-columns:auto 1fr;gap:1.6rem;display:grid}.feature-row svg{color:var(--green)}.feature-row h3{margin:0 0 .8rem;font-size:1.1rem}.feature-row p{color:#566176;margin:0;line-height:1.55}.pricing-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff80;padding:4.5rem clamp(1.25rem,8vw,9rem)}.pricing-head{text-align:center;justify-items:center;max-width:45rem;margin:0 auto 2rem;display:grid}.pricing-head h2{letter-spacing:0;margin:1.3rem 0 .75rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1.02}.pricing-head p{color:#526078;margin:0;font-size:1.05rem;line-height:1.6}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:min(72rem,100%);margin:0 auto;display:grid}.pricing-card{border:1px solid var(--line);background:#ffffffe6;border-radius:8px;align-content:start;gap:1.3rem;padding:1.35rem;display:grid}.pricing-card.featured{border-color:color-mix(in srgb, var(--green) 55%, var(--line));box-shadow:0 24px 60px rgba(var(--accent-rgb), .14)}.pricing-card h3{margin:0 0 .45rem;font-size:1.2rem}.pricing-card p{min-height:3.2rem;color:var(--muted);margin:0;line-height:1.55}.price-row{align-items:baseline;gap:.45rem;display:flex}.price-row strong{font-size:2.35rem;line-height:1}.price-row span{color:var(--muted);font-weight:650}.pricing-card ul{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.pricing-card li{color:#344157;align-items:center;gap:.65rem;font-weight:620;display:flex}.pricing-card li svg{color:var(--green)}.trust-strip{color:#8c95a5;place-items:center;gap:2rem;padding:1.5rem 1.25rem 4rem;display:grid}.trust-strip p{margin:0;font-size:1.15rem}.trust-strip div{color:#9aa2b0;flex-wrap:wrap;justify-content:center;gap:clamp(2rem,6vw,5.5rem);font-size:1.55rem;font-weight:760;display:flex}@media (max-width:980px){.app-frame{padding:0}.app-shell{border:0;border-radius:0;grid-template-columns:1fr;height:100%;min-height:0}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex:none;min-height:0;padding:1rem}.side-nav{grid-template-columns:repeat(3,1fr);margin-top:1rem}.account-card,.logout-button{display:none}.page-header,.content{padding-inline:1.1rem}.project-grid,.settings-layout{grid-template-columns:1fr}.project-hero,.file-heading{grid-template-columns:auto 1fr}.project-hero .primary-button,.file-heading .secondary-button{grid-column:1/-1;justify-self:start}.env-row{grid-template-columns:1.5rem 1fr 4rem 1.5rem}.env-row .sync-pill{display:none}.version-card{grid-template-columns:4rem 1fr 1.5rem}.version-card .meta{display:none}.landing-nav{grid-template-columns:1fr auto;min-height:auto;padding-block:1rem}.landing-nav nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-cta,.feature-row{flex-direction:column;grid-template-columns:1fr}.hero-cta div{width:100%}.preview-shell{grid-template-columns:1fr;justify-self:stretch}.preview-sidebar{display:none}.preview-grid,.feature-row,.docs-grid,.pricing-grid{grid-template-columns:1fr}.docs-nav{padding-block:1rem}.docs-nav nav{gap:.75rem}}