:root{--ink:#173a38;--deep:#10312f;--muted:#58706a;--line:#d3dfd8;--paper:#f7f8f5;--cream:#edf1ec;--mint:#c9e7d8;--lime:#d9ef8b;--coral:#c96952;--white:#fff;--serif:Georgia, "Times New Roman", serif;--sans:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;--ease-out:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{background:var(--paper);min-height:100%}body{min-height:100%;color:var(--ink);background:var(--paper);font-family:var(--sans);margin:0;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.app-frame{grid-template-columns:270px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--deep);color:#eff4ed;flex-direction:column;height:100vh;min-height:100vh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.brand,.auth-brand{letter-spacing:-.04em;align-items:center;gap:10px;display:flex}.brand-mark,.auth-brand>span{background:var(--lime);width:39px;height:39px;color:var(--deep);letter-spacing:-.1em;border-radius:50% 50% 45%;place-items:center;font-weight:900;display:grid}.brand strong,.auth-brand strong{font-size:18px;display:block}.brand small,.auth-brand small{color:#a5c2b6;letter-spacing:.18em;margin-top:1px;font-size:9px;display:block}.environment-chip{color:#b9d2c7;align-items:center;gap:8px;margin:38px 7px 31px;font-size:11px;display:flex}.environment-chip span{background:var(--lime);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #d9ef8b1f}.nav-block{gap:4px;display:grid}.admin-nav{margin-top:30px}.nav-kicker{text-transform:uppercase;letter-spacing:.15em;color:#88a99c;margin:0 9px 8px;font-size:10px}.nav-item{color:#c6d8d1;min-height:44px;transition:background .18s var(--ease-out),color .18s var(--ease-out),transform .12s var(--ease-out);border-radius:8px;align-items:center;gap:9px;padding:0 10px;font-size:14px;display:flex}.nav-item:hover{color:#fff;background:#204a46}.nav-item:active,.sign-out:active,.auth-form button:active{transform:scale(.98)}.nav-item.is-active{background:var(--lime);color:var(--deep);font-weight:800}.nav-mark{opacity:.62;letter-spacing:.05em;font-size:10px}.nav-item i{color:#83a79a;margin-left:auto;font-size:10px;font-style:normal}.nav-item.is-active i{color:#315d50}.sidebar-foot{color:#b6ccc1;border-top:1px solid #e8f4eb1f;margin-top:auto;padding:16px 9px 0;font-size:11px;line-height:1.55}.sidebar-foot span{color:#779b8d}.main-shell{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fffdf9a8;justify-content:space-between;align-items:center;height:77px;padding:0 clamp(22px,4vw,62px);display:flex}.breadcrumb{color:var(--muted);gap:8px;font-size:12px;display:flex}.breadcrumb b{color:var(--coral)}.profile{align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.profile-initial{background:var(--mint);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.page-content{max-width:1360px;margin:0 auto;padding:clamp(28px,5vw,68px)}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 160px;align-items:end;gap:36px;padding-bottom:55px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:#568075;margin:0 0 13px;font-size:11px;font-weight:900}.hero h1,.future-state h1,.auth-form h1{font-family:var(--serif);letter-spacing:-.065em;margin:0;font-size:clamp(40px,5vw,76px);font-weight:500;line-height:.93}.hero h1 em{color:#629c8c;font-style:italic}.hero-copy{max-width:550px;color:var(--muted);margin:24px 0 0;font-size:15px;line-height:1.65}.hero-seal{aspect-ratio:1;background:var(--coral);color:#fff8ed;box-shadow:8px 10px 0 var(--deep);border-radius:50%;align-content:center;place-items:center;display:grid;transform:rotate(8deg)}.hero-seal span,.hero-seal small{letter-spacing:.2em;font-size:9px;font-weight:900}.hero-seal strong{font:58px/.8 var(--serif)}.hero-seal small{margin-top:8px}.console-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:28px;padding:5px 0 28px;display:flex}.console-heading h1{letter-spacing:-.04em;margin:0 0 8px;font-size:32px}.console-heading p:not(.eyebrow){max-width:650px;color:var(--muted);margin:0;font-size:14px;line-height:1.55}.phase-status{border:1px solid var(--line);background:var(--white);border-radius:10px;gap:5px;min-width:220px;padding:13px 15px;display:grid}.phase-status span,.soft-badge{letter-spacing:.08em;text-transform:uppercase;color:#5b7d72;font-size:10px;font-weight:800}.phase-status strong{font-size:13px}.status-strip{grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 0;display:grid}.status-strip article{border:1px solid var(--line);background:var(--white);border-radius:10px;padding:15px}.status-strip span{color:#568075;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;display:block}.status-strip strong{margin:8px 0 4px;font-size:14px;display:block}.status-strip p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.workspace-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.workspace-card{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:22px}.workspace-card h2{letter-spacing:-.025em;margin:2px 0 16px;font-size:20px}.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.action-list,.planned-list{display:grid}.action-list a{border-top:1px solid var(--line);transition:background .18s var(--ease-out),padding .18s var(--ease-out);grid-template-columns:1fr auto;gap:2px;padding:13px 0;display:grid}.action-list a:hover{background:#f4f8f5;padding-inline:8px}.action-list a:active{transform:scale(.98)}.action-list span{font-size:14px;font-weight:800}.action-list small{color:var(--muted);grid-column:1;font-size:12px}.action-list b{color:#45796c;grid-area:1/2/3;align-self:center}.planned{background:#f3f7f3}.planned-list a{border-top:1px solid var(--line);justify-content:space-between;padding:11px 0;font-size:13px;display:flex}.planned-list span{color:#69847a;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.foundation-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.foundation-card{border-right:1px solid var(--line);padding:31px 28px 36px}.foundation-card:first-child{padding-left:0}.foundation-card:last-child{border-right:0}.foundation-card span{color:var(--coral);letter-spacing:.09em;font-size:12px;font-weight:900}.foundation-card h2,.setup-card h2,.roadmap-card h2{font:32px/1 var(--serif);letter-spacing:-.05em;margin:25px 0 12px;font-weight:500}.foundation-card p{color:var(--muted);max-width:235px;margin:0;font-size:13px;line-height:1.55}.split-section{grid-template-columns:1.15fr .85fr;gap:20px;padding-top:37px;display:grid}.setup-card,.roadmap-card{border-radius:18px;min-height:286px;padding:32px;position:relative;overflow:hidden}.setup-card{background:var(--mint)}.roadmap-card{background:var(--deep);color:#f6f4eb}.setup-card h2,.roadmap-card h2{margin-top:7px}.setup-card ul{gap:8px;margin:26px 0 22px;padding:0;font-size:13px;list-style:none;display:grid}.setup-card li span{color:#39816e;margin-right:7px}.text-link{border-bottom:1px solid #173a3859;padding-bottom:3px;font-size:12px;font-weight:900}.text-link b{margin-left:8px}.roadmap-card .eyebrow{color:#a9d4c1}.roadmap-list{gap:0;margin-top:21px;display:grid}.roadmap-list a{border-top:1px solid #eff5ed2e;justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.roadmap-list span{color:#a9c5b7;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.future-state{max-width:720px;min-height:65vh;padding:clamp(54px,10vw,120px) 0;position:relative;overflow:hidden}.future-state h1{font-size:clamp(52px,7vw,92px)}.future-state>p:not(.eyebrow){color:var(--muted);max-width:560px;margin:25px 0;font-size:17px;line-height:1.7}.future-orbit{border:45px solid var(--mint);z-index:-1;border-radius:50%;width:310px;height:310px;position:absolute;top:50px;right:-170px}.phase-pill{background:var(--lime);letter-spacing:.04em;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900}.admin-page{max-width:980px;padding:12px 0 55px}.admin-page h1{font:clamp(45px,6vw,78px)/.93 var(--serif);letter-spacing:-.065em;margin:0;font-weight:500}.admin-page h1 em{color:#629c8c;font-style:italic}.admin-intro{max-width:580px;color:var(--muted);margin:20px 0 35px;font-size:14px;line-height:1.65}.admin-grid{grid-template-columns:.8fr 1.2fr;gap:20px;display:grid}.editor-card,.list-card{border:1px solid var(--line);background:var(--white);border-radius:16px;padding:27px}.editor-card{background:var(--mint)}.editor-card h2,.list-card h2{font:28px/1 var(--serif);letter-spacing:-.04em;margin:0 0 23px;font-weight:500}.editor-card label{gap:7px;margin:0 0 14px;font-size:11px;font-weight:900;display:grid}.editor-card input{color:var(--ink);background:#fbfff9;border:1px solid #173a383b;border-radius:8px;padding:11px}.editor-card button{background:var(--deep);color:#fff;text-align:left;border:0;border-radius:9px;justify-content:space-between;width:100%;margin-top:7px;padding:12px 14px;font-size:12px;font-weight:900;display:flex}.site-row,.user-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;font-size:12px;display:flex}.site-row:first-of-type{border-top:0}.site-row strong,.user-row strong{font-size:13px;display:block}.site-row small,.user-row small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.site-row b,.user-row b{color:#48806d;letter-spacing:.04em;background:#eef5ee;border-radius:999px;margin-left:auto;padding:5px 7px;font-size:9px}.demo-dot{background:var(--coral);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #fce4da}.wide{max-width:760px}.list-heading{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.list-heading h2{margin:0}.list-heading span{color:#69847a;text-transform:uppercase;letter-spacing:.09em;font-size:10px}.empty-note{color:var(--muted);margin:0;padding:23px 0 3px;font-size:13px;line-height:1.5}.user-row .avatar{background:var(--cream);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.user-row>span:not(.avatar){color:#60766e;text-transform:capitalize;margin-left:auto;font-size:11px}.notice-card{border-left:4px solid var(--coral);background:#f9e8df;max-width:510px;margin-top:20px;padding:18px 20px;font-size:13px}.notice-card p{color:#73544b;margin:7px 0 0;line-height:1.5}.audit-row{border-top:1px solid var(--line);grid-template-columns:155px 1fr 1fr;gap:16px;padding:13px 0;font-size:12px;display:grid}.audit-row span{color:var(--muted)}.auth-canvas{background:var(--deep);place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.auth-canvas:before,.auth-canvas:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.auth-canvas:before{border:78px solid #d9ef8b21;width:480px;height:480px;bottom:-240px;left:-230px}.auth-canvas:after{background:#e87e6240;width:340px;height:340px;top:-120px;right:-160px}.auth-brand{color:#f4f4ed;z-index:1;position:absolute;top:33px;left:clamp(25px,5vw,72px)}.auth-panel{background:var(--white);z-index:1;border-radius:21px;width:min(100%,462px);padding:clamp(31px,6vw,58px);box-shadow:18px 20px #00000021}.auth-footer{color:#99b9ac;letter-spacing:.05em;text-align:center;z-index:1;font-size:10px;position:absolute;bottom:22px}.auth-form{gap:18px;display:grid}.auth-form .eyebrow{margin:0}.auth-form h1{font-size:51px}.auth-form>p:not(.eyebrow,.form-error,.form-status){color:var(--muted);margin:-7px 0 8px;font-size:14px;line-height:1.55}.auth-form label{gap:7px;font-size:12px;font-weight:900;display:grid}.auth-form input{color:var(--ink);background:#fff;border:1px solid #cdd9d2;border-radius:9px;outline:none;padding:12px 13px}.auth-form input:focus{border-color:#4b9280;box-shadow:0 0 0 3px #4b928024}.auth-form button{background:var(--deep);color:#fff;text-align:left;border:0;border-radius:10px;justify-content:space-between;padding:14px 16px;font-weight:900;transition:transform .15s,background .15s;display:flex}.auth-form button:hover{background:#1f5751;transform:translateY(-1px)}.auth-form button:disabled{opacity:.7;cursor:wait}.quiet-link{color:#497e71;text-underline-offset:3px;font-size:12px;text-decoration:underline}.form-error{color:#a53b2a;margin:0;font-size:12px}.form-status{color:#34715f;margin:0;font-size:12px}.quiet-button{text-underline-offset:3px;text-decoration:underline;color:#497e71!important;text-align:left!important;background:0 0!important;border:0!important;padding:0!important;font-size:12px!important;font-weight:700!important;display:block!important}.quiet-button:hover{background:0 0!important;transform:none!important}.mfa-secret,.backup-codes{border:1px solid var(--line);background:#f7faf6;border-radius:10px;padding:13px;font-size:11px}.mfa-secret span,.backup-codes strong{text-transform:uppercase;letter-spacing:.08em;color:#58766c;margin-bottom:8px;font-size:10px;display:block}.mfa-secret code{word-break:break-all;color:var(--deep);display:block}.backup-codes>div{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.backup-codes code{text-align:center;color:var(--deep);background:#fff;border-radius:5px;padding:6px}.auth-form form{gap:18px;display:grid}.mfa-qr{border:1px solid var(--line);min-height:220px;color:var(--muted);background:#fffdf8;border-radius:12px;place-items:center;padding:12px;font-size:13px;display:grid}.mfa-qr img{image-rendering:auto;width:220px;max-width:100%;height:220px;display:block}.sign-out{color:#416b61;transition:color .16s var(--ease-out),transform .12s var(--ease-out);background:0 0;border:0;padding:8px;font-size:13px;font-weight:700}.sign-out:hover{color:var(--deep);text-underline-offset:3px;text-decoration:underline}.mobile-nav{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.profile-security{color:#416b61;border-radius:6px;padding:8px;font-size:12px;font-weight:800}.profile-security:hover{color:var(--deep);background:#edf4ef}.profile-security:focus-visible{outline-offset:2px;outline:3px solid #8bd0bc}.observation-page{background:var(--paper);min-height:100vh;color:var(--ink);padding:clamp(28px,6vw,84px)}.observation-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;max-width:1100px;margin:0 auto 32px;padding-bottom:28px;display:flex}.observation-header h1{letter-spacing:-.05em;margin:0 0 10px;font-size:clamp(32px,5vw,52px)}.observation-header p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.55}.demo-badge{background:var(--lime);white-space:nowrap;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:800}.observation-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1100px;margin:auto;display:grid}.observation-grid article{background:var(--white);border:1px solid var(--line);border-radius:12px;min-height:150px;padding:22px}.observation-label{color:#568075;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800;display:block}.observation-grid strong{margin:18px 0 6px;font-size:21px;display:block}.observation-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.observation-footer{max-width:1100px;color:var(--muted);margin:28px auto 0;font-size:12px}@media (max-width:700px){.observation-header{display:block}.demo-badge{margin-top:18px;display:inline-block}.observation-grid{grid-template-columns:1fr}}@media (max-width:900px){.app-frame{grid-template-columns:215px 1fr}.sidebar{padding:25px 12px}.nav-item{font-size:12px}.nav-item i{display:none}.split-section,.foundation-grid{grid-template-columns:1fr}.foundation-card,.foundation-card:first-child{border-right:0;border-bottom:1px solid var(--line);padding:23px 0}.foundation-card:last-child{border-bottom:0}.hero{grid-template-columns:1fr 125px}.hero-seal strong{font-size:45px}.workspace-grid{grid-template-columns:1fr}.console-heading{flex-direction:column;align-items:flex-start}.phase-status{width:100%}}@media (max-width:680px){.app-frame{padding-bottom:66px;display:block}.sidebar{display:none}.topbar{height:64px;padding:0 20px}.breadcrumb span:last-child,.profile-name{display:none}.page-content{padding:31px 21px}.hero{grid-template-columns:1fr 88px;gap:16px;padding-bottom:35px}.hero-seal{box-shadow:5px 6px 0 var(--deep)}.hero-seal strong{font-size:33px}.hero-seal small{display:none}.hero h1{font-size:48px}.hero-copy{margin-top:18px;font-size:13px}.split-section{padding-top:22px}.setup-card,.roadmap-card{min-height:unset;padding:26px}.foundation-card h2,.setup-card h2,.roadmap-card h2{font-size:28px}.mobile-nav{background:var(--white);border-top:1px solid var(--line);z-index:10;grid-template-columns:repeat(4,1fr);height:66px;padding:6px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav .nav-item{border-radius:7px;flex-direction:column;justify-content:center;gap:2px;padding:4px;font-size:9px}.mobile-nav .nav-mark{font-size:8px}.auth-canvas{padding:18px}.auth-brand{top:22px;left:23px}.auth-panel{border-radius:16px;margin-top:42px;padding:34px 27px}.auth-form h1{font-size:43px}.auth-footer{font-size:8px;bottom:15px}.future-state{min-height:66vh;padding-top:68px}.future-state h1{font-size:58px}.admin-grid{grid-template-columns:1fr}.audit-row{grid-template-columns:1fr;gap:4px}.user-row>span:not(.avatar){display:none}.console-heading{padding-bottom:20px}.console-heading h1{font-size:28px}.status-strip{grid-template-columns:1fr;gap:8px;padding:14px 0}.workspace-card{padding:17px}.action-list a{padding-block:14px}}