:root {
  --bg: #0b0b0b;
  --panel: #141414;
  --panel-soft: #151515;
  --panel-black: #101010;
  --line: #262626;

  --text: #e6e6e6;
  --text-strong: #f2f2f2;
  --text-soft: #d7d7d7;
  --text-muted: #b9b9b9;

  --accent: #00bfff;
  --accent-hover: #33ccff;
  --accent-shadow: rgba(0, 191, 255, 0.20);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.58}
a{color:inherit;text-decoration:none}
.wrap{width:min(1160px,calc(100% - 32px));margin:0 auto}

.header{position:sticky;top:0;z-index:50;background:rgba(11,11,11,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,191,255,.18);box-shadow:0 10px 28px rgba(0,0,0,.24)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-weight:700;letter-spacing:.01em}
.menu{display:flex;gap:28px;color:var(--text-muted)}
.menu a{padding:6px 0;border-bottom:2px solid transparent;transition:color .18s ease,border-color .18s ease}
.menu a:hover,.menu a[aria-current="page"]{color:var(--text-strong);border-color:var(--accent)}
.menu-btn{display:none;background:transparent;border:2px solid var(--accent);color:var(--text);border-radius:999px;padding:10px 14px}

.hero{padding:82px 0 44px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:start}
.kicker{font-size:1.2rem;color:var(--accent);margin:0 0 14px;font-weight:800;letter-spacing:.01em}
h1{font-size:clamp(2.5rem,4.8vw,4.2rem);line-height:1.03;letter-spacing:-.03em;margin:0;color:var(--text-strong);max-width:9ch}
.intro{margin:24px 0 0;max-width:44rem;font-size:1.08rem;color:var(--text-muted)}

.hero-card{background:linear-gradient(180deg,var(--panel),var(--panel-soft));border:1px solid var(--line);border-radius:30px;padding:28px}
.hero-card-title{margin:0 0 14px;font-size:1.35rem;line-height:1.18;color:var(--text-strong)}
.hero-card-copy{margin:0 0 18px;color:var(--text-muted)}
.hero-list{display:grid;gap:12px}
.hero-item{padding:14px 16px;border-radius:18px;background:var(--panel-black);border:2px solid rgba(0,191,255,.65);color:var(--text)}

.section{padding:20px 0 0}
.faq-list{display:grid;gap:16px}
.faq-card{background:var(--panel-black);border:2px solid rgba(0,191,255,.55);border-radius:28px;overflow:hidden;transition:border-color .18s ease, box-shadow .18s ease}
.faq-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px rgba(0,191,255,.18), 0 0 18px rgba(0,191,255,.08)}
.faq-card summary{list-style:none;cursor:pointer;padding:24px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}
.faq-card summary::-webkit-details-marker{display:none}
.faq-q{margin:0;color:var(--text-strong);font-size:1.08rem;line-height:1.3}
.acc-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:.96rem;font-weight:700;white-space:nowrap;transition:color .18s ease}
.faq-card:hover .acc-toggle{color:var(--accent-hover)}
.chev{font-size:1rem;transition:transform .22s ease}
.faq-card[open] .chev{transform:rotate(180deg)}
.faq-card[open] .state-more{display:none}
.faq-card:not([open]) .state-less{display:none}
.faq-content{padding:0 24px 24px;border-top:1px solid rgba(0,191,255,.22);background:var(--panel-black)}
.faq-content p{margin:18px 0 0;color:var(--text-muted)}
.faq-content p strong{color:var(--text)}

