@import url("/assets/fonts/fonts.css");

:root{
  --c-bg:#0b1222; --c-bg2:#0e1730; --c-card:#18223f; --c-card2:#1f2b50; --c-panel:#131c38;
  --c-line:rgba(255,255,255,.10); --c-line2:rgba(255,255,255,.06);
  --c-ink:#eef1fb; --c-dim:#aeb9d8; --c-mut:#7f8ab0;
  --c-acc:#7c6cff; --c-acc2:#4d8dff; --c-acc-deep:#5b46e8;
  --c-gold:#ffc94d; --c-green:#37d67a; --c-amber:#ffb020; --c-red:#ff5b6e;
  --font:Inter,'Inter Fallback',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --head:Montserrat,Inter,'Inter Fallback',system-ui,sans-serif;
  --wrap:1080px; --read:760px; --topbar-h:58px; --r:16px; --r-sm:12px;
  --sh:0 14px 38px rgba(0,0,0,.42); --sh-sm:0 6px 18px rgba(0,0,0,.30);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; font-family:var(--font); color:var(--c-ink); background:var(--c-bg);
  line-height:1.64; font-size:16px; -webkit-font-smoothing:antialiased; overflow-x:hidden}
img{max-width:100%; height:auto; display:block}
a{color:#a9b8ff; text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--head); line-height:1.16; margin:0 0 .5em; font-weight:800}
h1{font-size:clamp(1.85rem,4.6vw,2.8rem); letter-spacing:-.02em}
h2{font-size:clamp(1.4rem,3.2vw,2rem); letter-spacing:-.01em}
h3{font-size:1.14rem; font-weight:700}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--c-acc); outline-offset:2px; border-radius:6px}
.skip-338cc{position:absolute; left:-9999px; top:0; z-index:300; background:var(--c-acc); color:#fff;
  padding:10px 16px; border-radius:0 0 8px 0; font-family:var(--head); font-weight:800}
.skip-338cc:focus{left:0}
.wrap-338cc{max-width:var(--wrap); margin:0 auto; padding:0 16px}
@media(min-width:900px){ .wrap-338cc{padding:0 24px} }

.act-338cc,.act-2-338cc,.act-lg-338cc{display:inline-flex; align-items:center; justify-content:center; gap:.5em;
  font-family:var(--head); font-weight:800; font-size:1rem; line-height:1; padding:.85em 1.4em;
  border-radius:12px; border:0; cursor:pointer; text-decoration:none; transition:transform .12s, filter .12s}
