@font-face{font-family:Inter;src:url('/static/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--black:#050505;--panel:#141414;--white:#f7f7f7;--gray:#a2a2a2;--line:#343434}
*{box-sizing:border-box}html{background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,sans-serif}a{color:inherit}
.guide-nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,3vw,48px);border-bottom:1px solid var(--line);font-size:12px;font-weight:650;letter-spacing:.08em}.guide-nav a{text-decoration:none}.guide-nav a:hover,.guide-nav a:focus-visible{text-decoration:underline}.guide-nav span{color:var(--gray)}
.guides-home,.guide-page{width:min(100%,1600px);margin:auto}.guides-intro{padding:clamp(56px,8vw,115px) clamp(22px,5vw,80px) clamp(42px,5vw,72px)}.eyebrow{margin:0 0 24px;color:var(--gray);font-size:11px;font-weight:700;letter-spacing:.15em}.guides-intro h1{max-width:920px;margin:0;font-size:clamp(51px,7.4vw,112px);font-weight:530;line-height:.92;letter-spacing:-.075em}.guides-intro h1 em{font-weight:300}.guides-intro>p:last-child{max-width:660px;margin:26px 0 0;color:#bcbcbc;font-size:clamp(17px,1.55vw,23px);line-height:1.4}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.guide-card{min-width:0;min-height:470px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:clamp(24px,3vw,48px);border-right:1px solid var(--line);text-decoration:none;background:#141414;transition:background .2s}.guide-card:nth-child(2){background:#080808}.guide-card:hover,.guide-card:focus-visible{background:#222}.guide-card>span{color:var(--gray);font-size:12px;font-weight:650;letter-spacing:.12em}.card-symbol{align-self:center;width:170px;height:170px;display:grid;place-items:center;border:2px solid var(--white);font-size:104px;line-height:1;letter-spacing:-.1em}.card-symbol.round{border-radius:50%;font-size:85px;font-weight:300;letter-spacing:0}.guide-card h2{margin:0 0 10px;font-size:clamp(38px,4vw,64px);font-weight:520;line-height:1;letter-spacing:-.07em}.guide-card p{max-width:450px;margin:0 0 28px;color:#bbb;font-size:clamp(16px,1.4vw,21px);line-height:1.35}.guide-card strong{font-size:12px;font-weight:650}
.guide-hero{padding:clamp(45px,5vw,75px) clamp(22px,5vw,80px) clamp(55px,6vw,90px);border-bottom:1px solid var(--line)}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,33%);gap:35px;align-items:center}.guide-hero h1{margin:0;font-size:clamp(67px,9vw,140px);font-weight:540;line-height:.85;letter-spacing:-.09em}.guide-hero .hero-layout p{max-width:580px;margin:36px 0 0;color:#bebebe;font-size:clamp(17px,1.7vw,24px);line-height:1.35}.hero-symbol{width:min(26vw,335px);height:min(26vw,335px);display:grid;place-items:center;justify-self:center;border:2px solid var(--white);font-size:clamp(110px,16vw,230px);font-weight:530;letter-spacing:-.1em}.hero-symbol.round{border-radius:50%;font-size:clamp(90px,13vw,190px);font-weight:300;letter-spacing:0}
.guide-intro{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:27px clamp(22px,5vw,80px);border-bottom:1px solid var(--line)}.guide-intro span{color:var(--gray);font-size:11px;font-weight:700;letter-spacing:.12em}.guide-intro p{max-width:860px;margin:0;font-size:clamp(19px,2vw,29px);line-height:1.25;letter-spacing:-.03em}.guide-steps{padding:0 clamp(22px,5vw,80px)}.guide-steps article{display:grid;grid-template-columns:90px minmax(0,1fr);gap:30px;padding:clamp(42px,5vw,75px) 0;border-bottom:1px solid var(--line)}.number{width:48px;height:48px;display:grid;place-items:center;border:1px solid #aaa;border-radius:50%;font-size:13px;font-weight:600}.guide-steps article>div{max-width:890px}.guide-steps h2{margin:0 0 20px;font-size:clamp(32px,3.8vw,58px);font-weight:520;line-height:1;letter-spacing:-.065em}.guide-steps p{max-width:720px;margin:0 0 16px;color:#d0d0d0;font-size:clamp(16px,1.4vw,20px);line-height:1.55}.guide-steps p:last-child{margin-bottom:0}.guide-steps code{font-size:.88em;color:#fff}.guide-steps .step-note{max-width:720px;margin-top:25px;padding:13px 0 13px 18px;border-left:2px solid #eee;color:#aaa;font-size:clamp(14px,1.2vw,17px)}.prompt{margin-top:28px;border:1px solid #555;background:#111}.prompt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid #555;color:#aaa;font-size:11px;font-weight:700;letter-spacing:.12em}.copy{padding:8px 11px;border:1px solid #aaa;background:transparent;color:#fff;font:600 11px Inter,sans-serif;cursor:pointer;white-space:nowrap}.copy:hover,.copy:focus-visible{background:#fff;color:#050505}.prompt pre{margin:0;padding:23px 25px;color:#e8e8e8;font:15px/1.6 Inter,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.guide-footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(22px,5vw,80px);font-size:12px;font-weight:650}.guide-footer a{text-decoration:none}.guide-footer a:hover{text-decoration:underline}
@media(max-width:760px){.guide-nav{min-height:56px;padding:0 17px;font-size:10px}.guide-nav span{display:none}.guides-intro{padding:58px 22px 44px}.guides-intro h1{font-size:clamp(53px,12vw,76px)}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:330px;border-right:0;border-bottom:1px solid var(--line)}.card-symbol{width:105px;height:105px;font-size:70px}.card-symbol.round{font-size:58px}.guide-card h2{font-size:43px}.guide-hero{padding:58px 22px 48px}.hero-layout{grid-template-columns:1fr;gap:34px}.guide-hero h1{font-size:clamp(64px,14vw,100px)}.guide-hero .hero-layout p{margin-top:26px;font-size:18px}.hero-symbol{width:150px;height:150px;font-size:100px;justify-self:start}.hero-symbol.round{font-size:88px}.guide-intro{grid-template-columns:1fr;gap:12px;padding:25px 22px}.guide-steps{padding:0 22px}.guide-steps article{grid-template-columns:1fr;gap:22px;padding:42px 0}.number{width:40px;height:40px}.guide-steps h2{font-size:38px}.guide-steps p{font-size:16px}.prompt pre{padding:20px 17px;font-size:14px}.guide-footer{padding:25px 22px}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}}
.guide-card:nth-child(3){grid-column:1/-1;min-height:360px;background:#101010}.guide-card:nth-child(3):hover,.guide-card:nth-child(3):focus-visible{background:#222}.card-symbol.sheet,.hero-symbol.sheet{border-radius:3px;transform:rotate(-6deg);font-weight:350;letter-spacing:0}.guide-card:nth-child(3) .card-symbol{align-self:flex-end;margin-right:clamp(20px,12vw,210px)}.guide-extra{margin:0 clamp(22px,5vw,80px) 60px;padding:clamp(28px,4vw,54px);border:1px solid #555;background:#111}.guide-extra h2{max-width:800px;margin:0 0 18px;font-size:clamp(31px,3.6vw,53px);font-weight:520;line-height:1.05;letter-spacing:-.06em}.guide-extra p{max-width:780px;color:#ccc;font-size:clamp(16px,1.35vw,19px);line-height:1.5}.guide-extra .prompt{max-width:900px}.guide-extra a{text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.guide-card:nth-child(3){grid-column:auto;min-height:330px}.guide-card:nth-child(3) .card-symbol{align-self:center;margin-right:0}.guide-extra{margin:0 22px 42px;padding:25px 20px}.hero-symbol.sheet{font-size:90px}}