/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/v2.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
/* ==== site.css ==== */
/* ==========================================================================
   TheorieCoach — Vorschau 2026 · Designsystem "Level Up"
   Schwarz + Neon: Lime (Go), Cyan (Coach), Gelb (XP), Pink (Löwe), Violett
   ========================================================================== */
@font-face{font-family:"Unbounded";src:url(/v2/assets/fonts/unbounded-latin.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Unbounded";src:url(/v2/assets/fonts/unbounded-latin-ext.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+A720-A7FF}
@font-face{font-family:"Bricolage";src:url(/v2/assets/fonts/bricolage-grotesque-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage";src:url(/v2/assets/fonts/bricolage-grotesque-latin-ext.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+A720-A7FF}
@font-face{font-family:"JetMono";src:url(/v2/assets/fonts/jetbrains-mono-latin.woff2) format("woff2");font-weight:100 800;font-display:swap}

:root{
  --bg:#060609; --bg-2:#0c0c12; --bg-3:#13131c; --card:#101018;
  --ink:#f5f5f8; --ink-2:#cfcfdb; --muted:#a2a2b5; --dim:#8a8a9d;
  --line:rgba(255,255,255,.1); --line-2:rgba(255,255,255,.18);
  --lime:#3DF07A; --lime-2:#8BFFB2; --cyan:#22D3EE; --yellow:#FFE000; --pink:#FF49C0; --violet:#8B5CF6; --red:#FF4D5E; --orange:#FF8A3D;
  --grad:linear-gradient(100deg,var(--lime) 0%,var(--cyan) 55%,var(--violet) 100%);
  --grad-hot:linear-gradient(100deg,var(--yellow),var(--pink) 60%,var(--violet));
  --disp:"Unbounded","Archivo Black",system-ui,sans-serif;
  --font:"Bricolage",-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;
  --mono:"JetMono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --spring:cubic-bezier(.34,1.56,.64,1); --out:cubic-bezier(.16,1,.3,1);
  --r:28px; --r-s:16px; --pill:999px;
  --gutter:max(20px,calc((100vw - 1280px)/2));
  --hdr:72px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
html{overflow-x:clip}
body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.5;font-size:18px;-webkit-font-smoothing:antialiased;overflow-x:clip;font-optical-sizing:auto}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}
::-moz-selection{background:var(--lime);color:#000}
::selection{background:var(--lime);color:#000}
:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:6px}
.skip{position:fixed;left:12px;top:-60px;z-index:999;background:var(--lime);color:#000;padding:10px 16px;border-radius:10px;font-weight:700}
.skip:focus{top:12px}
.gut{padding-inline:var(--gutter)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Typo ---------- */
.d0,.d1,.d2,.d3,.d4{font-family:var(--disp);font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.d0{font-size:clamp(46px,9.6vw,168px);line-height:.9}
.d1{font-size:clamp(40px,7vw,112px);line-height:.95}
.d2{font-size:clamp(32px,5vw,76px);line-height:1}
.d3{font-size:clamp(24px,3vw,42px);line-height:1.06;letter-spacing:-.025em}
.d4{font-size:clamp(19px,1.7vw,24px);line-height:1.15;letter-spacing:-.015em;font-weight:700}
.lead{font-size:clamp(18px,1.6vw,23px);line-height:1.45;color:var(--ink-2);max-width:40ch;text-wrap:pretty}
.p{color:var(--ink-2);text-wrap:pretty}
.mono,.eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--lime);font-weight:700}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:2px;background:currentColor;box-shadow:0 0 14px currentColor}
.eyebrow.c{color:var(--cyan)}.eyebrow.y{color:var(--yellow)}.eyebrow.p{color:var(--pink)}.eyebrow.v{color:#b59bff}
.g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.g-hot{background:var(--grad-hot);-webkit-background-clip:text;background-clip:text;color:transparent}
.lime{color:var(--lime)}.cyan{color:var(--cyan)}.yellow{color:var(--yellow)}.pink{color:var(--pink)}
.outline{-webkit-text-stroke:1.5px var(--ink);color:transparent}
.hl{position:relative;white-space:nowrap}
.hl::after{content:"";position:absolute;left:-.06em;right:-.06em;bottom:.04em;height:.32em;background:var(--lime);z-index:-1;border-radius:.1em;transform:skewX(-8deg) scaleX(var(--hl,1));transform-origin:left}
.strike{position:relative;color:var(--muted)}
.strike::after{content:"";position:absolute;left:-4%;right:-4%;top:52%;height:.1em;background:var(--red);transform:rotate(-4deg) scaleX(var(--st,1));transform-origin:left;border-radius:4px}

/* ---------- Buttons ---------- */
.btn{--h:56px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 26px;border-radius:var(--pill);font-weight:700;font-size:16px;letter-spacing:-.01em;white-space:nowrap;transition:transform .35s var(--spring),box-shadow .35s,background .25s,color .25s;will-change:transform;position:relative;isolation:isolate}
.btn .ar{transition:transform .35s var(--spring)}
.btn:hover .ar{transform:translateX(4px)}
.btn-go{background:var(--lime);color:#021a09;box-shadow:0 0 0 1px rgba(61,240,122,.4),0 10px 40px -8px rgba(61,240,122,.65)}
.btn-go:hover{box-shadow:0 0 0 1px rgba(61,240,122,.6),0 16px 60px -6px rgba(61,240,122,.9);transform:translateY(-2px)}
.btn-go::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%);background-size:250% 100%;background-position:120% 0;z-index:-1;mix-blend-mode:overlay;animation:shine 3.4s ease-in-out infinite}
@keyframes shine{0%,55%{background-position:120% 0}100%{background-position:-120% 0}}
.btn-ghost{background:rgba(255,255,255,.06);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.btn-ghost:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.btn-sm{--h:44px;padding:0 18px;font-size:15px}
.btn-lg{--h:64px;padding:0 32px;font-size:18px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.store{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 18px;border-radius:14px;background:#000;box-shadow:inset 0 0 0 1px var(--line-2);font-size:12px;line-height:1.1;transition:transform .3s var(--spring),box-shadow .3s}
.store b{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em}
.store svg{width:24px;height:24px}
.store:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--lime)}

/* ---------- Chips / Sticker ---------- */
.chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:var(--pill);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:600;color:var(--ink-2)}
.chip i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.sticker{position:absolute;display:grid;place-items:center;text-align:center;font-family:var(--disp);font-weight:800;line-height:1;letter-spacing:-.02em;color:#000;border-radius:50%;width:128px;height:128px;font-size:15px;padding:14px;box-shadow:0 20px 50px -10px rgba(0,0,0,.6);z-index:3}
.sticker.lime{background:var(--lime)}.sticker.yellow{background:var(--yellow)}.sticker.pink{background:var(--pink);color:#fff}.sticker.cyan{background:var(--cyan)}
.sticker.burst{border-radius:0;clip-path:polygon(50% 0,61% 13%,77% 5%,79% 22%,96% 24%,88% 40%,100% 52%,86% 62%,92% 79%,75% 79%,69% 96%,55% 86%,42% 100%,34% 84%,17% 91%,17% 74%,1% 68%,11% 53%,2% 37%,18% 31%,17% 13%,34% 16%)}
.sticker .sm{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;margin-top:6px;font-weight:700}

/* ---------- Header ---------- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--hdr);display:flex;align-items:center;gap:22px;padding-inline:var(--gutter);transition:background .4s,box-shadow .4s,transform .45s var(--out)}
.hdr.solid{background:rgba(6,6,9,.72);backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px);box-shadow:0 1px 0 var(--line)}
.hdr.hide{transform:translateY(-100%)}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo img{height:34px;width:auto}
.logo .wm{font-family:var(--disp);font-weight:800;font-size:18px;letter-spacing:-.03em}
.logo .wm b{color:var(--lime);font-weight:800}
.nav{display:flex;align-items:center;gap:4px;margin-left:12px}
.nav>li{position:relative}
.nav>li>a,.nav>li>button{display:flex;align-items:center;gap:6px;height:42px;padding:0 14px;border-radius:var(--pill);font-size:15.5px;font-weight:600;color:var(--ink-2);transition:color .2s,background .2s}
.nav>li>a:hover,.nav>li>button:hover,.nav>li.open>button{color:var(--ink);background:rgba(255,255,255,.07)}
.nav>li>button svg{width:10px;height:10px;transition:transform .3s}
.nav>li.open>button svg{transform:rotate(180deg)}
.hdr-r{margin-left:auto;display:flex;align-items:center;gap:10px}
.hdr-r .login{font-weight:600;font-size:15.5px;color:var(--ink-2);padding:0 12px;height:42px;display:flex;align-items:center;border-radius:var(--pill)}
.hdr-r .login:hover{color:var(--ink);background:rgba(255,255,255,.07)}
.lang{position:relative}
.lang>button{height:42px;padding:0 12px;border-radius:var(--pill);font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
.lang ul{position:absolute;right:0;top:50px;background:var(--bg-3);border-radius:16px;padding:6px;box-shadow:0 0 0 1px var(--line-2),0 30px 60px -10px rgba(0,0,0,.7);display:none;min-width:150px}
.lang.open ul{display:block}
.lang ul a{display:block;padding:9px 12px;border-radius:10px;font-size:14px}
.lang ul a:hover{background:rgba(255,255,255,.07)}
/* Mega */
.mega{position:fixed;left:0;right:0;top:var(--hdr);padding:10px var(--gutter) 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .4s var(--out),visibility 0s .3s;pointer-events:none}
.nav>li.open .mega{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .4s var(--out);pointer-events:auto}
.mega-in{background:rgba(14,14,21,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:26px;box-shadow:0 0 0 1px var(--line-2),0 40px 80px -20px rgba(0,0,0,.8);padding:28px;display:grid;grid-template-columns:repeat(3,1fr) 300px;gap:26px}
.mega h6,.mega .h6{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px 12px;font-weight:700}
.mega a.it{display:block;padding:10px 12px;border-radius:14px;transition:background .2s}
.mega a.it:hover{background:rgba(255,255,255,.06)}
.mega a.it b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.01em}
.mega a.it span{display:block;font-size:13.5px;color:var(--muted);margin-top:1px}
.mega .feat{border-radius:20px;overflow:hidden;position:relative;min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:var(--bg-3)}
.mega .feat img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.75;transition:transform .8s var(--out)}
.mega .feat:hover img{transform:scale(1.06)}
.mega .feat::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.85));z-index:1}
.mega .feat>*:not(img){position:relative;z-index:2}
.mega .feat b{font-family:var(--disp);font-size:19px;letter-spacing:-.02em;line-height:1.1}
.mega .feat span{font-size:14px;color:var(--ink-2);margin-top:6px}
.burger{display:none;width:46px;height:46px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-2);position:relative}
.burger i{position:absolute;left:14px;right:14px;height:2px;background:var(--ink);border-radius:2px;transition:transform .4s var(--out),top .4s var(--out)}
.burger i:first-child{top:18px}.burger i:last-child{top:26px}
.menu-open .burger i:first-child{top:22px;transform:rotate(45deg)}
.menu-open .burger i:last-child{top:22px;transform:rotate(-45deg)}
/* Mobile menu */
.mnav{position:fixed;inset:0;z-index:99;background:rgba(6,6,9,.98);padding:calc(var(--hdr) + 8px) 20px 40px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s;overscroll-behavior:contain}
.menu-open .mnav{opacity:1;visibility:visible;transition:opacity .35s}
.mnav details{border-bottom:1px solid var(--line)}
.mnav summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 4px;font-family:var(--disp);font-weight:800;font-size:26px;letter-spacing:-.03em;cursor:pointer}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary::after{content:"+";font-family:var(--mono);font-size:24px;color:var(--lime);transition:transform .3s}
.mnav details[open] summary::after{transform:rotate(45deg)}
.mnav .sub{padding:0 4px 16px;display:grid;gap:2px}
.mnav .sub a{padding:10px 0;font-size:17px;color:var(--ink-2);display:flex;justify-content:space-between}
.mnav .sub a span{color:var(--dim);font-size:14px}
.mnav .direct{display:block;padding:20px 4px;font-family:var(--disp);font-weight:800;font-size:26px;letter-spacing:-.03em;border-bottom:1px solid var(--line)}
.mnav .mcta{display:grid;gap:10px;margin-top:26px}
.mnav .mcta .btn{width:100%}
.mnav .mlang{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}

