:root{
  --page-bg:#000318;--surface:#01062b;--surface-2:#061045;--card:#0a1652;--card-2:#102170;--line:#22348c;
  --text:#f2f6ff;--muted:#aab8e4;--brand:#76f9d4;--brand-2:#2df6bd;--brand-ink:#01062b;--accent:#4aa3ff;--accent-2:#605beb;--gold:#87e4fd;--ok:#3ddc97;
  --thumb:#2b4bbd;--track:#01062b;--r:16px;--r-sm:10px;--sh:0 18px 50px rgba(0,0,0,.45);
  --color-bg:var(--surface);--color-bg-secondary:var(--line);--color-link:var(--gold);--color-secondary:var(--gold);--color-text:var(--text);--color-text-secondary:var(--muted);--color-table:var(--card-2);--color-shadow:transparent;--color-accent:rgba(255,255,255,.06);--border-radius:var(--r-sm);
  --font-family:'Fredoka',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--line-height:1.6;--width-content:1150px
}
*,*::before,*::after{box-sizing:border-box}
html{scrollbar-color:var(--thumb) var(--track);scrollbar-width:thin;scrollbar-gutter:stable;background:var(--page-bg)}
::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:var(--track)}::-webkit-scrollbar-thumb{background:var(--thumb);border-radius:999px;border:2px solid var(--track)}
html.cf-lock,html.cf-lock body{overflow:hidden}
body{background:var(--page-bg);background-image:radial-gradient(1200px 600px at 10% -10%,rgba(96,91,235,.22),transparent 60%),radial-gradient(900px 500px at 100% 10%,rgba(24,128,250,.14),transparent 60%);background-attachment:fixed;color:var(--text);font-family:var(--font-family);font-size:17px;font-weight:400;overflow-x:clip}
[hidden]{display:none!important}
img{max-width:100%;height:auto}
.ic{width:1.15em;height:1.15em;flex:none;fill:currentColor;vertical-align:-.18em}
a{color:var(--gold);font-weight:500;text-decoration:none}
a:visited{color:var(--gold)}
a:hover{filter:none}
h1,h2,h3,h4{font-family:var(--font-family);line-height:1.2;margin:0}
h2{font-size:clamp(1.55rem,1.2rem + 1.4vw,2.2rem);font-weight:700;display:flex;align-items:center;gap:.55rem}
h2 .ic{color:var(--brand);width:1.05em;height:1.05em}
h3{font-size:1.2rem;font-weight:600}
h4{font-size:1rem;font-weight:600}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
details{margin:0}
table{display:table;white-space:normal}
section{display:block}
.cf-skip{position:absolute;left:-9999px;top:8px;z-index:99;background:var(--brand);color:var(--brand-ink);padding:8px 14px;border-radius:8px}
.cf-skip:focus{left:8px}
/* S2 boxed sheet */
.cf-sheet{max-width:1150px;margin:0 auto;background:var(--surface);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04);overflow:clip}
.cf-sheet>header,.cf-sheet>main,.cf-sheet>footer{max-width:none;margin:0}
/* buttons */
.cf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.4rem;border-radius:999px;font-weight:600;font-size:1rem;line-height:1.1;white-space:nowrap;border:2px solid transparent;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s;margin:0}
.cf-btn,.cf-btn:visited{color:var(--text)}
.cf-btn-brand,.cf-btn-brand:visited{background:linear-gradient(180deg,var(--brand),var(--brand-2));color:var(--brand-ink);box-shadow:0 8px 24px rgba(45,246,189,.28)}
.cf-btn-ghost,.cf-btn-ghost:visited{border-color:rgba(255,255,255,.35);color:var(--text);background:rgba(255,255,255,.04)}
.cf-btn-line,.cf-btn-line:visited{border-color:var(--brand);color:var(--brand);background:transparent}
.cf-btn-sm{min-height:40px;padding:.45rem 1rem;font-size:.95rem;background:var(--card-2);color:var(--gold);border-color:var(--line)}
@media (min-width:1024px){
  .cf-btn-brand:hover{box-shadow:0 0 0 4px rgba(118,249,212,.22),0 12px 30px rgba(45,246,189,.4)}
  .cf-btn-ghost:hover{background:rgba(255,255,255,.12);color:var(--text)}
  .cf-btn-line:hover{background:var(--brand);color:var(--brand-ink)}
  .cf-btn-sm:hover{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
  a:hover{color:var(--brand)}
}
.cf-sm{display:none}
@media (max-width:479px){.cf-lg{display:none}.cf-sm{display:inline}}
/* brand CTA: double heartbeat pulse every 6 s */
@keyframes cf-heartbeat{0%,76%,100%{transform:scale(1);box-shadow:0 8px 24px rgba(45,246,189,.28)}80%{transform:scale(1.06);box-shadow:0 0 0 8px rgba(118,249,212,.18)}84%{transform:scale(.99)}88%{transform:scale(1.05);box-shadow:0 0 0 14px rgba(118,249,212,0)}92%{transform:scale(1)}}
.cf-pulse{animation:cf-heartbeat 6s ease-in-out 1.5s infinite}
@media (prefers-reduced-motion:reduce){.cf-pulse{animation:none}}
/* header B1·4 + B2·5 */
.cf-hd{display:flex;align-items:center;gap:1.25rem;padding:.75rem 1.5rem;min-height:72px;text-align:left;position:sticky;top:0;z-index:40;background:rgba(1,6,43,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.cf-hd{background:var(--surface)}}
.cf-logo{display:flex;align-items:center;flex:none}
.cf-logo img{display:block;height:52px;width:auto}
.cf-nav{display:flex;align-items:center;flex:1 1 auto;min-width:0;margin:0;font-weight:500;justify-content:flex-start}
.cf-menu{display:flex;align-items:center;gap:.25rem;min-width:0;overflow:hidden;margin:0}
.cf-menu li,.cf-more-list li{margin:0;display:block;width:auto}
.cf-menu a,.cf-more-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .85rem;border-radius:999px;color:var(--muted);white-space:nowrap;flex:none;font-weight:500;font-size:1rem}
.cf-menu a.is-active,.cf-more-list a.is-active,.cf-more-btn.is-active{color:var(--brand-ink);background:var(--brand)}
.cf-more{position:relative;flex:none}
.cf-more-btn{background:transparent;border:0;margin:0;font-family:inherit;cursor:pointer;min-height:40px}
.cf-more-list{position:absolute;top:calc(100% + 8px);left:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:.4rem;min-width:200px;box-shadow:var(--sh);z-index:50}
.cf-more-list a{display:block;padding:.55rem .8rem;border-radius:8px;color:var(--text)}
@media (min-width:1024px){.cf-menu a:not(.is-active):hover,.cf-more-btn:hover,.cf-more-list a:not(.is-active):hover{color:var(--text);background:rgba(255,255,255,.07)}}
.cf-hd-act{display:flex;align-items:center;gap:.9rem;flex:none;margin-left:auto}
.cf-hd-cta{min-height:44px;padding:.55rem 1.1rem}
.cf-burger,.cf-panel-x{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--text);padding:0;margin:0;cursor:pointer}
.cf-burger .ic,.cf-panel-x .ic{width:24px;height:24px}
@media (max-width:899px){.cf-nav{display:none}.cf-burger{display:inline-flex}.cf-hd{gap:.6rem;padding:.6rem 1rem}}
@media (max-width:379px){.cf-logo img{height:42px}.cf-hd-cta{padding:.5rem .8rem;font-size:.95rem}.cf-hd-act{gap:.5rem}}
/* mobile panel */
.cf-panel{position:fixed;inset:0;height:100vh;height:100dvh;z-index:80;display:flex;flex-direction:column;background:var(--surface);background-image:radial-gradient(500px 300px at 100% 0,rgba(24,128,250,.18),transparent 70%)}
.cf-panel-top{flex:none;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--line)}
.cf-panel-top img{height:44px;width:auto}
.cf-panel-x{display:inline-flex}
.cf-panel-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:1rem;display:block}
.cf-panel-nav li{display:block;width:auto;margin:0 0 .4rem}
.cf-panel-nav a{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-radius:12px;color:var(--text);font-size:1.1rem;background:rgba(255,255,255,.03)}
.cf-panel-nav a.is-active{background:var(--brand);color:var(--brand-ink)}
.cf-panel-cta{flex:none;padding:1rem;border-top:1px solid var(--line);display:grid;gap:.7rem;text-align:center}
.cf-panel-offer{color:var(--muted)}
.cf-panel-offer b{color:var(--gold)}
/* sticky bar B16·2 */
.cf-dock{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(1,6,43,.96);border-top:1px solid var(--line);box-shadow:0 -12px 30px rgba(0,0,0,.4);transform:translateY(110%);transition:transform .35s ease;visibility:hidden}
.cf-dock.is-on{transform:none;visibility:visible}
@media (prefers-reduced-motion:reduce){.cf-dock{transition:none}}
.cf-dock-in{max-width:1150px;margin:0 auto;padding:.65rem 3.4rem .65rem 1.5rem;display:flex;align-items:center;gap:1rem;position:relative}
.cf-dock-offer{display:flex;align-items:center;gap:.5rem;flex:1 1 auto;min-width:0;color:var(--muted)}
.cf-dock-offer .ic{color:var(--brand);width:1.4em;height:1.4em}
.cf-dock-offer b{color:var(--text)}
.cf-dock-btns{display:flex;gap:.6rem;flex:none}
.cf-dock .cf-btn{min-height:44px;padding:.5rem 1.1rem}
.cf-dock-x{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--line);color:var(--muted);cursor:pointer}
@media (max-width:767px){.cf-dock-offer{display:none}.cf-dock-in{padding:.6rem 3.2rem .6rem .75rem;justify-content:center}.cf-dock-btns{flex:1 1 auto}.cf-dock .cf-btn{flex:1 1 0;min-width:0;padding:.5rem .7rem}}
/* byline B14·3 */
.cf-byline{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;padding:20px 2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}
.cf-byline p{display:flex;align-items:center;gap:.45rem}
.cf-byline .ic{color:var(--gold)}
.cf-byline b{color:var(--text);font-weight:600}
@media (max-width:599px){.cf-byline{padding:20px 1rem;flex-direction:column;align-items:flex-start}}
/* footer B21·4 */
.cf-ft{position:relative;padding:3rem 2rem 1.25rem;background:radial-gradient(700px 260px at 0 0,rgba(96,91,235,.2),transparent 70%),radial-gradient(600px 240px at 100% 100%,rgba(118,249,212,.08),transparent 70%),#000318;text-align:left}
.cf-ft::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--accent-2),var(--accent),var(--brand))}
.cf-ft-main{display:grid;grid-template-columns:1.25fr .8fr 1.1fr 1.5fr;gap:2rem}
.cf-ft h3{font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.cf-ft p,.cf-ft li{color:var(--muted);font-size:.95rem}
.cf-ft-logo{display:inline-block;margin-bottom:.9rem}
.cf-ft-logo img{display:block;height:64px;width:auto}
.cf-ft-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.cf-ft-badges li{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:.82rem}
.cf-ft-badges .ic{color:var(--ok)}
.cf-ft-links{display:grid;gap:.55rem}
.cf-ft-links a{display:inline-flex;align-items:center;gap:.25rem;color:var(--text)}
.cf-ft-links .ic{color:var(--brand)}
.cf-contact{display:grid;gap:.75rem}
.cf-contact li{display:flex;gap:.65rem;align-items:flex-start}
.cf-ft-ic{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(74,163,255,.14);color:var(--accent)}
.cf-contact li>span:last-child{padding-top:.3rem;color:var(--text)}
.cf-ft-rg{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem;border-radius:var(--r);background:linear-gradient(150deg,rgba(96,91,235,.16),rgba(1,6,43,.4));border:1px solid rgba(255,255,255,.08)}
.cf-ft-rg h3{margin-bottom:.5rem}
.cf-ft-age{flex:none;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;border:3px solid #ff5d73;background:rgba(255,93,115,.12)}
.cf-ft-rg a{color:var(--gold)}
.cf-rg-links{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}
.cf-rg-links a{padding:.2rem .6rem;border-radius:999px;border:1px solid var(--line);font-size:.85rem}
.cf-ft-pay{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:2rem;padding:1.1rem 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.cf-ft-pay img{display:block;width:56px;height:34px;object-fit:contain;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.06)}
.cf-ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;padding-top:1rem}
.cf-ft-bottom p{font-size:.85rem}
@media (min-width:1024px){.cf-ft-links a:hover,.cf-ft-rg a:hover{color:var(--brand)}.cf-rg-links a:hover{border-color:var(--brand)}}
@media (max-width:1023px){.cf-ft-main{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.cf-ft{padding:2.25rem 1rem 5.5rem}.cf-ft-main{grid-template-columns:1fr;gap:1.6rem}.cf-ft-pay{justify-content:flex-start}}
