@font-face{font-family:Manrope;src:url(assets/manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}:root{--paper:#fbfaf7;--ink:#1b2433;--muted:#5b6573;--accent:var(--brand-deep);--pale:var(--brand);--line:#e6e7e3;--white:#fff;--amber:#805c22;--amber-bg:#fff3dc;--blue:#355f8d;--blue-bg:#eaf1f9;--red:#a63e3c;--shadow:0 8px 30px #20372c06}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--accent)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #38a59a;outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}button svg{pointer-events:none}button:disabled{cursor:default;opacity:.55}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;padding:10px}.skip:focus{top:10px}.demo-strip{height:36px;display:flex;align-items:center;justify-content:space-between;background:var(--brand-soft);color:#34554a;padding:0 28px;font-size:10px;font-weight:750;letter-spacing:.08em;gap:15px}.demo-strip>span{display:flex;align-items:center;gap:10px}.demo-dot{width:6px;height:6px;background:var(--brand-deep);border-radius:100%}.strip-copy{font-size:11px;letter-spacing:0;font-weight:500}.strip-separator{opacity:.35}.strip-reset{background:none;border:0;color:#34554a;font-size:11px;letter-spacing:0;text-decoration:underline;text-underline-offset:3px;padding:4px}.app-shell{display:flex;min-height:calc(100vh - 36px)}.sidebar{width:228px;flex-shrink:0;background:var(--brand-ink);color:#fff;position:sticky;top:0;align-self:flex-start;height:100vh;display:flex;flex-direction:column;padding:31px 17px 0}.brand{display:flex;gap:13px;align-items:center;color:#fff;text-decoration:none;margin:0 13px 43px;font-size:22px;font-weight:750;letter-spacing:-.7px;line-height:1.3}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:1.7px;margin-top:5px;color:#b6ccc7}.brand-mark{background:var(--brand);border-radius:13px;width:42px;height:44px;display:flex;justify-content:center;align-items:center;color:var(--brand-ink);font-size:28px;position:relative;font-weight:800;letter-spacing:-4px;padding-right:4px}.brand-mark span{font-size:20px;margin:7px 0 0 1px}.workspace-label{color:#b6ccc7;font-size:9px;font-weight:650;letter-spacing:1.5px;margin:0 14px 12px;display:flex;justify-content:space-between}.workspace-label>span{font-size:9px;letter-spacing:0;background:#ffffff14;border-radius:4px;padding:0 6px}.nav-group-label{font-size:9px;letter-spacing:1px;font-weight:600;color:#b6ccc7;margin:18px 14px 5px}.nav-button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;color:#d5e4df;font-size:12px;font-weight:550;padding:11px 14px;text-align:left;border-radius:9px;margin:2px 0;transition:background .15s}.nav-button svg{width:18px;height:18px;opacity:.85}.nav-button:hover{background:#ffffff0c}.nav-button.active{background:#ffffff16;color:#fff;font-weight:750}.nav-button.active:before{content:"";position:absolute;left:0;width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--brand)}.nav-button.locked{color:#a7c0b9;font-size:11px}.nav-button .nav-level{font-size:8px;letter-spacing:.5px;border:1px solid #ffffff25;border-radius:4px;padding:1px 4px;margin-left:auto;white-space:nowrap}.sidebar-bottom{margin-top:auto}.sidebar-note{border-top:1px solid #ffffff1c;margin:25px 12px 0;padding:18px 0 23px}.sidebar-note>span{display:block;margin-bottom:6px;color:#b6d4c4}.sidebar-note strong{font-size:11px;font-weight:650}.sidebar-note p{font-size:10px;color:#b6ccc7;line-height:1.8;margin-top:5px}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff1c;margin:0 -17px;padding:20px 24px;background:var(--brand-dark)}.profile-avatar{background:var(--brand);color:#315149;font-size:10px;font-weight:800;width:33px;height:33px;border-radius:50%;display:grid;place-items:center}.profile strong{font-size:11px;font-weight:650}.profile small{font-size:9px;display:block;color:#b6ccc7}.profile-dot{margin-left:auto;background:var(--brand);width:6px;height:6px;border-radius:50%}.workspace{min-width:0;flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px;padding:0 38px;border-bottom:1px solid var(--line);background:#fff9}.breadcrumb{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:13px}.breadcrumb>span{color:#bac0ba}.breadcrumb strong{color:var(--ink);font-weight:600}.topbar-right{display:flex;align-items:center;gap:20px}.demo-date{font-size:11px;color:var(--muted)}main{max-width:1500px;margin:auto;padding:32px 38px 0}.variant-intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.4px;font-weight:800;color:var(--accent);text-transform:uppercase}.variant-intro h2{font-size:24px;letter-spacing:-.8px;line-height:1.4;margin-top:7px;font-weight:750}.variant-intro>p{font-size:11px;color:var(--muted);line-height:1.9}.variants{margin-top:25px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.variant{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 15px;text-align:left;color:var(--ink);position:relative;transition:all .16s}.variant:hover{border-color:var(--brand-deep);transform:translateY(-1px)}.variant.active{background:var(--brand);border:1.5px solid var(--brand-deep);padding:12.5px 14.5px;box-shadow:0 2px 4px #0e6b6606}.variant-top{display:flex;justify-content:space-between;align-items:center;gap:5px}.variant-name{font-size:10px;font-weight:850;letter-spacing:.6px}.variant-price{font-size:12px;font-weight:800;white-space:nowrap}.variant-description{display:block;font-size:10px;color:var(--muted);margin-top:6px}.variant-level{display:inline-flex;width:15px;height:15px;border:1px solid #c6d2c7;border-radius:50%;margin-right:5px;align-items:center;justify-content:center;vertical-align:-2px}.active .variant-level{background:var(--brand-deep);color:#fff;border-color:var(--brand-deep)}.variant-level svg{width:10px;height:10px;stroke-width:2.5}.variant-explanation{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);padding:13px 2px 20px;border-bottom:1px solid var(--line);min-height:52px}.variant-explanation svg{height:14px;width:14px;color:var(--accent)}.variant-explanation strong{color:var(--accent);font-weight:750}.page-heading{padding:26px 0 22px}.page-heading h1{font-size:29px;font-weight:750;letter-spacing:-1.05px;line-height:1.35;margin:6px 0 7px}.page-heading p{font-size:12px;color:var(--muted);max-width:720px}.page-heading .actions{margin-top:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px;box-shadow:var(--shadow);min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.panel-header h2,.panel h2{font-size:15px;font-weight:750;letter-spacing:-.25px}.panel-header h3,.panel h3{font-size:13px;font-weight:700}.section-title{font-size:16px;font-weight:750;margin-bottom:15px;letter-spacing:-.3px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stack{display:flex;flex-direction:column;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:8px;font-size:11px;font-weight:700;padding:10px 15px;text-decoration:none;line-height:1.55;transition:background .15s}.btn:hover{background:var(--brand-dark)}.btn svg{width:15px;height:15px}.btn.secondary{background:#fff;border-color:var(--brand-border);color:var(--ink)}.btn.secondary:hover{background:var(--brand-soft)}.btn.ghost{background:transparent;border-color:transparent;color:var(--accent);padding-left:5px;padding-right:5px}.btn.ghost:hover{background:var(--brand)}.btn.small{font-size:10px;padding:7px 11px}.btn.full{width:100%}.tag{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;color:#37664b;background:var(--brand-soft);border-radius:5px;padding:3px 7px;white-space:nowrap;line-height:1.7}.tag.amber{color:var(--amber);background:var(--amber-bg)}.tag.blue{color:var(--blue);background:var(--blue-bg)}.tag.gray{color:var(--muted);background:#f1f2f1}.tag.red{color:var(--red);background:#fbeeed}.tag svg{width:11px;height:11px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:var(--ink);min-width:0}.field input,.field select,.field textarea,input[type=text],input[type=date],input[type=number],select,textarea{background:#fff;border:1px solid var(--brand-border);border-radius:8px;padding:11px 12px;color:var(--ink);width:100%;font-size:12px;line-height:1.6;min-height:41px}.field small{font-weight:400;color:var(--muted);font-size:10px}.field textarea,textarea{resize:vertical;min-height:110px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.muted,.subtext{color:var(--muted);font-size:11px}.list-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}.list-row:last-child{border:0}.avatar{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand);border-radius:11px;flex-shrink:0;font-weight:750;font-size:11px;color:#456a51}.result-box{border-radius:10px;background:var(--brand);padding:17px;border:1px solid var(--brand-border);font-size:12px;line-height:1.8}.notice{border:1px solid #e7e4d7;background:#f8f6ef;border-radius:9px;padding:12px 15px;font-size:10px;color:#6d6652;line-height:1.8}.document{background:#fffefb;border:1px solid #e3e1d8;box-shadow:0 3px 12px #00000004;padding:26px;border-radius:3px;line-height:1.9;font-size:12px}.document h3{font-size:17px;margin:8px 0 18px}.document p+p{margin-top:12px}.kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px;min-width:0}.kpi .value,.kpi strong{display:block;font-size:26px;line-height:1.3;font-weight:750;letter-spacing:-.9px;margin:8px 0}.mini-label{font-size:9px;color:var(--muted);font-weight:600;letter-spacing:.6px;text-transform:uppercase}.empty{text-align:center;padding:35px 20px;color:var(--muted)}.empty svg{width:32px;height:32px;margin-bottom:10px}.empty h3{color:var(--ink);margin-bottom:7px}.app-footer{margin-top:35px;border-top:1px solid var(--line);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:9px}.app-footer>span:first-child{display:flex;align-items:center;gap:5px}.app-footer svg{width:12px;height:12px}.app-footer a{text-decoration:none;white-space:nowrap;font-weight:650}.modal{border:1px solid var(--line);border-radius:18px;padding:26px;max-width:calc(100vw - 30px);width:720px;color:var(--ink);max-height:90vh;box-shadow:0 20px 100px #173a3a22;background:var(--paper)}.modal::backdrop{background:#102d2c60;backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.modal-header h2{font-size:20px;font-weight:750;letter-spacing:-.6px}.icon-button{border:1px solid var(--line);border-radius:50%;width:30px;height:30px;background:#fff;display:grid;place-items:center;color:var(--muted)}.icon-button svg{width:16px;height:16px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--brand-ink);color:#fff;font-size:12px;padding:14px 23px;border-radius:10px;box-shadow:0 5px 30px #0002;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60;max-width:calc(100vw - 30px)}.toast.show{opacity:1;transform:translate(-50%)}.tour-card{position:fixed;right:25px;bottom:25px;width:350px;max-width:calc(100vw - 30px);padding:22px;border-radius:15px;background:var(--brand-ink);color:#fff;z-index:40;box-shadow:0 10px 60px #143f3b40;border:1px solid #355953}.tour-card[hidden]{display:none}.tour-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#b6ccc7;margin-bottom:10px}.tour-card h3{font-size:17px;letter-spacing:-.3px}.tour-card p{color:#d5e4df;font-size:11px;margin:9px 0 18px}.tour-card .btn{background:var(--brand);border-color:var(--brand);color:#21483e}.tour-card .btn.ghost{color:#d5e4df;background:none;border-color:transparent}.tour-card .icon-button{background:transparent;border-color:#ffffff30;color:#fff;width:23px;height:23px}.tour-progress{display:flex;gap:4px;margin-bottom:18px}.tour-progress span{height:3px;background:#ffffff25;flex:1;border-radius:2px}.tour-progress span.done{background:var(--brand)}.tour-target{animation:highlight 1.1s ease 2}@keyframes highlight{50%{box-shadow:0 0 0 4px #8abd7866}}@media(min-width:1600px){.sidebar{width:250px}main{padding:40px 55px 0}.topbar{padding:0 55px}.variant-intro h2{font-size:29px}.variant{padding:17px 20px}.variant.active{padding:16.5px 19.5px}.variant-description{font-size:11px}.page-heading h1{font-size:33px}}@media(max-width:1100px){.sidebar{width:195px;padding-left:10px;padding-right:10px}.brand{margin-left:8px;font-size:20px}.profile{margin:0 -10px;padding:16px}.topbar{padding:0 24px}main{padding:26px 24px 0}.demo-date{display:none}.variant-intro>p{display:none}.variant{padding:11px}.variant.active{padding:10.5px}.variant-description{font-size:9px}.variant-price{font-size:11px}.app-footer>span:nth-child(2){display:none}.grid-3{gap:10px}.kpi{padding:15px}}@media(max-width:800px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:17px 20px 0}.brand{margin:0 0 15px;font-size:20px}.brand-mark{width:35px;height:36px;border-radius:10px}.brand small{font-size:7px}.workspace-label,.sidebar-bottom,.nav-group-label{display:none}#navigation{display:flex;gap:5px;overflow-x:auto;margin:0 -20px;padding:0 15px 11px;scrollbar-width:thin}.nav-button{width:auto;white-space:nowrap;padding:9px 12px}.nav-button.active:before{display:none}.nav-button.locked{display:none}.topbar{height:60px;padding:0 20px}.breadcrumb{font-size:10px}.topbar-right{gap:5px}main{padding:22px 20px 0}.variants{gap:7px;margin-top:20px}.variant-top{display:block}.variant-price{display:block;margin:4px 0 0 21px;font-size:11px}.variant-name{font-size:9px}.variant-description{display:none}.variant-explanation{font-size:9px;min-height:50px}.variant-intro h2{font-size:23px}.page-heading h1{font-size:25px}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:1fr 1fr}.demo-strip{padding:0 15px;font-size:8px}.strip-copy,.strip-separator{display:none}.panel{padding:19px}.form-grid{gap:12px}.modal{padding:20px}.kpi strong,.kpi .value{font-size:22px}}@media(max-width:480px){main{padding:20px 15px 0}.topbar{padding:0 15px}.variant-intro h2{font-size:20px}.eyebrow{font-size:8px;letter-spacing:1px}.variant{padding:10px 8px}.variant.active{padding:9.5px 7.5px}.variant-price{font-size:10px;margin-left:0}.variant-level{margin-right:3px;width:12px;height:12px}.variant-name{font-size:8px}.grid-3,.form-grid{grid-template-columns:1fr}.topbar .btn{font-size:9px;padding:6px 8px}.page-heading h1{font-size:23px}.panel{padding:17px}.app-footer{font-size:8px;gap:10px}.tour-card{bottom:15px;right:15px}.modal{width:calc(100vw - 20px);max-width:none}.document{padding:18px}.actions .btn{flex-grow:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.pa-graph svg,.pa-graph svg text{stroke:none}