.act-338cc{background:linear-gradient(180deg,var(--c-acc),var(--c-acc-deep)); color:#fff; box-shadow:0 8px 20px rgba(124,108,255,.34)}
.act-338cc:hover{transform:translateY(-1px); filter:brightness(1.07); text-decoration:none}
.act-lg-338cc{background:linear-gradient(180deg,var(--c-acc),var(--c-acc-deep)); color:#fff; font-size:1.1rem; padding:1em 1.8em; box-shadow:0 10px 26px rgba(124,108,255,.42)}
.act-lg-338cc:hover{transform:translateY(-1px); filter:brightness(1.07); text-decoration:none}
.act-2-338cc{background:rgba(255,255,255,.05); color:var(--c-ink); border:1.5px solid var(--c-line); padding:calc(.85em - 1.5px) calc(1.4em - 1.5px)}
.act-2-338cc:hover{border-color:var(--c-acc); background:rgba(124,108,255,.14); text-decoration:none}
.act-338cc svg,.act-lg-338cc svg,.act-2-338cc svg{width:1.1em; height:1.1em}

.disc-338cc{background:#080e1c; border-bottom:1px solid var(--c-line2); font-size:.76rem; color:var(--c-mut)}
.disc-in-338cc{max-width:var(--wrap); margin:0 auto; padding:6px 16px; display:flex; flex-wrap:wrap; gap:6px 16px; align-items:center}
.disc-338cc .ad-338cc{color:var(--c-gold); font-weight:700; font-family:var(--head); letter-spacing:.03em}
.disc-338cc .sep-338cc{color:var(--c-line)}

.head-338cc{position:sticky; top:0; z-index:60; background:rgba(11,18,34,.9);
  backdrop-filter:saturate(1.4) blur(10px); border-bottom:1px solid var(--c-line2)}
.head-338cc.scrolled-338cc{background:rgba(9,14,28,.97)}
.head-in-338cc{max-width:var(--wrap); margin:0 auto; height:var(--topbar-h); display:flex; align-items:center; gap:16px; padding:0 16px}
.brand-338cc{display:flex; align-items:center; flex-shrink:0}
.brand-338cc img{height:25px; width:auto}
.brand-338cc .tag-338cc{margin-left:10px; padding-left:10px; border-left:1px solid var(--c-line); font-family:var(--head); font-weight:700; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--c-mut)}
.mainnav-338cc{display:none}
.head-cta-338cc{margin-left:auto; display:flex; align-items:center; gap:10px}
.head-cta-338cc .act-338cc{padding:.62em 1.2em; font-size:.92rem}
.burger-338cc{width:42px; height:42px; display:inline-grid; place-items:center; border:1px solid var(--c-line);
  background:transparent; border-radius:11px; color:var(--c-ink); cursor:pointer}
.burger-338cc svg{width:22px; height:22px}
@media(min-width:960px){
  .brand-338cc .tag-338cc{display:inline}
  .mainnav-338cc{display:flex; align-items:center; gap:4px; margin-left:8px}
  .mainnav-338cc a{color:var(--c-dim); font-family:var(--head); font-weight:700; font-size:.9rem; padding:8px 12px; border-radius:9px}
  .mainnav-338cc a:hover{color:#fff; background:rgba(255,255,255,.05); text-decoration:none}
  .mainnav-338cc a.ref-338cc{color:var(--c-acc)}
  .burger-338cc{display:none}
}
@media(max-width:600px){ .brand-338cc .tag-338cc{display:none} .head-cta-338cc .act-338cc span{display:none} }

.hero-338cc{position:relative; overflow:hidden; isolation:isolate; z-index:0;
  background:radial-gradient(1100px 420px at 82% -8%,rgba(124,108,255,.20),transparent 60%),
  radial-gradient(760px 360px at 4% 10%,rgba(77,141,255,.13),transparent 55%), var(--c-bg2)}
.hero-bg-338cc{position:absolute; inset:0; z-index:-1}
.hero-bg-338cc img{width:100%; height:100%; object-fit:cover; object-position:right center; opacity:.55}
.hero-bg-338cc::after{content:""; position:absolute; inset:0; background:
  linear-gradient(95deg,rgba(11,18,34,.97) 24%,rgba(11,18,34,.72) 56%,rgba(11,18,34,.5) 100%),
  linear-gradient(180deg,rgba(11,18,34,.2),rgba(11,18,34,.75))}
@media(max-width:899px){ .hero-bg-338cc img{opacity:.4} .hero-bg-338cc::after{background:linear-gradient(180deg,rgba(11,18,34,.7),rgba(11,18,34,.92))} }
.hero-in-338cc{max-width:var(--wrap); margin:0 auto; padding:30px 16px 34px; display:grid; gap:26px}
@media(min-width:900px){ .hero-in-338cc{grid-template-columns:1.15fr .85fr; align-items:center; gap:34px; padding:44px 24px 48px} }
.kicker-338cc{display:inline-flex; align-items:center; gap:8px; font-family:var(--head); font-weight:800;
  font-size:.7rem; letter-spacing:.13em; text-transform:uppercase; color:#c3b8ff;
  background:rgba(124,108,255,.16); border:1px solid rgba(124,108,255,.4); padding:6px 12px; border-radius:999px; margin-bottom:15px}
.hero-338cc h1{max-width:18ch; margin-bottom:.4em}
.hero-lead-338cc{font-size:1.1rem; color:var(--c-dim); max-width:52ch; margin-bottom:18px}
.hero-actions-338cc{display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:18px}
.byline-338cc{display:flex; flex-wrap:wrap; gap:6px 16px; color:var(--c-mut); font-size:.82rem}
.byline-338cc span{display:inline-flex; align-items:center; gap:7px}
.byline-338cc b{color:var(--c-dim); font-weight:700}
.byline-338cc svg{width:15px; height:15px; color:var(--c-acc); flex-shrink:0}

.snap-338cc{background:linear-gradient(165deg,#1a2242,#111a34); border:1px solid var(--c-line); border-radius:var(--r);
  box-shadow:var(--sh); padding:22px 22px 20px; text-align:center}
.snap-338cc .snap-t-338cc{font-family:var(--head); font-weight:800; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--c-mut); margin-bottom:10px}
.snap-338cc .snap-num-338cc{font-family:var(--head); font-weight:800; font-size:3.2rem; line-height:1; color:#fff}
.snap-338cc .snap-num-338cc span{font-size:1.2rem; color:var(--c-mut)}
.snap-338cc .stars-338cc{margin:8px 0 6px}
.snap-338cc .snap-grade-338cc{display:inline-block; font-family:var(--head); font-weight:800; font-size:.86rem; color:#0c1220;
  background:var(--c-gold); padding:4px 12px; border-radius:999px; letter-spacing:.02em}
.snap-338cc .snap-sum-338cc{color:var(--c-dim); font-size:.92rem; margin:14px 0 16px}
.snap-338cc .act-lg-338cc{width:100%; font-size:1rem; padding:.9em 1.2em}
.snap-338cc .snap-fine-338cc{color:var(--c-mut); font-size:.72rem; margin:12px 0 0}

.stars-338cc{display:inline-flex; gap:3px; color:var(--c-gold)}
.stars-338cc svg{width:19px; height:19px}
.stars-338cc.sm-338cc svg{width:15px; height:15px}
.stars-338cc .off-338cc{color:rgba(255,255,255,.18)}

.block-338cc{padding:38px 0; border-top:1px solid var(--c-line2)}
.block-338cc.alt-338cc{background:var(--c-bg2)}
.block-in-338cc{max-width:var(--wrap); margin:0 auto; padding:0 16px}
@media(min-width:900px){ .block-338cc{padding:46px 0} .block-in-338cc{padding:0 24px} }
.block-head-338cc{max-width:var(--read); margin-bottom:24px}
.block-head-338cc .kicker-338cc{margin-bottom:12px}
.block-head-338cc p{color:var(--c-dim); margin:0}
.longtext-338cc{max-width:var(--read)}
.longtext-338cc>*{max-width:72ch}
.longtext-338cc h3{margin:1.5em 0 .4em; color:#fff; font-size:1.12rem}
.longtext-338cc p{color:var(--c-dim)}
.longtext-338cc p:last-child{margin-bottom:0}
.longtext-338cc .lead-p-338cc{font-size:1.06rem; color:var(--c-ink)}
.longtext-338cc ul{list-style:none; margin:0 0 1em; padding:0}
.longtext-338cc li{position:relative; padding:7px 0 7px 28px; color:var(--c-dim)}
.longtext-338cc li::before{content:""; position:absolute; left:0; top:14px; width:12px; height:12px; background:var(--c-acc); border-radius:4px; box-shadow:0 0 0 4px rgba(124,108,255,.16)}
.longtext-338cc li b{color:var(--c-ink)}
.mt-338cc{margin-top:18px}
.ranklist-338cc{list-style:none; counter-reset:rk; margin:6px 0 0; padding:0; max-width:72ch}
.ranklist-338cc li{position:relative; padding:12px 14px 12px 52px; margin-bottom:10px; background:var(--c-card); border:1px solid var(--c-line2); border-radius:var(--r-sm); color:var(--c-dim)}
.ranklist-338cc li::before{counter-increment:rk; content:counter(rk); position:absolute; left:12px; top:11px; width:28px; height:28px; border-radius:8px; display:grid; place-items:center; font-family:var(--head); font-weight:800; font-size:.9rem; color:#fff; background:linear-gradient(180deg,var(--c-acc),var(--c-acc-deep))}
.ranklist-338cc li b{color:var(--c-ink)}

.specs-338cc{display:grid; grid-template-columns:repeat(2,1fr); gap:12px}
.spec-338cc{background:var(--c-card); border:1px solid var(--c-line2); border-radius:var(--r-sm); padding:15px; min-width:0}
.spec-338cc .k-338cc{font-size:.74rem; color:var(--c-mut); text-transform:uppercase; letter-spacing:.05em; font-weight:600; overflow-wrap:break-word}
.spec-338cc .v-338cc{font-family:var(--head); font-weight:800; font-size:1rem; color:#fff; margin-top:4px; overflow-wrap:break-word}
@media(min-width:820px){ .specs-338cc{grid-template-columns:repeat(4,1fr)} }

.verdict-338cc{display:grid; gap:22px}
@media(min-width:820px){ .verdict-338cc{grid-template-columns:270px 1fr; align-items:start} }
.vscore-338cc{background:linear-gradient(165deg,#1a2242,#111a34); border:1px solid var(--c-line); border-radius:var(--r); padding:24px 20px; text-align:center; box-shadow:var(--sh-sm)}
.vscore-338cc .vnum-338cc{font-family:var(--head); font-weight:800; font-size:3.6rem; line-height:1; color:#fff}
.vscore-338cc .vnum-338cc span{font-size:1.3rem; color:var(--c-mut)}
.vscore-338cc .stars-338cc{margin:10px 0 8px}
.vscore-338cc .vgrade-338cc{display:inline-block; font-family:var(--head); font-weight:800; font-size:.9rem; color:#0c1220; background:var(--c-gold); padding:5px 14px; border-radius:999px}
.vscore-338cc .vwho-338cc{color:var(--c-mut); font-size:.82rem; margin:14px 0 0}
.bars-338cc{display:grid; gap:13px}
.bar-338cc .bar-top-338cc{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:6px}
.bar-338cc .bar-l-338cc{font-family:var(--head); font-weight:700; font-size:.92rem; color:var(--c-ink)}
.bar-338cc .bar-v-338cc{font-family:var(--head); font-weight:800; font-size:.86rem; color:var(--c-gold)}
.bar-338cc .track-338cc{height:9px; border-radius:6px; background:rgba(255,255,255,.08); overflow:hidden}
.bar-338cc .fill-338cc{display:block; height:100%; border-radius:6px; background:linear-gradient(90deg,var(--c-acc2),var(--c-acc))}
.verdict-sum-338cc{margin-top:22px; max-width:72ch}
.verdict-sum-338cc p{color:var(--c-dim)}
.verdict-sum-338cc h3{color:#fff; font-size:1.05rem; margin:1.2em 0 .3em}

.split-338cc{display:grid; gap:24px; align-items:center; max-width:none}
.split-338cc .shot-338cc{border-radius:var(--r); overflow:hidden; border:1px solid var(--c-line); box-shadow:var(--sh); background:#0a1122; position:relative}
.split-338cc .shot-338cc img{width:100%}
.split-338cc .shot-338cc.phone-338cc{max-width:290px; margin:0 auto}
.split-338cc .shot-338cc .zoom-338cc{position:absolute; inset:0; display:block}
@media(min-width:860px){ .split-338cc{grid-template-columns:1fr 1fr} .split-338cc.rev-338cc .shot-338cc{order:2} }

.tiles-338cc{display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:6px}
@media(min-width:560px){ .tiles-338cc{grid-template-columns:repeat(4,1fr)} }
.tile-338cc{text-decoration:none; display:block}
.tile-338cc .art-338cc{display:block; position:relative; width:100%; height:180px; border-radius:var(--r-sm); overflow:hidden;
  border:1px solid var(--c-line2); background:#0a1122; box-shadow:var(--sh-sm)}
.tile-338cc .art-338cc img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .25s}
.tile-338cc:hover .art-338cc img{transform:scale(1.05)}
.tile-338cc .play-338cc{position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  opacity:0; transition:opacity .2s; background:rgba(10,17,34,.42)}
.tile-338cc:hover .play-338cc{opacity:1}
.tile-338cc .play-338cc>span{flex:0 0 44px; width:44px; height:44px; border-radius:50%; background:var(--c-acc);
  display:flex; align-items:center; justify-content:center; box-shadow:0 4px 12px rgba(124,108,255,.5)}
.tile-338cc .play-338cc svg{width:19px; height:19px; color:#fff}
.tile-338cc .t-338cc{display:block; margin:8px 2px 0; font-family:var(--head); font-weight:700; font-size:.82rem; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.studios-338cc{display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 0}
.studios-338cc span{background:var(--c-card); border:1px solid var(--c-line2); border-radius:999px; padding:7px 14px; font-size:.84rem; color:var(--c-dim); font-weight:600}

.tables-338cc{display:grid; grid-template-columns:1fr; gap:14px; margin-top:6px}
.table-card-338cc{display:block; border-radius:var(--r-sm); overflow:hidden; border:1px solid var(--c-line2); position:relative; background:#0a1122; text-decoration:none}
.table-card-338cc img{width:100%; aspect-ratio:16/10; object-fit:cover}
.table-card-338cc .cap-338cc{position:absolute; left:0; right:0; bottom:0; padding:14px; background:linear-gradient(0deg,rgba(10,17,34,.92),transparent); font-family:var(--head); font-weight:700; color:#fff}
.table-card-338cc .play-338cc{position:absolute; top:12px; right:12px; width:38px; height:38px; border-radius:50%; background:rgba(124,108,255,.9); display:grid; place-items:center}
.table-card-338cc .play-338cc svg{width:16px; height:16px; color:#fff}
@media(min-width:680px){ .tables-338cc{grid-template-columns:repeat(3,1fr)} }

.dtable-338cc{width:100%; border-collapse:collapse; margin:4px 0; font-size:.94rem}
.dtable-338cc th,.dtable-338cc td{text-align:left; padding:11px 14px; border-bottom:1px solid var(--c-line2); vertical-align:top}
.dtable-338cc thead th{font-family:var(--head); color:#fff; background:var(--c-card); font-size:.78rem; letter-spacing:.04em; text-transform:uppercase}
.dtable-338cc td{color:var(--c-dim)}
.dtable-338cc td:first-child,.dtable-338cc th:first-child{font-weight:600; color:var(--c-ink)}
.dtable-338cc tbody tr:nth-child(even){background:rgba(255,255,255,.03)}
.tbl-wrap-338cc{overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--c-line2); border-radius:var(--r-sm); margin:6px 0}
.note-338cc{background:var(--c-card); border-left:3px solid var(--c-gold); border-radius:var(--r-sm); padding:14px 16px; margin:18px 0 0; color:var(--c-dim); font-size:.92rem}

.pays-338cc{display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:6px}
.pay-338cc{background:#fff; border-radius:12px; padding:12px 16px; display:grid; place-items:center; min-width:92px; min-height:52px}
.pay-338cc img{max-height:30px; width:auto}
.pay-338cc.more-338cc{background:var(--c-card); color:var(--c-dim); font-weight:700; font-family:var(--head); font-size:.88rem}

.howto-338cc{display:grid; grid-template-columns:1fr; gap:14px; counter-reset:s; margin-top:8px}
.step-338cc{background:var(--c-card); border:1px solid var(--c-line2); border-radius:var(--r-sm); padding:18px; position:relative}
.step-338cc::before{counter-increment:s; content:counter(s); font-family:var(--head); font-weight:800; font-size:1.1rem; color:#fff; background:var(--c-acc); width:32px; height:32px; border-radius:50%; display:grid; place-items:center; margin-bottom:10px}
.step-338cc h3{color:#fff; margin-bottom:4px}
.step-338cc p{color:var(--c-dim); font-size:.92rem; margin:0}
@media(min-width:760px){ .howto-338cc{grid-template-columns:repeat(4,1fr)} }

.proscons-338cc{display:grid; grid-template-columns:1fr; gap:16px; margin-top:6px}
@media(min-width:720px){ .proscons-338cc{grid-template-columns:1fr 1fr} }
.pc-338cc{background:var(--c-card); border:1px solid var(--c-line2); border-radius:var(--r); padding:20px 22px}
.pc-338cc h3{display:flex; align-items:center; gap:9px; color:#fff; margin-bottom:12px; font-size:1.06rem}
.pc-338cc h3 svg{width:20px; height:20px}
.pc-338cc.pro-338cc h3 svg{color:var(--c-green)}
.pc-338cc.con-338cc h3 svg{color:var(--c-amber)}
.pc-338cc ul{list-style:none; margin:0; padding:0}
.pc-338cc li{position:relative; padding:7px 0 7px 26px; color:var(--c-dim); font-size:.95rem}
.pc-338cc.pro-338cc li::before{content:"✓"; position:absolute; left:0; top:6px; color:var(--c-green); font-weight:800}
.pc-338cc.con-338cc li::before{content:"–"; position:absolute; left:2px; top:6px; color:var(--c-amber); font-weight:800}

.reviews-338cc{display:grid; grid-template-columns:1fr; gap:14px; margin-top:6px}
@media(min-width:680px){ .reviews-338cc{grid-template-columns:1fr 1fr} }
.rev-338cc{background:var(--c-card); border:1px solid var(--c-line2); border-radius:var(--r); padding:18px 20px}
.rev-top-338cc{display:flex; align-items:center; gap:10px; margin-bottom:10px}
.rev-338cc .av-338cc{width:38px; height:38px; border-radius:50%; flex-shrink:0; display:grid; place-items:center;
  font-family:var(--head); font-weight:800; color:#fff; background:linear-gradient(150deg,var(--c-acc),var(--c-acc2))}
.rev-338cc .who-338cc{font-family:var(--head); font-weight:700; color:#fff; font-size:.92rem; overflow-wrap:anywhere; word-break:break-word}
.rev-338cc .when-338cc{color:var(--c-mut); font-size:.74rem}
.rev-338cc .stars-338cc{margin-left:auto}
.rev-338cc p{color:var(--c-dim); font-size:.93rem; margin:0}
.rev-note-338cc{color:var(--c-mut); font-size:.8rem; margin:14px 0 0}

.author-338cc{display:grid; grid-template-columns:1fr; gap:18px; background:var(--c-card); border:1px solid var(--c-line2);
  border-radius:var(--r); padding:22px; margin-top:6px}
@media(min-width:620px){ .author-338cc{grid-template-columns:96px 1fr; align-items:start} }
.author-338cc .ava-338cc{width:96px; height:96px; border-radius:16px; object-fit:cover; border:1px solid var(--c-line);
  background:linear-gradient(150deg,var(--c-acc),var(--c-acc2)); display:grid; place-items:center;
  font-family:var(--head); font-weight:800; font-size:2rem; color:#fff}
.author-338cc .who-338cc{font-family:var(--head); font-weight:800; font-size:1.15rem; color:#fff; margin-bottom:2px}
.author-338cc .role-338cc{color:var(--c-acc); font-weight:700; font-size:.88rem; margin-bottom:10px; font-family:var(--head)}
.author-338cc p{color:var(--c-dim); font-size:.94rem; margin:0 0 10px}
.author-338cc .links-338cc{display:flex; flex-wrap:wrap; gap:8px 18px; font-size:.88rem}
.author-338cc .links-338cc a{color:#a9b8ff; font-weight:600}

.faqs-338cc{max-width:820px}
.faq-item-338cc{border:1px solid var(--c-line2); border-radius:var(--r-sm); margin-bottom:10px; background:var(--c-card); overflow:hidden}
.faq-q-338cc{width:100%; text-align:left; background:transparent; border:0; cursor:pointer; color:#fff; font-family:var(--head); font-weight:700; font-size:1rem; padding:16px 50px 16px 18px; position:relative}
.faq-q-338cc::after{content:""; position:absolute; right:18px; top:50%; width:11px; height:11px; border-right:2px solid var(--c-acc); border-bottom:2px solid var(--c-acc); transform:translateY(-65%) rotate(45deg); transition:transform .2s}
.faq-item-338cc.open-338cc .faq-q-338cc::after{transform:translateY(-30%) rotate(225deg)}
.faq-a-338cc{max-height:0; overflow:hidden; visibility:hidden; transition:max-height .28s, visibility .28s; color:var(--c-dim)}
.faq-item-338cc.open-338cc .faq-a-338cc{max-height:680px; visibility:visible}
.faq-a-338cc div{padding:0 18px 16px}

.cta-band-338cc{background:linear-gradient(120deg,var(--c-acc),#3450c9); border:1px solid rgba(255,255,255,.16); border-radius:var(--r); padding:30px 24px; box-shadow:var(--sh)}
.cta-band-338cc h2{margin-bottom:.3em; color:#fff}
.cta-band-338cc p{color:rgba(255,255,255,.92); max-width:62ch; margin:0 0 18px}
.cta-band-338cc .act-lg-338cc{background:linear-gradient(180deg,#fff,#eef1fb); color:#1a2140}
.cta-band-338cc .cta-fine-338cc{color:rgba(255,255,255,.75); font-size:.76rem; margin:14px 0 0}

footer{background:#080e1c; border-top:1px solid var(--c-line2); padding:40px 16px 28px}
@media(min-width:900px){ footer{padding:46px 24px 30px} }
.foot-grid-338cc{display:grid; grid-template-columns:1fr; gap:24px; max-width:var(--wrap); margin:0 auto}
.foot-col-338cc h2,.foot-col-338cc .foot-h-338cc{font-family:var(--head); font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:var(--c-mut); margin-bottom:12px}
.foot-col-338cc a{display:block; color:var(--c-dim); padding:5px 0; font-size:.92rem}
.foot-col-338cc a:hover{color:#fff}
.foot-brand-338cc img{height:26px; margin-bottom:12px}
.foot-brand-338cc p{color:var(--c-mut); font-size:.86rem; max-width:40ch}
.foot-brand-338cc .werbe-338cc{color:var(--c-dim); font-size:.82rem; margin-top:10px}
.legalbar-338cc{border-top:1px solid var(--c-line2); margin:30px auto 0; padding-top:22px; color:var(--c-mut); font-size:.8rem; max-width:var(--wrap)}
.legalbar-338cc p{margin:0 0 8px}
.legalbar-338cc .lic-338cc{color:var(--c-dim)}
@media(min-width:760px){ .foot-grid-338cc{grid-template-columns:1.6fr 1fr 1fr 1fr} }

.navmenu-338cc{position:fixed; inset:0; z-index:200; background:#0a1122; display:none; flex-direction:column; padding:20px; overflow-y:auto; overscroll-behavior:contain}
.navmenu-338cc.open-338cc{display:flex}
.navmenu-top-338cc{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px}
.navmenu-338cc a{color:var(--c-ink); font-family:var(--head); font-weight:700; font-size:1.18rem; padding:12px 0; border-bottom:1px solid var(--c-line2)}
.navmenu-338cc a.ref-338cc{color:var(--c-acc)}
.navclose-338cc{width:42px; height:42px; display:grid; place-items:center; background:transparent; border:1px solid var(--c-line); border-radius:11px; color:#fff; cursor:pointer}
.navclose-338cc svg{width:22px; height:22px}
.navmenu-338cc .act-338cc{margin-top:18px}

.mobnav-338cc{position:fixed; left:0; right:0; bottom:0; z-index:35; padding:9px 14px;
  padding-bottom:calc(9px + env(safe-area-inset-bottom)); background:rgba(10,17,34,.96); border-top:1px solid var(--c-line); display:flex; gap:10px; align-items:center}
.mobnav-338cc .mrate-338cc{display:flex; flex-direction:column; line-height:1.05; flex-shrink:0}
.mobnav-338cc .mrate-338cc b{font-family:var(--head); font-weight:800; color:var(--c-gold); font-size:1.05rem}
.mobnav-338cc .mrate-338cc span{color:var(--c-mut); font-size:.66rem; text-transform:uppercase; letter-spacing:.04em}
.mobnav-338cc .act-338cc{flex:1}
@media(min-width:960px){ .mobnav-338cc{display:none} }
body{padding-bottom:70px}
@media(min-width:960px){ body{padding-bottom:0} }

.reveal-338cc{opacity:0; transform:translateY(16px); transition:opacity .5s, transform .5s}
.reveal-338cc.in-338cc{opacity:1; transform:none}
@media(prefers-reduced-motion:reduce){ *{animation:none!important; transition:none!important; scroll-behavior:auto!important} .reveal-338cc{opacity:1; transform:none} }