.guide-skip { position:fixed; top:-80px; left:16px; z-index:200; background:#fff; color:var(--blue); padding:12px 18px; border-radius:8px; }
.guide-skip:focus { top:12px; }
.landing-guide .nav-links [aria-current="page"] { color:var(--blue); font-weight:700; }
.landing-guide .nav-links [aria-current="page"]::after { transform:scaleX(1); }
.guide-hero { padding:56px 0 64px; overflow:hidden; background:radial-gradient(ellipse at 90% 10%,#d9f7f1,transparent 60%),linear-gradient(135deg,#eef4ff,#faf5ff); }
.guide-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:60px; }
.guide-back { display:inline-block; margin-bottom:25px; font-size:14px; color:var(--blue); }
.guide-eyebrow { color:var(--blue); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:2px; margin:0 0 15px; }
.guide-hero h1 { font-size:clamp(34px,4.8vw,62px); letter-spacing:-2px; line-height:1.08; }
.guide-lead { margin:24px 0 28px; font-size:18px; line-height:1.8; max-width:570px; }
.guide-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.guide-text-link { display:inline-block; font-weight:700; color:var(--blue); text-underline-offset:5px; }
.guide-text-link:hover { text-decoration:underline; }
.guide-image { position:relative; margin:0; padding:12px; border:1px solid #fff; background:#ffffffa6; border-radius:28px; box-shadow:var(--card-shadow); transform:rotate(2deg); }
.guide-image img { width:100%; height:420px; object-fit:cover; border-radius:19px; }
.guide-image figcaption { position:absolute; bottom:32px; left:28px; right:28px; padding:14px 18px; border-radius:12px; color:var(--heading); font-weight:700; background:#fffffff0; }
.guide-heading { max-width:700px; margin:0 auto 36px; text-align:center; }
.guide-heading h2 { font-size:clamp(25px,3.4vw,38px); letter-spacing:-.8px; }
.guide-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.guide-step,.guide-feature { --guide-accent:#075adb; padding:28px 24px; background:#fff; border:1px solid var(--border); border-radius:18px; box-shadow:0 8px 28px #12314b08; transition:transform .25s,box-shadow .25s; }
.guide-step:hover,.guide-feature:hover { transform:translateY(-5px); box-shadow:var(--card-shadow); }
.guide-step:nth-child(2),.guide-feature:nth-child(2) { --guide-accent:#7b2cbf; }
.guide-step:nth-child(3),.guide-feature:nth-child(3) { --guide-accent:#008b77; }
.guide-step:nth-child(4) { --guide-accent:#d14a36; }
.guide-number { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; margin-bottom:25px; background:var(--guide-accent); color:#fff; border-radius:15px; font-weight:800; }
.guide-step h3,.guide-feature h3 { font-size:18px; line-height:1.4; }
.guide-step p,.guide-feature p { font-size:15px; margin:14px 0 0; }
.guide-features { background:linear-gradient(145deg,#f0f6ff,#f2fbf8); }
.guide-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.guide-feature { border-top:3px solid var(--guide-accent); }
.guide-feature-mark { display:block; color:var(--guide-accent); font-size:35px; margin-bottom:15px; }
.guide-note { margin-top:32px; padding:28px 32px; border-left:4px solid #008b77; border-radius:0 16px 16px 0; background:#fff; }
.guide-note h3 { font-size:19px; }
.guide-note p { margin:12px 0 0; }
.guide-billing { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:30px; }
.guide-billing article { background:#fff; padding:30px; border:1px solid var(--border); border-radius:18px; }
.guide-billing strong { font-size:38px; color:var(--blue); }
.guide-faq { max-width:850px; }
.guide-faq details { margin:12px 0; padding:22px 26px; border:1px solid var(--border); border-radius:14px; background:#fff; }
.guide-faq summary { color:var(--heading); font-weight:700; cursor:pointer; }
.guide-faq details p { margin:16px 0 0; }
.guide-cta { padding:70px 0; text-align:center; background:linear-gradient(125deg,#edf3ff,#ecfaf6); }
.guide-cta h2 { font-size:clamp(26px,3.5vw,38px); max-width:630px; margin:0 auto 28px; }
.guide-cta .guide-text-link { display:block; margin-top:18px; }
.guide-motion .guide-reveal { animation:guide-enter .65s both; }
@keyframes guide-enter { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1000px) { .guide-hero-grid { gap:30px; } .guide-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .guide-hero { padding:28px 0 44px; } .guide-hero-grid,.guide-feature-grid,.guide-billing { grid-template-columns:1fr; } .guide-hero h1 { letter-spacing:-1px; } .guide-image { transform:none; } .guide-image img { height:270px; } .guide-lead { font-size:16px; } .guide-step,.guide-feature { padding:24px; } .guide-steps { grid-template-columns:1fr; } .guide-note { padding:24px; } .guide-actions { gap:18px; } }
@media(prefers-reduced-motion:reduce) { .guide-motion .guide-reveal { animation:none; } .guide-step,.guide-feature { transition:none; } .guide-step:hover,.guide-feature:hover { transform:none; } }