:root{--guide-ink:#0b1738;--guide-blue:#285dff;--guide-cyan:#20bce7;--guide-violet:#7357ee;--guide-orange:#ff7a45;--guide-green:#16b989;--guide-cream:#f7f5ef;--guide-paper:#f7f9fd;--guide-muted:#64708a;--guide-line:#dce3ef}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
.guide-page{margin:0;color:var(--guide-ink);background:var(--guide-paper);font-family:"DM Sans",sans-serif}
.guide-page h1,.guide-page h2,.guide-page h3{font-family:"Manrope",sans-serif}.guide-page a{text-decoration:none}
.guide-wrap{width:min(1400px,calc(100% - 48px));margin-inline:auto}
.guide-kicker{display:inline-flex;align-items:center;gap:11px;color:#f4a07c;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.guide-kicker::before{content:"";width:27px;height:2px;border-radius:5px;background:currentColor}.guide-kicker--blue{color:var(--guide-blue)}
.guide-hero{position:relative;overflow:hidden;padding:94px 0 110px;color:#fff;background:linear-gradient(112deg,#07142f 0%,#102c68 62%,#1a3e88 100%)}.guide-hero::before{content:"";position:absolute;inset:0;opacity:.6;background:radial-gradient(circle at 74% 40%,rgba(32,188,231,.18),transparent 25rem),linear-gradient(115deg,transparent 0 52%,rgba(255,255,255,.035) 52% 53%,transparent 53%)}
.guide-hero__layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(430px,.78fr);gap:90px;align-items:center}.guide-hero h1{max-width:810px;margin:25px 0 0;font-size:clamp(3.5rem,5.6vw,6.5rem);font-weight:800;letter-spacing:-.07em;line-height:.96}.guide-hero h1 span{color:transparent;background:linear-gradient(90deg,#58d2f3,#9680ff,#ffab84);-webkit-background-clip:text;background-clip:text}.guide-hero__copy>p{max-width:680px;margin:29px 0 0;color:#becce3;font-size:1.08rem;line-height:1.8}
.guide-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:35px}.guide-btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:57px;padding:0 24px;border-radius:14px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.guide-btn:hover{transform:translateY(-2px)}.guide-btn--primary{color:#fff;background:linear-gradient(110deg,var(--guide-blue),var(--guide-violet));box-shadow:0 16px 36px rgba(47,67,222,.26)}.guide-btn--plain{color:#fff;border:1px solid rgba(189,210,242,.25);background:rgba(255,255,255,.06)}.guide-btn--light{color:var(--guide-ink);background:#fff;box-shadow:0 15px 35px rgba(2,14,43,.16)}
.guide-ticket{overflow:hidden;border:1px solid rgba(160,194,241,.25);border-radius:25px;background:rgba(5,21,55,.56);box-shadow:0 30px 70px rgba(1,11,35,.25);backdrop-filter:blur(15px)}.guide-ticket__head{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border-bottom:1px dashed rgba(170,199,240,.25);color:#91a8c9;font-size:.62rem;font-weight:800;letter-spacing:.12em}.guide-ticket__head strong{color:#fff}.guide-ticket__route{padding:14px}.guide-ticket__route>div{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;min-height:68px;padding:11px 14px;border-bottom:1px solid rgba(169,198,237,.1)}.guide-ticket__route i{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(78,198,231,.28);border-radius:10px;color:#6eddf6;background:rgba(38,177,216,.08);font-size:.65rem;font-style:normal;font-weight:800}.guide-ticket__route span{font-size:.82rem;font-weight:700}.guide-ticket__route b{padding:6px 8px;border-radius:7px;color:#7ce0c0;background:rgba(22,185,137,.1);font-size:.5rem;letter-spacing:.1em}.guide-ticket__foot{display:flex;justify-content:space-between;gap:15px;padding:17px 20px;color:#8198bb;background:rgba(255,255,255,.035);font-size:.57rem;font-weight:700}
.guide-lock{position:relative;margin-top:-42px}.guide-lock__card{position:relative;z-index:2;display:grid;grid-template-columns:105px 1fr 260px;gap:35px;align-items:center;min-height:180px;padding:31px 38px;border:1px solid #e0d9ca;border-radius:25px;background:var(--guide-cream);box-shadow:0 24px 55px rgba(45,48,71,.12)}.guide-lock__icon{position:relative;width:79px;height:68px;border-radius:18px;background:#fff;box-shadow:0 12px 25px rgba(55,49,37,.1)}.guide-lock__icon::before{content:"";position:absolute;top:11px;left:25px;width:28px;height:26px;border:5px solid var(--guide-orange);border-bottom:0;border-radius:20px 20px 0 0}.guide-lock__icon span{position:absolute;left:19px;bottom:10px;width:41px;height:31px;border-radius:9px;background:var(--guide-orange)}.guide-lock__copy>span{color:#c45429;font-size:.63rem;font-weight:800;letter-spacing:.16em}.guide-lock h2{margin:7px 0 5px;font-size:clamp(1.55rem,2.6vw,2.45rem);letter-spacing:-.04em}.guide-lock__copy p{max-width:750px;margin:0;color:#6b655b;font-size:.82rem;line-height:1.65}.guide-lock__status{position:relative;padding:19px;border:1px solid #ded4c1;border-radius:15px;background:#fff}.guide-lock__status small,.guide-lock__status strong{display:block}.guide-lock__status small{color:#9b8d78;font-size:.54rem;font-weight:800;letter-spacing:.13em}.guide-lock__status strong{margin-top:6px;color:#a64324;font-size:.74rem}.guide-lock__status i{position:absolute;top:50%;right:18px;width:9px;height:9px;border-radius:50%;background:var(--guide-orange);box-shadow:0 0 0 6px rgba(255,122,69,.12)}
.guide-route{padding:130px 0 120px}.guide-heading{max-width:820px}.guide-heading h2{margin:20px 0 0;font-size:clamp(2.8rem,4.5vw,5rem);line-height:1.03;letter-spacing:-.06em}.guide-heading>p{max-width:700px;margin:20px 0 0;color:var(--guide-muted);line-height:1.75}.guide-heading--center{max-width:950px;margin:0 auto;text-align:center}.guide-heading--center .guide-kicker{justify-content:center}
.guide-roadmap{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:21px 70px;margin:70px 0 0;padding:0;list-style:none}.guide-roadmap::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(var(--guide-blue),var(--guide-orange),var(--guide-violet))}.guide-roadmap li{position:relative;display:grid;grid-template-columns:64px 1fr;gap:20px;min-height:205px}.guide-roadmap li:nth-child(even){transform:translateY(92px)}.guide-roadmap__marker{position:relative;z-index:2;display:grid;place-items:center;width:55px;height:55px;border:7px solid var(--guide-paper);border-radius:50%;color:#fff;background:var(--guide-blue);box-shadow:0 0 0 1px #b9c9f4}.guide-roadmap__marker span{font-size:.62rem;font-weight:800}.guide-roadmap article{padding:27px 28px;border:1px solid var(--guide-line);border-radius:21px;background:#fff;box-shadow:0 17px 40px rgba(35,53,102,.06)}.guide-roadmap small{color:#8593b0;font-size:.55rem;font-weight:800;letter-spacing:.13em}.guide-roadmap h3{margin:11px 0 9px;font-size:1.18rem;letter-spacing:-.025em}.guide-roadmap p{margin:0;color:var(--guide-muted);font-size:.82rem;line-height:1.65}.guide-roadmap__key article{border-color:#ffc6ae;background:linear-gradient(145deg,#fff,#fff6f2)}.guide-roadmap__key .guide-roadmap__marker{background:var(--guide-orange);box-shadow:0 0 0 1px #ffc0a7}
.guide-hosting{padding:115px 0;color:#fff;background:#081735}.guide-hosting__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:105px;align-items:center}.guide-hosting__visual{position:relative;min-height:530px;perspective:900px}.guide-server{position:absolute;left:10%;display:flex;align-items:center;gap:9px;width:75%;height:96px;padding:19px 25px;border:1px solid rgba(112,185,242,.25);border-radius:18px;background:linear-gradient(110deg,#102b60,#17407f);box-shadow:0 25px 45px rgba(0,0,0,.23);transform:rotateY(-11deg)}.guide-server--one{top:12%}.guide-server--two{top:37%;left:14%}.guide-server--three{top:62%;left:18%}.guide-server i{width:11px;height:11px;border-radius:50%;background:#2ed6a4;box-shadow:0 0 13px #2ed6a4}.guide-server i:nth-child(2){background:#39c5ed;box-shadow:0 0 13px #39c5ed}.guide-server i:nth-child(3){background:#8067ff;box-shadow:0 0 13px #8067ff}.guide-server span{margin-left:auto;color:#aac2e2;font-size:.65rem;font-weight:800;letter-spacing:.12em}.guide-hosting__pulse{position:absolute;right:4%;top:28%;width:190px;height:190px;border:1px solid rgba(58,195,236,.17);border-radius:50%;box-shadow:0 0 0 36px rgba(58,195,236,.04),0 0 0 72px rgba(58,195,236,.02)}.guide-hosting__badge{position:absolute;z-index:3;right:0;bottom:9%;display:flex;align-items:center;gap:9px;padding:13px 16px;border:1px solid rgba(120,181,235,.22);border-radius:100px;color:#d8e8fb;background:rgba(6,21,52,.8);font-size:.59rem;font-weight:800;letter-spacing:.1em}.guide-hosting__badge i{width:8px;height:8px;border-radius:50%;background:var(--guide-green);box-shadow:0 0 12px var(--guide-green)}.guide-hosting h2{margin:21px 0 0;color:#fff;font-size:clamp(2.8rem,4.4vw,5rem);line-height:1.02;letter-spacing:-.06em}.guide-hosting__copy>p{margin:25px 0 0;color:#b5c5db;line-height:1.8}.guide-hosting__points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:34px}.guide-hosting__points div{padding:18px;border:1px solid rgba(148,187,233,.14);border-radius:14px;background:rgba(255,255,255,.045)}.guide-hosting__points strong,.guide-hosting__points span{display:block}.guide-hosting__points strong{color:#67daf4;font-size:.66rem;letter-spacing:.1em}.guide-hosting__points span{margin-top:7px;color:#e0eaf7;font-size:.74rem}.guide-hosting__copy>a{display:inline-flex;gap:30px;margin-top:29px;color:#fff;font-weight:800}
.guide-choices{padding:125px 0;background:#fff}.guide-choices__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:55px}.guide-choices__grid>a{display:grid;grid-template-columns:48px 1fr auto;gap:20px;align-items:center;min-height:150px;padding:25px 28px;border:1px solid var(--guide-line);border-radius:18px;color:var(--guide-ink);background:#fbfcff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.guide-choices__grid>a:hover{transform:translateY(-4px);border-color:#b7c8f9;box-shadow:0 18px 40px rgba(35,52,101,.09)}.guide-choices__grid>a>span{color:#a0afd0;font-size:.66rem;font-weight:800}.guide-choices__grid small,.guide-choices__grid strong,.guide-choices__grid p{display:block}.guide-choices__grid small{color:var(--guide-blue);font-size:.55rem;font-weight:800;letter-spacing:.12em}.guide-choices__grid strong{margin-top:6px;font:700 1.2rem "Manrope",sans-serif}.guide-choices__grid p{margin:5px 0 0;color:var(--guide-muted);font-size:.77rem}.guide-choices__grid b{font-size:1.4rem}
.guide-faq{padding:120px 0;background:var(--guide-cream)}.guide-faq__layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:95px}.guide-faq h2{margin:20px 0 0;font-size:clamp(2.7rem,4vw,4.5rem);line-height:1.03;letter-spacing:-.058em}.guide-faq__intro>p{margin:22px 0 0;color:#6b6a66;line-height:1.75}.guide-faq__intro .guide-btn{margin-top:28px}.guide-faq__items{display:grid;gap:11px}.guide-faq details{padding:0 21px;border:1px solid #ddd9cd;border-radius:15px;background:#fff}.guide-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;font-weight:800;cursor:pointer;list-style:none}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary span{color:var(--guide-blue);font-size:1.25rem}.guide-faq details[open] summary span{transform:rotate(45deg)}.guide-faq details p{margin:-3px 0 21px;color:var(--guide-muted);font-size:.84rem;line-height:1.65}
.guide-final{padding:0 0 100px;background:var(--guide-cream)}.guide-final__card{padding:85px 60px;border-radius:28px;color:#fff;text-align:center;background:linear-gradient(115deg,#285dff,#7357ee 62%,#ff7a62);box-shadow:0 30px 65px rgba(67,71,202,.2)}.guide-final__card>span{font-size:.67rem;font-weight:800;letter-spacing:.15em}.guide-final h2{margin:20px 0 0;color:#fff;font-size:clamp(2.7rem,4.6vw,5rem);line-height:1.02;letter-spacing:-.06em}.guide-final p{margin:20px 0 0;color:#e8e8ff}.guide-final .guide-btn{margin-top:30px}
@media(max-width:1050px){.guide-hero__layout,.guide-hosting__layout,.guide-faq__layout{grid-template-columns:1fr}.guide-ticket{max-width:720px}.guide-lock__card{grid-template-columns:85px 1fr}.guide-lock__status{grid-column:2}.guide-roadmap::before{display:none}.guide-hosting__visual{max-width:680px;width:100%}.guide-faq__layout{gap:55px}}
@media(max-width:760px){.guide-wrap{width:min(100% - 24px,680px)}.guide-hero{padding:65px 0 90px}.guide-hero h1{font-size:clamp(3rem,13vw,5rem)}.guide-actions{flex-direction:column}.guide-btn{width:100%}.guide-ticket__foot{align-items:flex-start;flex-direction:column}.guide-lock__card{grid-template-columns:1fr;margin-top:0;padding:28px 23px}.guide-lock__status{grid-column:auto}.guide-route,.guide-choices,.guide-faq{padding:85px 0}.guide-roadmap{grid-template-columns:1fr;gap:14px}.guide-roadmap li,.guide-roadmap li:nth-child(even){min-height:0;transform:none}.guide-hosting{padding:85px 0}.guide-hosting__layout{gap:40px}.guide-hosting__visual{min-height:410px}.guide-hosting__points,.guide-choices__grid{grid-template-columns:1fr}.guide-heading--center{text-align:left}.guide-heading--center .guide-kicker{justify-content:flex-start}.guide-final__card{padding:65px 25px}}
@media(max-width:500px){.guide-ticket__route>div{grid-template-columns:38px 1fr}.guide-ticket__route b{display:none}.guide-roadmap li{grid-template-columns:48px 1fr;gap:10px}.guide-roadmap__marker{width:43px;height:43px;border-width:5px}.guide-roadmap article{padding:22px 18px}.guide-hosting__visual{min-height:350px}.guide-server{left:3%;width:91%;height:77px;padding:15px}.guide-server--two{left:6%}.guide-server--three{left:9%}.guide-hosting__badge{right:0;bottom:3%}.guide-choices__grid>a{grid-template-columns:35px 1fr auto;padding:22px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-btn,.guide-choices__grid>a{transition:none}}