:root{--bg:#071423;--bg2:#0a1828;--panel:#10233a;--panel2:#0d1d30;--text:#f3f7ff;--muted:#a9bdd4;--line:#25415f;--brand:#7e86ff;--cyan:#56e3d2;--max:1180px;--shadow:0 18px 60px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,var(--bg),#081321 55%,#081522);color:var(--text);line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 36px));margin:auto}
header{position:sticky;top:0;z-index:60;background:rgba(7,20,35,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(105,146,186,.16)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.025em}.logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--cyan));display:grid;place-items:center;color:#061322;font-weight:950}.navlinks{display:flex;align-items:center;gap:26px}.navlinks a{color:var(--muted);font-size:.94rem}.navlinks a:hover{color:#fff}.menu-note{display:none;color:var(--muted);font-size:.85rem}
.hero{padding:86px 0 72px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.eyebrow,.tag{display:inline-flex;border:1px solid #2a4b6d;border-radius:999px;padding:6px 11px;color:#c6dbf0;background:#0b1b2c;font-size:.78rem}.tag.partner{color:#7af2df;border-color:rgba(86,227,210,.35);background:rgba(86,227,210,.08)}h1,h2,h3{line-height:1.1;letter-spacing:-.035em;margin-top:0}h1{font-size:clamp(3rem,7vw,5.7rem);margin:20px 0}h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:16px}h3{font-size:1.3rem}.lead{font-size:1.15rem;color:var(--muted);max-width:790px}.panel,.card,.content-box,.notice,.callout,.toc,.comparison-table{background:linear-gradient(180deg,rgba(16,35,58,.96),rgba(11,27,45,.96));border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.panel{padding:28px}.metric{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.metric:last-child{border:0}.metric span{color:var(--muted);text-align:right}.kicker{color:var(--cyan);font-size:.8rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:13px;background:linear-gradient(135deg,var(--brand),#9a7fff);font-weight:800;color:#fff;box-shadow:0 10px 28px rgba(126,134,255,.22)}.btn.secondary{background:transparent;border:1px solid var(--line);box-shadow:none}.section{padding:68px 0}.section.alt{background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:24px}.card p,.article p,.article li{color:var(--muted)}.link{color:#c2c7ff;font-weight:800}.content-box{padding:30px}.small{font-size:.85rem;color:#849ab4}.article{max-width:880px;margin:auto}.article h1{font-size:clamp(2.6rem,5.5vw,4.6rem)}.article h2{font-size:2.05rem;margin-top:52px}.article h3{margin-top:30px}.breadcrumbs{color:#8197b1;font-size:.86rem;margin-bottom:22px}.notice,.callout,.toc{padding:18px 21px;margin:24px 0}.notice strong,.callout strong{color:#fff}.toc a{display:block;color:#c4d4e7;margin:7px 0}.checklist,.bullets{padding-left:22px}.checklist li,.bullets li{margin:9px 0}.checklist li::marker{color:var(--cyan)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th,.table-wrap td{padding:16px 17px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.table-wrap th{background:#0b1c2f;color:#d8e7f8;font-size:.84rem}.table-wrap td{color:#b6c8dc}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:18px}.score-note{font-size:.84rem;color:#8fa6c0}.byline{display:flex;gap:14px;align-items:center;color:#93a9c1;font-size:.9rem;margin:18px 0 28px}.dot{width:7px;height:7px;border-radius:50%;background:var(--cyan)}
footer{border-top:1px solid var(--line);padding:44px 0 56px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(2,1fr);gap:34px}.footer-grid strong{display:block;margin-bottom:10px}.footer-grid a{display:block;color:var(--muted);margin:8px 0}.footer-grid a:hover{color:white}
@media(max-width:880px){.hero-grid,.grid,.footer-grid,.proscons{grid-template-columns:1fr}.navlinks{display:none}.menu-note{display:block}.hero{padding-top:58px}.metric{align-items:flex-start}.metric span{text-align:left}.article{max-width:100%}}


.official-creative{margin:30px 0;padding:14px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:20px;text-align:center;overflow:hidden}
.official-creative .creative-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#8fa6c0;margin:0 0 10px;text-align:left;font-weight:800}
.official-creative a{display:block}
.official-creative img{display:block;width:100%;height:auto;border-radius:13px;margin:auto}
.compact-creative img{max-width:728px}
.square-creative{margin:0;max-width:360px;width:100%}
.square-creative img{max-width:300px}
.promo-split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:center}
@media(max-width:880px){.promo-split{grid-template-columns:1fr}.square-creative{max-width:100%}}


/* ===== v5.1 clean cinematic layer (built on stable v3.1) ===== */
:root{--electric:#2f7fff;--neon:#83ffb8;--sun:#ffd43b;--paper:#f7fbff;--ink:#10253f;--ink2:#4f6d8a;--softline:#dceaf7;--softshadow:0 22px 64px rgba(10,32,58,.09)}
.scroll-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:999;pointer-events:none}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--electric),var(--neon),var(--sun));box-shadow:0 0 18px rgba(131,255,184,.42)}

