.guide-page{background:#06080c}
.guide-page main{overflow:hidden}
.guide-page .site-nav a[aria-current=page]{color:var(--cyan)}

.guide-hero{position:relative;min-height:690px;padding-top:clamp(140px,14vw,188px);padding-bottom:clamp(82px,9vw,124px);overflow:hidden;background:radial-gradient(circle at 84% 28%,rgba(155,124,255,.1),transparent 34%),linear-gradient(135deg,#070a10 0%,#06080c 52%,#090711 100%)}
.guide-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 61%,rgba(34,211,238,.03) 61% 61.15%,transparent 61.15%);pointer-events:none}
.guide-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(340px,.66fr);gap:clamp(50px,7vw,96px);align-items:center}
.guide-hero-copy h1{max-width:790px;margin:0;color:#f1f4f9;font:400 clamp(58px,7vw,96px)/.86 var(--display);letter-spacing:-.05em}
.guide-hero-copy h1 em{display:block;color:var(--cyan);font-weight:300}
.guide-lede{max-width:720px;margin:30px 0 0;color:#a9b3c2;font-size:17px;line-height:1.8}
.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.guide-fineprint{max-width:720px;margin:20px 0 0;color:#667287;font-size:11px;line-height:1.7}
.guide-fineprint a{color:#aab4c4;text-underline-offset:3px}

.guide-summary{border:1px solid rgba(34,211,238,.2);background:linear-gradient(155deg,rgba(16,23,34,.98),rgba(8,12,18,.98));box-shadow:var(--shadow)}
.guide-summary-head{padding:25px 27px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,rgba(34,211,238,.08),rgba(155,124,255,.08))}
.guide-summary-head span{color:var(--cyan);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.guide-summary-head strong{display:block;margin-top:7px;color:#fff;font:400 30px/1.05 var(--display)}
.summary-list{margin:0;padding:0;list-style:none}
.summary-list li{display:grid;grid-template-columns:37px 1fr;gap:13px;padding:20px 25px;border-bottom:1px solid var(--line)}
.summary-list li:last-child{border-bottom:0}
.summary-list>li>span{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(34,211,238,.26);color:var(--cyan);font-size:9px;font-weight:600}
.summary-list strong{display:block;color:#e8edf4;font-size:13px}
.summary-list small{display:block;margin-top:3px;color:#788498;font-size:10px;line-height:1.55}

.guide-jump{position:relative;z-index:3;margin-top:-1px;border-block:1px solid var(--line);background:#080b11}
.guide-jump-inner{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.guide-jump-inner::-webkit-scrollbar{display:none}
.guide-jump a{min-height:58px;display:inline-flex;align-items:center;padding:0 17px;color:#818da0;font-size:9px;font-weight:600;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;white-space:nowrap;border-bottom:2px solid transparent}
.guide-jump a:hover,.guide-jump a:focus-visible{color:var(--cyan);border-bottom-color:var(--cyan)}

.guide-section{background:#06080c}
.guide-section.alt{background:linear-gradient(180deg,#080b11,#06080c)}
.guide-section.tint{background:radial-gradient(circle at 50% 35%,rgba(34,211,238,.045),transparent 46%),#070910;border-block:1px solid var(--line)}
.guide-section-heading{max-width:800px;margin-bottom:50px}
.guide-section-heading.centered{margin-inline:auto;text-align:center}
.guide-section-heading h2{margin:0;color:var(--text);font:400 clamp(46px,6vw,76px)/.94 var(--display);letter-spacing:-.035em}
.guide-section-heading h2 em{color:var(--cyan);font-weight:300}
.guide-section-heading>p:last-child{max-width:720px;margin:25px 0 0;color:var(--secondary);font-size:16px;line-height:1.8}
.guide-section-heading.centered>p:last-child{margin-inline:auto}

.step-stack{display:grid;gap:16px;counter-reset:setup}
.setup-step{display:grid;grid-template-columns:88px 1fr;border:1px solid var(--line);background:#090d14;counter-increment:setup}
.step-marker{display:flex;align-items:flex-start;justify-content:center;padding-top:30px;border-right:1px solid var(--line);color:var(--cyan);font:400 34px/1 var(--display)}
.step-marker::before{content:counter(setup,decimal-leading-zero)}
.step-body{padding:30px 34px 32px}
.step-body h3{margin:0;color:#f0f3f8;font:400 clamp(28px,3vw,38px)/1.08 var(--display)}
.step-body>p{max-width:820px;margin:13px 0 0;color:#8e99ab;font-size:13px;line-height:1.8}
.step-body ul,.plain-list{margin:17px 0 0;padding:0;list-style:none}
.step-body li,.plain-list li{position:relative;margin-top:10px;padding-left:20px;color:#aeb7c5;font-size:12px;line-height:1.7}
.step-body li::before,.plain-list li::before{content:'';position:absolute;left:0;top:.7em;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(34,211,238,.4)}
.step-body strong{color:#eef2f7}
.ui-path{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0 0}
.ui-path span{padding:7px 10px;border:1px solid rgba(34,211,238,.18);background:rgba(34,211,238,.045);color:#cdd5e0;font-size:10px;font-weight:600}
.ui-path i{color:#526074;font-style:normal;font-size:10px}
.step-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.step-actions .button{min-height:44px}

.notice{margin-top:20px;padding:20px 22px;border-left:2px solid var(--cyan);background:rgba(34,211,238,.035)}
.notice.warning{border-left-color:var(--yellow);background:rgba(245,181,68,.035)}
.notice.danger{border-left-color:var(--red);background:rgba(244,80,107,.035)}
.notice.success{border-left-color:var(--green);background:rgba(34,224,122,.035)}
.notice strong{display:block;color:#e9edf4;font-size:12px}
.notice p{margin:6px 0 0;color:#8490a2;font-size:11px;line-height:1.7}
.notice a{color:var(--cyan);text-underline-offset:3px}

.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card-grid.two{grid-template-columns:repeat(2,1fr)}
.info-card{position:relative;padding:28px;border:1px solid var(--line);background:#090d14}
.info-card.featured{border-color:rgba(34,211,238,.34);background:linear-gradient(145deg,rgba(34,211,238,.07),rgba(155,124,255,.045),#090d14)}
.info-card>span{color:var(--cyan);font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.info-card h3{margin:13px 0 9px;color:#eef2f7;font:400 30px/1.05 var(--display)}
.info-card p{margin:0;color:#7f8b9d;font-size:12px;line-height:1.75}
.info-card a{display:inline-flex;margin-top:18px;color:var(--cyan);font-size:10px;font-weight:600;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}

.field-table-wrap,.comparison-wrap{overflow-x:auto;border:1px solid var(--line);background:#090d14;-webkit-overflow-scrolling:touch}
.field-table,.comparison-table-guide{width:100%;border-collapse:collapse;min-width:720px}
.field-table th,.field-table td,.comparison-table-guide th,.comparison-table-guide td{padding:17px 18px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.field-table tr:last-child>* ,.comparison-table-guide tr:last-child>*{border-bottom:0}
.field-table thead th,.comparison-table-guide thead th{background:rgba(34,211,238,.04);color:#758196;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.field-table tbody th{width:230px;color:#dce3ec;font-size:12px;font-weight:600}
.field-table td{color:#8792a4;font-size:11px;line-height:1.65}
.field-table td strong{color:#e4e9f0}

.verify-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}
.verify-item{display:grid;grid-template-columns:32px 1fr;gap:14px;padding:26px;background:#090d14}
.verify-item>span{display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(34,224,122,.28);color:var(--green);font-size:12px}
.verify-item strong{display:block;color:#e8edf4;font-size:13px}
.verify-item p{margin:5px 0 0;color:#7c889a;font-size:11px;line-height:1.65}

.support-strip{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;padding:34px;border:1px solid rgba(34,211,238,.2);background:linear-gradient(120deg,rgba(34,211,238,.06),rgba(155,124,255,.055),#090d14)}
.support-strip h3{margin:0;color:#eef2f7;font:400 35px/1 var(--display)}
.support-strip p{margin:10px 0 0;color:#8490a3;font-size:12px;line-height:1.7}

.rank-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:34px;background:var(--line)}
.rank-item{padding:27px;background:#090d14}
.rank-item>span{color:var(--cyan);font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.rank-item strong{display:block;margin-top:9px;color:#fff;font:400 31px/1 var(--display)}
.rank-item p{margin:9px 0 0;color:#7c8799;font-size:11px;line-height:1.65}
.snapshot-note{margin:0 0 26px;padding:18px 20px;border-left:2px solid var(--yellow);background:rgba(245,181,68,.035);color:#8490a2;font-size:11px;line-height:1.7}

.firm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.firm-card{display:flex;min-height:100%;flex-direction:column;border:1px solid var(--line);background:#090d14}
.firm-card.preferred{border-color:rgba(34,211,238,.34);box-shadow:0 22px 60px rgba(0,0,0,.2)}
.firm-card-head{display:grid;grid-template-columns:1fr auto;gap:20px;padding:26px 28px;border-bottom:1px solid var(--line)}
.firm-card-head>div>span{color:var(--cyan);font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.firm-card-head h3{margin:8px 0 0;color:#f1f4f8;font:400 36px/1 var(--display)}
.start-price{text-align:right}
.start-price small{display:block;color:#647084;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.start-price strong{display:block;margin-top:5px;color:#fff;font:400 27px/1 var(--display)}
.start-price em{display:block;margin-top:5px;color:#708095;font-size:8px;font-style:normal}
.firm-body{display:flex;flex:1;flex-direction:column;padding:25px 28px 28px}
.firm-take{margin:0;color:#c8d0dc;font-size:13px;line-height:1.65}
.fact-list{display:grid;gap:0;margin:18px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.fact-list li{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px;line-height:1.55}
.fact-list li span{color:#657286;text-transform:uppercase;letter-spacing:.08em}
.fact-list li strong{color:#cdd5e0;font-weight:400}
.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.tag-list span{padding:6px 8px;border:1px solid rgba(34,211,238,.15);background:rgba(34,211,238,.035);color:#91a3b8;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.firm-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:23px}
.firm-actions .button{min-height:44px;flex:1}
.firm-source{margin:12px 0 0;color:#566276;font-size:9px;line-height:1.6}
.firm-source a{color:#8190a4;text-underline-offset:3px}

.copy-lockup{padding:30px;border:1px solid rgba(34,211,238,.24);background:linear-gradient(145deg,rgba(34,211,238,.08),rgba(155,124,255,.07),#090d14);box-shadow:var(--shadow)}
.copy-lockup>span{color:var(--cyan);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.copy-lockup strong{display:block;margin-top:10px;color:#fff;font:400 58px/.9 var(--display)}
.copy-lockup strong em{color:var(--cyan);font-weight:300}
.copy-lockup p{margin:17px 0 0;color:#8d99ab;font-size:12px;line-height:1.7}
.coupon-box{margin-top:24px;padding:18px;border:1px dashed rgba(34,211,238,.38);background:rgba(34,211,238,.035)}
.coupon-box span{display:block;color:#6e7c90;font-size:8px;letter-spacing:.14em;text-transform:uppercase}
.coupon-box code{display:block;margin-top:5px;color:#fff;font-family:var(--body);font-size:18px;font-weight:600;letter-spacing:.08em}
.copy-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.copy-flow article{padding:29px;background:#090d14}
.copy-flow span{color:var(--cyan);font-size:10px;font-weight:600}
.copy-flow h3{margin:12px 0 8px;color:#eef2f7;font:400 30px/1.05 var(--display)}
.copy-flow p{margin:0;color:#7d899b;font-size:11px;line-height:1.7}

.affiliate-notice{padding:24px 28px;border:1px solid var(--line);background:#080c12}
.affiliate-notice h2{margin:0;color:#aab5c5;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.affiliate-notice p{margin:10px 0 0;color:#657186;font-size:10px;line-height:1.75}
.affiliate-notice a{color:#9ca8b9;text-underline-offset:3px}

@media(max-width:1060px){
  .guide-hero-grid{grid-template-columns:1fr}.guide-hero-copy{max-width:850px}.guide-summary{max-width:760px}
  .card-grid{grid-template-columns:repeat(2,1fr)}.firm-grid{grid-template-columns:1fr}.firm-card{max-width:860px}
}

@media(max-width:900px){
  .rank-strip{grid-template-columns:1fr}.copy-flow{grid-template-columns:1fr}
  .support-strip{grid-template-columns:1fr}.support-strip .button{width:max-content}
}

@media(max-width:720px){
  .guide-hero{min-height:0;padding-top:116px;padding-bottom:80px}.guide-hero-grid{gap:42px}.guide-hero-copy h1{font-size:clamp(54px,16vw,76px);line-height:.87}.guide-lede{font-size:15px}
  .guide-actions{flex-direction:column}.guide-actions .button{width:100%}
  .guide-summary-head{padding:23px}.summary-list li{padding:18px 21px}
  .guide-jump a{padding-inline:13px}
  .guide-section-heading{margin-bottom:38px}.guide-section-heading h2{font-size:46px}
  .setup-step{grid-template-columns:58px 1fr}.step-marker{padding-top:25px;font-size:25px}.step-body{padding:24px 21px 26px}.step-body h3{font-size:29px}
  .card-grid,.card-grid.two{grid-template-columns:1fr}.info-card{padding:24px}
  .verify-grid{grid-template-columns:1fr}.verify-item{padding:22px}
  .firm-card-head{grid-template-columns:1fr;padding:23px}.start-price{text-align:left}.firm-body{padding:23px}.fact-list li{grid-template-columns:100px 1fr}
  .firm-actions{flex-direction:column}.firm-actions .button{width:100%}
  .copy-lockup{padding:24px}.copy-lockup strong{font-size:49px}
}

@media(max-width:420px){
  .guide-hero-copy h1{font-size:51px}.guide-section-heading h2{font-size:42px}
  .setup-step{display:block}.step-marker{width:52px;height:46px;align-items:center;padding:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .ui-path{gap:5px}.ui-path span{font-size:9px}.step-actions{flex-direction:column}.step-actions .button{width:100%}
  .firm-card-head h3{font-size:33px}.fact-list li{grid-template-columns:1fr;gap:4px}.support-strip{padding:25px}
}
