html,body,#root{height:auto}.guide{--pad:max(24px, calc((100% - 1120px) / 2));background:var(--bg)}.g-top{z-index:5;height:60px;padding:0 var(--pad);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.g-top .brand{color:var(--fg);padding:0;font-size:20px;text-decoration:none}.g-go{background:var(--accent);color:var(--accent-ink);transition:transform .2s var(--spring);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:inset 0 0 0 1px #00000014}.g-go:hover{transform:translateY(-1px)}.g-label{color:var(--muted);align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.g-label i{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #00000026}.g-hero{min-height:calc(100vh - 60px);padding:72px var(--pad) 72px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.g-shot{aspect-ratio:4/3.4;color:#f4f4f0;background:#0a0a0b;border-radius:28px;align-content:center;gap:10px;padding:40px;font-size:clamp(18px,1.8vw,24px);font-weight:500;line-height:1.6;display:grid;position:relative;box-shadow:0 30px 60px #0000002e}.g-shot p{margin:0}.g-shot .done{opacity:.4}.g-shot .next{opacity:.55}.g-w{border-radius:6px;animation:2.75s step-end infinite wordOn}@keyframes wordOn{0%{color:#0a0a0b;background:#d4ff3a}20%{color:inherit;background:0 0}}.g-hero h1{word-break:keep-all;letter-spacing:-.045em;margin:0;font-size:clamp(44px,5.6vw,80px);font-weight:700;line-height:1.08}.g-lead{max-width:560px;color:var(--muted);margin:24px 0 0;font-size:clamp(18px,2vw,22px);font-weight:500;line-height:1.5}.g-lead b,.g-text b{color:var(--fg);font-weight:600}.g-cta{flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px;display:flex}.g-start{background:var(--fg);color:var(--bg);transition:transform .2s var(--spring);border-radius:999px;padding:16px 30px;font-size:18px;font-weight:600;text-decoration:none}.g-start:hover{transform:translateY(-2px)}.g-link{color:var(--fg);font-size:17px;font-weight:500;text-decoration:none}.g-link span{background:var(--accent);border-radius:50%;place-items:center;width:22px;height:22px;margin-left:4px;font-weight:700;display:inline-grid}.g-free{color:var(--muted);margin:28px 0 0;font-size:14px}.g-steps{background:var(--surface);padding:140px var(--pad) 80px}.g-head h2,.g-chapter h2,.g-end h2{letter-spacing:-.035em;margin:0;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.15}.g-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;margin-top:40px;display:grid}.g-scene{align-self:start;height:min(520px,100vh - 140px);position:sticky;top:100px}.g-list{margin:0;padding:0;list-style:none}.guide-step{opacity:.25;min-height:72vh;transition:opacity .4s var(--ease);flex-direction:column;justify-content:center;display:flex}.guide-step.on{opacity:1}.guide-step h3{letter-spacing:-.035em;margin:0;font-size:clamp(32px,4vw,48px);font-weight:700}.g-text{color:var(--muted);max-width:440px;margin:18px 0 0;font-size:19px;font-weight:500;line-height:1.6}.scene{background:var(--bg);border:1px solid var(--line);border-radius:28px;height:100%;position:relative;overflow:hidden}.scene-pane{opacity:0;transition:opacity .45s var(--ease), transform .6s var(--ease);flex-direction:column;justify-content:center;gap:4px;padding:40px;font-size:17px;line-height:1.8;display:flex;position:absolute;inset:0;transform:translateY(12px)scale(.98)}.scene-pane.on{opacity:1;transform:none}.scene-pane p{margin:0}.scene-write .hl-em{color:var(--emph);background:var(--hl-em)}.scene-write .hl-head{background:var(--hl-head);border-radius:4px}.scene-ppt{gap:18px}.scene-slide{aspect-ratio:16/9;background:var(--surface);border-radius:14px;align-content:center;gap:6px;max-height:60%;padding:24px 28px;display:grid;box-shadow:0 10px 30px #00000014}.scene-slide small{color:var(--muted);font-size:12px}.scene-slide b{letter-spacing:-.02em;font-size:24px}.scene-check{background:color-mix(in srgb, var(--warn) 10%, var(--surface));border-radius:12px;padding:12px 16px;font-size:15px}.scene-check em{color:var(--muted);margin-right:8px;font-style:normal}.scene-check .bad{color:var(--warn)}.scene-time{gap:18px}.scene-min{justify-content:center;align-items:center;gap:18px;font-size:18px;display:flex}.scene-min b{font-size:44px}.scene-min button{border:1px solid var(--line-strong);background:var(--surface);pointer-events:none;border-radius:10px;width:40px;height:40px;font-size:18px}.scene-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:10px;padding:18px 20px;display:grid}.scene-card i{background:var(--line);border-radius:999px;height:8px}.scene-card i span{border-radius:inherit;background:var(--fg);width:96%;height:100%;display:block}.scene-card small{color:var(--muted);font-size:13px}.scene-go{color:#f4f4f0;background:#0a0a0b;font-size:21px;font-weight:500}.scene-go .done{opacity:.45}.scene-go .next{opacity:.7}.scene-go .cur{color:#0a0a0b;background:#d4ff3a;border-radius:6px;padding:0 4px}.scene-mic{color:#d4ff3a;font-size:13px;animation:1.6s ease-in-out infinite blink;position:absolute;bottom:28px;left:40px}@keyframes blink{50%{opacity:.35}}.scene-report{gap:14px}.scene-bar{grid-template-columns:84px 1fr 44px;align-items:center;gap:12px;font-size:15px;display:grid}.scene-bar i{background:var(--fg);border-radius:999px;height:10px}.scene-bar i.over{background:var(--warn)}.scene-bar b{text-align:right;font-variant-numeric:tabular-nums}.scene-stall{color:var(--muted);font-size:14px;margin-top:10px!important}.g-chapter{padding:140px var(--pad);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.g-side{background:var(--surface);border:1px solid var(--line);border-radius:28px;justify-self:center;gap:2px;width:min(300px,100%);padding:20px 14px;font-size:14px;display:grid;box-shadow:0 20px 50px #0000000f}.g-side small{color:var(--muted);padding:12px 10px 4px;font-size:12px;font-weight:600}.g-search{background:var(--line);color:var(--muted);border-radius:8px;padding:8px 10px}.g-item,.g-folder{color:var(--muted);border-radius:8px;padding:8px 10px}.g-folder{color:var(--fg);font-weight:600}.g-item.in{margin-left:26px}.g-item.on{background:var(--fg);color:var(--bg)}.g-dark{padding:120px var(--pad);color:#f4f4f0;background:#111110;grid-template-columns:1fr 1fr;gap:48px;display:grid}.g-dark div{gap:10px;display:grid}.g-dark b{letter-spacing:-.03em;font-size:clamp(26px,3vw,36px)}.g-dark span{color:#8b8b85;font-size:17px}.g-faq{padding:120px var(--pad) 40px}.g-faq-list{border-top:1px solid var(--line);max-width:760px;margin-top:40px;display:grid}.g-faq details{border-bottom:1px solid var(--line)}.g-faq summary{cursor:pointer;justify-content:space-between;gap:16px;min-height:44px;padding:20px 0;font-size:18px;font-weight:600;list-style:none;display:flex}.g-faq summary:after{content:"+";color:var(--muted)}.g-faq details[open] summary:after{content:"−"}.g-faq details p{color:var(--muted);margin:0 0 22px;font-size:16px;line-height:1.7}.g-end{padding:140px var(--pad) 120px;justify-items:start;gap:28px;display:grid}.g-foot{padding:24px var(--pad) 40px;color:var(--muted);border-top:1px solid var(--line);font-size:12px}.reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal,.scene-pane,.guide-step{transition:none;transform:none}.reveal{opacity:1}.scene-mic,.brand-dot,.g-w{animation:none}}@media (width<=900px){.g-hero{grid-template-columns:minmax(0,1fr);gap:40px;min-height:calc(100svh - 60px);padding-top:40px}.g-shot{aspect-ratio:auto;padding:28px 24px 48px}.g-steps{padding-top:88px}.g-body{grid-template-columns:minmax(0,1fr);gap:0}.g-scene{z-index:2;background:var(--surface);height:40vh;padding-bottom:12px;top:68px}.scene-pane{padding:22px;font-size:14px}.scene-go{font-size:16px}.scene-mic{bottom:14px;left:22px}.guide-step{min-height:58vh}.g-text{font-size:17px}.g-chapter{grid-template-columns:minmax(0,1fr);gap:40px;padding:96px 24px}.g-dark{grid-template-columns:minmax(0,1fr);padding:80px 24px}.g-end{padding:96px 24px 80px}}