.guide-hero{min-height:470px;margin:-44px -38px 0;padding:64px clamp(30px,6vw,82px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);align-items:center;gap:70px;background:#f3eefb;border-bottom:1px solid var(--line);overflow:hidden}.guide-hero h1{max-width:650px;margin:17px 0 20px;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.06em}.guide-hero p{max-width:570px;color:var(--muted);font-size:16px;line-height:1.75}.guide-hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.guide-hero-actions>a:last-child{color:#6634bd;font-size:12px;font-weight:750}.guide-download-button{width:min(330px,100%);min-height:62px;padding:10px 12px 10px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:14px;background:#7444d7;color:#fff;box-shadow:0 14px 30px rgba(116,68,215,.2);font-weight:750;transition:transform .2s ease,box-shadow .2s ease}.guide-download-button:hover{transform:translateY(-3px);box-shadow:0 19px 38px rgba(116,68,215,.27)}.guide-download-button span{display:grid}.guide-download-button small{margin-bottom:2px;color:#e6dafe;font-size:8px;letter-spacing:.14em}.guide-download-button b{padding:10px 12px;border-radius:9px;background:rgba(255,255,255,.16);white-space:nowrap;font-size:12px}
.guide-key-visual{aspect-ratio:1.05;max-width:390px;width:100%;justify-self:center;display:grid;place-items:center;align-content:center;position:relative;border:1px solid #ded2ef;border-radius:50%;background:rgba(255,255,255,.52);box-shadow:inset 0 0 0 24px rgba(255,255,255,.35);animation:guide-float 5s ease-in-out infinite}.guide-key-visual:before,.guide-key-visual:after{content:"";position:absolute;border:1px solid #d7c8ed;border-radius:50%}.guide-key-visual:before{inset:-26px}.guide-key-visual:after{inset:44px}.guide-key-visual img{width:92px;z-index:1;filter:drop-shadow(0 14px 22px rgba(90,50,160,.2))}.guide-key-visual span{width:1px;height:46px;margin:10px 0;background:#c7b2e6;z-index:1}.guide-key-visual b,.guide-key-visual small{z-index:1}.guide-key-visual b{padding:7px 13px;border-radius:6px;background:white;color:#5f397f;font-size:11px;letter-spacing:.16em}.guide-key-visual small{margin-top:12px;color:#80649f;font-size:8px;letter-spacing:.16em}
.guide-index{display:block;margin-bottom:25px;color:#a28aba;font:12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.guide-token{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:72px 0;border-bottom:1px solid var(--line)}.guide-token h2,.guide-section-head h2,.guide-site-notes h2,.guide-help h2{margin:10px 0 0;font-size:clamp(30px,4vw,44px);letter-spacing:-.045em}.guide-token>div:last-child>p{margin:43px 0 26px;color:#50495d;font-size:17px;line-height:1.8}.guide-token aside{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-token aside strong{color:#7143c4}.guide-token aside span{color:var(--muted);font-size:13px;line-height:1.7}
.guide-install,.guide-login{padding:70px 0;border-bottom:1px solid var(--line)}.guide-section-head{display:grid;grid-template-columns:1fr minmax(250px,.75fr);gap:60px;align-items:end;margin-bottom:38px}.guide-section-head>p{margin:0;color:var(--muted);line-height:1.7}.guide-platform-list{display:grid;gap:52px}.guide-platform-panel{animation:guide-rise .28s ease both}.guide-platform-head{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid var(--line);border-left:3px solid #7143cf;border-radius:14px 14px 0 0;background:#f3eefb}.guide-ios .guide-platform-head{border-left-color:#4779dc;background:#eef4ff}.guide-android .guide-platform-head{border-left-color:#2ba16f;background:#edf9f3}.guide-platform-head>span{width:50px;height:50px;display:grid;place-items:center;border-radius:13px;background:#7143cf;color:white;font-size:22px}.guide-ios .guide-platform-head>span{background:#4779dc}.guide-android .guide-platform-head>span{background:#2ba16f}.guide-platform-head small{display:block;margin-bottom:3px}.guide-platform-head h3{margin:0;font-size:21px}.guide-platform-panel ol{list-style:none;margin:0;padding:0 20px;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;background:#fff}.guide-platform-panel li{display:grid;grid-template-columns:70px 1fr;align-items:center;min-height:68px;border-bottom:1px solid var(--line)}.guide-platform-panel li:last-child{border-bottom:0}.guide-platform-panel li>b{color:#8d6ac9;font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.guide-platform-panel li p{margin:0;color:#50495d}.guide-platform-panel li:nth-child(even){background:linear-gradient(90deg,transparent,#faf8fd,transparent)}
.guide-login ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-login li{min-height:190px;padding:25px 24px;border-right:1px solid var(--line)}.guide-login li:last-child{border:0}.guide-login li>b{width:35px;height:35px;display:grid;place-items:center;margin-bottom:30px;border-radius:50%;background:#eee6fb;color:#6e3ec2}.guide-login li strong{display:block;margin-bottom:8px}.guide-login li p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.guide-site-notes{max-width:900px;padding:70px 0}.guide-site-notes>div{margin-top:26px;padding-left:28px;border-left:2px solid #cdb8ea;color:var(--muted);white-space:pre-wrap;line-height:1.9}.guide-help{margin:0 -38px -72px;padding:48px clamp(30px,6vw,82px);display:flex;align-items:center;justify-content:space-between;gap:35px;background:#272034;color:white}.guide-help .eyebrow{color:#bea4ed}.guide-help h2{color:white}.guide-help p{max-width:650px;margin:12px 0 0;color:#c9c0d4}.guide-help>a{flex:0 0 auto;padding:15px 20px;border-radius:12px;background:white;color:#4e2a87;font-weight:750;transition:transform .2s ease}.guide-help>a:hover{transform:translateX(4px)}
@keyframes guide-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes guide-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:900px){.guide-hero{grid-template-columns:1fr;gap:45px;margin:-28px -20px 0;padding:48px 24px}.guide-hero>div:first-child{text-align:center}.guide-hero h1,.guide-hero p{margin-left:auto;margin-right:auto}.guide-hero-actions{justify-content:center}.guide-key-visual{max-width:310px}.guide-token{grid-template-columns:1fr;gap:5px}.guide-token>div:last-child>p{margin-top:20px}.guide-section-head{grid-template-columns:1fr;gap:15px}.guide-login ol{grid-template-columns:repeat(2,1fr)}.guide-login li:nth-child(2){border-right:0}.guide-login li:nth-child(-n+2){border-bottom:1px solid var(--line)}.guide-help{margin:0 -20px -45px}}
@media(max-width:560px){.guide-hero{padding:42px 16px}.guide-hero h1{font-size:45px}.guide-hero p{font-size:14px}.guide-hero-actions{flex-direction:column;gap:16px}.guide-key-visual{max-width:255px}.guide-token,.guide-install,.guide-login,.guide-site-notes{padding:52px 0}.guide-token aside{grid-template-columns:1fr;gap:5px}.guide-platform-tabs{width:100%}.guide-platform-tabs button{min-width:125px;padding:10px}.guide-platform-panel li{grid-template-columns:45px 1fr;padding:12px 0}.guide-platform-panel li p{font-size:13px}.guide-login ol{grid-template-columns:1fr}.guide-login li,.guide-login li:nth-child(2){min-height:0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:45px 1fr;gap:12px;padding:20px 0}.guide-login li>b{margin:0;width:31px;height:31px}.guide-login li:last-child{border-bottom:0}.guide-site-notes>div{padding-left:18px}.guide-help{flex-direction:column;align-items:flex-start}.guide-help>a{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.guide-key-visual{animation:none}}