/* ---------- HUD (Level + XP) ---------- */
.xpbar{position:fixed;left:0;right:0;top:0;height:3px;z-index:101;pointer-events:none}
.xpbar i{display:block;height:100%;background:var(--grad);transform-origin:left;transform:scaleX(var(--p,0));box-shadow:0 0 16px rgba(61,240,122,.8)}
.lvl{position:fixed;left:var(--gutter);bottom:26px;z-index:90;display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s var(--out);pointer-events:none}
.past .lvl{opacity:1;transform:none}
.lvl .n{display:grid;place-items:center;height:30px;padding:0 10px;border-radius:8px;background:var(--lime);color:#000;font-weight:800}
.lvl .t{max-width:30ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fab{position:fixed;right:var(--gutter);bottom:22px;z-index:90;opacity:0;transform:translateY(20px) scale(.9);transition:opacity .4s,transform .5s var(--spring);pointer-events:none}
.past .fab{opacity:1;transform:none;pointer-events:auto}
.hide-fab .fab{opacity:0;transform:translateY(20px) scale(.9);pointer-events:none}

/* ---------- Sections ---------- */
section{position:relative}
.sec{padding-block:clamp(90px,13vw,190px)}
.sec-s{padding-block:clamp(64px,8vw,120px)}
.head{display:grid;gap:22px;margin-bottom:clamp(40px,6vw,80px);max-width:980px}
.head.c{margin-inline:auto;text-align:center;justify-items:center}
.head.c .lead{margin-inline:auto}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 40%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 10%,transparent 70%);opacity:.5;pointer-events:none}
.glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.5}

/* ---------- Cards ---------- */
.card{background:var(--card);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line);padding:clamp(22px,2.6vw,34px);position:relative;overflow:hidden}
.card.hov{transition:transform .5s var(--out),box-shadow .4s}
.card.hov:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px var(--line-2),0 30px 60px -30px rgba(61,240,122,.35)}

/* ---------- Reveal ---------- */
.rv{opacity:0;transform:translateY(40px)}
.rv.in{opacity:1;transform:none;transition:opacity .9s var(--out),transform 1.1s var(--out)}
.rv-d1.in{transition-delay:.08s}.rv-d2.in{transition-delay:.16s}.rv-d3.in{transition-delay:.24s}.rv-d4.in{transition-delay:.32s}
.no-js .rv{opacity:1;transform:none}

/* ---------- Marquee ---------- */
.marq{overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);padding:18px 0;background:var(--bg-2)}
.marq-t{display:inline-flex;gap:40px;animation:marq 38s linear infinite;font-family:var(--disp);font-weight:800;font-size:clamp(20px,2.4vw,34px);letter-spacing:-.02em;text-transform:uppercase}
.marq-t span{display:inline-flex;align-items:center;gap:40px}
.marq-t span::after{content:"★";color:var(--lime)}
.marq-t span:nth-child(3n+2)::after{color:var(--pink)}
.marq-t span:nth-child(3n)::after{color:var(--cyan)}
@keyframes marq{to{transform:translateX(-50%)}}
.marq.tilt{transform:rotate(-2deg) scale(1.04);background:var(--lime);color:#021a09;border:0}
.marq.tilt .marq-t span::after{color:#021a09}

/* ---------- Footer ---------- */
.ftr{background:var(--bg-2);border-top:1px solid var(--line);padding:clamp(70px,9vw,120px) var(--gutter) 40px;position:relative;overflow:hidden}
.ftr-big{font-family:var(--disp);font-weight:900;font-size:clamp(56px,13.5vw,230px);line-height:.85;letter-spacing:-.05em;margin:0 0 clamp(40px,6vw,80px);background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.08) 110%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.ftr-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:36px}
.ftr h6,.ftr .h6{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-weight:700}
.ftr ul a{display:block;padding:5px 0;color:var(--ink-2);font-size:15.5px}
.ftr ul a:hover{color:var(--lime)}
.ftr .about p{color:var(--muted);font-size:15px;max-width:34ch;margin:14px 0 20px}
.ftr .soc{display:flex;gap:10px}
.ftr .soc a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line-2);transition:background .2s,color .2s}
.ftr .soc a:hover{background:var(--lime);color:#000}
.ftr .soc svg{width:18px;height:18px}
.ftr-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:60px;padding-top:24px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.ftr-bot a:hover{color:var(--ink)}
.ftr-bot nav{display:flex;flex-wrap:wrap;gap:18px}

/* ---------- Subpages (Artikel) ---------- */
.sp-hero{position:relative;min-height:min(86vh,860px);display:flex;align-items:flex-end;padding:calc(var(--hdr) + 60px) var(--gutter) clamp(50px,7vw,90px);overflow:hidden;isolation:isolate}
.sp-hero .bg{position:absolute;inset:0;z-index:-2}
.sp-hero .bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.08)}
.sp-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,6,9,.55) 0%,rgba(6,6,9,.35) 35%,rgba(6,6,9,.92) 82%,var(--bg) 100%),linear-gradient(90deg,rgba(6,6,9,.8),transparent 70%)}
.sp-hero .in{max-width:1000px;display:grid;gap:22px}
.sp-hero h1{font-family:var(--disp);font-weight:800;font-size:clamp(38px,6.4vw,100px);line-height:.96;letter-spacing:-.04em;text-wrap:balance}
.sp-hero .lede{font-size:clamp(18px,1.7vw,23px);color:var(--ink-2);max-width:52ch;line-height:1.45}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.crumbs a:hover{color:var(--lime)}
.crumbs span{color:var(--dim)}
.sp-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(30px,5vw,80px);padding:clamp(40px,6vw,80px) var(--gutter) clamp(80px,10vw,140px);align-items:start}
.toc{position:sticky;top:calc(var(--hdr) + 30px);display:grid;gap:4px}
.toc h6,.toc .h6{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.toc>a{display:block;padding:8px 12px;border-radius:10px;font-size:15px;color:var(--ink-2);border-left:2px solid var(--line);border-radius:0 10px 10px 0;transition:all .2s}
.toc>a:hover,.toc>a.on{color:var(--ink);border-left-color:var(--lime);background:rgba(61,240,122,.06)}
.toc .tcta{margin-top:18px;border-radius:20px;padding:18px;background:linear-gradient(160deg,rgba(61,240,122,.14),rgba(34,211,238,.06));box-shadow:inset 0 0 0 1px rgba(61,240,122,.25)}
.toc .tcta b{display:block;font-family:var(--disp);font-size:16px;letter-spacing:-.02em;margin-bottom:6px}
.toc .tcta p{font-size:14px;color:var(--ink-2);margin-bottom:12px}
.prose{max-width:780px;font-size:18.5px;line-height:1.7;color:var(--ink-2)}
.prose>*+*,.prose section>*+*{margin-top:1.1em}
.prose>section+section,.prose>section+.cta-block{margin-top:3.2em}
.prose section>h2:first-child{margin-top:0}
.prose h2{font-family:var(--disp);font-weight:800;font-size:clamp(26px,3vw,40px);line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin-top:2.4em;scroll-margin-top:110px}
.prose section:first-child h2,.prose>h2:first-child{margin-top:0}
.prose h3{font-family:var(--disp);font-weight:700;font-size:21px;letter-spacing:-.02em;color:var(--ink);margin-top:1.8em}
.prose strong,.prose b{color:var(--ink);font-weight:700}
.prose a{color:var(--lime);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose a:hover{text-decoration-thickness:2px}
.prose ul,.prose ol{display:grid;gap:10px}
.prose ul li{position:relative;padding-left:32px}
.prose ul li::before{content:"";position:absolute;left:4px;top:.55em;width:14px;height:14px;border-radius:4px;background:var(--lime);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.2 11.6 2.6 8l1.4-1.4 2.2 2.2L12 3l1.4 1.4z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.2 11.6 2.6 8l1.4-1.4 2.2 2.2L12 3l1.4 1.4z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
.prose ol{counter-reset:o}
.prose ol li{counter-increment:o;position:relative;padding-left:44px}
.prose ol li::before{content:counter(o);position:absolute;left:0;top:.1em;width:30px;height:30px;border-radius:9px;background:rgba(61,240,122,.12);color:var(--lime);font-family:var(--mono);font-size:14px;font-weight:800;display:grid;place-items:center}
.prose .src,.prose small{display:block;font-size:14px;color:var(--muted);font-family:var(--mono);letter-spacing:.02em}
.prose .tbl-w{overflow-x:auto;border-radius:20px;box-shadow:inset 0 0 0 1px var(--line);background:var(--card)}
.prose table{width:100%;border-collapse:collapse;font-size:16px;min-width:520px}
.prose th{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;padding:16px 18px;border-bottom:1px solid var(--line)}
.prose td{padding:15px 18px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:top}
.prose tr:last-child td{border-bottom:0}
.prose tr:hover td{background:rgba(255,255,255,.02)}
.prose td:first-child{color:var(--ink);font-weight:600}
.tldr{border-radius:22px;padding:22px 24px;background:linear-gradient(135deg,rgba(61,240,122,.16),rgba(34,211,238,.06));box-shadow:inset 0 0 0 1px rgba(61,240,122,.3);color:var(--ink);font-size:18px;line-height:1.6}
.tldr.pink{background:linear-gradient(135deg,rgba(255,73,192,.16),rgba(139,92,246,.07));box-shadow:inset 0 0 0 1px rgba(255,73,192,.32)}
.tldr.cyan{background:linear-gradient(135deg,rgba(34,211,238,.15),rgba(139,92,246,.06));box-shadow:inset 0 0 0 1px rgba(34,211,238,.3)}
.tldr strong{color:var(--lime)}
.tldr.pink strong{color:var(--pink)}
.faqs{display:grid;gap:10px}
.faq{border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s}
.faq[open]{box-shadow:inset 0 0 0 1px rgba(61,240,122,.35)}
.faq summary{list-style:none;cursor:pointer;padding:20px 60px 20px 22px;font-weight:700;color:var(--ink);font-size:18px;position:relative;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:20px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:rgba(61,240,122,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7 3h2v4h4v2H9v4H7V9H3V7h4z' fill='%233DF07A'/%3E%3C/svg%3E") center/12px no-repeat;transition:transform .35s var(--spring)}
.faq[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 22px 22px;color:var(--ink-2);font-size:17px;line-height:1.65}
.faq .a p+p{margin-top:.8em}
.author{display:flex;gap:18px;align-items:center;padding:22px;border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);margin-top:3em}
.author img{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 2px var(--lime)}
.author p{font-size:15px;line-height:1.5;color:var(--muted);margin:0}
.author b{color:var(--ink);font-size:16.5px}
.cta-block{position:relative;border-radius:34px;overflow:hidden;padding:clamp(34px,5vw,64px);background:radial-gradient(120% 140% at 100% 0%,rgba(139,92,246,.35),transparent 55%),radial-gradient(120% 140% at 0% 100%,rgba(61,240,122,.28),transparent 55%),var(--bg-3);box-shadow:inset 0 0 0 1px var(--line-2);margin-top:3em;isolation:isolate}
.cta-block h2{margin-top:10px!important;color:var(--ink)}
.cta-block p{color:var(--ink-2);max-width:52ch;margin:14px 0 24px}
.cta-block .lion{position:absolute;right:-30px;bottom:-40px;width:clamp(160px,24vw,300px);z-index:-1;opacity:.95;pointer-events:none}
.prose .cta-block a{color:inherit;text-decoration:none}
.prose .cta-block .btn-go{color:#021a09}
.related{padding:0 var(--gutter) clamp(90px,10vw,140px)}
.related .row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rel{border-radius:24px;overflow:hidden;position:relative;min-height:240px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:var(--bg-3);isolation:isolate}
.rel img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-2;opacity:.7;transition:transform .9s var(--out),opacity .4s}
.rel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.88))}
.rel:hover img{transform:scale(1.07);opacity:.9}
.rel .mono{color:var(--lime);margin-bottom:6px}
.rel b{font-family:var(--disp);font-size:20px;letter-spacing:-.02em;line-height:1.1}

/* Legal */
.legal{max-width:820px;margin:0 auto;padding:calc(var(--hdr) + 70px) 20px 120px}
.legal h1{font-family:var(--disp);font-weight:800;font-size:clamp(36px,5vw,64px);letter-spacing:-.04em;line-height:1;margin:14px 0 10px}
.legal .prose h2{font-size:22px;margin-top:2em}

/* Forms */
.form{display:grid;gap:14px}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fld{display:grid;gap:6px}
.fld label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}
.fld input,.fld textarea,.fld select{height:56px;border-radius:16px;border:0;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line-2);padding:0 18px;font-size:17px;transition:box-shadow .2s,background .2s}
.fld textarea{height:auto;min-height:130px;padding:16px 18px;resize:vertical}
.fld input:focus,.fld textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--lime);background:rgba(61,240,122,.05)}
.form .note{font-size:13.5px;color:var(--muted)}
.form .note a{color:var(--ink-2);text-decoration:underline}
.form .hp{position:absolute;left:-9999px}
.form-msg{padding:14px 18px;border-radius:14px;font-weight:600;display:none}
.form-msg.ok{display:block;background:rgba(61,240,122,.12);color:var(--lime)}
.form-msg.err{display:block;background:rgba(255,77,94,.12);color:var(--red)}

