:root {
  color-scheme: dark;
  --page: #0d1118;
  --surface: #141a22;
  --surface-2: #192029;
  --surface-3: #222a35;
  --line: #2b3440;
  --line-soft: #242c36;
  --text: #f4f4ef;
  --muted: #a8b1bb;
  --subtle: #718091;
  --lime: #d5f480;
  --lime-soft: #b8d776;
  --coral: #ff9575;
  --cyan: #7fd7dc;
  --violet: #c4a8f5;
  --radius: 14px;
  --max-width: 1360px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
*,*::before,*::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; background: var(--page); color: var(--text); min-width: 320px; }
body::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 740px; pointer-events:none; background: radial-gradient(ellipse 40% 43% at 83% 36%, #172a30a0, transparent 80%); z-index:0; }
button,input,select { font: inherit; }
button { cursor:pointer; }
a { color: inherit; text-decoration: none; }
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible { outline:2px solid var(--lime); outline-offset:4px; }
svg.icon { display: inline-block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linejoin:round; stroke-linecap:round; flex-shrink:0; }
.icon-library { position:absolute; width:0; height:0; overflow:hidden; pointer-events:none; }
.skip-link { position:fixed; top:-100px; left:22px; background:var(--lime); color:var(--page); padding:10px 16px; z-index:100; border-radius:5px; }
.skip-link:focus { top:10px; }
.site-shell { position:relative; max-width:var(--max-width); margin:auto; padding:0 45px; }

/* NAV */
.site-header { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #30364180; gap:34px; position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:11px; white-space:nowrap; }
.brand-symbol { width:32px; height:32px; display:grid; place-items:center; border:2px solid var(--lime); transform:rotate(-35deg); border-radius:8px; }
.brand-center { width:10px; height:10px; border:2px solid var(--lime); border-radius:50%; }
.brand-text,.footer-brand { font-size:24px; font-weight:790; letter-spacing:-1.35px; }
.brand-period { color:var(--lime); }
.brand-ai { font-weight:440; color:#cdd3d9; }
.top-nav { display:flex; align-items:center; gap:29px; margin-left:auto; margin-right:auto; height:100%; }
.nav-item { color:#a9b2bd; font-size:13px; font-weight:590; height:100%; display:flex; align-items:center; position:relative; transition:color .2s; }
.nav-item:hover,.nav-item.active { color:var(--text); }
.nav-item.active::after { content:""; position:absolute; height:2px; left:0; right:0; bottom:-1px; background:var(--lime); }
.header-status { color:#a5b8b2; display:flex; align-items:center; gap:9px; font-family:ui-monospace, monospace; font-size:11px; letter-spacing:.05px; white-space:nowrap; }
.status-dot { width:7px; height:7px; background:var(--lime); border-radius:50%; box-shadow:0 0 13px #d5f48089; }
.mobile-menu,.mobile-nav { display:none; }

/* HERO */
.hero { min-height:582px; display:grid; grid-template-columns: 1fr 530px; gap:55px; align-items:center; padding:67px 0 79px; }
.hero-copy { position:relative; z-index:2; }
.eyebrow,.section-kicker,.tiny-label { font-size:10px; font-weight:780; letter-spacing:2px; color:var(--lime); }
.eyebrow { display:flex; align-items:center; gap:13px; }
.eyebrow-line { width:30px; height:1px; background:var(--lime); }
.eyebrow-slash { color:#87938d; }
.hero h1 { font-size:clamp(56px,5.5vw,82px); line-height:1.05; letter-spacing:-5px; font-weight:780; margin:26px 0 25px; }
.hero h1 span { color:var(--lime); }
.hero-description { color:var(--muted); max-width:530px; font-size:16px; line-height:1.86; margin:0; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin:32px 0 30px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:14px; border:1px solid transparent; border-radius:7px; font-size:13px; font-weight:740; padding:15px 21px; min-height:48px; transition:transform .2s,background-color .2s,border-color .2s; }
.button svg { width:17px; height:17px; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:#192119; background:var(--lime); }
.button-primary:hover { background:#e7ffab; }
.button-quiet { color:#e5e9e3; background:#202830; border-color:#333d47; }
.button-quiet:hover { background:#2a343e; }
.hero-proof { display:flex; align-items:center; gap:15px; color:#a9b2bd; font-size:12px; }
.proof-avatars { display:inline-flex; padding-left:5px; }
.proof-avatars i { font-style:normal; font-size:10px; font-weight:800; display:grid; place-items:center; width:27px; height:27px; border:2px solid var(--page); border-radius:50%; margin-left:-5px; color:#102018; background:#bfe68d; }
.proof-avatars i:nth-child(2) { background:#88e7c3; }
.proof-avatars i:nth-child(3) { background:#a6baf9; }
.proof-avatars i:nth-child(4) { background:#a2e1ea; }
.proof-avatars i:nth-child(5) { background:#c6b2f4; }
.hero-visual { height:436px; position:relative; display:flex; align-items:center; justify-content:center; }
.orbit { position:absolute; border:1px solid #4250475e; pointer-events:none; transform:rotate(-23deg); border-radius:50%; }
.orbit-a { width:535px; height:335px; }
.orbit-b { width:455px; height:470px; transform:rotate(38deg); border-color:#344b5360; }
.visual-decoration { position:absolute; border-radius:50%; width:9px; height:9px; background:var(--lime); box-shadow:0 0 22px #bcda72; }
.visual-decoration-one { top:26px; right:99px; }
.visual-decoration-two { bottom:66px; left:13px; width:6px; height:6px; background:var(--cyan); }
.visual-card { background:linear-gradient(145deg,#1c262b 0%,#13191f 75%); border:1px solid #3c4946; border-radius:16px; box-shadow:0 27px 75px #050b0d87; }
.visual-card-main { width:418px; min-height:369px; padding:23px 24px 18px; z-index:1; transform:rotate(-1.9deg); }
.visual-card-heading,.visual-card-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.visual-card-heading .tiny-label { color:#a6b6ac; letter-spacing:1.15px; }
.live-pill { display:inline-flex; align-items:center; gap:7px; font-family:ui-monospace,monospace; font-size:9px; color:#d7eeaf; letter-spacing:.2px; }
.live-pill span { height:6px; width:6px; border-radius:50%; background:var(--lime); }
.stack-illustration { margin:25px 0 23px; }
.stack-step { height:70px; border:1px solid #38434d; background:#232c34b3; border-radius:9px; display:flex; align-items:center; padding:11px 15px; gap:14px; }
.stack-step-icon { display:grid; place-items:center; width:41px; height:41px; flex:none; border-radius:8px; }
.stack-step-icon svg { width:22px; height:22px; }
.stack-step-task { background:#3b4438; color:var(--lime); }
.stack-step-harness { background:#35444a; color:var(--cyan); }
.stack-step-brain { background:#443d51; color:var(--violet); }
.stack-step small { color:#a3b0b9; font-size:9px; letter-spacing:1.2px; display:block; margin-bottom:4px; font-weight:700; }
.stack-step strong { font-size:14px; font-weight:670; }
.stack-index { margin-left:auto; color:#7d8c96; font-size:10px; font-family:ui-monospace,monospace; }
.stack-link { display:flex; flex-direction:column; align-items:center; gap:3px; height:17px; justify-content:center; }
.stack-link span { width:2px; height:3px; background:#8d9c85; border-radius:2px; }
.visual-card-footer { border-top:1px solid #323d43; padding-top:16px; font-size:10px; color:#81938f; }
.mono { font-family:ui-monospace,monospace; letter-spacing:.6px; }
.floating-note { position:absolute; z-index:2; display:inline-flex; align-items:center; gap:8px; color:#f0f0e9; border:1px solid #3d514c; border-radius:7px; background:#22302d; box-shadow:0 13px 28px #070c1099; font-size:11px; font-weight:610; padding:11px 14px; transform:rotate(4deg); }
.floating-note svg { width:15px; height:15px; color:var(--lime); }
.floating-note-top { right:-11px; top:54px; }
.floating-note-bottom { left:6px; bottom:41px; transform:rotate(-7deg); background:#28302e; }
.sparkle { color:var(--lime); font-size:17px; line-height:10px; }

/* SECTIONS */
section:not(.hero) { scroll-margin-top:90px; }
.decision-section { padding:34px 0 92px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:27px; }
.section-heading h2 { font-weight:740; font-size:clamp(32px,3.4vw,46px); letter-spacing:-1.8px; line-height:1.16; margin:14px 0 12px; }
.section-heading h2 em { font-family:Georgia,"Times New Roman",serif; color:var(--lime); font-weight:400; letter-spacing:-2.2px; }
.section-heading p { font-size:13px; color:var(--muted); line-height:1.7; margin:0; max-width:670px; }
.section-kicker { display:flex; align-items:center; gap:12px; color:#b6c3bb; font-size:10px; letter-spacing:1.8px; }
.number-pill { font-family:ui-monospace,monospace; color:var(--lime); border:1px solid #4b6041; border-radius:4px; padding:5px 7px; letter-spacing:0; font-size:10px; }
.text-button { border:0; background:none; color:#c2cbd2; display:inline-flex; align-items:center; font-size:12px; gap:7px; padding:10px; }
.text-button:hover { color:var(--lime); }
.text-button svg { width:15px; height:15px; }
.reset-button { align-self:end; margin-bottom:2px; white-space:nowrap; }
.decision-layout { display:grid; grid-template-columns:minmax(0,1.03fr) minmax(0,0.97fr); gap:18px; align-items:start; }
.chooser-panel { border:1px solid #353e47; background:#171e26; border-radius:13px; padding:29px 29px 22px; }
.choice-field { border:0; margin:0; padding:0; min-width:0; }
.choice-field legend { font-size:14px; font-weight:690; display:flex; align-items:center; gap:11px; width:100%; padding:0; margin-bottom:18px; }
.field-step { flex:none; display:grid; place-items:center; height:25px; width:25px; border-radius:6px; background:#343e39; color:var(--lime); font-family:ui-monospace,monospace; font-weight:740; font-size:12px; }
.task-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.task-option { width:100%; min-height:72px; display:flex; align-items:center; gap:11px; text-align:left; border-radius:8px; border:1px solid #37404b; background:#1c242d; padding:13px 12px; color:#e6eced; transition:background .15s,border-color .15s; }
.task-option:hover { background:#27323b; }
.task-option[aria-pressed="true"] { background:#304035; border-color:#c2e58b; box-shadow:inset 0 0 0 1px #b3d17e23; }
.task-option .task-icon { width:36px; height:36px; display:grid; place-items:center; background:#2c3740; border:1px solid #414b55; border-radius:8px; color:#c2d2d4; flex-shrink:0; }
.task-option[aria-pressed="true"] .task-icon { color:var(--lime); border-color:#597443; background:#324437; }
.task-option svg { width:18px; height:18px; }
.task-option strong { font-size:12px; letter-spacing:-.1px; line-height:1.3; }
.task-option small { display:block; color:#929fa8; font-size:10px; margin-top:4px; }
.task-option[aria-pressed="true"] small { color:#bbc8b6; }
.field-divider { height:1px; background:#333c46; margin:25px 0; }
.segmented-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.segmented-buttons.three-up { grid-template-columns:repeat(3,minmax(0,1fr)); }
.seg-button,.budget-button { color:#aeb9c1; border:1px solid #36414a; background:#202831; border-radius:7px; padding:11px 9px; font-size:11px; font-weight:610; text-align:center; min-height:42px; }
.seg-button:hover,.budget-button:hover { border-color:#758577; color:var(--text); }
.seg-button[aria-pressed="true"],.budget-button[aria-pressed="true"] { color:#e5fac5; background:#354333; border-color:#98ba72; }
.budget-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.budget-button { padding:11px 6px; }
.access-accordion { margin-top:27px; padding-top:18px; border-top:1px solid #333c46; }
.access-accordion summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; color:#cdd5d9; font-size:12px; font-weight:650; }
.access-accordion summary::-webkit-details-marker { display:none; }
.access-accordion summary span { display:inline-flex; gap:10px; align-items:center; }
.access-accordion summary svg { width:16px; height:16px; }
.access-accordion[open] summary .disclosure-icon { transform:rotate(180deg); }
.access-accordion p { font-size:11px; color:#a8b6bd; line-height:1.7; margin:15px 0; }
.access-list { display:grid; gap:9px; }
.access-option { display:flex; align-items:start; gap:11px; border:1px solid #35414a; border-radius:7px; padding:11px 12px; background:#202831; cursor:pointer; }
.access-option input { accent-color:var(--lime); margin-top:3px; width:15px; height:15px; flex-shrink:0; }
.access-option strong { color:#e9edeb; font-size:11px; display:block; }
.access-option small { color:#a8b4bd; font-size:10px; display:block; margin-top:4px; line-height:1.5; }

/* RECOMMENDER */
.results-column { display:flex; flex-direction:column; gap:15px; }
.result-card { border:1px solid #556147; border-radius:13px; background:radial-gradient(ellipse 85% 55% at 94% 1%,#3b4a34a1,transparent 86%),#1e2727; padding:26px 26px 23px; min-height:430px; }
.result-topline { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:7px; }
.best-match { display:inline-flex; align-items:center; gap:6px; color:var(--lime); font-weight:740; font-size:10px; letter-spacing:1.5px; }
.best-match .icon { width:15px; height:15px; }
.recommendation-status { padding:7px 9px; border:1px solid #69805f; color:#d5efb6; background:#2c392f; border-radius:6px; font-size:10px; font-weight:670; }
.recommendation-status.needs-setup { border-color:#8d7754; background:#3a342c; color:#eed8af; }
.route-title-row { display:flex; align-items:center; gap:16px; margin:24px 0 10px; }
.route-mark { width:54px; height:54px; border:1px solid #43534b; background:#303e37; border-radius:12px; display:grid; place-items:center; font-size:22px; font-weight:850; flex-shrink:0; }
.route-mark.hermes { color:#d7ed9a; background:#3b4630; border-color:#637a43; }
.route-mark.codex { color:#b2efd7; background:#25493f; border-color:#416e5c; }
.route-mark.agy { color:#c3ccff; background:#353c5b; border-color:#565e8f; }
.route-mark.opencode { color:#9ee4f2; background:#274650; border-color:#466d78; }
.route-mark.deepseek { color:#dcc9fc; background:#443956; border-color:#625078; }
.route-title-row h3 { font-size:26px; letter-spacing:-1px; margin:0 0 5px; line-height:1.12; }
.route-title-row p { margin:0; color:#b7c5c8; font-size:11px; }
.result-description { font-size:12px; line-height:1.8; color:#cbd5d5; margin:13px 0 20px; }
.result-why { margin:0; padding:17px 18px; background:#151e1f9c; border:1px solid #3b4b48; border-radius:9px; }
.result-why h4,.launch-label { margin:0 0 13px; font-size:10px; letter-spacing:1.1px; text-transform:uppercase; color:#a5b8aa; }
.result-why ul { list-style:none; margin:0; padding:0; display:grid; gap:9px; }
.result-why li { display:flex; gap:9px; font-size:11px; color:#d7ddda; line-height:1.55; }
.result-why li svg { flex:none; color:var(--lime); width:14px; height:14px; margin-top:1px; }
.route-chain { display:flex; align-items:center; gap:7px; flex-wrap:wrap; padding:19px 0; }
.route-chain span { font-size:10px; padding:6px 9px; border-radius:6px; background:#313d3a; color:#d7e0dd; border:1px solid #4b5a53; }
.route-chain > svg { color:#8caaa0; width:14px; height:14px; }
.launch-block { background:#0e1617; border:1px solid #354947; padding:12px; border-radius:8px; }
.launch-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; gap:8px; }
.launch-label { margin:0; }
.cost-tag { color:#c7d4c3; font-size:10px; }
.code-line { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.code-line code { color:#d7f38d; font-size:11px; font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace; white-space:nowrap; overflow:auto; max-width:100%; padding:7px 0; }
.copy-button { border:1px solid #516052; border-radius:5px; color:#d8eee0; background:#273630; min-width:75px; min-height:32px; display:inline-flex; align-items:center; justify-content:center; gap:7px; font-size:10px; font-weight:680; }
.copy-button:hover { border-color:var(--lime); }
.copy-button svg { width:13px; height:13px; }
.extra-instruction { color:#a9b9b5; font-size:10px; line-height:1.6; margin:9px 0 0; }
.extra-instruction strong { color:#e1e9dd; }
.result-actions { display:flex; justify-content:space-between; align-items:center; padding-top:15px; gap:10px; }
.result-actions .text-button { font-size:11px; }
.result-actions .official-link { color:#e0f5a2; font-size:11px; display:flex; align-items:center; gap:7px; }
.result-actions .official-link svg { width:13px; height:13px; }
.alternatives-card { padding:22px; border:1px solid #353d46; border-radius:12px; background:#161d25; }
.card-title-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:17px; }
.card-title-row h3 { font-size:13px; letter-spacing:-.1px; margin:0; }
.card-title-row .tiny-label { color:#7e8c92; font-size:9px; letter-spacing:1px; }
.alternative-list { display:grid; gap:8px; }
.alternative-item { display:flex; text-align:left; width:100%; background:#202832; border:1px solid #323e48; border-radius:8px; align-items:center; padding:12px; gap:11px; color:var(--text); }
.alternative-item:hover { background:#29343e; border-color:#77927a; }
.alternative-icon { width:35px; height:35px; display:grid; place-items:center; border-radius:8px; background:#3a4846; font-size:13px; font-weight:840; flex:none; }
.alternative-copy { display:flex; flex-direction:column; gap:4px; flex:1; min-width:0; }
.alternative-copy strong { font-size:12px; }
.alternative-copy small { color:#9cabb4; line-height:1.35; font-size:10px; }
.alternative-item > svg { width:15px; height:15px; color:#c3cdd2; }
.result-disclaimer { font-size:10px; color:#8d9ca3; line-height:1.65; display:flex; align-items:start; gap:9px; margin:0 5px; }
.result-disclaimer svg { width:15px; height:15px; flex:none; margin-top:1px; }

/* TOOL GRID */
.explorer-section { padding:64px 0 83px; border-top:1px solid #303a41; }
.filter-bar { display:flex; gap:6px; flex-wrap:wrap; }
.filter-chip { border:1px solid #3c474f; background:#18212a; border-radius:7px; color:#acb8c0; font-size:11px; font-weight:630; padding:10px 13px; white-space:nowrap; }
.filter-chip:hover { color:white; border-color:#728078; }
.filter-chip.selected { color:#243020; background:var(--lime); border-color:var(--lime); }
.tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.tool-card { min-height:252px; display:flex; flex-direction:column; padding:22px; border:1px solid #34404b; border-radius:11px; background:#171e26; transition:transform .2s,border-color .2s; }
.tool-card:hover { transform:translateY(-3px); border-color:#65715c; }
.tool-head { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.tool-icon { height:39px; width:39px; display:grid; place-items:center; border-radius:10px; background:#303c42; font-weight:810; font-size:14px; }
.tool-icon.hermes { background:#344533; color:var(--lime); }
.tool-icon.codex { background:#29483f; color:#b2f7d8; }
.tool-icon.agy { background:#373b5b; color:#d4d3fd; }
.tool-icon.opencode { background:#284651; color:#8bdbea; }
.tool-icon.deepseek { background:#41344e; color:#d9b7f6; }
.tool-flag { color:#abc1ac; background:#25362d; border:1px solid #394d3f; font-size:9px; font-weight:670; border-radius:4px; padding:5px 7px; }
.tool-flag.setup { color:#e6ceb0; background:#393027; border-color:#675442; }
.tool-card h3 { font-size:18px; margin:16px 0 8px; letter-spacing:-.5px; }
.tool-card p { color:#adb9c3; font-size:11px; line-height:1.72; margin:0; flex:1; }
.tool-card-footer { margin-top:20px; padding-top:14px; border-top:1px solid #303b43; display:flex; justify-content:space-between; gap:10px; align-items:center; }
.tool-card-footer span { font-size:10px; color:#b6c2c5; }
.tool-card-footer svg { width:15px; height:15px; color:var(--lime); }
.tool-card-footer button { display:inline-flex; align-items:center; gap:6px; background:none; padding:5px 0; font-size:11px; font-weight:660; color:var(--lime); border:0; }
.tool-card-footer button svg { width:13px; height:13px; }
.tool-card[hidden] { display:none; }

/* CONCEPTS */
.basics-section { border-top:1px solid #303a41; padding:70px 0 84px; }
.section-heading-compact { margin-bottom:25px; }
.concept-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.concept-card { border:1px solid #36404a; border-radius:11px; background:#171f27; padding:26px; min-height:267px; display:flex; flex-direction:column; position:relative; }
.concept-number { position:absolute; right:23px; top:24px; font-size:12px; color:#84919c; font-family:ui-monospace,monospace; }
.concept-icon { width:45px; height:45px; display:grid; place-items:center; border-radius:10px; }
.concept-icon-orange { color:#e7b38a; background:#42372e; }
.concept-icon-cyan { color:#97e9e7; background:#29434a; }
.concept-icon-purple { color:#d9c3fd; background:#3d374d; }
.concept-icon svg { width:23px; height:23px; }
.concept-card h3 { font-size:20px; letter-spacing:-.7px; margin:18px 0 10px; }
.concept-card p { color:#afbbc3; font-size:12px; line-height:1.7; margin:0; flex:1; }
.concept-example { margin-top:19px; border-top:1px solid #344049; padding-top:14px; color:#c5d0cc; font-size:11px; line-height:1.6; }
.truth-bar { display:flex; align-items:start; gap:13px; background:#202e2c; border:1px solid #3c5750; border-radius:9px; padding:19px 21px; margin-top:15px; }
.truth-bar svg { color:var(--lime); flex:none; margin-top:3px; }
.truth-bar p { color:#c0d0cc; font-size:12px; line-height:1.7; margin:0; }
.truth-bar strong { color:#ecf3eb; }

/* LAUNCH COMMANDS */
.launch-section { padding:64px 0 85px; border-top:1px solid #303a41; }
.accent-dot { color:var(--lime); }
.command-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.command-card { border:1px solid #34404a; border-radius:10px; background:#151e26; padding:20px; }
.command-card-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:15px; }
.command-card-head strong { font-size:13px; }
.command-card-head small { font-size:10px; color:#91a2aa; }
.command-console { background:#0d141b; border:1px solid #34414b; display:flex; gap:10px; align-items:center; justify-content:space-between; border-radius:7px; padding:10px 10px 10px 14px; }
.command-console code { font-family:"SFMono-Regular",Consolas,monospace; color:#cff0a6; font-size:12px; overflow:auto; white-space:nowrap; }
.command-card-desc { color:#9eabb5; font-size:11px; line-height:1.65; margin:12px 0 0; }
.command-console .copy-button { min-height:30px; }
.caution-section { background:#252b26; border:1px solid #64744b; border-radius:12px; padding:26px; display:flex; align-items:center; gap:25px; justify-content:space-between; }
.caution-content { display:flex; gap:18px; align-items:start; }
.caution-icon { background:#414b32; display:grid; place-items:center; flex:none; height:46px; width:46px; border-radius:10px; color:var(--lime); }
.caution-section h2 { margin:1px 0 9px; font-size:17px; letter-spacing:-.4px; }
.caution-section p { color:#b9c5bd; font-size:11px; line-height:1.8; margin:0; max-width:830px; }
.caution-link { display:inline-flex; align-items:center; gap:8px; color:var(--lime); white-space:nowrap; font-size:11px; font-weight:660; }
.caution-link svg { width:15px; height:15px; }
.sources-section { display:flex; align-items:start; justify-content:space-between; padding:64px 0 75px; gap:55px; border-bottom:1px solid #303a41; }
.sources-section h2 { font-size:22px; letter-spacing:-.6px; margin:11px 0 9px; }
.sources-section p { color:#99a6b0; font-size:11px; line-height:1.7; max-width:370px; margin:0; }
.source-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 23px; min-width:400px; }
.source-links a { color:#c8d6da; font-size:11px; display:flex; justify-content:space-between; gap:10px; border-bottom:1px solid #3a474d; padding-bottom:9px; }
.source-links a:hover { color:var(--lime); }
.source-links svg { width:14px; height:14px; color:#8ea39b; }
.footer { display:flex; align-items:center; gap:28px; min-height:101px; }
.footer-brand { white-space:nowrap; font-size:18px; display:flex; align-items:center; gap:7px; }
.brand-symbol-small { width:21px; height:21px; border-width:1.5px; border-radius:5px; }
.brand-symbol-small .brand-center { height:6px; width:6px; border-width:1px; }
.footer p { margin:0; color:#8e9da5; font-size:10px; line-height:1.6; }
.footer-version { margin-left:auto; white-space:nowrap; color:#85948d; font-family:ui-monospace,monospace; font-size:10px; letter-spacing:.8px; }
.toast { position:fixed; right:30px; bottom:26px; z-index:30; min-width:180px; max-width:90vw; padding:13px 19px; background:var(--lime); color:#192119; font-size:12px; font-weight:740; border-radius:8px; box-shadow:0 16px 37px #0006; opacity:0; transform:translateY(20px); pointer-events:none; transition:opacity .18s,transform .18s; }
.toast.visible { opacity:1; transform:translateY(0); }

@media (max-width: 1150px) {
  .site-shell { padding:0 30px; }
  .hero { grid-template-columns:1fr 460px; gap:21px; }
  .hero h1 { font-size:63px; letter-spacing:-3.8px; }
  .hero-visual { transform:scale(.87); transform-origin:center right; }
  .header-status { display:none; }
  .decision-layout { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); }
  .chooser-panel { padding:23px 20px; }
  .tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  html { scroll-padding-top:65px; }
  .site-shell { padding:0 22px; }
  .site-header { height:74px; }
  .top-nav { display:none; }
  .mobile-menu { display:grid; place-items:center; background:#202a32; color:var(--lime); border:1px solid #465a42; width:42px; height:40px; border-radius:8px; margin-left:auto; }
  .mobile-nav:not([hidden]) { display:grid; position:absolute; right:22px; top:70px; width:230px; z-index:15; background:#1c252d; border:1px solid #3b494d; border-radius:9px; padding:8px; box-shadow:0 14px 28px #0008; }
  .mobile-nav a { padding:11px 13px; color:#e0e9e2; font-size:13px; border-radius:5px; }
  .mobile-nav a:hover { background:#35433b; }
  .hero { grid-template-columns:1fr; padding:65px 0 45px; gap:12px; }
  .hero h1 { font-size:clamp(55px,9vw,78px); }
  .hero-visual { height:390px; margin:12px auto 0; width:100%; max-width:580px; transform:scale(.88); transform-origin:center; }
  .decision-layout { grid-template-columns:1fr; }
  .result-card { min-height:0; }
  .concept-grid { grid-template-columns:1fr; }
  .concept-card { min-height:auto; padding:22px; }
  .concept-card p { min-height:auto; }
  .sources-section { flex-direction:column; gap:23px; }
  .source-links { min-width:0; width:100%; }
  .footer { flex-wrap:wrap; padding:25px 0; gap:12px 23px; }
  .footer-version { margin-left:0; }
}
@media (max-width: 570px) {
  .site-shell { padding:0 16px; }
  .brand-text { font-size:22px; }
  .hero { padding-top:42px; }
  .hero h1 { font-size:clamp(48px,12vw,64px); letter-spacing:-3.1px; line-height:1.08; margin:20px 0; }
  .hero-description { font-size:14px; line-height:1.75; }
  .eyebrow { font-size:9px; letter-spacing:1.3px; }
  .hero-actions { gap:9px; }
  .button { min-height:44px; font-size:12px; padding:13px 15px; gap:8px; }
  .hero-proof { font-size:10px; }
  .hero-visual { transform:scale(.75); width:calc(100% + 90px); margin-left:-45px; margin-right:-45px; height:345px; }
  .visual-card-main { flex-shrink:0; }
  .floating-note-top { right:-15px; }
  .floating-note-bottom { left:0; }
  .section-heading { align-items:start; flex-direction:column; gap:11px; }
  .section-heading h2 { font-size:33px; margin:12px 0; }
  .section-heading p { font-size:12px; }
  .reset-button { align-self:flex-start; }
  .decision-section { padding-top:30px; padding-bottom:62px; }
  .chooser-panel { padding:21px 16px; }
  .task-grid { gap:7px; }
  .task-option { padding:10px 8px; min-height:65px; gap:8px; }
  .task-option .task-icon { width:29px; height:29px; }
  .task-option svg { width:16px; height:16px; }
  .task-option strong { font-size:10px; }
  .task-option small { font-size:9px; }
  .choice-field legend { font-size:13px; }
  .segmented-buttons.three-up { gap:6px; }
  .seg-button,.budget-button { font-size:10px; }
  .result-card { padding:21px 18px; }
  .route-title-row h3 { font-size:23px; }
  .route-chain { gap:5px; }
  .route-chain span { font-size:9px; }
  .filter-bar { width:100%; }
  .filter-chip { font-size:10px; padding:9px 10px; }
  .tool-grid,.command-grid { grid-template-columns:1fr; }
  .explorer-section,.basics-section,.launch-section { padding:55px 0; }
  .caution-section { flex-direction:column; align-items:start; gap:18px; padding:20px; }
  .caution-content { gap:12px; }
  .caution-section h2 { font-size:15px; }
  .source-links { grid-template-columns:1fr; }
  .sources-section { padding:52px 0; }
  .footer p { width:100%; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}