:root{
  --bg:#08131f;--bg2:#0c1b29;--panel:#102434;--panel2:#0e2130;--panel3:#132a3d;
  --text:#f4efe7;--muted:#aab4bf;--line:rgba(255,255,255,.09);
  --copper:#d59a5c;--copper2:#efb679;--danger:#e27878;--good:#8bd3b0;--warn:#e3b36d;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
button,input,textarea{font:inherit}
button{cursor:pointer}
.app-shell{min-height:100dvh;padding-bottom:94px}
.topbar{position:sticky;top:0;z-index:40;height:72px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;background:rgba(8,19,31,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand-lockup{display:flex;align-items:center;gap:11px}.brandmark{width:42px;height:42px;border:1px solid var(--copper);border-radius:50%;display:grid;place-items:center;color:var(--copper);font-weight:800}.brand-lockup small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}
.icon-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid var(--line);color:var(--text)}
main{width:min(780px,100%);margin:auto;padding:18px 14px 28px}
.screen{display:none}.screen.active{display:block}
.hidden{display:none!important}
.eyebrow{font-size:.72rem;letter-spacing:.15em;color:var(--copper);font-weight:800;margin-bottom:10px}
h1,h2,h3{margin:0 0 12px;line-height:1.08}h1{font-size:clamp(2.15rem,8vw,3.6rem)}h2{font-size:clamp(1.75rem,6vw,2.5rem)}h3{font-size:1.25rem}
p{color:#d5dbe0;line-height:1.58;margin:0 0 16px}.lead{font-size:1.08rem}
.primary,.secondary,.danger{width:100%;min-height:52px;border-radius:14px;padding:14px 16px;font-weight:800}.primary{border:none;background:linear-gradient(135deg,var(--copper),var(--copper2));color:#08131f}.secondary{background:transparent;border:1px solid var(--copper);color:var(--copper2)}.danger{background:transparent;border:1px solid rgba(226,120,120,.55);color:#ff9c9c}
.onboard-shell{padding-top:20px}.progress{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden;margin:25px 0}.progress span{display:block;height:100%;width:16.6%;background:linear-gradient(90deg,var(--copper),var(--copper2));transition:.25s}
.onboard-step{display:none}.onboard-step.active{display:block}
.choice-grid{display:grid;gap:10px;margin:18px 0}.choice-grid button{min-height:54px;text-align:left;padding:14px 15px;border-radius:14px;border:1px solid var(--line);background:#0c1c2a;color:var(--text)}.choice-grid button.selected{border-color:var(--copper);background:rgba(213,154,92,.12);color:var(--copper2)}
.choice-grid.compact{grid-template-columns:1fr 1fr}.choice-grid.compact button{min-height:46px}
.welcome-row,.section-head,.card-head,.screen-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.screen-title{justify-content:flex-start;margin:5px 0 18px}.home-title{font-size:2.15rem}.status-badge{font-size:.72rem;border-radius:99px;padding:7px 10px;background:rgba(139,211,176,.12);color:var(--good);border:1px solid rgba(139,211,176,.25)}
.hero-action,.card,.tile,.map-stage,.metric,.plan-summary,.adaptive-panel{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:20px}
.hero-action{padding:22px 18px;margin:14px 0;background:radial-gradient(circle at 100% 0%,rgba(213,154,92,.15),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02))}.hero-action .tiny{font-size:.68rem;letter-spacing:.12em;color:var(--copper)}.big{margin-top:4px}
.text-btn{background:transparent;border:none;color:var(--copper2);font-weight:700}
.control-map-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.map-stage{padding:14px}.map-stage small{display:block;color:var(--copper);font-weight:800}.map-stage strong{display:block;font-size:.85rem;margin:5px 0}.map-stage span{font-size:.76rem;color:var(--muted);line-height:1.35}
.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.tile{padding:18px;text-align:left;color:var(--text);min-height:140px}.tile strong{display:block}.tile small{display:block;color:var(--muted);line-height:1.4;margin-top:8px}.tile-kicker{color:var(--copper)!important;font-size:.68rem!important;letter-spacing:.1em}
.card{padding:20px;margin-top:14px}.pill{height:max-content;padding:6px 9px;border-radius:99px;border:1px solid rgba(213,154,92,.4);color:var(--copper2);font-size:.7rem}.insight-card{border-color:rgba(213,154,92,.25)}
.back{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);font-size:1.3rem;flex:none}
.map-flow{display:grid;gap:10px}.map-card{padding:16px;border-radius:16px;border:1px solid var(--line);background:#0d1e2c}.map-card small{color:var(--copper);font-weight:800}.map-card strong{display:block;margin:5px 0}.map-card span{color:var(--muted);font-size:.85rem}.map-arrow{text-align:center;color:var(--copper)}
.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:8px 10px;border-radius:99px;border:1px solid var(--line);color:var(--muted);font-size:.78rem}
.form-card label{display:block;font-weight:700;margin:18px 0 7px}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.scale button{min-height:44px;border-radius:12px;border:1px solid var(--line);background:#0b1b29;color:var(--text)}.scale button.selected{border-color:var(--copper);background:rgba(213,154,92,.12);color:var(--copper2)}
input,textarea{width:100%;border:1px solid var(--line);background:#0b1a27;color:var(--text);border-radius:14px;padding:14px;outline:none}input{height:50px}textarea{min-height:100px;resize:vertical}
.success-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(139,211,176,.12);color:var(--good);font-weight:900;margin-bottom:12px}
.adaptive-panel{padding:20px;margin-top:14px}.stage-progress{height:5px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden;margin-bottom:18px}.stage-progress span{display:block;height:100%;background:var(--copper);width:20%}.intervention-step{display:none}.intervention-step.active{display:block}.intervention-actions{display:grid;gap:9px;margin:16px 0}.intervention-actions button{min-height:50px;text-align:left;padding:13px 14px;border-radius:13px;border:1px solid var(--line);background:#0b1a27;color:var(--text)}.intervention-actions button.selected{border-color:var(--copper);color:var(--copper2)}
.plan-summary{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:20px;align-items:center}.plan-score{display:flex;align-items:baseline;gap:2px}.plan-score small{display:block;position:absolute;transform:translateY(-28px);color:var(--muted);font-size:.67rem}.plan-score strong{font-size:2.3rem;color:var(--copper2)}.plan-score span{color:var(--muted)}
.task-list{display:grid;gap:10px}.task{display:flex;gap:11px;align-items:flex-start;padding:12px;border-radius:13px;background:rgba(255,255,255,.025)}.task input{width:19px;height:19px;margin-top:2px;accent-color:var(--copper)}.task small{display:block;color:var(--muted);margin-top:3px}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{padding:18px}.metric small{display:block;color:var(--muted);font-size:.73rem}.metric strong{display:block;margin-top:7px;color:var(--copper2);font-size:1.6rem}.bars{display:flex;align-items:flex-end;gap:8px;height:150px;padding-top:14px}.bar-wrap{flex:1;text-align:center}.bar{width:100%;min-height:8px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--copper2),var(--copper));}.bar-wrap small{font-size:.62rem;color:var(--muted)}
.insight-list{margin:0;padding-left:20px;color:#d5dbe0}.insight-list li{margin:10px 0}
.tool-list{display:grid;gap:12px}.tool-card{min-height:88px;padding:16px 17px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));color:var(--text);text-align:left}.tool-card small{display:block;color:var(--muted);margin-top:7px;line-height:1.4}
.bottom-nav{position:fixed;z-index:45;left:50%;transform:translateX(-50%);bottom:0;width:min(780px,100%);height:78px;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(8,19,31,.97);border-top:1px solid var(--line);backdrop-filter:blur(18px)}.bottom-nav button{border:none;background:transparent;color:var(--muted);display:grid;place-items:center;gap:2px}.bottom-nav button span{font-size:1.15rem}.bottom-nav button small{font-size:.67rem}.bottom-nav button.active{color:var(--copper2)}
dialog{width:min(560px,calc(100% - 24px));border:none;border-radius:20px;background:#0d1e2d;color:var(--text);padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.55)}dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}.dialog-close{float:right;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);font-size:1.2rem}
.privacy-blur main{filter:blur(10px)}
@media(max-width:560px){
  .choice-grid.compact{grid-template-columns:1fr 1fr}
  .control-map-mini{grid-template-columns:1fr}
  .grid.two{grid-template-columns:1fr 1fr}
  .tile{min-height:132px}
  .plan-summary{grid-template-columns:1fr}
  .plan-score small{position:static;transform:none}
}