/* Utilities */
.hide-m{}.show-m{display:none}
.vis-lazy{content-visibility:auto;contain-intrinsic-size:auto 900px}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
  .nav>li>a,.nav>li>button{padding:0 10px;font-size:15px}
  .mega-in{grid-template-columns:repeat(3,1fr)}
  .mega .feat{display:none}
}
@media (max-width:1020px){
  :root{--hdr:64px}
  .nav,.hdr-r .login,.lang{display:none}
  .burger{display:block}
  .hdr-r .btn{--h:44px;padding:0 16px;font-size:14.5px}
  .sp-body{grid-template-columns:1fr}
  .toc{position:static;display:none}
  .ftr-grid{grid-template-columns:1fr 1fr}
  .ftr .about{grid-column:1/-1}
  .related .row{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:17px}
  .hide-m{display:none}.show-m{display:revert}
  .logo .wm{font-size:16px}
  .logo img{height:30px}
  .hdr-r .btn{display:none}
  .lvl{display:none}
  .fab{left:16px;right:16px;bottom:14px}
  .fab .btn{width:100%}
  .form .row2{grid-template-columns:1fr}
  .sp-hero{min-height:78vh;text-align:left}
  .prose{font-size:17.5px}
  .sticker{width:100px;height:100px;font-size:12px}
  .ftr-bot{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
}

/* Live-Inhalte: Link-Karten, Hub, Stats */
.prose .lcard{display:block;text-decoration:none;color:var(--ink);padding:20px 22px;border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);transition:transform .4s var(--out),box-shadow .3s}
.prose .lcard:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--lime)}
.prose .lcard h3{margin:6px 0!important;font-size:19px}
.prose .lcard p{margin:0;font-size:15px;color:var(--muted)}
.prose div:has(>.lcard){display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.prose .stat{color:var(--lime);font-weight:800}
.prose p.stat{font-family:var(--disp);font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;line-height:1.1}
.prose .hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.prose .hub-card{padding:24px;border-radius:24px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.prose .hub-card h2{margin-top:0!important;font-size:22px}
.prose .hub-list{margin-top:12px}
.prose .hub-list li{padding-left:0}
.prose .hub-list li::before{display:none}
.prose .hub-list a{display:block;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink-2)}
.prose .hub-list a:hover{color:var(--lime)}
.prose .cta-row a{text-decoration:none}
.prose .btn-go{color:#021a09}
.prose .btn-ghost{color:var(--ink)}
.prose .eyebrow{display:inline-flex}
.sp-mod .bg img{-o-object-fit:contain;object-fit:contain;-o-object-position:85% 60%;object-position:85% 60%;transform:none;background:#0a0d18;padding:6vh 4vw}
.sp-mod .bg{background:radial-gradient(60% 80% at 80% 50%,rgba(34,211,238,.18),transparent 70%),#07080f}

@media (min-width:1021px){.fab{display:none}}


/* ---- Feinschliff nach Review ---- */
.g-verdict{min-height:0;font-weight:700;font-size:15px;margin-bottom:10px}
.g-verdict.ok{color:var(--lime)}
.g-verdict.bad{color:#ff8b96}
.gq-a .mark{margin-left:auto;font-family:var(--mono);font-size:11px;font-weight:800;white-space:nowrap;padding-left:10px}
.gq-a .mark.ok{color:var(--lime)}
.gq-a .mark.bad{color:#ff8b96}
.pc-terms{font-size:12.5px;line-height:1.5;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:2px}
.pc-terms a{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}
.pr-free{margin-top:22px;padding:22px 24px;border-radius:24px;background:linear-gradient(135deg,rgba(61,240,122,.1),rgba(34,211,238,.05));box-shadow:inset 0 0 0 1px rgba(61,240,122,.25)}
.pr-free>b{font-family:var(--disp);font-size:18px;letter-spacing:-.02em;display:block;margin-bottom:6px}
.pr-free p b{color:var(--ink);font-weight:700}
.pr-free p{color:var(--ink-2);font-size:16px;line-height:1.55}
.fq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.fq-grid .faq .a a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
.hero-fine{font-size:11.5px;color:var(--muted);letter-spacing:.04em;line-height:1.7}
.hero-fine a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.pk-cities button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media (max-width:820px){.fq-grid{grid-template-columns:1fr}}

/* ---- Sehr schmale Geräte (320–380px) ---- */
@media (max-width:400px){
  :root{--gutter:16px}
  .d0{font-size:clamp(34px,10.4vw,60px)}
  .d1{font-size:clamp(31px,9.4vw,56px)}
  .d2{font-size:clamp(27px,8.2vw,44px)}
  .d3{font-size:clamp(22px,6.6vw,34px)}
  .lead{font-size:16.5px}
  .btn{--h:52px;font-size:15px;padding:0 18px}
  .btn-lg{--h:56px;font-size:16px;padding:0 20px}
  .cta-row{width:100%}
  .cta-row .btn{width:100%}
  .store{flex:1 1 140px;justify-content:center}
  .chip{font-size:13px;height:32px;padding:0 12px}
  .prose{font-size:16.5px}
  .prose h2{font-size:clamp(22px,6.8vw,30px)}
  .sp-hero h1{font-size:clamp(30px,9.6vw,44px)}
  .author{flex-direction:column;align-items:flex-start;text-align:left}
  .ftr-grid{grid-template-columns:1fr}
}

/* ==== home.css ==== */
/* ===== Startseite · Szenen ===== */
/* Loader: Ampel */
.loader{position:fixed;inset:0;z-index:300;background:var(--bg);display:grid;place-items:center;align-content:center;gap:26px}
.loader .tl{display:flex;gap:16px;padding:16px 20px;border-radius:999px;background:#0f0f16;box-shadow:inset 0 0 0 1px var(--line-2)}
.loader .tl i{width:34px;height:34px;border-radius:50%;background:#1d1d27;transition:background .15s,box-shadow .15s}
.loader .tl i.on.r{background:var(--red);box-shadow:0 0 30px var(--red)}
.loader .tl i.on.y{background:var(--yellow);box-shadow:0 0 30px var(--yellow)}
.loader .tl i.on.g{background:var(--lime);box-shadow:0 0 40px var(--lime)}
.ld-t{font-family:var(--disp);font-weight:900;font-size:clamp(40px,8vw,96px);letter-spacing:-.04em;line-height:1;height:1em;overflow:hidden}
.ld-m{color:var(--muted)}
.no-js .loader{display:none}

/* HERO */
.hero{position:relative;height:100svh;min-height:680px;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:-2%;z-index:-3}
.hero-bg video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.hero-shade{position:absolute;inset:0;z-index:-2;background:radial-gradient(90% 70% at 70% 50%,transparent 0%,rgba(6,6,9,.35) 55%,rgba(6,6,9,.9) 100%),linear-gradient(90deg,rgba(6,6,9,.88) 0%,rgba(6,6,9,.55) 45%,rgba(6,6,9,.1) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 30%)}
.hud{position:absolute;z-index:2;font-size:11px;line-height:1.8;color:var(--ink-2)}
.hud .dim,.dim{color:var(--muted)}
.hud-tl{left:var(--gutter);top:calc(var(--hdr) + 14px)}
.hud-tr{right:var(--gutter);top:calc(var(--hdr) + 14px);text-align:right}
.blink{color:var(--lime);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.hero-in{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:30px;padding-top:calc(var(--hdr) + 50px);padding-bottom:30px}
.hero-txt{display:grid;gap:22px;justify-items:start;min-width:0}
.chip.new{background:rgba(61,240,122,.1);box-shadow:inset 0 0 0 1px rgba(61,240,122,.35);color:var(--lime)}
.hero-h{font-size:clamp(34px,min(7vw,10.4vh),124px);line-height:.92;overflow-wrap:break-word}
.hero-h .ln{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.hero-h .ln>span{display:inline-block;transform:translateY(105%)}
.no-js .hero-h .ln>span{transform:none}
.hero-h .outline{-webkit-text-stroke:2px var(--ink);font-style:normal}
.hero-kick{font-size:clamp(17px,1.4vw,20px);color:var(--ink-2);max-width:44ch}
.hero-kick b{color:var(--yellow)}
.hero-lead{font-size:clamp(16px,1.2vw,18px);max-width:52ch;color:var(--muted)}
/* UX-Prüfung 27.09.2026: Buttons und Kleingedrucktes sind sofort sichtbar
   (vorher erst nach 3–6 s). Auf dem Handy bleibt der ganze Hero-Text statisch. */
.hero-txt>*:not(h1):not(.hero-cta):not(.hero-fine){opacity:0}
@media (max-width:820px){.hero-txt>*{opacity:1}.hero-txt>*:not(h1):not(.hero-cta):not(.hero-fine){opacity:1}.loader{display:none}}
.no-js .hero-txt>*{opacity:1}
.hero-dev{position:relative;height:min(76vh,720px);display:grid;place-items:center;perspective:1400px}
.phone{position:relative;border-radius:52px;padding:11px;background:linear-gradient(145deg,#2a2a36,#0b0b10 40%,#1b1b25);box-shadow:0 0 0 1.5px #3b3b4a,0 60px 120px -30px rgba(0,0,0,.9),0 0 90px -10px rgba(61,240,122,.25);transform-style:preserve-3d}
.phone::before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:34%;height:26px;background:#000;border-radius:20px;z-index:3}
.phone .scr{position:relative;border-radius:42px;overflow:hidden;background:#0a0d14;aspect-ratio:420/880}
.phone .scr img,.phone .scr video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.ph-hero{z-index:2;width:min(290px,22vw,calc((100vh - 220px)/2.2));transform:rotateY(-18deg) rotateX(6deg) rotateZ(2deg);opacity:0}
.float{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:20px;background:rgba(16,16,24,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px var(--line-2),0 20px 40px -10px rgba(0,0,0,.6);font-size:14px;opacity:0;z-index:4}
.float .mono{display:block;font-size:10px;color:var(--muted);letter-spacing:.12em}
.float b{font-size:15px}
.f1{left:-8%;top:18%}.f2{right:-4%;top:46%}.f3{left:4%;bottom:12%;flex-direction:column;align-items:flex-start;gap:2px}
.f3 b{font-family:var(--disp);font-size:22px}
.fire{font-size:24px}
.ring-mini{position:relative;width:44px;height:44px}
.ring-mini svg{width:44px;height:44px;transform:rotate(-90deg)}
.ring-mini .bgc{fill:none;stroke:#23232f;stroke-width:5}
.ring-mini .fgc{fill:none;stroke:var(--lime);stroke-width:5;stroke-linecap:round;stroke-dasharray:113;stroke-dashoffset:18}
.ring-mini b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--disp);font-size:13px}
.st-hero{right:0;top:6%;transform:rotate(12deg);opacity:0}
.hero-lion{position:absolute;right:-20%;bottom:-8%;width:min(260px,19vw);z-index:0;opacity:0;filter:drop-shadow(0 20px 60px rgba(255,73,192,.35));pointer-events:none}
.hero-hint{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);font-size:11px;opacity:0}
.hero-hint i{width:1px;height:44px;background:linear-gradient(var(--lime),transparent);animation:drip 1.8s ease-in-out infinite;transform-origin:top}
@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* COACH */
.coach{overflow:hidden}
.coach-top{display:grid;gap:20px;max-width:900px;margin-bottom:clamp(40px,6vw,80px)}
.bignums{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bn{padding:clamp(24px,3vw,44px) clamp(10px,2vw,28px);border-right:1px solid var(--line);display:grid;gap:10px}
.bn:last-child{border-right:0}
.bn b{font-family:var(--disp);font-weight:800;font-size:clamp(44px,6.4vw,104px);letter-spacing:-.05em;line-height:.9;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bn:nth-child(2) b{background:linear-gradient(100deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text}
.bn:nth-child(3) b{background:linear-gradient(100deg,var(--yellow),var(--orange));-webkit-background-clip:text;background-clip:text}
.bn:nth-child(4) b{background:var(--grad-hot);-webkit-background-clip:text;background-clip:text}
.bn span{color:var(--ink-2);font-weight:600}
.usage{margin-top:clamp(50px,7vw,90px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,60px);align-items:start}
.u-head{display:grid;gap:14px}
.u-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.us-i{padding:22px;border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:6px}
.us-i b{font-family:var(--disp);font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;line-height:1}
.us-i:nth-child(1) b{color:var(--lime)}.us-i:nth-child(2) b{color:var(--cyan)}.us-i:nth-child(3) b{color:var(--yellow)}.us-i:nth-child(4) b{color:var(--pink)}
.us-i span{color:var(--muted);font-size:15px}
.u-note{grid-column:1/-1;color:var(--dim);font-size:11px;line-height:1.7;letter-spacing:.06em}

/* PFAD */
.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pf{position:relative;min-height:clamp(420px,42vw,560px);border-radius:32px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:28px;isolation:isolate;box-shadow:inset 0 0 0 1px var(--line);transition:transform .6s var(--out),box-shadow .4s}
.pf img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-2;transition:transform 1.2s var(--out),filter .5s;filter:saturate(.9) brightness(.8)}
.pf::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,6,9,.1) 0%,rgba(6,6,9,.35) 40%,rgba(6,6,9,.95) 100%)}
.pf::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--c);opacity:0;transition:opacity .4s;pointer-events:none}
.pf:hover{transform:translateY(-10px)}
.pf:hover::after{opacity:1}
.pf:hover img{transform:scale(1.08);filter:saturate(1.1) brightness(.9)}
.pf-n{color:var(--c);font-weight:800}
.pf .d3{font-size:clamp(24px,2.3vw,32px)}
.pf-s{color:var(--ink-2);font-size:16px;max-width:32ch}
.pf-go{margin-top:10px;display:inline-flex;align-self:flex-start;height:44px;align-items:center;padding:0 18px;border-radius:999px;background:var(--c);color:#000;font-weight:700;font-size:15px;transition:transform .35s var(--spring)}
.pf:hover .pf-go{transform:translateX(6px)}

/* REAL TALK */
.rt{position:relative;background:linear-gradient(180deg,var(--bg),#0b0712 40%,var(--bg))}
.rt-pin{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:clamp(30px,4vw,56px);padding-block:clamp(90px,10vw,130px);overflow:hidden}
.rt-head{display:grid;gap:16px;max-width:1100px}
.rt-note{color:var(--dim);font-size:10.5px}
.rt-track{display:flex;gap:18px;padding-inline:var(--gutter);will-change:transform}
.clip{position:relative;flex:0 0 auto;width:clamp(200px,min(19vw,29vh),290px);aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:#111;box-shadow:inset 0 0 0 1px var(--line-2),0 30px 60px -20px rgba(0,0,0,.7);transform:rotate(var(--rot,0deg))}
.clip:nth-child(odd){--rot:-1.5deg}.clip:nth-child(even){--rot:1.5deg;margin-top:40px}
.clip video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.clip::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 22%,transparent 55%,rgba(0,0,0,.85) 100%);pointer-events:none}
.clip-ui{position:absolute;inset:0;z-index:2;padding:16px;display:flex;flex-direction:column;justify-content:space-between}
.clip-top{display:flex;align-items:center;gap:8px;font-size:13px}
.clip-top img{width:28px;height:28px;border-radius:50%;background:#000;padding:3px;box-shadow:0 0 0 2px var(--c)}
.clip-top .mono{margin-left:auto;font-size:10px;padding:4px 8px;border-radius:6px;background:var(--c);color:#000;font-weight:800}
.clip-cap{font-size:15.5px;line-height:1.35;font-weight:500;padding-right:40px;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.clip-cap b{display:block;color:var(--c)}
.clip-side{position:absolute;right:12px;bottom:20px;display:grid;gap:14px;font-style:normal}
.clip-side i{font-style:normal;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);font-size:15px}
.clip-end{background:radial-gradient(100% 70% at 50% 30%,rgba(61,240,122,.25),transparent 70%),var(--bg-3);display:grid;place-items:center;text-align:center}
.clip-end::after{display:none}
.ce-in{display:grid;gap:14px;justify-items:center;padding:24px}
.ce-in img{width:62%;filter:drop-shadow(0 10px 30px rgba(255,73,192,.4))}
.ce-in b{font-size:22px}
.soc-row{display:flex;gap:8px}

/* APP (pinned phone) */
.app{background:var(--bg)}
.app-pin{position:relative;height:100vh;min-height:720px;display:flex;flex-direction:column;justify-content:center;gap:30px;overflow:hidden}
.app-glow{position:absolute;left:50%;top:55%;width:70vmin;height:70vmin;transform:translate(-50%,-50%);border-radius:50%;background:var(--lime);filter:blur(120px);opacity:.28;transition:background 1s}
.app-head{position:relative;display:grid;gap:16px;justify-items:center;text-align:center}
.app-stage{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(20px,4vw,70px);align-items:center}
.app-list{display:grid;gap:4px;justify-self:end}
.app-list li{display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:14px;font-weight:600;color:var(--dim);transition:color .4s,background .4s;cursor:pointer}
.app-list li .mono{font-size:11px;color:var(--dim)}
.app-list li.on{color:var(--ink);background:rgba(255,255,255,.06)}
.app-list li.on .mono{color:var(--lime)}
.ph-app{width:min(290px,calc((100vh - 330px)/2.15),70vw)}
.ph-app .scr img{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .55s,transform .8s var(--out)}
.ph-app .scr img.on{opacity:1;transform:none}
.app-txt{position:relative;min-height:220px;max-width:400px}
.at{position:absolute;inset:0;display:grid;gap:14px;align-content:center;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .7s var(--out);pointer-events:none}
.at.on{opacity:1;transform:none;pointer-events:auto}

/* DRIVECITY */
.dc{background:#04060d}
.dc-pin{position:relative;height:100vh;min-height:700px;overflow:hidden}
.dc-bg{position:absolute;inset:0}
.dc-bg video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.25);filter:saturate(.5) brightness(.35) blur(4px)}
.dc-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,13,.92) 0%,rgba(4,6,13,.5) 50%,rgba(4,6,13,.15) 100%),linear-gradient(0deg,#04060d 0%,transparent 25%)}
.dc-hud{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-top:calc(var(--hdr) + 40px);padding-bottom:50px}
.dc-hl{display:grid;gap:18px;max-width:720px}
.dc-meter{width:min(460px,100%);padding:22px;border-radius:24px;background:rgba(8,10,20,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,224,0,.25)}
.dc-lbl{display:flex;align-items:baseline;gap:8px;color:var(--muted)}
.dc-lbl b{font-family:var(--disp);font-size:44px;color:var(--yellow);letter-spacing:-.04em;line-height:1}
.dc-name{margin:6px 0 14px}
.xp{height:10px;border-radius:99px;background:#1a1a26;overflow:hidden}
.xp i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--yellow),var(--pink));transform-origin:left;transform:scaleX(var(--p,0));box-shadow:0 0 16px rgba(255,224,0,.7);border-radius:inherit}
.dc-steps{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;color:var(--muted)}
.dc-badges{position:absolute;inset:0;z-index:1;pointer-events:none}
.dc-badges img{position:absolute;width:clamp(70px,8vw,120px);opacity:0;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6))}
.dc-badges img:nth-child(1){right:34%;top:22%}.dc-badges img:nth-child(2){right:12%;top:18%}.dc-badges img:nth-child(3){right:24%;top:44%}.dc-badges img:nth-child(4){right:6%;top:52%}.dc-badges img:nth-child(5){right:38%;top:62%}.dc-badges img:nth-child(6){right:16%;top:74%}
.dc-win{position:absolute;right:8%;bottom:10%;z-index:3;display:grid;justify-items:center;opacity:0;transform:scale(.6)}
.dc-win img{width:clamp(150px,16vw,230px)}
.dc-win b{font-family:var(--disp);font-weight:900;font-size:clamp(26px,3vw,44px);letter-spacing:-.03em;padding:8px 20px;background:var(--yellow);color:#000;border-radius:14px;transform:rotate(-6deg);margin-top:-18px;box-shadow:0 0 40px rgba(255,224,0,.6)}
.picker{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:center;background:#04060d}
.pk-l{display:grid;gap:18px}
.pk-cities{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pk-cities button{height:42px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line-2);font-weight:600;font-size:15px;transition:all .25s}
.pk-cities button:hover{background:rgba(255,255,255,.1)}
.pk-cities button.on{background:var(--yellow);color:#000;box-shadow:none}
.pk-r{display:grid;gap:16px}
.pk-screen{position:relative;aspect-ratio:3/2;border-radius:28px;overflow:hidden;background:#0a0d18;box-shadow:inset 0 0 0 1px rgba(255,224,0,.25),0 40px 80px -30px rgba(0,0,0,.8)}
.pk-screen img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .9s,transform 1.4s var(--out);transform:scale(1.06)}
.pk-screen img.on{opacity:1;transform:none}
.pk-stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg) scale(1.8);font-family:var(--disp);font-weight:900;font-size:clamp(26px,3.4vw,48px);color:#000;background:var(--yellow);padding:8px 22px;border-radius:14px;opacity:0;transition:opacity .3s,transform .5s var(--spring);box-shadow:0 0 50px rgba(255,224,0,.7)}
.pk-stamp.on{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}
.pk-replay{position:absolute;right:14px;bottom:14px;height:36px;padding:0 14px;border-radius:999px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);font-size:11px}
.pk-info b{font-family:var(--disp);font-size:20px}
.pk-info span{color:var(--muted)}
.pk-stage{color:var(--yellow);font-size:11.5px;margin:8px 0 10px}

/* QUIZ */
.qz{overflow:hidden}
.qz-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,80px);align-items:center}
.qz-l{display:grid;gap:20px;position:relative}
.qz-lion{width:min(260px,60%);filter:drop-shadow(0 20px 50px rgba(255,73,192,.35));transition:transform .5s var(--spring)}
.qz-lion.happy{transform:rotate(-6deg) scale(1.08)}
.qz-lion.sad{transform:rotate(4deg) scale(.95);filter:grayscale(.5) drop-shadow(0 20px 50px rgba(0,0,0,.4))}
.game{position:relative;border-radius:32px;background:linear-gradient(180deg,#12121c,#0b0b12);box-shadow:inset 0 0 0 1px var(--line-2),0 50px 100px -40px rgba(61,240,122,.3);padding:clamp(18px,2.4vw,30px);overflow:hidden}
.g-hud{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.g-step{color:var(--muted)}
.g-cat{padding:6px 10px;border-radius:8px;background:rgba(34,211,238,.12);color:var(--cyan);font-size:11px}
.g-xp{margin-left:auto;color:var(--yellow)}
.g-xp b{font-family:var(--disp);font-size:16px}
.g-streak{padding:6px 10px;border-radius:8px;background:rgba(255,138,61,.12);color:var(--orange)}
.g-streak.hot{animation:pulse .6s var(--spring)}
@keyframes pulse{50%{transform:scale(1.25)}}
.g-bar{height:6px;border-radius:9px;background:#1c1c28;margin:14px 0 22px;overflow:hidden}
.g-bar i{display:block;height:100%;background:var(--grad);width:0;transition:width .6s var(--out)}
.g-body{position:relative;min-height:420px}
.gq{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:start}
.gq-vis{width:150px;aspect-ratio:1;border-radius:24px;background:#fff;display:grid;place-items:center;padding:14px;box-shadow:0 20px 40px -20px rgba(0,0,0,.8)}
.gq-vis svg{width:100%;height:100%}
.gq-q{font-family:var(--disp);font-weight:700;font-size:clamp(19px,1.8vw,24px);letter-spacing:-.02em;line-height:1.2;margin-bottom:16px}
.gq-a{display:grid;gap:10px}
.gq-a button{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line-2);font-size:16.5px;line-height:1.35;transition:background .2s,box-shadow .2s,transform .3s var(--spring)}
.gq-a button:hover:not(:disabled){background:rgba(255,255,255,.08);transform:translateX(4px)}
.gq-a button .k{flex:0 0 32px;height:32px;border-radius:10px;display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:13px;background:rgba(255,255,255,.08)}
.gq-a button.ok{background:rgba(61,240,122,.14);box-shadow:inset 0 0 0 2px var(--lime)}
.gq-a button.ok .k{background:var(--lime);color:#000}
.gq-a button.bad{background:rgba(255,77,94,.12);box-shadow:inset 0 0 0 2px var(--red);animation:shake .45s}
.gq-a button.bad .k{background:var(--red);color:#fff}
.gq-a button:disabled{cursor:default}
@keyframes shake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.gq-why{grid-column:1/-1;margin-top:6px;padding:18px 20px;border-radius:18px;background:rgba(34,211,238,.07);box-shadow:inset 0 0 0 1px rgba(34,211,238,.25);display:none}
.gq-why.on{display:block;animation:up .5s var(--out)}
@keyframes up{from{opacity:0;transform:translateY(12px)}}
.gq-why .mono{color:var(--cyan);font-size:11px;margin-bottom:6px;display:block}
.gq-why p{color:var(--ink-2);font-size:16px;line-height:1.55}
.gq-why .rf{margin-top:8px;color:var(--muted);font-style:italic;font-size:15px}
.gq-next{grid-column:1/-1;justify-self:end;display:none}
.gq-next.on{display:inline-flex}
.xp-pop{position:absolute;font-family:var(--disp);font-weight:900;font-size:28px;color:var(--lime);pointer-events:none;text-shadow:0 0 20px rgba(61,240,122,.8);z-index:5}
.g-conf{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.gr{display:grid;justify-items:center;text-align:center;gap:14px;padding:20px 0}
.gr-score{font-family:var(--disp);font-weight:900;font-size:clamp(70px,9vw,120px);letter-spacing:-.05em;line-height:.9}
.gr-rank{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:8px 14px;border-radius:10px;background:var(--yellow);color:#000;font-weight:800}
.gr p{color:var(--ink-2);max-width:44ch}

/* VS */
.vs-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;align-items:stretch}
.vs-c{border-radius:32px;padding:clamp(24px,3vw,40px);position:relative;overflow:hidden}
.vs-c>.mono{display:block;margin-bottom:20px;font-size:12px}
.vs-c ul{display:grid;gap:16px}
.vs-c li{display:flex;gap:14px;font-size:17px;line-height:1.45}
.vs-c li i{flex:0 0 30px;height:30px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:800}
.vs-old{background:#0d0d12;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);filter:grayscale(1)}
.vs-old li i{background:rgba(255,77,94,.12);color:var(--red)}
.vs-old b{color:var(--ink-2)}
.vs-new{background:radial-gradient(120% 90% at 100% 0%,rgba(61,240,122,.18),transparent 60%),radial-gradient(100% 80% at 0% 100%,rgba(139,92,246,.2),transparent 60%),var(--bg-3);box-shadow:inset 0 0 0 1px rgba(61,240,122,.35),0 40px 90px -40px rgba(61,240,122,.4)}
.vs-new>.mono{color:var(--lime)}
.vs-new li{color:var(--ink-2)}
.vs-new li i{background:var(--lime);color:#000}
.vs-new b{color:var(--ink)}
.vs-img{width:62%;margin:26px 0 -40px auto;border-radius:20px;opacity:.95}

/* PRAXIS */
.px{position:relative;overflow:hidden;isolation:isolate}
.px-bg{position:absolute;inset:0;z-index:-1}
.px-bg video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.4) saturate(1.1)}
.px-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--bg) 0%,rgba(6,6,9,.4) 25%,rgba(6,6,9,.55) 70%,var(--bg) 100%)}
.px-top{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(30px,5vw,80px);align-items:center}
.px-top>div:first-child{display:grid;gap:22px}
.px-clip{justify-self:center}
.ph-clip{width:min(260px,60vw);transform:rotate(4deg)}
.px-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(50px,7vw,90px)}
.pxs{position:relative;padding:28px;border-radius:26px;background:rgba(12,12,18,.7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px var(--line-2);display:grid;gap:10px}
.pxs-n{position:absolute;right:20px;top:10px;font-family:var(--disp);font-weight:900;font-size:72px;line-height:1;color:rgba(255,255,255,.06)}
.pxs p{color:var(--ink-2);font-size:16px}

/* BENTO */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.bt{grid-column:span 2;border-radius:30px;padding:clamp(22px,2.4vw,30px);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:10px;overflow:hidden;transition:transform .6s var(--out),box-shadow .4s}
.bt:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px var(--line-2),0 30px 70px -30px rgba(34,211,238,.35)}

.bt-vis{height:220px;margin:-4px -4px 14px;border-radius:22px;background:#0a0a11;overflow:hidden;display:grid;place-items:center;position:relative}
.bt p{color:var(--muted);font-size:16px}
.bt .mono{font-size:11px}
.bt .v{color:#b59bff}
.ring{width:190px;height:190px;transform:rotate(-90deg)}
.ring .rb{fill:none;stroke:#1d1d29;stroke-width:14}
.ring .rf{fill:none;stroke:url(#rg);stroke-width:14;stroke-linecap:round;stroke-dasharray:528;stroke-dashoffset:528;filter:drop-shadow(0 0 10px rgba(61,240,122,.6))}
.ring-t{position:absolute;display:grid;justify-items:center}
.ring-t b{font-family:var(--disp);font-size:54px;letter-spacing:-.05em;line-height:1}
.ring-t .mono{color:var(--lime);font-size:9.5px;margin-top:6px}
.bubbles{display:grid;gap:8px;width:86%}
.bb{padding:10px 14px;border-radius:16px;font-size:14px;max-width:80%}
.b1{background:#1d1d2a;justify-self:end;border-bottom-right-radius:4px}
.b2{background:#1d1d2a;justify-self:end;border-bottom-right-radius:4px;color:var(--cyan);transition:opacity .3s}
.b3{background:rgba(34,211,238,.14);color:var(--ink);border-bottom-left-radius:4px;box-shadow:inset 0 0 0 1px rgba(34,211,238,.3)}
.bt-city .bt-vis img,.bt-steer .bt-vis img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.bt-steer .bt-vis img{-o-object-fit:contain;object-fit:contain;padding:10px}
.park{width:100%;height:100%}
.park .car{offset-path:path("M250 92 C 200 92, 170 96, 150 118 S 130 146, 110 145");offset-rotate:auto reverse;animation:park 5s var(--out) infinite}
@keyframes park{0%,10%{offset-distance:0%}70%,100%{offset-distance:100%}}
.breath{position:relative;width:170px;height:170px;display:grid;place-items:center}
.breath i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(139,92,246,.5);animation:breath 8s ease-in-out infinite}
.breath i:nth-child(2){animation-delay:.4s;border-color:rgba(34,211,238,.4)}
.breath i:nth-child(3){animation-delay:.8s;border-color:rgba(61,240,122,.35)}
.breath .mono{color:#b59bff;font-size:11px}
@keyframes breath{0%,100%{transform:scale(.45);opacity:.3}45%,55%{transform:scale(1);opacity:1}}

/* WEG */
.weg{background:var(--bg)}
.weg-pin{position:relative;height:100vh;min-height:680px;display:flex;flex-direction:column;justify-content:center;gap:24px;overflow:hidden}
.weg-head{display:grid;gap:14px;max-width:900px}
.road-w{position:relative;height:clamp(380px,56vh,520px);margin-top:10px}
.road{position:absolute;left:0;top:0;height:100%;width:2800px;will-change:transform}
.road-svg{position:absolute;inset:0;width:100%;height:100%}
#roadGlow{stroke-dasharray:4000;stroke-dashoffset:4000;filter:drop-shadow(0 0 8px rgba(61,240,122,.8))}
.road-car{position:absolute;left:0;top:0;width:84px;height:42px;z-index:3;transform-origin:center;filter:drop-shadow(0 8px 20px rgba(61,240,122,.6))}
.stop{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,14px);width:220px;display:grid;gap:6px;justify-items:start;padding:14px 16px;border-radius:20px;background:rgba(14,14,22,.88);box-shadow:inset 0 0 0 1px var(--line-2);z-index:2;opacity:.35;transition:opacity .4s,box-shadow .4s,transform .5s var(--spring)}
.stop.up{transform:translate(-50%,calc(-100% - 14px))}
.stop.on{opacity:1;box-shadow:inset 0 0 0 1.5px var(--lime),0 20px 50px -20px rgba(61,240,122,.5)}
.stop img{width:44px;height:44px}
.stop b{font-size:16px}
.stop b .mono{color:var(--lime);margin-right:6px}
.stop p{font-size:13.5px;color:var(--muted);line-height:1.4}
.stop.fin.on{box-shadow:inset 0 0 0 1.5px var(--yellow),0 20px 60px -10px rgba(255,224,0,.5)}
.weg-foot{color:var(--muted);font-size:11px;max-width:900px;line-height:1.7;padding-block:40px 0}
.etappen{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.et{padding:30px;border-radius:28px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:12px;align-content:start}
.et p{color:var(--muted);font-size:16px}
.teasers{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:clamp(90px,10vw,150px)}
.tz{position:relative;min-height:420px;border-radius:30px;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;isolation:isolate;box-shadow:inset 0 0 0 1px var(--line)}
.tz img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-2;transition:transform 1.2s var(--out)}
.tz::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,6,9,.1),rgba(6,6,9,.92) 70%)}
.tz:hover img{transform:scale(1.06)}
.tz p{color:var(--ink-2);font-size:16px;max-width:52ch}
.tz .more{color:var(--lime);font-weight:700}

/* MODI */
.md-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.md{position:relative;border-radius:30px;padding:30px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 10%,transparent),transparent 50%),var(--card);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent);display:grid;gap:14px;align-content:start;transition:transform .5s var(--out)}
.md:hover{transform:translateY(-8px) rotate(-.5deg)}
.md-tag{color:var(--c);font-size:11px}
.md .d3{font-size:clamp(24px,2.2vw,32px)}
.md p{color:var(--ink-2);font-size:16px}
.md-stats{display:grid;gap:10px;margin-top:6px}
.md-stats div{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:10px}
.md-stats .mono{font-size:10px;color:var(--muted)}
.md-stats i{height:8px;border-radius:9px;background:#1c1c28;position:relative;overflow:hidden}
.md-stats i::after{content:"";position:absolute;inset:0;background:var(--c);transform-origin:left;transform:scaleX(0);transition:transform 1.2s var(--out) .3s;border-radius:inherit}
.md.in .md-stats i::after{transform:scaleX(var(--v))}
.md-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.md-chips span{font-family:var(--mono);font-size:11px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.06);color:var(--ink-2)}
.md-boss{transform:translateY(-16px)}
.md-boss .md-tag{padding-right:64px}
.md-boss:hover{transform:translateY(-24px) rotate(.5deg)}
.md-boss::before{content:"BOSS";position:absolute;right:22px;top:20px;font-family:var(--disp);font-weight:900;font-size:13px;padding:5px 10px;border-radius:8px;background:var(--pink);color:#fff}

/* SPRACHEN */
.lang-s{overflow:hidden}
.hello{overflow:hidden;margin:clamp(30px,5vw,60px) 0;white-space:nowrap}
.hello-t{display:inline-flex;gap:.5em;font-family:var(--disp);font-weight:900;font-size:clamp(70px,13vw,220px);letter-spacing:-.05em;line-height:1;will-change:transform}
.hello-t span{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.28)}
.hello-t span:nth-child(4n+1){color:var(--lime);-webkit-text-stroke:0}
.hello-t span:nth-child(4n+3){color:var(--cyan);-webkit-text-stroke:0}
.lang-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,60px);align-items:start}
.flags{display:flex;flex-wrap:wrap;gap:8px}
.flags li{height:42px;padding:0 14px;border-radius:999px;display:flex;align-items:center;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line);font-size:15px;font-weight:600}
.umsch{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center;margin-top:clamp(80px,10vw,140px)}
.um-img{border-radius:32px;overflow:hidden;aspect-ratio:4/5}
.um-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.um-txt{display:grid;gap:20px}
.um-pts{display:grid;gap:14px}
.um-pts>div{padding:18px 20px;border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:4px}
.um-pts b{font-size:17px}
.um-pts p{color:var(--muted);font-size:15.5px}
a.u{color:var(--lime);text-decoration:underline;text-underline-offset:3px}

/* PRIMEROS */
.prim-card{border-radius:36px;padding:clamp(26px,4vw,56px);background:linear-gradient(135deg,#0f1a14,#0d0d14 60%);box-shadow:inset 0 0 0 1px rgba(61,240,122,.22);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,60px);align-items:center}
.prim-l{display:grid;gap:18px}
.tiny{font-size:10.5px}
.prim-r{display:grid;gap:12px}
.pb{position:relative;padding:20px 70px 20px 20px;border-radius:20px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line)}
.pb .mono{font-size:10px;color:var(--lime)}
.pb b{display:block;font-size:18px;margin:4px 0}
.pb p{color:var(--muted);font-size:15px}
.pb i{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(61,240,122,.12);color:var(--lime);font-style:normal;font-size:18px}

.r27b .prim-card{background:linear-gradient(135deg,#1a1808,#0d0d14 60%);box-shadow:inset 0 0 0 1px rgba(255,224,0,.24)}
.pb .mono.soon{color:var(--yellow)}
.pb i.soon{background:rgba(255,224,0,.12);color:var(--yellow)}

/* VERGLEICH */
.cmp-w{overflow-x:auto;border-radius:30px;box-shadow:inset 0 0 0 1px var(--line);background:var(--card)}
.cmp-t{width:100%;border-collapse:collapse;min-width:680px}
.cmp-t th,.cmp-t td{padding:20px 24px;text-align:left;border-bottom:1px solid var(--line);font-size:16.5px;vertical-align:top}
.cmp-t thead th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}
.cmp-t thead th.us{color:var(--lime);display:flex;align-items:center;gap:10px}
.cmp-t tbody th{font-weight:700;color:var(--ink);width:24%}
.cmp-t td.us{color:var(--ink);background:rgba(61,240,122,.06);font-weight:600;position:relative}
.cmp-t td.us::before{content:"✓";color:var(--lime);font-weight:900;margin-right:10px}
.cmp-t td:last-child{color:var(--muted)}
.cmp-t tr:last-child th,.cmp-t tr:last-child td{border-bottom:0}

/* CALM */
.calm{position:relative;overflow:hidden;isolation:isolate}
.calm-bg{position:absolute;inset:0;z-index:-1}
.calm-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:60% 30%;object-position:60% 30%;filter:brightness(.42) saturate(.9)}
.calm-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,9,.92) 0%,rgba(6,6,9,.55) 55%,rgba(6,6,9,.35)),linear-gradient(180deg,var(--bg),transparent 20%,transparent 80%,var(--bg))}
.calm-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.calm-txt{display:grid;gap:22px}
.br-w{display:grid;place-items:center}
.br{position:relative;width:min(380px,76vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;gap:8px;text-align:center}
.br-c{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.55),rgba(34,211,238,.25) 55%,transparent 70%);box-shadow:inset 0 0 0 1.5px rgba(181,155,255,.5),0 0 80px rgba(139,92,246,.35);transform:scale(.72);transition:transform 4s cubic-bezier(.45,0,.55,1)}
.br-t{position:relative;font-family:var(--disp);font-weight:800;font-size:clamp(18px,1.8vw,24px);max-width:10ch;letter-spacing:-.02em}
.br-s{position:relative;color:#c9b8ff;font-size:12px}
.br:hover .br-c{box-shadow:inset 0 0 0 2px rgba(181,155,255,.8),0 0 100px rgba(139,92,246,.5)}

/* FAHRLEHRER */
.fl-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(30px,5vw,80px);align-items:center}
.fl-q{display:grid;gap:26px}
.fl-q blockquote{font-size:clamp(24px,2.8vw,42px);line-height:1.08;text-wrap:balance}
.fl-q figcaption{display:flex;gap:16px;align-items:center}
.fl-q figcaption img{width:64px;height:64px;border-radius:50%;box-shadow:0 0 0 2px var(--lime)}
.fl-q figcaption b{display:block;font-size:17px}
.fl-q figcaption span{color:var(--muted);font-size:15px}
.fl-trust{display:grid;gap:12px}
.tr{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:16px;color:var(--ink-2)}
.tr i{font-style:normal;font-size:22px}
.tr b{color:var(--ink)}
.tr-link{box-shadow:inset 0 0 0 1px rgba(61,240,122,.35);background:rgba(61,240,122,.06)}
.tr-link:hover{background:rgba(61,240,122,.12)}

/* PREISE */
.pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.pc{position:relative;border-radius:32px;padding:32px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:14px;overflow:hidden}
.pc-tag{font-size:11px;color:var(--muted)}
.pc-p{display:flex;align-items:baseline;gap:8px}
.pc-p b{font-family:var(--disp);font-weight:900;font-size:clamp(44px,4.2vw,62px);letter-spacing:-.05em;line-height:1}
.pc-p span{color:var(--muted);font-weight:600}
.pc-s{color:var(--ink-2);font-size:15.5px}
.pc ul{display:grid;gap:10px;margin:6px 0 10px;flex:1}
.pc li{position:relative;padding-left:28px;font-size:15.5px;color:var(--ink-2)}
.pc li::before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:900}
.pc li.no::before{content:"–";color:var(--muted)}
.pc li.no{color:var(--muted)}
.pc .btn{width:100%}
.pc-was{font-size:11.5px;color:var(--yellow)}
.pc-holo{background:linear-gradient(var(--card),var(--card)) padding-box,conic-gradient(from var(--a,0deg),var(--lime),var(--cyan),var(--violet),var(--pink),var(--yellow),var(--lime)) border-box;border:2px solid transparent;box-shadow:0 40px 100px -40px rgba(61,240,122,.5);transform-style:preserve-3d;transition:transform .3s}
.pc-holo::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at var(--mx,70%) var(--my,20%),rgba(255,255,255,.14),transparent 60%),linear-gradient(115deg,transparent 30%,rgba(61,240,122,.08) 45%,rgba(255,73,192,.08) 55%,transparent 70%);pointer-events:none;mix-blend-mode:screen}
.pc-holo .pc-tag{color:var(--yellow)}
.pc-lion{position:absolute;right:-34px;top:-26px;width:112px;opacity:.55;transform:rotate(10deg);pointer-events:none}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
.pc-holo{animation:spinb 6s linear infinite}
@keyframes spinb{to{--a:360deg}}
.pr-note{color:var(--muted);text-align:center;margin-top:28px;font-size:11px;line-height:1.8}
.pr-note a{text-decoration:underline}