.cta{padding:72px 0 88px}
.cta-panel{background:linear-gradient(180deg,var(--panel),var(--panel-soft));border:1px solid rgba(0,191,255,.18);border-radius:32px;padding:30px}
.cta-title{font-size:clamp(1.6rem,2.8vw,2.25rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 18px;color:var(--text-strong)}
.cta-panel p{max-width:42rem;margin:0 0 14px;color:var(--text-muted)}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:999px;background:var(--accent);color:#071118;font-weight:800;border:2px solid var(--accent);transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease, box-shadow .18s ease;box-shadow:0 8px 30px var(--accent-shadow)}
.btn:hover{background:var(--panel-black);color:var(--accent);border-color:var(--accent);transform:translateY(-1px);box-shadow:none}

.footer{border-top:1px solid var(--line);padding:28px 0 36px}
.footer-grid{display:grid;gap:14px}
.footer-brand{font-weight:700;color:var(--text-strong)}
.footer-copy,.footer-links,.footer-legal{color:var(--text-muted);font-size:.96rem}
.footer-links,.footer-legal{display:flex;gap:16px;flex-wrap:wrap}

@media (max-width:980px){.hero-grid{grid-template-columns:1fr}}
@media (max-width:860px){
  .menu{display:none}
  .menu-btn{display:inline-flex}
  .hero{padding:76px 0 40px}
}

:root{
  --accent-quiet: rgba(0,191,255,.74);
  --accent-static: rgba(0,191,255,.82);
  --accent-strong: #39cbff;
  --accent-glow: rgba(0,191,255,.24);
}
.menu a{position:relative;transition:color .16s ease,border-color .16s ease, text-shadow .16s ease, transform .16s ease}
.menu a:hover,.menu a[aria-current="page"]{color:#f7fbff;border-color:var(--accent);text-shadow:0 0 12px rgba(0,191,255,.16)}
.menu a:hover{transform:translateY(-1px)}
.brand{display:inline-block;padding-bottom:6px;border-bottom:3px solid transparent;transition:color .16s ease,border-color .16s ease,text-shadow .16s ease,transform .16s ease}
.brand:hover{color:#f7fbff;border-color:var(--accent-strong);text-shadow:0 0 12px rgba(0,191,255,.18);transform:translateY(-1px)}
.brand[aria-current="page"]{border-color:var(--accent-strong)}
.btn,.btn-secondary,.contact-card,.faq-card,.card summary,.holiday-tab,.pill,.cc-mobile-menu-link,.cc-contact-option,.cc-mobile-contact-grid a{transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, color .16s ease !important}
.btn:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(0,191,255,.34),0 16px 34px rgba(0,0,0,.34),0 0 24px rgba(0,191,255,.18)!important}
.contact-card:hover,.faq-card:hover,.card:hover,.holiday-tab:hover,.pill:hover,.cc-mobile-menu-link:hover,.cc-contact-option:hover,.cc-mobile-contact-grid a:hover{transform:translateY(-2px);border-color:var(--accent-strong)!important;box-shadow:0 0 0 1px rgba(0,191,255,.26),0 0 26px rgba(0,191,255,.14),0 18px 36px rgba(0,0,0,.30)!important}
/* static framed surfaces */
.hero-card,.hero-item,.method-card,.quote-card,.price-card,.transition-block,.info-block,.trust-panel,.cta-panel,.signal-box,.info-card,.holiday-panel,.summary-card,.week-group,.hero-item,.field,.hero-card,.hero-item,.contact-card,.faq-card,.card,.hero-card,.surface,.summary-card,.cta-panel,.holiday-panel,.course-card,.info-card,.hero-card,.hero-item,.hero-card,.hero-item{border-color:var(--accent-quiet)!important}
.card,.faq-card,.contact-card{border-width:2px!important}
.method-card,.quote-card,.price-card,.transition-block,.info-block,.trust-panel,.cta-panel,.signal-box,.info-card,.holiday-panel,.summary-card,.week-group,.hero-card,.field{border-width:2px!important}
.card,.faq-card,.contact-card,.method-card,.quote-card,.price-card,.transition-block,.info-block,.trust-panel,.cta-panel,.signal-box,.holiday-panel,.summary-card,.week-group,.hero-card,.info-card,.field{box-shadow:0 0 0 1px rgba(0,191,255,.08),0 16px 34px rgba(0,0,0,.22)!important}
.trust-section{padding:28px 0 0}
.trust-panel p{margin:0 0 14px;color:var(--text-muted)}

:root{
  --accent-line-static: rgba(0,191,255,.54);
  --accent-line-panel: rgba(0,191,255,.48);
  --accent-line-strong: #00bfff;
  --accent-ring-strong: rgba(0,191,255,.22);
}
.brand{position:relative;display:inline-block;padding:0 0 6px!important;border-bottom:2px solid transparent!important;color:var(--text-strong)!important;text-decoration:none!important;transition:color .16s ease,border-color .16s ease,text-shadow .16s ease,transform .16s ease!important;}
.brand::after{display:none!important;content:none!important;}
.brand:hover,.brand[aria-current="page"]{border-bottom-color:var(--accent)!important;text-shadow:none!important;}
.menu a{border-bottom:2px solid transparent!important;transition:color .16s ease,border-color .16s ease,text-shadow .16s ease,transform .16s ease!important;}
.menu a:hover,.menu a[aria-current="page"]{border-bottom-color:var(--accent)!important;text-shadow:none!important;}
@media (max-width:860px){
  .brand,.brand:hover,.brand[aria-current="page"]{border-bottom-color:transparent!important;}
  .menu a,.menu a:hover,.menu a[aria-current="page"]{border-bottom-color:transparent!important;}
}
.trust-panel,
.method-card,
.quote-card,
.price-card,
.transition-block,
.info-block,
.hero-card,
.info-card,
.summary-card,
.holiday-panel,
.signal-box,
.cta-panel,
.note,
.card,
.faq-card,
.contact-card,
.field,
.hero-item{border-color:var(--accent-line-panel)!important; box-shadow:0 12px 30px rgba(0,0,0,.22)!important;}
.trust-panel{border:1px solid var(--accent-line-static)!important; box-shadow:0 0 0 1px rgba(0,191,255,.10),0 16px 34px rgba(0,0,0,.22)!important;}
.card,
.faq-card,
.contact-card,
.holiday-tab,
.pill,
.btn,
.btn-secondary,
.cc-mobile-menu-link,
.cc-mobile-contact-grid a,
.cc-contact-option,
.signal-qr-link,
.hero-card a,
.btn-row a{transition:border-color .16s ease, box-shadow .16s ease, transform .14s ease, background .14s ease, color .14s ease!important;}
.card:hover,
.faq-card:hover,
.contact-card:hover,
.holiday-tab:hover:not(.is-past),
.pill:hover:not(.is-disabled),
.signal-qr-link:hover,
.cc-mobile-menu-link:hover,
.cc-mobile-contact-grid a:hover,
.cc-contact-option:hover,
.btn:hover,
.btn-secondary:hover,
.hero-card a:hover,
.btn-row a:hover{border-color:var(--accent-line-strong)!important; box-shadow:0 0 0 1px var(--accent-ring-strong),0 0 34px rgba(0,191,255,.20),0 22px 40px rgba(0,0,0,.34)!important; transform:translateY(-4px)!important;}