/* HOME: preserve dark hero, then clean light editorial sections */
.home-cinematic{background:#071423;color:var(--text)}
.home-cinematic .hero{position:relative;overflow:hidden;padding:94px 0 78px}
.home-cinematic .hero::before{content:"";position:absolute;width:26rem;height:26rem;right:-9rem;top:-6rem;border-radius:50%;background:radial-gradient(circle,rgba(47,127,255,.2),transparent 66%);filter:blur(14px);pointer-events:none}
.home-cinematic .hero::after{content:"";position:absolute;width:19rem;height:19rem;left:-7rem;bottom:-8rem;border-radius:50%;background:radial-gradient(circle,rgba(131,255,184,.12),transparent 66%);filter:blur(12px);pointer-events:none}
.phrase-cloud{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:26px;max-width:630px}
.phrase-cloud span{display:inline-flex;padding:9px 13px;border-radius:999px;border:1px solid rgba(131,255,184,.34);background:rgba(255,255,255,.045);color:#eff7ff;font-size:.8rem;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.1);animation:chipFloat 5.8s ease-in-out infinite}
.phrase-cloud span:nth-child(2){animation-delay:.65s}.phrase-cloud span:nth-child(3){animation-delay:1.15s}.phrase-cloud span:nth-child(4){animation-delay:1.75s}.phrase-cloud span:nth-child(5){animation-delay:2.25s}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.motion-band{overflow:hidden;background:#071423;border-top:1px solid rgba(131,255,184,.15);border-bottom:1px solid rgba(131,255,184,.15);padding:15px 0}
.motion-track{display:flex;align-items:center;gap:23px;width:max-content;white-space:nowrap;color:#f4f8ff;font-size:clamp(.95rem,2vw,1.4rem);font-weight:900;letter-spacing:.055em;animation:trackLeft 26s linear infinite}
.motion-track b{color:var(--neon);font-weight:900}.motion-track.reverse{animation-name:trackRight}.motion-band-light{background:#fff;border-color:var(--softline)}.motion-band-light .motion-track{color:var(--ink)}.motion-band-light .motion-track b{color:#1faf72}
@keyframes trackLeft{to{transform:translateX(-50%)}}@keyframes trackRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.cinema-block{padding:96px 0}.cinema-dark{background:#071423;color:#fff}.cinema-grid{display:grid;grid-template-columns:90px minmax(0,1fr);gap:30px;align-items:start}.cinema-no{padding-top:10px;border-top:1px solid rgba(131,255,184,.48);color:var(--neon);font-size:.78rem;font-weight:950;letter-spacing:.12em}.cinema-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:900;opacity:.72}.cinema-block h2{font-size:clamp(3rem,7vw,7rem);line-height:.96;letter-spacing:-.06em;margin:16px 0 24px}.cinema-block h2 em{font-style:normal;color:var(--neon)}.cinema-copy{max-width:720px;color:#abc0d8;font-size:1.08rem}.home-light{background:linear-gradient(180deg,#f8fcff,#eef7ff);color:var(--ink);border-color:rgba(16,37,63,.05)}.home-light h2,.home-light h3,.home-light p,.home-light .lead{color:var(--ink)}.home-light .card,.home-light .content-box{background:#fff;border-color:var(--softline);box-shadow:var(--softshadow)}.home-light .tag{color:#28577f;background:#f0f7ff;border-color:#bdd8f2}.home-light .tag.partner{color:#17664d;background:rgba(131,255,184,.16);border-color:rgba(131,255,184,.5)}.home-light .kicker{color:#1da86f}.home-light .link{color:#1b5fe9}.home-cinematic footer{background:#071423}

/* GETRESPONSE: bright editorial canvas, dark header stays intact */
.gr-cinematic{background:var(--paper);color:var(--ink)}
.gr-cinematic header{background:rgba(7,20,35,.96)}
.gr-cinematic header .brand{color:#fff}.gr-cinematic header .navlinks a{color:var(--muted)}
.gr-cinematic main{background:var(--paper)}.gr-cinematic .section{padding-top:64px}.gr-cinematic .article{max-width:1060px;color:var(--ink)}.gr-cinematic .article h1,.gr-cinematic .article h2,.gr-cinematic .article h3{color:var(--ink)}.gr-cinematic .article p,.gr-cinematic .article li,.gr-cinematic .lead,.gr-cinematic .byline,.gr-cinematic .breadcrumbs,.gr-cinematic .score-note{color:var(--ink2)}.gr-cinematic .notice,.gr-cinematic .callout,.gr-cinematic .toc,.gr-cinematic .card,.gr-cinematic .content-box,.gr-cinematic .official-creative{background:#fff;border-color:var(--softline);box-shadow:var(--softshadow)}.gr-cinematic .notice,.gr-cinematic .callout{border-left:4px solid var(--neon)}.gr-cinematic .notice strong,.gr-cinematic .callout strong{color:var(--ink)}.gr-cinematic .toc a{color:#456a8d}.gr-cinematic .tag.partner{color:#17664d;background:rgba(131,255,184,.16);border-color:rgba(131,255,184,.5)}.gr-cinematic .kicker{color:#1da86f}.gr-cinematic .btn.secondary{color:var(--ink);background:#fff;border-color:#b9d8f3}.gr-cinematic footer{background:#eef7ff;border-color:var(--softline)}.gr-cinematic footer .brand{color:var(--ink)}.gr-cinematic footer a,.gr-cinematic footer .small{color:#50708e}.gr-cinematic footer a:hover{color:var(--ink)}
.gr-feature-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px;align-items:center;margin:32px 0 28px;padding:24px;border-radius:28px;background:linear-gradient(135deg,#071423 0%,#0d2944 60%,#113d45 100%);border:1px solid rgba(131,255,184,.4);box-shadow:0 30px 78px rgba(10,32,58,.16)}.gr-feature-copy{padding:20px}.gr-feature-copy h2{color:#fff!important;font-size:clamp(2.15rem,4.5vw,4rem)!important;margin:12px 0 14px!important}.gr-feature-copy p{color:#b8cce0!important}.gr-feature-copy .kicker{color:var(--neon)}.gr-feature-hero a{display:block;border-radius:20px;overflow:hidden}.gr-feature-hero img{display:block;width:100%;height:auto;border-radius:20px;transition:transform .65s cubic-bezier(.16,1,.3,1)}.gr-feature-hero:hover img{transform:scale(1.025)}
.phrase-cloud-light span{background:#071423;color:#fff;border-color:rgba(131,255,184,.4)}.gr-motion{margin:26px 0 28px;border-radius:18px}.cinema-light{padding:56px 0 28px}.cinema-light h2{font-size:clamp(2.5rem,5.5vw,5.4rem);color:var(--ink)!important}.cinema-light h2 em{color:var(--electric)}.cinema-light .cinema-kicker{color:var(--ink2)}
.gr-cinematic .grid .card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.gr-cinematic .grid .card:hover{transform:translateY(-5px);border-color:rgba(131,255,184,.55);box-shadow:0 22px 60px rgba(10,32,58,.12)}
.gr-cinematic .feature-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 28px}.gr-cinematic .ribbon-card{padding:18px;border:1px solid var(--softline);border-radius:18px;background:#fff;box-shadow:var(--softshadow)}.gr-cinematic .ribbon-card strong{display:block;color:var(--ink);margin-bottom:7px}.gr-cinematic .ribbon-card span{color:var(--ink2);font-size:.94rem}
.gr-story{display:grid;gap:26px;margin:46px 0 70px}.gr-story-row{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:30px;align-items:center;padding:24px;background:#fff;border:1px solid var(--softline);border-radius:28px;box-shadow:var(--softshadow);overflow:hidden}.gr-story-row.reverse{grid-template-columns:minmax(0,1.38fr) minmax(0,.62fr)}.gr-story-row.reverse .gr-story-copy{order:2}.gr-story-row.reverse a{order:1}.gr-story-copy{padding:16px}.gr-story-copy>span{display:inline-block;color:#1da86f;font-size:.78rem;font-weight:950;letter-spacing:.12em;border-top:2px solid var(--neon);padding-top:7px}.gr-story-copy h3{font-size:clamp(2rem,4vw,3.6rem);margin:13px 0 13px}.gr-story-row a{display:block;border-radius:20px;overflow:hidden}.gr-story-row img{display:block;width:100%;height:auto;border-radius:20px;transition:transform .7s cubic-bezier(.16,1,.3,1)}.gr-story-row:hover img{transform:scale(1.03)}.gr-cinematic .official-creative{border-color:rgba(131,255,184,.42)}.gr-cinematic .creative-label{color:#2f7059}

/* Scroll reveal: content remains visible if JS is disabled or fails */
.reveal-on-scroll{opacity:1;transform:none;filter:none}.motion-active .reveal-on-scroll,.motion-active .auto-reveal{opacity:0;transform:translateY(46px);filter:blur(7px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease}.motion-active .reveal-on-scroll.is-visible,.motion-active .auto-reveal.is-visible{opacity:1;transform:none;filter:none}

@media(max-width:900px){.cinema-grid{grid-template-columns:1fr}.cinema-no{width:60px}.gr-feature-hero,.gr-story-row,.gr-story-row.reverse{grid-template-columns:1fr}.gr-story-row.reverse .gr-story-copy,.gr-story-row.reverse a{order:initial}.gr-cinematic .feature-ribbon{grid-template-columns:1fr}.cinema-block{padding:68px 0}.cinema-block h2{font-size:clamp(2.7rem,13vw,5rem)}}
@media(prefers-reduced-motion:reduce){.phrase-cloud span,.motion-track{animation:none!important}.motion-active .reveal-on-scroll,.motion-active .auto-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}


/* v5.2 homepage containment refinements */
.home-cinematic .phrase-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:24px 0 0;
  max-width:560px;
  min-height:42px;
  align-items:center;
}
.home-cinematic .phrase-cloud span{
  position:relative;
  flex:0 0 auto;
  padding:7px 11px;
  font-size:.72rem;
  line-height:1;
  white-space:nowrap;
  color:#dffcf1;
  border:1px solid rgba(131,255,184,.34);
  background:rgba(7,20,35,.62);
  box-shadow:0 8px 22px rgba(0,0,0,.10);
}
.home-cinematic .motion-band{
  width:100%;
  max-width:100vw;
  overflow:hidden;
  position:relative;
  isolation:isolate;
  padding:12px 0;
}
.home-cinematic .motion-band::before,
.home-cinematic .motion-band::after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;bottom:0;
  width:7vw;
  pointer-events:none;
}
.home-cinematic .motion-band::before{left:0;background:linear-gradient(90deg,#071423,transparent)}
.home-cinematic .motion-band::after{right:0;background:linear-gradient(270deg,#071423,transparent)}
.home-cinematic .motion-track{
  gap:16px;
  font-size:clamp(.76rem,1.35vw,1rem);
  letter-spacing:.04em;
  will-change:transform;
}
.home-cinematic .motion-track span{display:inline-block;white-space:nowrap}
.home-cinematic .cinema-block{position:relative;z-index:1}
@media(max-width:700px){
  .home-cinematic .phrase-cloud{gap:7px;max-width:100%}
  .home-cinematic .phrase-cloud span{font-size:.68rem;padding:7px 10px}
  .home-cinematic .motion-track{font-size:.72rem;gap:12px}
}


/* ===== v5.3 subtle motion for internal editorial pages ===== */
.internal-motion{
  position:relative;
  overflow-x:hidden;
}
.internal-motion::before{
  content:"";
  position:fixed;
  z-index:-1;
  width:28rem;
  height:28rem;
  right:-12rem;
  top:18vh;
  border-radius:50%;
  background:radial-gradient(circle,rgba(86,227,210,.055),transparent 68%);
  filter:blur(20px);
  pointer-events:none;
}
.internal-progress{height:2px}
.internal-progress span{box-shadow:0 0 10px rgba(131,255,184,.28)}

/* Navigation micro-interaction shared by internal pages */
.internal-motion .navlinks a{position:relative;transition:color .25s ease}
.internal-motion .navlinks a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-9px;
  height:1px;
  background:linear-gradient(90deg,var(--cyan),var(--neon));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .28s ease;
}
.internal-motion .navlinks a:hover::after{transform:scaleX(1)}

/* Headings get a small animated tech signature */
.internal-motion .article h2{position:relative}
.internal-motion .article h2::after{
  content:"";
  display:block;
  width:64px;
  height:2px;
  margin-top:12px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cyan),var(--neon));
  transform:scaleX(.18);
  transform-origin:left;
  opacity:.45;
  transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .7s ease;
}
.motion-active .internal-motion .article h2.is-visible::after{
  transform:scaleX(1);
  opacity:1;
}
.internal-motion .kicker{position:relative;padding-left:13px}
.internal-motion .kicker::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--neon);
  box-shadow:0 0 12px rgba(131,255,184,.42);
  transform:translateY(-50%);
}

/* Soft hover motion only — more restrained than the homepage */
.internal-motion .card,
.internal-motion .content-box,
.internal-motion .notice,
.internal-motion .callout,
.internal-motion .toc,
.internal-motion .table-wrap,
.internal-motion .official-creative{
  transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease;
}
.internal-motion .card:hover,
.internal-motion .content-box:hover,
.internal-motion .notice:hover,
.internal-motion .callout:hover,
.internal-motion .toc:hover,
.internal-motion .official-creative:hover{
  transform:translateY(-3px);
  border-color:rgba(131,255,184,.34);
  box-shadow:0 16px 42px rgba(0,0,0,.14),0 0 0 1px rgba(131,255,184,.08) inset;
}
.internal-motion .table-wrap:hover{
  border-color:rgba(86,227,210,.34);
  box-shadow:0 14px 38px rgba(0,0,0,.10);
}
.internal-motion .btn{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.internal-motion .btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(126,134,255,.18)}
.internal-motion .btn.secondary:hover{border-color:rgba(131,255,184,.38)}
.internal-motion .toc a{transition:transform .22s ease,color .22s ease}
.internal-motion .toc a:hover{transform:translateX(4px);color:#fff}
.internal-motion .breadcrumbs a{transition:color .22s ease}.internal-motion .breadcrumbs a:hover{color:var(--cyan)}
.internal-motion .link{display:inline-block;transition:transform .22s ease,color .22s ease}.internal-motion .link:hover{transform:translateX(3px);color:#e2e5ff}

/* Subtle on-scroll reveal: no heavy cinematic blur */
.internal-reveal{opacity:1;transform:none;filter:none}
.motion-active .internal-motion .internal-reveal{
  opacity:0;
  transform:translateY(24px);
  filter:blur(2.5px);
  transition:opacity .66s ease,transform .66s cubic-bezier(.16,1,.3,1),filter .66s ease;
}
.motion-active .internal-motion .internal-reveal.is-visible{
  opacity:1;
  transform:none;
  filter:none;
}
.motion-active .internal-motion .internal-reveal.reveal-soft-left{transform:translateX(-18px)}
.motion-active .internal-motion .internal-reveal.reveal-soft-left.is-visible{transform:none}

/* Slight stagger inside grids without delaying normal reading */
.motion-active .internal-motion .grid .internal-reveal:nth-child(2){transition-delay:.05s}
.motion-active .internal-motion .grid .internal-reveal:nth-child(3){transition-delay:.10s}
.motion-active .internal-motion .grid .internal-reveal:nth-child(4){transition-delay:.05s}
.motion-active .internal-motion .grid .internal-reveal:nth-child(5){transition-delay:.10s}

@media(max-width:880px){
  .internal-motion::before{width:20rem;height:20rem;right:-11rem}
  .motion-active .internal-motion .internal-reveal{transform:translateY(18px);filter:blur(1.5px)}
}
@media(prefers-reduced-motion:reduce){
  .motion-active .internal-motion .internal-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .internal-motion .article h2::after{transform:scaleX(1);opacity:1;transition:none}
}


/* ===== v5.5 privacy / consent UI ===== */
body.scl-consent-open{overflow:hidden}
.scl-consent-backdrop{position:fixed;inset:0;background:rgba(3,12,23,.42);backdrop-filter:blur(6px);z-index:9997;opacity:0;pointer-events:none;transition:opacity .3s ease}
.scl-consent-backdrop.is-open{opacity:1;pointer-events:auto}
.scl-consent-banner{position:fixed;left:50%;bottom:22px;transform:translate(-50%,24px);width:min(1080px,calc(100% - 28px));z-index:9998;background:linear-gradient(135deg,rgba(8,25,43,.98),rgba(12,39,61,.98));border:1px solid rgba(131,255,184,.32);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.28),0 0 0 1px rgba(131,255,184,.06) inset;padding:22px;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s cubic-bezier(.22,.61,.36,1)}
.scl-consent-banner.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.scl-consent-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:24px;align-items:center}
.scl-consent-copy{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.scl-consent-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;font-size:1.2rem;background:linear-gradient(135deg,rgba(47,127,255,.22),rgba(131,255,184,.18));border:1px solid rgba(131,255,184,.24)}
.scl-consent-banner h2{font-size:1.28rem;margin:0 0 7px;color:#f4f9ff;letter-spacing:-.02em}
.scl-consent-banner p{margin:0;color:#b9cade;font-size:.94rem;line-height:1.55}
.scl-consent-banner a{color:#8dffd0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.scl-consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.scl-consent-actions .scl-cookie-btn:first-child{grid-column:1/-1}
.scl-cookie-btn{appearance:none;border:0;border-radius:13px;padding:12px 14px;font:inherit;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;background:#fff;color:#0c2540}
.scl-cookie-btn:hover{transform:translateY(-2px)}
.scl-cookie-btn.primary{background:linear-gradient(135deg,#2f7fff,#6f8dff);color:#fff;box-shadow:0 12px 28px rgba(47,127,255,.25)}
.scl-cookie-btn.outline{background:transparent;border:1px solid rgba(131,255,184,.30);color:#eff7ff}
.scl-cookie-btn.ghost{background:rgba(255,255,255,.06);color:#d9e8f6;border:1px solid rgba(255,255,255,.10)}
.scl-consent-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%) scale(.98);width:min(620px,calc(100% - 28px));z-index:9999;background:#f9fcff;color:#10253f;border:1px solid #d8e9f7;border-radius:24px;box-shadow:0 26px 90px rgba(1,14,28,.30);opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease;padding:26px}
.scl-consent-modal.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.scl-consent-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.scl-consent-modal h2{margin:0 0 7px;color:#10253f;font-size:1.55rem}
.scl-consent-modal p{margin:0;color:#587795}
.scl-modal-close{width:38px;height:38px;border-radius:12px;border:1px solid #d8e9f7;background:#fff;color:#173a5e;cursor:pointer;font-size:1.2rem}
.scl-pref-list{display:grid;gap:12px;margin:18px 0 22px}
.scl-pref-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:16px;border:1px solid #dbeaf7;background:#fff;border-radius:17px}
.scl-pref-row strong{display:block;color:#10253f;margin-bottom:3px}.scl-pref-row span{color:#6885a2;font-size:.88rem;line-height:1.45}
.scl-pref-row .always{font-size:.76rem;font-weight:850;color:#15865c;background:#e9fbf3;border:1px solid #b9efd7;border-radius:999px;padding:6px 9px}
.scl-switch{position:relative;width:48px;height:28px;display:inline-block}.scl-switch input{opacity:0;width:0;height:0}.scl-slider{position:absolute;inset:0;background:#cbd9e6;border-radius:999px;cursor:pointer;transition:.22s}.scl-slider::before{content:"";position:absolute;width:20px;height:20px;left:4px;top:4px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.15);transition:.22s}.scl-switch input:checked + .scl-slider{background:linear-gradient(135deg,#2f7fff,#4ad8b0)}.scl-switch input:checked + .scl-slider::before{transform:translateX(20px)}
.scl-modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.scl-cookie-settings-fab{position:fixed;right:18px;bottom:18px;z-index:9900;border:1px solid rgba(131,255,184,.35);background:rgba(8,25,43,.94);color:#eaf5ff;border-radius:999px;padding:9px 13px;font:inherit;font-size:.8rem;font-weight:800;cursor:pointer;box-shadow:0 12px 32px rgba(0,0,0,.15);opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}
.scl-cookie-settings-fab.is-visible{opacity:1;transform:none;pointer-events:auto}.scl-cookie-settings-fab:hover{border-color:rgba(131,255,184,.7)}
footer [data-cookie-settings]{cursor:pointer}
@media(max-width:760px){.scl-consent-banner{bottom:12px;padding:18px}.scl-consent-grid{grid-template-columns:1fr}.scl-consent-actions{grid-template-columns:1fr}.scl-consent-actions .scl-cookie-btn:first-child{grid-column:auto}.scl-consent-copy{grid-template-columns:1fr}.scl-consent-icon{display:none}.scl-consent-modal{padding:20px}.scl-pref-row{grid-template-columns:1fr auto}.scl-modal-actions{display:grid;grid-template-columns:1fr}.scl-modal-actions .scl-cookie-btn{width:100%}.scl-cookie-settings-fab{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.scl-consent-banner,.scl-consent-modal,.scl-consent-backdrop,.scl-cookie-settings-fab,.scl-cookie-btn{transition:none!important}}