.hotspot-header { padding-top:24px; }
.hotspot-hero { display:grid; grid-template-columns:1.3fr 1fr; gap:40px; align-items:center; padding-block:80px 160px; }
.hotspot-hero .eyebrow { color:var(--green); margin-bottom:24px; }
.hotspot-hero h1 { font-family:'Kelly Slab',Georgia,serif; font-size:64px; font-weight:700; line-height:1.1; letter-spacing:1px; }
.hotspot-intro { color:var(--muted); font-size:20px; line-height:1.5; margin:32px 0 28px; }
.hotspot-hero .actions { justify-content:flex-start; }
.hotspot-phone { width:100%; height:auto; border-radius:32px; }
.hotspot-experience h2 { font-size:40px; letter-spacing:-1.3px; }
.section-intro { color:var(--muted); font-size:20px; margin:32px 0; line-height:1.5; }
.experience-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:32px; }
.experience-list { display:flex; flex-direction:column; gap:24px; }
.experience-list article { background:var(--cream); border-radius:24px; padding:24px; }
.hotspot-page h3 { font-family:Barlow,Arial,sans-serif; font-size:18px; font-weight:600; line-height:1.4; margin-bottom:12px; }
.experience-list p,.benefit-card>p { color:var(--muted); font-size:20px; line-height:1.5; }
.one-step { background:var(--forest); color:var(--cream); padding:36px; border-radius:24px; }
.one-step-number { display:block; font-size:64px; font-weight:600; line-height:1; color:var(--lime); margin:4px 0 28px; }
.one-step h3 { color:var(--lime); }
.one-step>p { font-size:20px; line-height:1.5; margin-bottom:24px; }
.hotspot-capture { background:var(--cream); border:1px dashed var(--line); border-radius:16px; min-height:216px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; padding:24px; text-align:center; color:var(--forest); }
.hotspot-capture svg { width:28px; height:28px; color:var(--green); stroke-width:1.8; }
.hotspot-capture p { font-size:18px; line-height:1.5; }
.hotspot-steps { padding:160px 0 64px; }
.hotspot-steps .step-grid { margin:48px 0 88px; }
.hotspot-steps .step h3 { font-family:'Kelly Slab',Georgia,serif; font-size:22px; font-weight:400; margin:26px 0 22px; }
.hotspot-benefits { padding:80px 0; background:var(--cream); }
.hotspot-benefits .eyebrow { color:var(--green); font-size:16px; font-weight:500; margin-bottom:32px; }
.hotspot-benefits h2 { margin-bottom:36px; }
.benefit-lead-grid { display:grid; grid-template-columns:1.53fr 1fr; gap:24px; margin-bottom:32px; }
.benefit-card { background:#fff; border-radius:24px; padding:36px; }
.benefit-gains { background:var(--lime); }
.benefit-card .hotspot-capture { margin-top:24px; }
.benefit-success { background:var(--forest); color:var(--lime); }
.success-rate { display:block; font-family:Inter,Arial,sans-serif; font-size:64px; line-height:1.2; margin-bottom:28px; }
.benefit-success>p { color:var(--cream); }
.payment-received { display:block; background:var(--lime); color:var(--forest); padding:8px 12px; border-radius:14px; font-size:16px; font-weight:600; margin-top:24px; }
.benefit-pair { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:32px; }
.benefit-trio { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:32px; }
.benefit-trio .benefit-card { padding:24px; }
.benefit-alert { background:var(--lime); }
.benefit-bottom { margin-bottom:0; }
.benefit-bottom svg { width:32px; height:32px; color:var(--green); margin-bottom:24px; }
.hotspot-page .payments-heading h2 { max-width:440px; }
.hotspot-faq { padding:80px 0; background:var(--cream); }
.faq-grid { display:grid; grid-template-columns:1fr 1.85fr; gap:64px; }
.faq-grid h2 { margin-bottom:24px; }
.faq-grid>div>p { color:var(--muted); font-size:20px; line-height:1.5; }
.faq-list { display:flex; flex-direction:column; gap:12px; }
.faq-list details { background:#fff; border-radius:16px; padding:24px; }
.faq-list summary { position:relative; list-style:none; cursor:pointer; padding-right:32px; font-size:18px; font-weight:600; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary:after { content:'+'; position:absolute; right:8px; color:var(--green); font-weight:400; }
.faq-list details[open] summary:after { content:'−'; }
.faq-list details p { color:var(--muted); font-size:20px; line-height:1.5; margin-top:24px; }
@media(max-width:1199px) {
    .hotspot-hero h1 { font-size:52px; }
    .hotspot-experience h2 { font-size:34px; }
    .hotspot-hero { padding-bottom:100px; }
    .hotspot-steps { padding-top:100px; }
    .benefit-card,.one-step { padding:28px; }
    .faq-grid { gap:32px; }
}
@media(max-width:900px) {
    .hotspot-hero,.experience-grid,.benefit-lead-grid,.benefit-pair,.benefit-trio,.faq-grid { grid-template-columns:minmax(0,1fr); }
    .hotspot-hero { gap:40px; padding-block:56px 80px; }
    .hotspot-hero h1 { max-width:700px; }
    .hotspot-phone { max-width:536px; justify-self:center; }
    .hotspot-page .step-grid,.hotspot-page .country-grid { grid-template-columns:minmax(0,1fr); }
    .hotspot-page .step { min-height:0; }
    .hotspot-page .step h3 { margin:18px 0 14px; }
    .hotspot-page .country-grid { gap:28px; }
    .hotspot-page .stats { flex-direction:column; align-items:center; gap:28px; }
    .hotspot-page .stats>div { align-items:center; }
    .hotspot-steps { padding:80px 0 64px; }
    .hotspot-steps .step-grid { margin-bottom:40px; }
    .hotspot-benefits,.hotspot-faq { padding-block:64px; }
    .faq-grid { gap:32px; }
}
@media(max-width:600px) {
    .hotspot-header { padding-top:14px; }
    .hotspot-hero { padding-block:40px 64px; gap:32px; }
    .hotspot-hero h1 { font-size:40px; letter-spacing:0; }
    .hotspot-hero .eyebrow { margin-bottom:20px; }
    .hotspot-intro { font-size:18px; margin:24px 0; }
    .hotspot-hero .actions { align-items:flex-start; flex-direction:column; }
    .hotspot-phone { border-radius:24px; }
    .hotspot-experience h2 { font-size:30px; letter-spacing:-.6px; }
    .section-intro { font-size:18px; margin:24px 0; }
    .experience-grid { gap:20px; }
    .experience-list { gap:16px; }
    .experience-list article,.benefit-card,.one-step { padding:24px; border-radius:20px; }
    .experience-list p,.benefit-card>p,.one-step>p { font-size:18px; }
    .one-step-number { font-size:56px; }
    .hotspot-capture { min-height:200px; padding:20px; }
    .hotspot-capture p { font-size:16px; }
    .hotspot-steps { padding-block:64px 48px; }
    .hotspot-steps .step-grid { margin-top:32px; }
    .hotspot-steps h2 { font-size:28px; }
    .hotspot-page .step { padding:24px; }
    .hotspot-benefits,.hotspot-faq { padding-block:48px; }
    .hotspot-benefits .eyebrow { font-size:13px; margin-bottom:24px; }
    .hotspot-benefits h2 { margin-bottom:28px; }
    .benefit-lead-grid,.benefit-pair,.benefit-trio { gap:20px; margin-bottom:20px; }
    .benefit-bottom { margin-bottom:0; }
    .success-rate { font-size:56px; margin-bottom:24px; }
    .faq-grid>div>p,.faq-list details p { font-size:18px; }
    .faq-list details { padding:22px; }
    .faq-list summary { font-size:17px; }
    .hotspot-page .footer nav { grid-template-columns:1fr; gap:0; }
    .hotspot-page .footer .actions { flex-direction:column; }
}