.guide-page{max-width:1040px;margin:0 auto;padding:0 var(--page-pad) clamp(48px,6vw,88px);min-height:0}.guide-page-heading{text-align:center;padding:calc(var(--section-gap) + 56px) 0 clamp(28px,5vw,48px)}.guide-page-heading h1{font-size:clamp(30px,4.5vw,52px);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--ink-light)}.guide-page-heading h1 span{font-size:inherit;font-weight:800;color:var(--ink)}.guide-page-heading p{margin-top:clamp(12px,2vw,18px);font-size:clamp(14px,1.6vw,18px);color:var(--ink-light);font-weight:500;letter-spacing:-.01em}.guide-experience{max-width:920px;margin:0 auto}.guide-frame{width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#0b0b0c;box-shadow:0 24px 64px rgba(0,0,0,.14)}.guide-frame iframe{width:100%;height:100%;display:block;border:0;background:#000}.guide-article{max-width:720px;margin:clamp(40px,6vw,64px) auto 0;font-size:17px;line-height:1.78;color:var(--ink);font-weight:400;letter-spacing:-.01em}.guide-article h2{font-size:clamp(28px,5vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1.12;color:var(--ink);margin:0 0 24px}.guide-article h2:not(:first-child){margin-top:clamp(64px,9vw,96px)}.guide-article h2.guide-section-heading{margin-top:16px}.guide-article h3{font-size:clamp(18px,2.5vw,22px);font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:40px 0 14px;color:var(--ink)}.guide-article p{margin:0 0 24px}.guide-mode-input{position:absolute;opacity:0;pointer-events:none}.guide-mode-selector{gap:4px;padding:5px;background:rgba(0,0,0,.055);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.06);margin:8px 0 24px}.guide-mode-selector,.guide-mode-selector label{display:inline-flex;align-items:center;border-radius:999px}.guide-mode-selector label{justify-content:center;min-height:40px;padding:0 22px;color:var(--ink-light);background:transparent;font-size:14px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;cursor:pointer;transition:color .2s,background .2s,box-shadow .2s}.guide-mode-selector label:hover{color:var(--ink)}#guide-with-roadmap:checked~.guide-mode-selector label:last-child,#guide-without-roadmap:checked~.guide-mode-selector label:first-child{color:var(--ink);background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.07),inset 0 1px 0 #fff}.guide-mode-panel{display:none}#guide-with-roadmap:checked~.guide-mode-panel--roadmap,#guide-without-roadmap:checked~.guide-mode-panel--without{display:block}.guide-article strong{font-weight:700;color:var(--ink)}.guide-article ul{padding-left:24px;margin:0 0 24px}.guide-article li{margin-bottom:8px;line-height:1.7}.guide-article hr{border:none;border-top:1px solid rgba(0,0,0,.08);margin:48px 0}@media (max-width:520px){.guide-page{padding-inline:18px}.guide-page-heading{padding-top:calc(var(--section-gap) + 40px)}.guide-frame{border-radius:16px}.guide-article{font-size:16px}.guide-mode-selector{display:flex;width:100%}.guide-mode-selector label{flex:1 1;min-width:0;padding:0 12px;font-size:13px}}