:root{color-scheme:dark;--bg: #101112;--surface: #181a1b;--surface-strong: #202325;--line: #34393c;--text: #edf1ee;--muted: #a9b0ad;--soft: #6f7977;--teal: #4cc7bd;--green: #7acb78;--amber: #edb75e;--blue: #6f9be8;--red: #e36d63;--shadow: rgba(0, 0, 0, .34);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at 18% 0%,rgba(76,199,189,.16),transparent 28rem),radial-gradient(circle at 88% 18%,rgba(237,183,94,.12),transparent 24rem),linear-gradient(180deg,#0f1011,#151718 48%,#101112)}a{color:inherit;text-decoration:none}main{width:min(1440px,calc(100% - 48px));margin:0 auto}.hero{min-height:88vh;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center;padding:clamp(28px,6vh,72px) 0 34px}.heroCopy{display:grid;gap:22px}.eyebrow{margin:0;color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.45rem,6vw,5.8rem);line-height:.98;font-weight:860}.hero h1{max-width:none}h2{font-size:clamp(1.55rem,3vw,2.6rem);line-height:1.08}h3{font-size:1.04rem;line-height:1.5}.heroLead{max-width:none;color:var(--muted);font-size:clamp(1.04rem,2vw,1.25rem);line-height:1.75}.heroFacts{display:grid;gap:10px;margin:0;padding:0;list-style:none}.heroFacts li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start;max-width:none;color:#dcefd9;line-height:1.56}.heroFacts svg{margin-top:2px;color:var(--green)}.heroActions{display:flex;flex-wrap:wrap;gap:12px}.heroActions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid var(--line);border-radius:6px;background:#ffffff0b;color:var(--text);font-weight:750}.heroActions a:first-child{background:var(--teal);color:#071312;border-color:transparent}.installSection{display:grid;gap:24px;padding:34px 0 70px;border-top:1px solid var(--line)}.installGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.installCard{display:grid;align-content:start;gap:14px;padding:18px;border:1px solid rgba(76,199,189,.24);border-radius:8px;background:linear-gradient(135deg,#4cc7bd13,#ffffff06),#ffffff09}.installCard p{color:var(--muted);line-height:1.62}.commandLine{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:48px;padding:8px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#0b0c0d}.commandLine code{overflow:auto;color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;line-height:1.45;white-space:nowrap}.copyCommand{min-width:86px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(76,199,189,.32);border-radius:6px;background:#4cc7bd1f;color:var(--text);font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}.copyCommand:hover,.copyCommand:focus-visible{outline:none;border-color:#4cc7bd9e;background:#4cc7bd33}.valueSection{display:grid;gap:24px;padding:44px 0 70px;border-top:1px solid var(--line)}.promiseStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.promiseItem{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;min-height:92px;padding:16px;border:1px solid rgba(122,203,120,.24);border-radius:8px;background:#7acb7813;color:#dcefd9;line-height:1.58}.promiseItem svg{margin-top:2px;color:var(--green)}.valueGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.valueCard{display:grid;align-content:start;gap:14px;min-height:254px;padding:18px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#4cc7bd13,#ffffff06),#ffffff09}.valueCard svg{color:var(--teal)}.beforeAfter{display:grid;gap:10px}.beforeAfter p{display:grid;gap:5px;color:var(--muted);line-height:1.66}.beforeAfter b{color:var(--amber)}.storySection,.startChoice{display:grid;gap:28px;padding:44px 0 70px;border-top:1px solid var(--line)}.storySteps{display:grid;gap:12px;margin:0;padding:0;list-style:none}.storySteps li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.storyIndex{width:54px;height:54px;display:grid;place-items:center;border-radius:8px;background:#4cc7bd1c;color:var(--teal);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:850}.storySteps li div:last-child{display:grid;gap:7px}.storySteps span{color:var(--amber);font-size:.86rem;font-weight:800}.storySteps p{color:var(--muted);line-height:1.68}.routeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.routeCard{min-height:232px;display:grid;align-content:start;gap:12px;padding:18px;border:1px solid rgba(237,183,94,.24);border-radius:8px;background:linear-gradient(135deg,#edb75e16,#ffffff06),#ffffff09}.routeCard span{width:fit-content;padding:4px 8px;border:1px solid rgba(237,183,94,.24);border-radius:5px;color:var(--amber);font-size:.78rem;font-weight:850}.routeCard p{color:var(--muted);line-height:1.68}.primer{display:grid;gap:26px;padding:44px 0 70px;border-top:1px solid var(--line)}.sectionIntro{max-width:none;display:grid;gap:12px}.sectionIntro h2{margin-top:4px}.sectionIntro p:last-child{color:var(--muted);line-height:1.72}.primerGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.primerCard{min-height:210px;display:grid;align-content:start;gap:14px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.primerCard svg{color:var(--teal)}.primerCard p{color:var(--muted);line-height:1.68}.firstRun{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:28px;align-items:start;padding:clamp(20px,4vw,30px);border:1px solid rgba(237,183,94,.24);border-radius:8px;background:linear-gradient(135deg,#edb75e1a,#4cc7bd0e),var(--surface)}.firstRun h2{margin-top:10px}.firstRun ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.firstRun li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}.firstRun li strong{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;background:#edb75e26;color:var(--amber);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.firstRun li span{display:grid;gap:4px;color:var(--muted);line-height:1.62}.firstRun li b{color:var(--text)}.screenTour{display:grid;gap:28px;padding:44px 0 70px;border-top:1px solid var(--line)}.screenTourGrid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(300px,.96fr);gap:28px;align-items:start}.terminalMock{overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0b0c0d;box-shadow:0 24px 64px #00000052;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.mockTopBar,.mockHelp{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;min-height:42px;padding:10px 12px;background:#191c1d;color:var(--muted);font-size:.8rem}.mockTopBar span:first-child{color:var(--teal);font-weight:850}.mockBody{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(0,1.1fr);min-height:330px}.mockList,.mockPreview{display:grid;align-content:start;gap:10px;padding:14px}.mockList{border-right:1px solid rgba(255,255,255,.1)}.mockPanelTitle{color:var(--amber);font-size:.78rem;font-weight:850}.mockRow{display:grid;grid-template-columns:18px 64px minmax(0,1fr);gap:8px;align-items:center;min-height:42px;padding:8px 9px;border:1px solid transparent;border-radius:6px;color:var(--muted);font-size:.8rem}.mockRow strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.mockRow.active{border-color:#4cc7bd75;background:#4cc7bd24}.mockPreview p{color:var(--muted);line-height:1.7}.mockHelp{justify-content:flex-start;border-top:1px solid rgba(255,255,255,.1)}.mockHelp span{padding:5px 8px;border:1px solid rgba(255,255,255,.09);border-radius:5px;background:#ffffff0a}.tourList{display:grid;gap:0;border-top:1px solid var(--line)}.tourItem{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.tourItem svg{margin-top:2px;color:var(--teal)}.tourItem div{display:grid;gap:8px}.tourItem p{color:var(--muted);line-height:1.66}.tourItem strong{color:#dcefd9;line-height:1.58}.overview{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:28px;align-items:start;padding:44px 0 70px;border-top:1px solid var(--line)}.overview h2,.finish h2{margin-top:10px}.keyGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.keyCard{min-height:96px;display:grid;align-content:space-between;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.keyCard span{color:var(--muted);font-size:.92rem}kbd{display:inline-flex;width:fit-content;max-width:100%;align-items:center;min-height:30px;padding:4px 9px;border:1px solid rgba(255,255,255,.16);border-bottom-color:#0000008c;border-radius:5px;background:#24282a;color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;line-height:1.25;white-space:normal}.beginnerGuide{display:grid;gap:28px;padding:44px 0 72px;border-top:1px solid var(--line)}.beginnerSteps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.beginnerSteps li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;min-height:178px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.guideNumber{width:52px;height:52px;display:grid;place-items:center;border-radius:8px;background:#4cc7bd1c;color:var(--teal);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:850}.guideBody{display:grid;align-content:start;gap:10px}.guideBody p{color:var(--muted);line-height:1.68}.workflowShell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start;padding-bottom:72px}.scenarioNav{position:sticky;top:18px;display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#181a1bd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navTitle{margin-bottom:8px;color:var(--muted);font-size:.82rem;font-weight:800}.scenarioNav a{display:grid;gap:4px;padding:11px 12px;border-radius:6px;color:var(--soft);font-size:.8rem}.scenarioNav a:hover,.scenarioNav a:focus-visible{outline:none;background:#4cc7bd1a;color:var(--text)}.scenarioNav strong{color:var(--text);font-size:.94rem;line-height:1.35}.chapters{display:grid;gap:20px}.chapter{scroll-margin-top:22px;padding:clamp(18px,3vw,30px);border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#ffffff0e,#ffffff05),var(--surface);box-shadow:0 20px 48px #00000029}.chapterHeader{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;align-items:start}.chapterIcon{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(76,199,189,.34);border-radius:8px;background:#4cc7bd1a;color:var(--teal)}.chapterHeader h2{display:flex;gap:12px;align-items:baseline;margin-top:8px}.chapterHeader h2 span{color:var(--amber);font-size:.92rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.chapterHeader p:last-child{max-width:none;margin-top:14px;color:var(--muted);line-height:1.72}.steps{display:grid;gap:12px;margin-top:26px}.step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start}.stepNumber{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;background:var(--surface-strong);color:var(--amber);font-weight:850;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.stepBody{display:grid;gap:9px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0000002e}.stepBody p{color:var(--muted);line-height:1.65}.outcome{display:flex;gap:10px;align-items:flex-start;margin-top:22px;padding:14px 16px;border-left:3px solid var(--green);border-radius:0 8px 8px 0;background:#7acb781a;color:#dcefd9;line-height:1.55}.finish{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:28px;align-items:start;margin-bottom:70px;padding:clamp(22px,4vw,34px);border:1px solid var(--line);border-radius:8px;background:var(--surface-strong)}.finish ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.finish li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;color:var(--muted);line-height:1.6}.finish li svg{margin-top:2px;color:var(--green)}@media (max-width: 940px){main{width:calc(100% - 24px)}.hero,.firstRun,.screenTourGrid,.overview,.promiseStrip,.valueGrid,.routeGrid,.installGrid,.beginnerSteps,.workflowShell,.finish{grid-template-columns:1fr}.hero{min-height:auto}.mockBody{grid-template-columns:1fr}.mockList{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.scenarioNav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.navTitle{grid-column:1 / -1}}@media (max-width: 680px){main{width:calc(100% - 18px)}.heroActions a{width:100%}.keyGrid,.primerGrid,.scenarioNav,.commandLine,.chapterHeader,.tourItem,.storySteps li,.beginnerSteps li{grid-template-columns:1fr}.chapterHeader h2{display:grid;gap:6px}.step{grid-template-columns:1fr}.stepNumber{width:34px;height:34px}}
