.guide-width{width:min(1000px,calc(100% - 48px));margin-inline:auto}.guide-header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);gap:20px}.guide-brand{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:500;letter-spacing:-1.5px}.guide-brand svg{width:34px;height:34px}.guide-header nav{display:flex;gap:24px;font-size:14px}.guide-header [aria-current]{border-bottom:1px solid;padding-bottom:5px}.guide-hero{padding:80px 150px 64px 0;position:relative}.eyebrow,.section-label{font-size:11px;letter-spacing:.12em;font-weight:600}.guide-hero h1{font-size:clamp(40px,6vw,70px);line-height:1.08;letter-spacing:-.06em;font-weight:450;max-width:12ch;margin:20px 0}.guide-hero>p:last-of-type{max-width:43ch;font-size:18px;line-height:1.7;color:var(--muted)}.guide-orbits{position:absolute;right:0;top:100px;width:170px;color:#86978b}.guide-orbits svg{width:100%;height:230px}.guide-jumps{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:36px}.guide-jumps a{border:1px solid var(--line);border-radius:30px;padding:10px 18px;font-size:13px}.guide-jumps a:hover{background:var(--sage);color:var(--ink)}.guide-section{padding:44px 0 52px;border-top:1px solid var(--line);scroll-margin-top:25px}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:12px;color:var(--muted)}.guide-pill{font-size:11px;letter-spacing:0;border:1px solid var(--line);border-radius:20px;padding:7px 12px}.guide-section h2,.guide-next h2{font-size:clamp(28px,4vw,38px);letter-spacing:-.045em;line-height:1.2}.guide-lead{max-width:64ch;color:var(--muted);font-size:16px;line-height:1.8;margin:20px 0 28px}.install-art,.play-art{background:var(--sage);border-radius:28px;padding:40px;display:flex;align-items:center;justify-content:center;gap:70px;margin:30px 0}.install-art>div{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:13px}.app-tile{width:92px;height:92px;display:grid;place-items:center;background:#849984;border-radius:23px;color:#faf7ed;box-shadow:0 9px 20px #263d3614}.app-tile svg{width:66px}.folder-art{width:100px;height:92px}.art-arrow{font-size:40px;font-weight:200;color:#6b7e6e}.guide-steps{list-style:none;counter-reset:guide;display:grid;grid-template-columns:1fr 1fr;gap:32px 48px;padding:10px 0;margin:24px 0}.guide-steps li{counter-increment:guide;position:relative;padding-left:44px}.guide-steps li:before{content:counter(guide,decimal-leading-zero);position:absolute;left:0;top:2px;color:#6d806e;font-size:13px}.guide-page h3{font-size:18px;letter-spacing:-.02em;font-weight:650;margin:0 0 10px}.guide-steps p,.guide-columns p,.control-list p,.guide-note p,.guide-faq p{line-height:1.8;color:var(--muted);font-size:15px;margin:0}.guide-note{background:#e4e9e2;border-radius:18px;padding:24px 28px;margin-top:28px}.guide-note strong{font-weight:650}.guide-note>p{margin-top:8px}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:28px}.guide-columns .fine{font-size:13px;margin-top:14px}.guide-faq{margin-top:24px}.guide-faq details{padding:20px 0;border-bottom:1px solid var(--line)}.guide-faq summary{cursor:pointer;font-size:16px}.guide-faq p{margin-top:14px;max-width:75ch}.guide-next{padding:34px 0 48px;display:flex;justify-content:space-between;align-items:center;gap:28px;border-top:1px solid var(--line)}.guide-next>a{border-radius:30px;padding:14px 22px;background:var(--ink);color:var(--mist);font-size:14px;white-space:nowrap}.guide-next h2{font-size:28px}.guide-footer{display:flex;padding-block:24px;gap:20px;font-size:13px}.guide-footer a:last-child{margin-left:auto}.guide-footer p{font-size:13px}.play-art{gap:80px}.color-chips{display:flex;flex-direction:column;gap:10px}.color-chips span,.result-chip{padding:10px 25px;border-radius:30px;background:#b96465;color:white;font-size:14px}.color-chips span:last-child{background:#39443f}.result-chip{background:#edf0e8;color:var(--ink)}.sketch-wheel{position:relative;width:140px;height:140px;border:1px solid #617b66;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 10px #d7dfd0,inset 0 0 0 11px #7f947e}.wheel-arrow{font-size:56px;color:#6d826e;font-weight:200}.sketch-ball{position:absolute;width:12px;height:12px;background:#fffdf4;border-radius:50%;top:20px;right:26px;box-shadow:0 2px 4px #0002}.three{grid-template-columns:repeat(3,1fr);gap:28px}.control-list{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.control-list article{display:flex;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.control-symbol{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--sage);font-size:23px}.guide-fine-print{font-size:13px;color:var(--muted);margin-top:30px}.guide-page code{font-size:14px}.guide-page a:focus-visible{outline:2px solid #8b4248;outline-offset:5px}.guide-links{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.guide-links a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.guide-width{width:calc(100% - 40px)}.guide-header{padding:20px 0}.guide-header nav{gap:14px;font-size:13px}.guide-brand{font-size:26px}.guide-hero{padding:44px 0 30px}.guide-hero h1{max-width:10ch}.guide-hero>p:last-of-type{font-size:16px;max-width:32ch}.guide-orbits{width:85px;top:50px;opacity:.6}.guide-orbits svg{height:115px}.guide-steps,.three,.guide-columns,.control-list{grid-template-columns:1fr;gap:26px}.install-art,.play-art{padding:30px 20px;gap:24px;border-radius:20px}.app-tile{width:72px;height:72px;border-radius:18px}.app-tile svg{width:50px}.folder-art{width:78px;height:72px}.art-arrow{font-size:28px}.play-art{gap:16px}.sketch-wheel{width:94px;height:94px;flex:none}.wheel-arrow{font-size:40px}.color-chips span,.result-chip{font-size:11px;padding:8px 12px}.sketch-ball{top:17px;right:14px;width:9px;height:9px}.guide-next{flex-direction:column;align-items:flex-start}.guide-section{padding-block:30px 36px}.control-list{gap:0}.guide-footer{flex-wrap:wrap}.guide-footer p{display:none}.section-label{letter-spacing:.07em}.guide-note{padding:20px}.guide-jumps{gap:8px}.guide-jumps a{padding:9px 12px}.guide-links{justify-content:center}footer:has(.guide-links){flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}