:root{color-scheme:dark;--bg:#071913;--surface:#10271e;--panel:#112920;--border:#335343;--ink:#edfbf1;--muted:#9ab9a8;--accent:#b0f2ca;--gold:#e9d2a7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}input,textarea,button{font:inherit}a{color:inherit}button{cursor:pointer}::selection{background:#9beaac80;color:white}
.skip{position:absolute;top:0;left:-9999px;z-index:999;padding:12px;background:white;color:black}.skip:focus{left:0}:focus-visible{outline:2px solid #b1f7d3;outline-offset:3px}
.demo-shell{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;align-self:start;background:#091e17;border-right:1px solid #2c4b3d;padding:29px 16px}.identity{display:flex;align-items:center;gap:11px;text-decoration:none;margin:0 4px 72px}.identity img{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#ecede7}.identity b{display:block;font-size:11px;letter-spacing:.13em}.identity small{display:block;color:#84a695;letter-spacing:.1em;font-size:9px}.side-kicker,.eyebrow,.ghost,.section-head small,.topbar,.demo-chip,.notice b,.stats article>span,.card-head small,.field-label,.cost-inputs label,.form-grid label,.totals,.result-table,.result-top>span,.result-top small,.rate-section-title,.form-help,.approval-bar,.sidebar-footer,.customer-strip small,.faux-flag,footer{letter-spacing:.07em}.side-kicker{font-size:10px;color:#709785;font-weight:800;margin:0 12px 14px}.side-navigation{display:grid;gap:6px}.side-navigation a{display:flex;align-items:center;text-decoration:none;gap:12px;padding:12px;border-radius:11px;color:#99baaa;font-size:11px;font-weight:750;border:1px solid transparent}.side-navigation a:hover,.side-navigation a.active{color:#e9fff2;background:#17392a;border-color:#3d6750}.side-navigation a small{margin-left:auto;font-size:10px;color:#69957d}.nav-icon{font-size:18px;color:#bbefc6}.sidebar-footer{margin-top:auto;border-top:1px solid #315645;padding:22px 10px;color:#93b7a4;font-size:10px}.sidebar-footer strong{font-size:9px;color:#bcf2d2}.sidebar-footer p{line-height:1.8}.sidebar-footer a{color:#bff3d8;text-decoration:none;font-size:11px}.status-light{display:inline-block;width:8px;height:8px;border-radius:50%;background:#92ffd0;margin-right:8px;box-shadow:0 0 12px #7effcaaa}
.main-wrap{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:13px;position:sticky;z-index:20;top:0;height:69px;border-bottom:1px solid #295041;background:#091d17e8;backdrop-filter:blur(14px);padding:0 clamp(18px,4vw,60px);font-size:10px;font-weight:850}.breadcrumbs{display:flex;gap:12px;align-items:center;color:#84b19d}.breadcrumbs span:nth-child(2){color:#608574}.breadcrumbs b{color:#dffbea}.top-actions{display:flex;align-items:center;gap:20px}.demo-chip{color:#e6d2ad;font-size:9px;font-weight:900;border:1px solid #6b6447;padding:6px 9px;border-radius:6px}.chip-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e8c98d;margin-right:4px}.header-link{font-size:10px;color:#b8e6d0;text-decoration:none}
main{padding:0 clamp(18px,4vw,60px);max-width:1740px;margin:auto}.hero{min-height:505px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.79fr);gap:20px;align-items:center;padding:64px 0 46px;overflow:hidden}.eyebrow{color:#b7f8ce;font-size:10px;font-weight:900;margin-bottom:18px}.star{font-size:16px;margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(49px,6vw,96px);line-height:.99;letter-spacing:-.072em;margin:0 0 24px;font-weight:780}h1 em,h2 em{font-style:normal;background:linear-gradient(110deg,#b5f9d4,#e6d6a2);background-clip:text;color:transparent}.hero p{max-width:550px;font-size:15px;color:#b4cfbe;line-height:1.8}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{border-radius:9px;padding:12px 17px;min-height:46px;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #47765e;font-size:12px;font-weight:850;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-green{background:#b8f0ce;border-color:#b8f0ce;color:#092c20;box-shadow:0 6px 25px #3caa7650}.btn-ghost{background:#203b2e90;color:#d9f4e5}.hero-orbit{min-height:380px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-orbit:before{content:"";position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,#498d5b65,transparent 69%);filter:blur(30px);z-index:-1}.orbit{position:absolute;inset:14%;border:1px solid #5fbf8b61;border-radius:50%;transform:rotate(-32deg) scaleY(.65)}.o2{inset:4%;border-color:#b6e6ad32;transform:rotate(27deg) scaleY(.5)}.o3{inset:24%;border-color:#d5f4bf53;transform:rotate(-59deg) scaleY(.7)}.core{width:195px;height:195px;border:1px solid #b9ffcf88;border-radius:33%;background:conic-gradient(from 20deg,#315c3d,#122b21,#537352,#163b2b,#315c3d);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-18deg);box-shadow:inset 0 0 55px #80e5a634,0 30px 80px #0009;animation:drift 7s ease-in-out infinite}.core strong{font-size:60px;letter-spacing:-.12em;transform:rotate(18deg)}.core strong span{color:#b9fad2}.core small{font-size:9px;letter-spacing:.18em;color:#c4f1d8;transform:rotate(18deg)}@keyframes drift{0%,100%{transform:rotate(-18deg) translateY(0)}50%{transform:rotate(-16deg) translateY(-9px)}}.tag{position:absolute;z-index:2;padding:12px 14px;background:#163527e6;border:1px solid #4e7962;border-radius:10px;backdrop-filter:blur(8px);box-shadow:0 15px 45px #0005}.tag span{display:block;color:#92c2a9;font-weight:800;font-size:9px;letter-spacing:.1em}.tag b{font-size:11px;letter-spacing:.025em}.tag-top{top:2%;right:2%}.tag-bottom{bottom:1%;left:1%}
.notice{display:flex;gap:18px;align-items:start;border:1px solid #6c6a4a;background:#2d302133;border-radius:11px;padding:14px 17px;margin-bottom:83px;font-size:12px;color:#c3cbb3}.notice b{white-space:nowrap;color:#f0d69d;font-size:10px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 26px}.section-head h2{font-size:clamp(30px,3.8vw,52px);line-height:1.12;letter-spacing:-.055em;margin:0}.ghost{color:#779986;font-size:10px;font-weight:850}.overview,.workbench,.workflow{padding:12px 0 80px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stats article{background:linear-gradient(145deg,#173427,#11261d);border:1px solid #315442;border-radius:14px;padding:22px;min-height:165px}.stats article>span{color:#a4c0ac;font-size:9px;font-weight:850;display:flex;justify-content:space-between}.stats i{font-style:normal;font-size:13px;color:#b9f2c4}.stats strong{display:block;font-size:37px;letter-spacing:-.06em;line-height:1;margin-top:18px}.stats small{display:block;color:#85a594;font-size:10px;margin-top:10px}.stat-rule{width:100%;height:3px;border-radius:3px;background:#30523e;margin-top:18px}.stat-rule b{display:block;height:100%;background:linear-gradient(90deg,#9af3c5,#d5f4b7);border-radius:3px}
.section-desc{color:#a6c4af;max-width:650px;line-height:1.75;margin:14px 0 0;font-size:13px}.workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.card{min-width:0;background:linear-gradient(145deg,#153125,#0d241c);border:1px solid #3c5b46;border-radius:16px;padding:clamp(17px,2.5vw,26px)}.card-head{display:flex;justify-content:space-between;align-items:start;gap:12px;border-bottom:1px solid #355342;padding-bottom:19px}.card-head small{font-size:9px;color:#8abea0;font-weight:850}.card h3{font-size:20px;letter-spacing:-.025em;margin:5px 0 0}.icon-cell{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#b2f2c6;font-size:22px;border:1px solid #557c62}.customer-strip{display:flex;align-items:center;gap:11px;border:1px solid #335541;background:#0d291e;padding:12px;border-radius:10px;margin:20px 0}.avatar{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#ceeccb;color:#21412a;font-size:12px;font-weight:900}.customer-strip b{display:block;font-size:12px}.customer-strip small{display:block;font-size:10px;color:#92b09c}.faux-flag{font-size:9px;color:#d9c99c;margin-left:auto;border:1px solid #7a724c;padding:5px 6px;border-radius:5px}.field-label,.form-grid label{font-size:10px;color:#abc5ad;display:block;font-weight:850;margin:19px 0 9px}.brief textarea,.brief input[type="number"]{background:#091d15;color:#e7fff0;border:1px solid #54735b;border-radius:8px;width:100%;padding:12px;font-size:12px}.brief textarea{resize:vertical;line-height:1.65}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{margin:17px 0 0}.form-grid input{margin-top:7px}.margin-row{display:flex;align-items:center;gap:15px}.margin-row input{width:100%;accent-color:#b8efd0}.margin-row output{color:#d1f9dc;font-weight:850;font-size:13px}.rate-section-title{display:flex;justify-content:space-between;gap:15px;color:#cce9d8;border-top:1px solid #355443;margin-top:25px;padding-top:20px;font-size:10px;font-weight:850}.rate-section-title small{color:#84ac90;font-size:9px}.cost-inputs label{font-size:9px}.price-import{border:1px solid #476349;background:#132d22;border-radius:10px;margin-top:23px}.price-import summary{list-style:none;padding:15px;cursor:pointer;font-weight:800;font-size:12px;display:flex;justify-content:space-between;align-items:center}.price-import summary::-webkit-details-marker{display:none}.import-inner{border-top:1px solid #40614b;padding:13px 15px}.import-inner p{color:#b4cdb8;font-size:11px;line-height:1.7}.import-inner input{width:100%;font-size:11px;color:#d9ffe7}.import-inner a{display:inline-block;font-size:11px;color:#cdf3cb;margin:9px 0}.calculate{width:100%;margin:20px 0 11px}.form-help{font-size:10px;color:#9abcab;line-height:1.7;margin:0}
.review-status{font-size:9px;color:#e9d4a2;font-weight:800;border:1px solid #77714f;padding:6px 8px;border-radius:6px;white-space:nowrap}.result-top{margin-top:24px}.result-top>span{font-size:10px;color:#9abea7;font-weight:850}.result-top strong{display:block;font-size:clamp(38px,4.6vw,65px);letter-spacing:-.065em;line-height:1;margin:8px 0 5px;color:#baf9cf;font-variant-numeric:tabular-nums}.result-top small{color:#8ab29b;font-size:10px}.result-table-wrap{overflow-x:auto}.result-table{width:100%;border-collapse:collapse;margin:24px 0 15px;min-width:410px}.result-table th{font-size:9px;color:#82ac92;text-align:left;border-bottom:1px solid #476650;padding:11px 5px}.result-table td{font-size:11px;border-bottom:1px solid #314b3a;padding:12px 5px;color:#d3eadd}.result-table td small{display:block;color:#81a592;margin-top:4px;font-size:9px}.result-table th:last-child,.result-table td:last-child{text-align:right}.result-table td:nth-child(3){font-weight:850;font-variant-numeric:tabular-nums}.evidence-label{font-size:9px;color:#f6d4aa}.evidence-label.ok{color:#b9f4cd}.totals{border-top:1px solid #456046;padding-top:14px;margin-top:9px}.totals>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;color:#adc7b5;font-size:11px}.totals b{color:#e5ffe9;font-size:12px;font-variant-numeric:tabular-nums}.review-warning{display:flex;gap:11px;border:1px solid #806d4c;background:#4e402733;padding:13px;margin-top:16px;border-radius:9px}.review-warning span{flex:none;display:grid;place-items:center;width:19px;height:19px;border:1px solid #ecc78c;border-radius:50%;color:#ecc78c;font-size:10px}.review-warning p{color:#e8c99c;font-size:11px;margin:0;line-height:1.6}.approval-bar{border-top:1px solid #415847;padding-top:16px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9ec5ab;font-size:10px}.approval-pill{color:#dfc395;font-size:9px;font-weight:900}.feedback{min-height:16px;color:#a0e8bf;font-size:11px;margin:10px 0 0}
.workflow-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workflow-track article{position:relative;background:#142c21;border:1px solid #395b46;border-radius:13px;padding:24px 19px;min-height:191px}.workflow-track article>span{display:inline-block;color:#c8efd4;font-weight:850;font-size:12px}.workflow-track article h3{font-size:17px;margin:17px 0 7px}.workflow-track article p{color:#a4c7af;font-size:12px;line-height:1.7}.cta{text-align:center;border:1px solid #547459;background:radial-gradient(ellipse at 50% 0,#35583f,#152d22 55%,#0d211a);padding:68px 18px;margin:5px 0 37px;border-radius:21px}.cta h2{font-size:clamp(35px,5vw,67px);line-height:1.12;letter-spacing:-.055em}.cta p{font-size:13px;color:#b2ceba;margin:20px auto 30px;max-width:560px}.cta .btn{display:inline-flex}footer{border-top:1px solid #2f5040;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:22px 0 34px;color:#779f8c;font-size:10px}footer a{text-decoration:none}
@media(max-width:1190px){.demo-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:23px 10px}.identity{gap:7px}.identity b{font-size:9px}.hero-orbit{min-height:320px}.core{width:160px;height:160px}.stats article{padding:16px}.result-table{min-width:375px}.workspace{grid-template-columns:1fr}}
@media(max-width:880px){.demo-shell{display:block}.sidebar{display:none}.topbar{padding:0 21px}.hero{min-height:430px}.hero-orbit{min-height:300px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){main{padding:0 16px}.topbar{height:61px;padding:0 16px}.header-link{display:none}.breadcrumbs{gap:7px;font-size:9px}.demo-chip{font-size:8px}.hero{grid-template-columns:1fr;padding:43px 0 30px;gap:0}.hero h1{font-size:clamp(47px,11vw,72px)}.hero-orbit{min-height:240px}.core{width:139px;height:139px}.core strong{font-size:44px}.tag{padding:8px}.tag-top{top:0;right:0}.tag-bottom{bottom:0;left:0}.tag b{font-size:9px}.notice{display:block;margin-bottom:60px}.notice b{display:block;margin-bottom:8px}.section-head{display:block}.ghost{display:block;margin-top:15px}.stats{gap:10px}.stats article{padding:15px;min-height:147px}.stats strong{font-size:30px}.overview,.workbench,.workflow{padding-bottom:60px}.card{padding:16px}.workbench .section-head h2{font-size:39px}.customer-strip{flex-wrap:wrap}.cta{padding:48px 13px}.approval-bar{flex-wrap:wrap}}
@media(max-width:360px){.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.stats article{min-height:135px}.hero-actions .btn{width:100%}.hero-orbit{min-height:210px}.notice{font-size:11px}h1{font-size:45px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}