.landing-root.guide-root{min-height:100vh}.landing-root .guide-main{padding:0}.landing-root .guide-hero{text-align:center;height:500px;padding:clamp(92px,12vw,150px) 0 clamp(82px,10vw,126px)}.landing-root .guide-eyebrow{color:#fafafac7;background:#202020b8;border:1px solid #ffffff1a;border-radius:999px;width:fit-content;margin:0 auto 24px;padding:8px 16px;font-size:15px;font-weight:600}.landing-root .guide-brand-word{font-family:var(--font-brand);font-weight:600}.landing-root .guide-hero h1{color:#fafafab8;letter-spacing:0;gap:4px;margin:0;font-size:44px;font-weight:600;line-height:1.451;display:grid}.landing-root .guide-hero h1 strong{color:#0000;background:linear-gradient(90deg,#fffa5f,var(--accent-2));-webkit-background-clip:text;background-clip:text;font-weight:700}.landing-root .guide-tabbar{z-index:8;-webkit-backdrop-filter:blur(18px)saturate(145%);background:#0f0f0f94;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:-44px auto 86px;padding:7px;display:flex;position:sticky;top:126px;box-shadow:0 16px 48px #00000038}.landing-root .guide-tab{color:#fafafa94;min-width:150px;height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:15px;font-weight:700;transition:color .2s,background .2s,box-shadow .2s}.landing-root .guide-tab:hover{color:var(--text)}.landing-root .guide-tab.active{color:var(--text);background:#eaff5f21;box-shadow:inset 0 0 0 1px #eaff5f57,0 0 22px #eaff5f1f}.landing-root .guide-panel{width:min(1160px,100%);margin:0 auto}.landing-root .guide-panel-head{width:min(1200px,100%);margin:0 0 72px}.landing-root .guide-panel-kicker,.landing-root .guide-step-index{color:var(--accent);font-weight:700}.landing-root .guide-panel-head h2{color:var(--text);letter-spacing:-.01em;margin:12px 0 18px;font-size:clamp(34px,4.4vw,58px);font-weight:650;line-height:1.32}.landing-root .guide-panel-head p{color:#fafafab8;margin:0;font-size:clamp(17px,1.7vw,20px);line-height:1.82}.landing-root .guide-steps{flex-direction:column;gap:30px;display:flex}.landing-root .guide-step-card{background:linear-gradient(120deg,#ffffff0a,#ffffff05),#1c1c1cd6;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:minmax(280px,390px) minmax(0,1fr);grid-template-areas:"copy media";align-items:center;gap:36px;width:100%;padding:clamp(28px,4vw,42px);display:grid;box-shadow:inset 0 1px #ffffff14,0 22px 70px #0000003d}.landing-root .guide-step-card.text-only{grid-template-columns:1fr;grid-template-areas:"copy"}.landing-root .guide-step-copy{grid-area:copy;width:700px;min-width:0}.landing-root .guide-step-index{background:#eaff5f17;border:1px solid #eaff5f3b;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:22px;font-size:15px;display:inline-flex}.landing-root .guide-step-copy h3{color:var(--text);letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(25px,2.8vw,32px);font-weight:650;line-height:1.32}.landing-root .guide-step-copy p{color:#fafafac2;margin:0 0 18px;font-size:16px;line-height:1.78}.landing-root .guide-step-copy ul{color:#fafafadb;margin:0;padding-left:21px;font-size:15px;line-height:1.92}.landing-root .guide-step-copy li::marker{color:var(--accent)}.landing-root .guide-figure,.landing-root .guide-figure-stack{grid-area:media}.landing-root .guide-figure{background:#111;border:1px solid #ffffff1a;border-radius:16px;justify-self:stretch;min-width:0;margin:0;overflow:hidden;box-shadow:0 24px 54px #0000004d}.landing-root .guide-figure img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.landing-root .guide-figure.compact{background:0 0;justify-self:end;width:fit-content;max-width:370px}.landing-root .guide-figure.compact img{width:auto;max-width:100%;height:auto;max-height:430px}.landing-root .guide-figure.full{justify-content:center;align-items:center;height:380px;min-height:0;display:flex}.landing-root .guide-figure.full img{width:100%;height:auto;max-height:100%}.landing-root .guide-figure-stack{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:end;align-items:center;gap:18px;width:min(500px,100%);display:grid}.landing-root .guide-figure-stack .guide-figure{height:420px;min-height:0}.landing-root .guide-code{color:var(--accent);background:#111;border:1px solid #ffffff1a;border-radius:10px;margin:18px 0 0;padding:16px 18px;overflow-x:auto}.landing-root .guide-code code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.7}.landing-root.guide-root .landing-footer{margin-top:68px}@media (max-width:960px){.landing-root .guide-main{padding:0}.landing-root .guide-hero{padding:72px 0 88px}.landing-root .guide-tabbar{width:100%;margin:-42px auto 72px;position:static}.landing-root .guide-tab{flex:1;min-width:0}.landing-root .guide-panel-head{margin-bottom:42px}.landing-root .guide-step-card{grid-template-columns:1fr;grid-template-areas:"copy""media"}.landing-root .guide-step-card.text-only{grid-template-areas:"copy"}.landing-root .guide-figure.compact,.landing-root .guide-step-card>.guide-figure,.landing-root .guide-step-card>.guide-figure-stack{justify-self:stretch}.landing-root .guide-figure-stack{grid-template-columns:1fr}.landing-root .guide-figure.full,.landing-root .guide-figure-stack .guide-figure{min-height:auto}}@media (max-width:640px){.landing-root .guide-hero h1{font-size:32px}.landing-root .guide-tabbar{margin-bottom:52px}.landing-root .guide-panel-head h2{font-size:34px}.landing-root .guide-panel-head p{font-size:16px}.landing-root .guide-step-card{border-radius:12px;padding:22px}}