/* ROAR */
.roar{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:#0B0B0E}
.roar-bg{position:absolute;inset:0;z-index:-1}
.roar-bg video{position:absolute;right:-16%;bottom:0;width:72%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:right bottom;object-position:right bottom}
@media (max-width:820px){.roar-bg video{width:140%;right:-45%;opacity:.5}}
.roar-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,14,.95) 0%,rgba(11,11,14,.6) 45%,rgba(11,11,14,.1) 100%),linear-gradient(0deg,rgba(11,11,14,.9),transparent 40%)}
.roar-in{display:grid;gap:24px;justify-items:start;padding-block:140px;max-width:1100px}
.roar-h{font-size:clamp(46px,8.4vw,140px)}
.roar-store{display:grid;gap:10px;margin-top:10px}
.roar-store>.mono{color:var(--muted);font-size:11px}

/* KONTAKT */
.kt-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:start}
.kt-grid>div:first-child{display:grid;gap:20px;position:sticky;top:120px}
.kt-form{padding:clamp(22px,3vw,36px);border-radius:32px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .hero-in{grid-template-columns:minmax(0,1fr);align-content:center}
  .hero-dev{display:none}
  .bignums{grid-template-columns:1fr 1fr}
  .bn:nth-child(2){border-right:0}
  .bn:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .usage{grid-template-columns:1fr}
  .app-stage{grid-template-columns:auto 1fr}
  .app-list{display:none}
  .picker,.qz-wrap,.px-top,.lang-grid,.umsch,.prim-card,.calm-in,.fl-grid,.kt-grid{grid-template-columns:1fr}
  .kt-grid>div:first-child{position:static}
  .bento{grid-template-columns:1fr 1fr}
  .bt,.bt-ring,.bt-city{grid-column:span 1}
  .qz-lion{display:none}
}
@media (max-width:820px){
  .pf-grid,.px-steps,.etappen,.teasers,.md-grid,.pr-grid,.vs-grid{grid-template-columns:1fr}
  .pf{min-height:400px}
  .md-boss{transform:none}
  .app-pin{height:auto;min-height:0;padding-block:100px 80px}
  .app-stage{grid-template-columns:1fr;justify-items:center;text-align:center}
  .app-txt{min-height:190px;max-width:100%}
  .weg-pin{height:auto;min-height:0;padding-block:100px 40px}
  .road-w{height:auto}
  .road{position:relative;width:auto;height:auto;display:grid;gap:14px;padding-inline:var(--gutter);transform:none!important}
  .road-svg,.road-car{display:none}
  .stop,.stop.up{position:relative;left:auto;top:auto;transform:none;width:auto;opacity:1;grid-template-columns:44px 1fr;-moz-column-gap:14px;column-gap:14px;align-items:center}
  .stop img{grid-row:span 2}
  .stop::before{content:"";position:absolute;left:37px;top:100%;height:14px;width:2px;background:var(--line-2)}
  .stop.fin::before{display:none}
  .dc-pin{height:auto;min-height:100svh}
  .dc-hud{min-height:100svh;gap:30px}
  .dc-badges img:nth-child(n+4){display:none}
  .dc-win{right:4%;bottom:auto;top:44%}
  .rt-pin{min-height:0}
  .rt-track{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:30px;scrollbar-width:none}
  .rt-track::-webkit-scrollbar{display:none}
  .clip{scroll-snap-align:center;width:72vw}
}
@media (max-width:640px){
  .hero{min-height:640px}
  .hero-in{padding-bottom:70px;align-content:end}
  .hero-txt{justify-items:start}
  .hero-h{font-size:clamp(40px,11.4vw,64px)}
  .hero-lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:15.5px;color:var(--muted)}
  .hero-cta{width:100%}
  .hero-cta .btn{width:100%}
  .hero-hint{display:none}
  .bento{grid-template-columns:1fr}
  .gq{grid-template-columns:1fr}
  .gq-vis{width:110px}
  .g-body{min-height:0}
  .u-grid{grid-template-columns:1fr 1fr}
  .us-i{padding:16px}
  .cmp-t th,.cmp-t td{padding:14px 16px;font-size:15px}
  .pc-lion{width:110px}
  .roar-in{padding-block:110px 90px}
  .roar-bg video{-o-object-position:70% 80%;object-position:70% 80%}
  .hello-t{font-size:clamp(64px,22vw,120px)}
  .clip:nth-child(even){margin-top:0}
}
@media (prefers-reduced-motion:reduce){
  .hero-h .ln>span{transform:none}
  .hero-txt>*,.ph-hero,.float,.st-hero,.hero-lion,.hero-hint{opacity:1!important}
  .loader{display:none}
}

.d2s{font-family:var(--disp);font-weight:800;letter-spacing:-.035em;text-wrap:balance;font-size:clamp(28px,3.4vw,52px);line-height:1.02}
.d2s.big{font-size:clamp(34px,4.6vw,70px);line-height:.98}
.hide-fab .lvl{opacity:0}

@media (max-height:960px) and (min-width:1101px){.hero-hint{display:none}.hero-lead{font-size:15px}}

/* Review-Feinschliff */
.hero-txt{max-width:100%}
.hero-cta{width:100%}
.qz-wrap .g-verdict{margin-top:-6px}
.pk-cities button[aria-pressed="true"]{background:var(--yellow);color:#000}
@media (max-width:400px){
  .hero{min-height:600px}
  .hero-h{font-size:clamp(27px,8.4vw,40px)}
  .hero-h .ln>span{max-width:100%}
  .hero-in{padding-top:calc(var(--hdr) + 18px)}
  .hero-kick{font-size:16px}
  .hero-fine{font-size:10.5px}
  .bn b{font-size:clamp(34px,11vw,54px)}
  .us-i b{font-size:26px}
  .pc-p b{font-size:40px}
  .game{padding:16px;border-radius:24px}
  .gq-a button{font-size:15.5px;padding:12px 14px}
  .gq-vis{width:92px}
  .pk-cities button{height:38px;padding:0 12px;font-size:14px}
  .marq-t{font-size:20px}
  .hello-t{font-size:64px}
  .fl-q blockquote{font-size:24px}
}

/* Vertiefungs-Bereich kompakter */
.deep .sec,.deep.sec{padding-block:clamp(60px,7vw,110px)}
.deep .sec-s,.deep.sec-s{padding-block:clamp(48px,5vw,80px)}
.deep .head{margin-bottom:clamp(28px,4vw,50px)}
.deep .teasers{padding-bottom:clamp(60px,7vw,100px)}
.deep .umsch{margin-top:clamp(50px,6vw,90px)}
.deep .hello{margin:clamp(20px,3vw,40px) 0}
.road{width:2200px}
.deep .road-w{height:clamp(340px,48vh,440px)}

/* ==== pages.css ==== */
.pass-hero{min-height:100svh;align-items:center}
.pass-in{max-width:none!important;width:100%;display:grid!important;grid-template-columns:1.2fr .8fr;gap:clamp(30px,5vw,80px);align-items:center}
.pass-l{display:grid;gap:20px;justify-items:start}
.pass-price{display:flex;align-items:baseline;gap:14px}
.pass-price b{font-family:var(--disp);font-size:clamp(56px,7vw,110px);letter-spacing:-.05em;line-height:1;color:var(--lime)}
.pass-price span{color:var(--ink-2);font-weight:600}
.pass-card{display:grid;gap:12px;padding:26px;border-radius:30px;background:rgba(14,14,22,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px var(--line-2),0 40px 90px -30px rgba(0,0,0,.8)}
.pass-card>.mono{color:var(--muted);font-size:11px}
.pass-opt{display:grid;gap:3px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line-2);transition:all .25s}
.pass-opt span{color:var(--muted);font-size:14.5px}
.pass-opt.on,.pass-opt:hover{box-shadow:inset 0 0 0 2px var(--lime);background:rgba(61,240,122,.07)}
.pass-card .btn{width:100%;margin-top:6px}
.pass-usp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-block:60px}
.pass-usp>div{padding:24px;border-radius:24px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:8px}
.pass-usp i{font-style:normal;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(61,240,122,.12);color:var(--lime);font-size:18px}
.pass-usp p{color:var(--muted);font-size:15.5px}
.pass-try{display:grid;gap:20px;justify-items:center;text-align:center;padding-block:clamp(80px,10vw,140px)}
.pass-try .lead{margin:0 auto}
.pass-lang{display:grid;gap:14px;justify-items:center;padding-bottom:60px}
.flags-s{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.pass-g{padding-bottom:clamp(90px,10vw,140px);max-width:900px;margin:0 auto}
.sm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px;margin-top:40px}
.sm-g h2{margin-bottom:10px;color:var(--lime)}
.sm-g a{display:block;padding:6px 0;color:var(--ink-2)}
.sm-g a:hover{color:var(--ink)}
@media (max-width:900px){.pass-in{grid-template-columns:1fr}.pass-usp{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pass-usp{grid-template-columns:1fr}}


/* ==== v2: Checkout-Overlay + Einbettung in die App ==== */
.v2root{position:relative}
.v2slot{display:contents}

.v2ov{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:clamp(12px,4vw,40px)}
.v2ov-bd{position:absolute;inset:0;background:rgba(3,3,6,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:v2fade .2s ease}
.v2ov-in{position:relative;width:min(520px,100%);max-height:calc(100dvh - 2*clamp(12px,4vw,40px));overflow:auto;overscroll-behavior:contain;
  background:var(--card,#101018);border:1px solid rgba(61,240,122,.35);border-radius:22px;box-shadow:0 40px 120px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04) inset;animation:v2pop .28s cubic-bezier(.2,.9,.25,1)}
.v2ov-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 0}
.v2ov-hd .mono{font-family:var(--mono,ui-monospace,monospace);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime,#3DF07A)}
.v2ov-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#fff;width:34px;height:34px;border-radius:999px;font-size:15px;line-height:1;cursor:pointer;transition:.15s}
.v2ov-x:hover{background:rgba(255,255,255,.14)}
@keyframes v2fade{from{opacity:0}to{opacity:1}}
@keyframes v2pop{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}

/* Kaufkarte der App an das neue Design angleichen */
.v2ov .aboco{font-family:var(--font,inherit);background:transparent;border:0;box-shadow:none;padding:18px}
.v2ov .aboco__amt{font-family:var(--disp,inherit);letter-spacing:-.03em}
.v2ov .aboco__consent{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:14px}
.v2ov .aboco__consent a{color:var(--cyan,#22D3EE)}
.v2ov .aboco__btn{background:var(--lime,#3DF07A);color:#05130a;border:0;border-radius:999px;box-shadow:0 10px 30px rgba(61,240,122,.25);font-family:var(--disp,inherit);letter-spacing:-.01em}
.v2ov .aboco__btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 40px rgba(61,240,122,.32)}
.v2ov .aboco__btn:active:not(:disabled){transform:none}
.v2ov .aboco__list li:before{color:var(--lime,#3DF07A)}
.v2ov .aboco__promo{border-radius:12px}

/* Kauf-Buttons in den Preiskarten: gleiche Optik wie die <a class="btn"> daneben */
.pc .btn[type="button"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit}

/* ==== Sprachversionen: RTL (Arabisch, Farsi) ============================ */
/* RTL-Regeln greifen nicht in Bereichen mit dir="ltr" (deutsche Startseite bei arabischer Browsersprache). */
[dir="rtl"] .v2root:not([dir="ltr"],[dir="ltr"] *), [dir="rtl"].v2root{direction:rtl}
[dir="rtl"] .ar:not([dir="ltr"],[dir="ltr"] *){display:inline-block;transform:scaleX(-1)}
[dir="rtl"] .hero-txt:not([dir="ltr"],[dir="ltr"] *), [dir="rtl"] .head:not([dir="ltr"],[dir="ltr"] *), [dir="rtl"] .lead:not([dir="ltr"],[dir="ltr"] *), [dir="rtl"] .pc:not([dir="ltr"],[dir="ltr"] *), [dir="rtl"] .faq:not([dir="ltr"],[dir="ltr"] *), [dir="rtl"] .kt-form:not([dir="ltr"],[dir="ltr"] *), [dir="rtl"] .about:not([dir="ltr"],[dir="ltr"] *), [dir="rtl"] .ftr-grid > div:not([dir="ltr"],[dir="ltr"] *){text-align:start}
[dir="rtl"] .hero-h .ln:not([dir="ltr"],[dir="ltr"] *){display:block}
[dir="rtl"] .faq summary:not([dir="ltr"],[dir="ltr"] *){padding-right:22px;padding-left:64px}
[dir="rtl"] .faq summary:not([dir="ltr"],[dir="ltr"] *)::after{right:auto;left:20px}
[dir="rtl"] .prose ul li:not([dir="ltr"],[dir="ltr"] *){padding-left:0;padding-right:28px}
[dir="rtl"] .prose ul li:not([dir="ltr"],[dir="ltr"] *)::before{left:auto;right:4px}
[dir="rtl"] .hdr-r:not([dir="ltr"],[dir="ltr"] *){flex-direction:row-reverse}
[dir="rtl"] .mono:not([dir="ltr"],[dir="ltr"] *), [dir="rtl"] .g-step:not([dir="ltr"],[dir="ltr"] *), [dir="rtl"] .pc-p:not([dir="ltr"],[dir="ltr"] *), [dir="rtl"] .stat b:not([dir="ltr"],[dir="ltr"] *){direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .pc-p:not([dir="ltr"],[dir="ltr"] *){justify-content:flex-end}
.ftr-grid--lite{grid-template-columns:1.4fr 1fr 1fr}
.ftr-note{font-size:12.5px;color:var(--dim);margin-top:12px;line-height:1.5}
.lang a[aria-current="true"], .mlang .chip.on{color:var(--lime)}
@media (max-width:900px){.ftr-grid--lite{grid-template-columns:1fr}}
[dir="rtl"] .g:not([dir="ltr"],[dir="ltr"] *), [dir="rtl"] .g-hot:not([dir="ltr"],[dir="ltr"] *){padding-inline:.08em;margin-inline:-.08em}
[dir="rtl"] .hero-h .ln:not([dir="ltr"],[dir="ltr"] *){padding-inline:.06em;margin-inline:-.06em}

/* Header: 6. Menüpunkt „Reform 2027“ (11.10.2026) — kein Zeilenumbruch, Platz schaffen, damit 1021–1400 px nichts überläuft */
.nav>li>a,.nav>li>button{white-space:nowrap}
@media (max-width:1400px){.hdr-r .btn .long{display:none}}
@media (max-width:1180px){.nav{margin-left:4px}.nav>li>a,.nav>li>button{padding:0 7px;font-size:14.5px}.hdr-r .lang{display:none}.hdr-r .login{padding:0 8px}}