:root{
    --ink:#0a0f1e; --ink-2:#151c30; --body:#4b5468; --faint:#8a92a6;
    --line:#e7e9ee; --line-soft:#f0f1f5; --bg:#fff; --soft:#f7f8fa; --soft-2:#f1f3f7;
    --blue:#2454ff; --blue-d:#1a41d6; --blue-l:#7d9bff;
    --blue-t:rgba(36,84,255,.08); --blue-t2:rgba(36,84,255,.15);
    --green:#00a878; --green-l:#3ed6a5; --green-t:rgba(0,168,120,.1);
    --purple:#7b46f0; --purple-l:#a37ff5; --purple-t:rgba(123,70,240,.09);
    --amber:#e8930c;
    --r:20px; --r-sm:14px; --r-xs:10px;
    --sh-xs:0 1px 2px rgba(10,15,30,.05);
    --sh-sm:0 2px 10px rgba(10,15,30,.06);
    --sh:0 14px 40px rgba(10,15,30,.09);
    --sh-lg:0 36px 90px rgba(10,15,30,.16);
    --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
    --disp:'Geist',var(--sans);
    --mono:'Geist Mono',ui-monospace,monospace;
    --maxw:1150px;
    --ease:cubic-bezier(.22,.68,.31,1);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.6;font-weight:450;
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  button{font-family:inherit;cursor:pointer}
  img{display:block;max-width:100%}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
  h1,h2,h3,h4{font-family:var(--disp);letter-spacing:-.028em;line-height:1.07}

  /* ---------- shared ---------- */
  .kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;
    letter-spacing:.13em;text-transform:uppercase;color:var(--blue);font-weight:500}
  .kicker.on-dark{color:var(--blue-l)}
  .h2{font-size:clamp(30px,4.6vw,50px);font-weight:800;letter-spacing:-.035em;margin-top:16px}
  .sub{font-size:17.5px;color:var(--body);margin-top:14px;max-width:560px}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;
    font-size:15px;border-radius:999px;padding:14px 26px;border:1px solid transparent;transition:.2s var(--ease);white-space:nowrap}
  .btn svg{width:17px;height:17px;flex:0 0 auto;transition:transform .2s var(--ease)}
  .btn:hover svg{transform:translateX(3px)}
  .btn-p{background:var(--blue);color:#fff;box-shadow:0 8px 22px rgba(36,84,255,.3)}
  .btn-p:hover{background:var(--blue-d);transform:translateY(-2px);box-shadow:0 14px 32px rgba(36,84,255,.38)}
  .btn-o{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:var(--sh-xs)}
  .btn-o:hover{border-color:#c7ccd8;background:var(--soft)}
  .btn-w{background:#fff;color:var(--ink)}
  .btn-w:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.3)}
  .btn-big{padding:17px 32px;font-size:16px}
  .chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px}
  .c-blue{color:var(--blue-d);background:var(--blue-t)}
  .c-green{color:#00795a;background:var(--green-t)}
  .c-purple{color:#6233cc;background:var(--purple-t)}
  .microtrust{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--faint);margin-top:14px}
  .microtrust svg{width:15px;height:15px;color:var(--green)}

  /* reveal */
  .rv{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
  .rv.on{opacity:1;transform:none}
  .rv[data-d="1"]{transition-delay:.08s}.rv[data-d="2"]{transition-delay:.16s}
  .rv[data-d="3"]{transition-delay:.24s}.rv[data-d="4"]{transition-delay:.32s}
  @media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

  /* ---------- banner + nav ---------- */
  .banner{background:var(--ink);color:#dfe4ef;font-size:13px;padding:9px 16px;text-align:center;
    display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
  .banner .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(0,168,120,.25);animation:blink 2s infinite}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}
  .banner b{color:#fff;font-weight:600}
  .banner a{color:#9db4ff;font-weight:600}
  header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.8);
    backdrop-filter:blur(18px) saturate(1.6);border-bottom:1px solid var(--line-soft)}
  .nav{display:flex;align-items:center;height:64px;gap:8px}
  .logo{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-size:18.5px;letter-spacing:-.03em;margin-right:18px}
  .logo .mk{width:32px;height:32px;display:grid;place-items:center}
  .logo .mk img{width:100%;height:100%;object-fit:contain}
  .nav-l{display:flex;gap:2px}
  .nav-l a{font-size:14px;font-weight:500;color:var(--body);padding:8px 13px;border-radius:999px}
  .nav-l a:hover{color:var(--ink);background:var(--soft)}
  .nav-r{margin-left:auto;display:flex;align-items:center;gap:10px}
  .nav-r .btn{padding:10px 20px;font-size:14px}
  .burger{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff}
  .burger svg{width:18px;height:18px;margin:auto;display:block}
  .mmenu{display:none;position:fixed;inset:64px 0 auto;background:#fff;z-index:59;border-bottom:1px solid var(--line);
    padding:18px 22px 24px;flex-direction:column;gap:2px;box-shadow:var(--sh)}
  .mmenu.show{display:flex}
  .mmenu a{padding:13px 10px;font-weight:500;font-size:16px;border-radius:10px}
  .mmenu a:hover{background:var(--soft)}
  .mmenu .btn{margin-top:12px;justify-content:center}

  /* ---------- hero ---------- */
  .hero{position:relative;padding:88px 0 40px;overflow:hidden;background:#0a0f1e}
  .hero-vid{position:absolute;inset:0;overflow:hidden;pointer-events:none}
  .hero-vid video{width:100%;height:100%;object-fit:cover;opacity:.85}
  .hero-vid::after{content:"";position:absolute;inset:0;background:
    linear-gradient(180deg,rgba(10,15,30,.55) 0%,rgba(10,15,30,.28) 34%,rgba(255,255,255,0) 56%,rgba(255,255,255,0) 66%,rgba(255,255,255,.95) 80%,#fff 90%)}
  .hero > .wrap{position:relative;z-index:1}
  .hero-in{display:grid;grid-template-columns:.88fr 1.12fr;gap:44px;align-items:center}
  .hero-eyebrow{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);
    border-radius:999px;padding:6px 15px 6px 8px;font-size:13px;font-weight:500;color:var(--body);box-shadow:var(--sh-xs)}
  .hero-eyebrow .n{background:var(--green-t);color:#00795a;font-weight:700;font-size:11.5px;padding:3px 9px;border-radius:999px}
  .hero h1{font-size:clamp(40px,5.8vw,68px);font-weight:900;letter-spacing:-.045em;margin-top:22px;line-height:1.01;color:#fff;text-shadow:0 2px 28px rgba(10,15,30,.5)}
  .hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--blue),#7b46f0);
    -webkit-background-clip:text;background-clip:text;color:transparent}
  .hero .lead{font-size:19px;color:#dbe3f5;margin-top:20px;max-width:480px;text-shadow:0 1px 18px rgba(10,15,30,.55)}
  .hero .microtrust{color:#c3cde3;text-shadow:0 1px 14px rgba(10,15,30,.55)}
  .hero h1 em{background:linear-gradient(100deg,#7d9bff,#3ed6a5);-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero .lead b{color:#fff;font-weight:600}
  .hero-cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap;align-items:center}
  .hero-stats{display:flex;margin-top:38px;border-top:1px solid rgba(10,15,30,.08);padding-top:22px}
  .hstat{padding-right:30px;margin-right:30px;border-right:1px solid rgba(10,15,30,.08)}
  .hstat:last-child{border:none;margin:0;padding-right:0}
  .hstat .v{font-family:var(--disp);font-size:27px;font-weight:800;letter-spacing:-.03em}
  .hstat .v span{color:var(--blue)}
  .hstat .l{font-size:12.5px;color:var(--body);margin-top:2px}


  /* hero calendar visual */
  .hv{position:relative}
  .cal-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh-lg);overflow:hidden}
  .cal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line-soft)}
  .cal-head .t{font-family:var(--disp);font-weight:700;font-size:15px;display:flex;align-items:center;gap:9px}
  .cal-head .t .ic{width:30px;height:30px;border-radius:9px;background:var(--blue-t);display:grid;place-items:center}
  .cal-head .t .ic svg{width:16px;height:16px;color:var(--blue)}
  .cal-head .wk{font-family:var(--mono);font-size:11px;color:var(--faint)}
  .apt{display:flex;gap:13px;padding:14px 20px;border-bottom:1px solid var(--line-soft);align-items:center}
  .apt:last-of-type{border-bottom:none}
  .apt .time{font-family:var(--mono);font-size:11.5px;color:var(--faint);width:52px;flex:0 0 auto;line-height:1.4}
  .apt .time b{display:block;color:var(--ink);font-weight:500;font-size:12.5px}
  .apt .bar{width:3.5px;border-radius:2px;align-self:stretch;flex:0 0 auto}
  .apt .info{flex:1;min-width:0}
  .apt .info .n{font-weight:600;font-size:14px;letter-spacing:-.01em}
  .apt .info .d{font-size:12px;color:var(--faint);margin-top:1px}
  .cal-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;background:var(--soft)}
  .cal-foot .s{font-size:12.5px;color:var(--body)}
  .cal-foot .s b{color:var(--ink)}
  .cal-foot .go{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--blue)}
  .fl{position:absolute;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);
    padding:11px 15px;display:flex;align-items:center;gap:11px;z-index:2}
  .fl .fic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}
  .fl .fic svg{width:17px;height:17px}
  .fl b{display:block;font-family:var(--disp);font-size:14.5px;font-weight:700;letter-spacing:-.01em}
  .fl small{font-size:11px;color:var(--faint)}
  .fl-1{top:-84px;right:-24px;animation:float 5s ease-in-out infinite}
  .fl-2{bottom:-84px;left:-28px;animation:float 6s ease-in-out infinite reverse}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

  /* ---------- marquee ---------- */
  .strip{padding:38px 0 12px;position:relative;z-index:1}
  .strip p{text-align:center;font-size:12.5px;color:var(--faint);margin-bottom:20px}
  .marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
  .marquee .mq{display:flex;gap:64px;width:max-content;animation:mq 28s linear infinite}
  .marquee span{font-family:var(--disp);font-weight:700;font-size:18px;letter-spacing:-.02em;color:#aeb4c2;white-space:nowrap}
  .marquee img{height:17px;width:auto;display:block}
  @keyframes mq{to{transform:translateX(-50%)}}

  /* ---------- channels ---------- */
  .chan{padding:96px 0 90px}
  .chan-head{text-align:center;max-width:660px;margin:0 auto 52px}
  .chan-head .sub{margin-left:auto;margin-right:auto}
  .chan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .cc{background:var(--soft);border:1px solid transparent;border-radius:var(--r);padding:30px;transition:.25s var(--ease);position:relative}
  .cc:hover{background:#fff;border-color:var(--line);transform:translateY(-5px);box-shadow:var(--sh)}
  .cc .ic{width:74px;height:74px;border-radius:18px;overflow:hidden;margin-bottom:20px}
  .cc .ic img{width:100%;height:100%;object-fit:contain;transition:transform .4s var(--ease)}
  .cc:hover .ic img{transform:scale(1.08) rotate(-2deg)}
  .cc h3{font-size:20px;font-weight:700;letter-spacing:-.02em}
  .cc p{font-size:14.5px;color:var(--body);margin-top:8px}
  .cc .tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
  .cc .tags span{font-size:12px;font-weight:600;color:var(--body);background:#fff;border:1px solid var(--line);
    padding:5px 11px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}
  .cc:hover .tags span{background:var(--soft)}
  .cc .tags svg{width:12px;height:12px;color:var(--green)}

  /* ---------- multitouch ---------- */
  .mts{position:relative;padding:110px 0;background:#070b18;color:#fff;overflow:hidden}
  .mts-vid{position:absolute;inset:0;pointer-events:none}
  .mts-vid video{width:100%;height:100%;object-fit:cover;opacity:.5}
  .mts-vid::after{content:"";position:absolute;inset:0;background:
    linear-gradient(180deg,#070b18 0%,rgba(7,11,24,.55) 30%,rgba(7,11,24,.55) 70%,#070b18 100%)}
  .mts > .wrap{position:relative;z-index:1}
  .mts-head{text-align:center;max-width:720px;margin:0 auto}
  .mts-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:600;color:#c9d4ec}
  .mts-badge .nb{background:linear-gradient(90deg,var(--blue),var(--purple));color:#fff;font-size:10.5px;
    font-weight:700;letter-spacing:.06em;padding:3px 9px;border-radius:999px}
  .mts h2{font-size:clamp(32px,5vw,54px);font-weight:900;letter-spacing:-.04em;margin-top:22px;line-height:1.04}
  .mts h2 em{font-style:normal;background:linear-gradient(100deg,#7d9bff,#b394f7 55%,#3ed6a5);
    -webkit-background-clip:text;background-clip:text;color:transparent}
  .mts .sub{color:#a5b0c9;margin:16px auto 0;max-width:540px}

  /* infographic */
  .mts-flow{display:grid;grid-template-columns:1fr 64px 1.15fr 64px 1fr;gap:0;align-items:center;
    margin-top:64px;position:relative}
  .mnode{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;
    padding:16px 18px;display:flex;align-items:center;gap:13px;backdrop-filter:blur(8px);transition:.25s var(--ease)}
  .mnode:hover{background:rgba(255,255,255,.09);transform:translateY(-3px)}
  .mnode .mi{width:48px;height:48px;border-radius:13px;overflow:hidden;flex:0 0 auto;background:#fff;padding:3px}
  .mnode .mi img{width:100%;height:100%;object-fit:contain}
  .mnode b{display:block;font-family:var(--disp);font-size:15px;font-weight:700;letter-spacing:-.01em}
  .mnode small{font-size:11.5px;color:#8f9cba}
  .mts-src{display:flex;flex-direction:column;gap:18px}
  .mlink{position:relative;height:2px;background:linear-gradient(90deg,rgba(125,155,255,.08),rgba(125,155,255,.35))}
  .mlink .pp{position:absolute;top:-3.5px;left:0;width:9px;height:9px;border-radius:50%;
    background:#7d9bff;box-shadow:0 0 14px 2px rgba(36,84,255,.8);animation:beam 2.4s var(--ease) infinite}
  .mlink.d2 .pp{animation-delay:1.2s;background:#b394f7;box-shadow:0 0 14px 2px rgba(123,70,240,.8)}
  @keyframes beam{0%{left:-4px;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 5px);opacity:0}}
  .mcore{text-align:center;position:relative;padding:10px 0}
  .mcore .corewrap{position:relative;width:168px;height:168px;margin:0 auto}
  .mcore .ring{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(125,155,255,.35);animation:spin 22s linear infinite}
  .mcore .ring.r2{inset:-16px;border-color:rgba(179,148,247,.2);animation-duration:34s;animation-direction:reverse}
  @keyframes spin{to{transform:rotate(360deg)}}
  .mcore .coreimg{position:absolute;inset:14px;border-radius:50%;overflow:hidden;background:#fff;
    box-shadow:0 0 60px 8px rgba(36,84,255,.35),0 0 120px 20px rgba(123,70,240,.18);animation:corepulse 4s ease-in-out infinite}
  @keyframes corepulse{0%,100%{box-shadow:0 0 60px 8px rgba(36,84,255,.35),0 0 120px 20px rgba(123,70,240,.18)}
    50%{box-shadow:0 0 80px 14px rgba(36,84,255,.5),0 0 150px 30px rgba(123,70,240,.28)}}
  .mcore .coreimg img{width:100%;height:100%;object-fit:cover;transform:scale(1.18)}
  .mcore .clabel{margin-top:20px}
  .mcore .clabel b{font-family:var(--disp);font-size:17px;font-weight:800;letter-spacing:-.01em;display:block}
  .mcore .clabel small{font-size:12px;color:#8f9cba;display:block;margin-top:3px}
  .mts-out{display:flex;flex-direction:column;gap:12px}
  .mnode.hot{border-color:rgba(36,84,255,.5);background:rgba(36,84,255,.12)}
  .mnode.hot .pulse-ic{position:relative}
  .mnode.hot .pulse-ic::after{content:"";position:absolute;inset:-4px;border-radius:16px;border:1.5px solid rgba(125,155,255,.6);animation:ringpulse 2s var(--ease) infinite}
  @keyframes ringpulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.35);opacity:0}}
  .varrow{display:flex;justify-content:center;color:#5b6b96}
  .varrow svg{width:18px;height:18px;animation:vbounce 1.8s ease-in-out infinite}
  @keyframes vbounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
  .mnode.result{border-color:rgba(0,168,120,.45);background:rgba(0,168,120,.1)}
  .mnode.result .big{font-family:var(--disp);font-size:24px;font-weight:900;letter-spacing:-.03em;color:#3ed6a5;display:block;line-height:1.15}

  /* steps + stat */
  .mts-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:60px}
  .mstep{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px}
  .mstep .n{font-family:var(--mono);font-size:11px;color:#7d9bff;letter-spacing:.1em}
  .mstep b{display:block;font-family:var(--disp);font-size:15px;font-weight:700;margin-top:10px;letter-spacing:-.01em}
  .mstep p{font-size:12.5px;color:#8f9cba;margin-top:5px;line-height:1.55}
  .mts-stat{margin-top:60px;display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap;text-align:left}
  .mts-stat .bignum{font-family:var(--disp);font-size:clamp(64px,9vw,110px);font-weight:900;letter-spacing:-.05em;
    background:linear-gradient(100deg,#7d9bff,#3ed6a5);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
  .mts-stat .desc{max-width:300px}
  .mts-stat .desc b{font-family:var(--disp);font-size:19px;font-weight:700;display:block;letter-spacing:-.01em}
  .mts-stat .desc p{font-size:13px;color:#8f9cba;margin-top:6px}
  .mts-cta{text-align:center;margin-top:52px}
  .sec-cta{text-align:center;margin-top:46px}
  .sec-cta .microtrust{justify-content:center;margin-top:14px}
  .about-cta{margin-top:28px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  .about-cta .hint{font-size:13px;color:var(--faint)}

  /* ---------- dashboard ---------- */
  .dash{padding:104px 0;background:var(--soft);border-bottom:1px solid var(--line-soft)}
  .dash-in{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
  .dash h2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.035em;margin-top:16px}
  .dash .sub{font-size:16.5px}
  .dash ul{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:16px}
  .dash li{display:flex;gap:13px;align-items:flex-start}
  .dash li .di{width:40px;height:40px;border-radius:12px;overflow:hidden;flex:0 0 auto;background:#fff;border:1px solid var(--line);padding:2px}
  .dash li .di img{width:100%;height:100%;object-fit:contain}
  .dash li .di.svgic{display:grid;place-items:center}
  .dash li .di.svgic svg{width:19px;height:19px;color:var(--blue)}
  .dash li b{display:block;font-family:var(--disp);font-size:15.5px;font-weight:700;letter-spacing:-.01em}
  .dash li span{font-size:13.5px;color:var(--body)}
  .dash-vis{position:relative}
  .browser{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-lg);overflow:hidden;
    transition:transform .5s var(--ease)}
  .dash-vis:hover .browser{transform:translateY(-6px)}
  .browser .bar{display:flex;align-items:center;gap:6px;padding:11px 15px;background:var(--soft);border-bottom:1px solid var(--line-soft)}
  .browser .bar i{width:10px;height:10px;border-radius:50%;background:#e1e3e8}
  .browser .bar .url{margin-left:10px;font-family:var(--mono);font-size:11px;color:var(--faint);
    background:#fff;border:1px solid var(--line);padding:3px 12px;border-radius:7px}
  .browser img{width:100%}
  .dash-fl{position:absolute;bottom:-16px;left:-18px;background:#fff;border:1px solid var(--line);border-radius:15px;
    box-shadow:var(--sh);padding:12px 16px;display:flex;align-items:center;gap:10px;animation:float 5.5s ease-in-out infinite}
  .dash-fl .ld{width:9px;height:9px;border-radius:50%;background:var(--green);animation:blink 1.8s infinite}
  .dash-fl b{font-family:var(--disp);font-size:13.5px;font-weight:700}
  .dash-fl small{display:block;font-size:11px;color:var(--faint)}

  /* ---------- optimization loop ---------- */
  .opt{padding:104px 0;background:#fff;border-bottom:1px solid var(--line-soft)}
  .opt-head{text-align:center;max-width:660px;margin:0 auto 52px}
  .opt-head .sub{margin-left:auto;margin-right:auto}
  .opt-loop{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
  .opt-step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;position:relative;transition:.25s var(--ease)}
  .opt-step:hover{transform:translateY(-4px);box-shadow:var(--sh)}
  .opt-step .on{font-family:var(--mono);font-size:11px;color:var(--faint);letter-spacing:.06em}
  .opt-step .oic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin:14px 0 16px}
  .opt-step .oic svg{width:23px;height:23px}
  .opt-step:nth-child(1) .oic{background:var(--blue-t);color:var(--blue)}
  .opt-step:nth-child(2) .oic{background:var(--green-t);color:var(--green)}
  .opt-step:nth-child(3) .oic{background:var(--purple-t);color:var(--purple)}
  .opt-step:nth-child(4) .oic{background:var(--blue-t);color:var(--blue)}
  .opt-step h4{font-size:16.5px;font-weight:700;letter-spacing:-.01em;margin-bottom:7px}
  .opt-step p{font-size:13.5px;color:var(--body)}
  .opt-step .oarr{position:absolute;top:50%;right:-14px;transform:translateY(-50%);z-index:2;color:var(--muted-2)}
  .opt-step .oarr svg{width:22px;height:22px;color:#c4cad6}
  .opt-loop-note{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px;
    background:#fff;border:1px solid var(--line);border-radius:999px;padding:12px 22px;width:fit-content;margin-left:auto;margin-right:auto;box-shadow:var(--sh-xs)}
  .opt-loop-note .oi{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;
    background:var(--blue-t);color:var(--blue);flex:0 0 auto}
  .opt-loop-note .oi svg{width:17px;height:17px;animation:spin 8s linear infinite}
  .opt-loop-note span{font-size:14px;color:var(--ink-2);font-weight:500}
  .opt-loop-note span b{color:var(--ink);font-weight:700}
  .opt-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
  .opt-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
  .opt-card .oc-ic{width:42px;height:42px;border-radius:11px;background:var(--soft-2);display:grid;place-items:center;margin-bottom:14px}
  .opt-card .oc-ic svg{width:21px;height:21px;color:var(--ink)}
  .opt-card h4{font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}
  .opt-card p{font-size:13.5px;color:var(--body)}

  /* ---------- timeline slim ---------- */
  .tl-sec{padding:96px 0}
  .tl-head{text-align:center;max-width:600px;margin:0 auto 48px}
  .tl{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
  .tl::before{content:"";position:absolute;top:24px;left:7%;right:7%;height:2px;
    background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 16px)}
  .tli .day{position:relative;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);
    border-radius:999px;padding:11px 17px;font-family:var(--mono);font-size:11.5px;font-weight:500;box-shadow:var(--sh-xs);z-index:1}
  .tli .day i{width:9px;height:9px;border-radius:50%;background:var(--blue)}
  .tli:nth-child(2) .day i{background:var(--purple)}
  .tli:nth-child(3) .day i{background:var(--amber)}
  .tli:nth-child(4) .day i{background:var(--green)}
  .tli h4{font-size:16px;font-weight:700;letter-spacing:-.01em;margin:18px 0 6px}
  .tli p{font-size:13.5px;color:var(--body)}

  /* ---------- calculator ---------- */
  .calc{padding:100px 0}
  .calc-head{text-align:center;max-width:640px;margin:0 auto 40px}
  .calc-head .sub{margin-left:auto;margin-right:auto}
  .calc-tabs{display:flex;gap:6px;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:6px;max-width:520px;margin:0 auto 28px}
  .calc-tab{flex:1;border:none;background:none;font-family:var(--disp);font-weight:600;font-size:14px;color:var(--body);
    padding:11px 10px;border-radius:10px;cursor:pointer;transition:.2s var(--ease);display:flex;align-items:center;justify-content:center;gap:8px}
  .calc-tab .cd{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
  .calc-tab[data-c="email"] .cd{background:var(--green)}
  .calc-tab[data-c="li"] .cd{background:var(--purple)}
  .calc-tab[data-c="call"] .cd{background:var(--blue)}
  .calc-tab.active{background:#fff;color:var(--ink);box-shadow:var(--sh-sm)}
  .calc-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
  .calc-panel{display:none}
  .calc-panel.active{display:contents}
  .calc-controls{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px}
  .calc-controls h3{font-size:18px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}
  .calc-controls h3 .badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}
  .cbadge-email{color:#00795a;background:var(--green-t)}
  .cbadge-li{color:#6233cc;background:var(--purple-t)}
  .cbadge-call{color:var(--blue-d);background:var(--blue-t)}
  .calc-controls .note{font-size:13px;color:var(--faint);margin-top:6px;margin-bottom:22px}
  .ctrl{margin-bottom:22px}
  .ctrl:last-child{margin-bottom:0}
  .ctrl .lbl{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}
  .ctrl .lbl span{font-size:14px;font-weight:500;color:var(--ink-2)}
  .ctrl .lbl b{font-family:var(--disp);font-size:15px;font-weight:700;color:var(--ink)}
  .ctrl .lbl b em{font-style:normal;color:var(--faint);font-weight:500;font-size:12.5px;margin-left:3px}
  input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;
    background:var(--line);outline:none;cursor:pointer}
  input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;
    background:#fff;border:2px solid var(--blue);box-shadow:0 2px 6px rgba(36,84,255,.35);cursor:pointer;transition:.15s}
  input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}
  input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--blue);
    box-shadow:0 2px 6px rgba(36,84,255,.35);cursor:pointer}
  input[type=range].r-green::-webkit-slider-thumb{border-color:var(--green);box-shadow:0 2px 6px rgba(0,168,120,.35)}
  input[type=range].r-green::-moz-range-thumb{border-color:var(--green)}
  input[type=range].r-purple::-webkit-slider-thumb{border-color:var(--purple);box-shadow:0 2px 6px rgba(123,70,240,.35)}
  input[type=range].r-purple::-moz-range-thumb{border-color:var(--purple)}
  .stepper{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;width:fit-content}
  .stepper button{width:40px;height:40px;border:none;background:var(--soft);font-size:20px;font-weight:600;color:var(--ink);cursor:pointer;transition:.15s;line-height:1}
  .stepper button:hover{background:var(--line-soft)}
  .stepper .val{min-width:52px;text-align:center;font-family:var(--disp);font-weight:700;font-size:16px}
  .seg{display:flex;gap:6px}
  .seg button{flex:1;border:1px solid var(--line);background:#fff;font-family:var(--disp);font-weight:600;font-size:14px;
    color:var(--body);padding:11px 6px;border-radius:10px;cursor:pointer;transition:.15s}
  .seg button.on{border-color:var(--blue);background:var(--blue-t);color:var(--blue-d)}
  .calc-controls .derived{margin-top:6px;font-size:12.5px;color:var(--faint)}
  .calc-controls .derived b{color:var(--ink-2);font-weight:600}
  .assumptions{margin-top:26px;background:var(--soft);border:1px solid var(--line-soft);border-radius:14px;padding:18px 20px}
  .assumptions .as-h{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:12px;display:flex;align-items:center;gap:7px}
  .assumptions .as-h svg{width:13px;height:13px}
  .as-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;font-size:13.5px;border-bottom:1px solid var(--line-soft)}
  .as-row:last-child{border-bottom:none}
  .as-row span{color:var(--body)}
  .as-row b{font-family:var(--disp);font-weight:700;color:var(--ink)}

  /* result */
  .calc-result{background:linear-gradient(150deg,#0c1230,#111a44 55%,#0c2136);border-radius:var(--r);color:#fff;
    padding:32px;position:relative;overflow:hidden;display:flex;flex-direction:column}
  .calc-result::before{content:"";position:absolute;inset:0;background:
    radial-gradient(420px 240px at 88% -20%, rgba(36,84,255,.4),transparent 60%),
    radial-gradient(360px 220px at -5% 120%, rgba(0,168,120,.26),transparent 55%)}
  .calc-result>*{position:relative}
  .calc-result .rlabel{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#8fa0c4}
  .calc-result .rbig{font-family:var(--disp);font-size:clamp(52px,8vw,76px);font-weight:900;letter-spacing:-.05em;line-height:1;margin:8px 0 2px;
    background:linear-gradient(100deg,#fff,#9db4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
  .calc-result .rbigsub{font-size:15px;color:#c3cde3;font-weight:500}
  .calc-result .funnel{margin-top:26px;display:flex;flex-direction:column;gap:12px}
  .frow .ft{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}
  .frow .ft span{font-size:12.5px;color:#a5b0c9}
  .frow .ft b{font-family:var(--disp);font-size:14.5px;font-weight:700;color:#fff}
  .fbar{height:8px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}
  .fbar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3d6bff,#5d7dff);transition:width .6s var(--ease)}
  .fbar.g i{background:linear-gradient(90deg,#00a878,#3ed6a5)}
  .fbar.v i{background:linear-gradient(90deg,#7b46f0,#a37ff5)}
  .fbar.gold i{background:linear-gradient(90deg,#e8930c,#ffc65c)}
  .calc-result .rclose{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between}
  .calc-result .rclose .rc-l{font-size:13px;color:#a5b0c9}
  .calc-result .rclose .rc-v{font-family:var(--disp);font-size:26px;font-weight:800;letter-spacing:-.02em;color:#3ed6a5}

  /* combined multitouch */
  .calc-combo{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 30px;
    display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
  .calc-combo .cc-l{display:flex;align-items:center;gap:16px}
  .calc-combo .cc-ic{width:52px;height:52px;border-radius:14px;overflow:hidden;flex:0 0 auto}
  .calc-combo .cc-ic img{width:100%;height:100%;object-fit:contain}
  .calc-combo .cc-t b{font-family:var(--disp);font-size:16px;font-weight:700;display:block;letter-spacing:-.01em}
  .calc-combo .cc-t span{font-size:13px;color:var(--body)}
  .calc-combo .cc-r{text-align:right}
  .calc-combo .cc-r .big{font-family:var(--disp);font-size:34px;font-weight:900;letter-spacing:-.03em;
    background:linear-gradient(100deg,var(--blue),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
  .calc-combo .cc-r .lil{font-size:12.5px;color:var(--faint);margin-top:3px}
  .calc-combo .cc-r .lil b{color:#00795a;font-weight:700}
  .calc-cta{text-align:center;margin-top:26px}
  .calc-disclaimer{text-align:center;font-size:12px;color:var(--faint);margin-top:16px;max-width:620px;margin-left:auto;margin-right:auto}

  /* ---------- packages ---------- */
  .pk{padding:96px 0;background:var(--soft);border-top:1px solid var(--line-soft)}
  .pk-head{text-align:center;max-width:640px;margin:0 auto 48px}
  .pk-head .sub{margin-left:auto;margin-right:auto}
  .pk-feat{position:relative;background:linear-gradient(135deg,#0c1230 0%,#111a44 50%,#0c2136 100%);
    border-radius:26px;color:#fff;padding:44px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;
    box-shadow:0 30px 80px rgba(12,18,48,.35)}
  .pk-feat::before{content:"";position:absolute;inset:0;background:
    radial-gradient(560px 320px at 90% -20%, rgba(36,84,255,.4), transparent 60%),
    radial-gradient(440px 300px at -5% 120%, rgba(0,168,120,.28), transparent 55%)}
  .pk-feat > *{position:relative}
  .pk-feat .rib{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--blue),var(--purple));
    font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
  .pk-feat h3{font-family:var(--disp);font-size:clamp(26px,3.4vw,38px);font-weight:900;letter-spacing:-.035em;margin-top:18px;line-height:1.08}
  .pk-feat .pp{color:#aab5d4;font-size:15.5px;margin-top:12px;max-width:440px}
  .pk-feat ul{list-style:none;margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:11px 20px}
  .pk-feat li{display:flex;gap:9px;font-size:13.5px;color:#dbe2f2;align-items:flex-start}
  .pk-feat li svg{width:17px;height:17px;color:#3ed6a5;flex:0 0 auto;margin-top:1px}
  .pk-feat .cta-row{display:flex;align-items:center;gap:18px;margin-top:30px;flex-wrap:wrap}
  .pk-feat .plus{font-size:12.5px;color:#8fa0c4}
  .pk-feat .plus b{color:#3ed6a5}
  .pk-feat-vis{position:relative;display:flex;justify-content:center}
  .pk-orb{position:relative;width:min(300px,80%);aspect-ratio:1}
  .pk-orb .oimg{position:absolute;inset:10%;border-radius:50%;overflow:hidden;background:#fff;
    box-shadow:0 0 80px 10px rgba(36,84,255,.4)}
  .pk-orb .oimg img{width:100%;height:100%;object-fit:cover;transform:scale(1.15)}
  .pk-orb .oring{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(125,155,255,.4);animation:spin 26s linear infinite}
  .pk-orb .sat{position:absolute;width:52px;height:52px;border-radius:15px;overflow:hidden;background:#fff;
    border:2px solid rgba(255,255,255,.6);box-shadow:0 8px 24px rgba(0,0,0,.35);padding:3px}
  .pk-orb .sat img{width:100%;height:100%;object-fit:contain}
  .pk-orb .s1{top:-6px;left:50%;transform:translateX(-50%);animation:float 4.5s ease-in-out infinite}
  .pk-orb .s2{bottom:8%;left:-10px;animation:float 5.4s ease-in-out infinite reverse}
  .pk-orb .s3{bottom:8%;right:-10px;animation:float 6.2s ease-in-out infinite}
  .pk-single-label{text-align:center;margin:44px 0 22px;font-size:13px;color:var(--faint);font-weight:500;
    display:flex;align-items:center;gap:16px}
  .pk-single-label::before,.pk-single-label::after{content:"";flex:1;height:1px;background:var(--line)}
  .pk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .pkc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;transition:.25s var(--ease);position:relative}
  .pkc .newb{position:absolute;top:20px;right:20px;font-size:10.5px;font-weight:700;letter-spacing:.06em;
    color:#fff;background:linear-gradient(90deg,var(--purple),#c94df0);padding:4px 10px;border-radius:999px}
  .pkc:hover{transform:translateY(-4px);box-shadow:var(--sh)}
  .pkc .ic{width:56px;height:56px;border-radius:15px;overflow:hidden;margin-bottom:16px}
  .pkc .ic img{width:100%;height:100%;object-fit:contain}
  .pkc h4{font-size:18.5px;font-weight:700;letter-spacing:-.02em}
  .pkc .pd{font-size:13px;color:var(--faint);margin-top:4px}
  .pkc ul{list-style:none;margin:18px 0 22px;display:flex;flex-direction:column;gap:10px}
  .pkc li{display:flex;gap:9px;font-size:13.5px;color:var(--ink-2);align-items:flex-start}
  .pkc li svg{width:16px;height:16px;color:var(--green);flex:0 0 auto;margin-top:2px}
  .pkc .btn{margin-top:auto;width:100%;padding:12px}
  .pk-note{text-align:center;font-size:12.5px;color:var(--faint);margin-top:22px}

  /* ---------- proof ---------- */
  .proof{padding:96px 0 40px}
  .proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
  .quote{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;transition:.25s var(--ease)}
  .quote:hover{transform:translateY(-4px);box-shadow:var(--sh)}
  .quote .num{font-family:var(--disp);font-size:36px;font-weight:900;letter-spacing:-.04em;color:var(--blue)}
  .quote .num small{font-size:13.5px;font-weight:600;color:var(--body);letter-spacing:0;margin-left:7px}
  .quote p{font-size:14px;color:var(--ink-2);line-height:1.6;margin-top:12px;flex:1}
  .quote .who{display:flex;align-items:center;gap:11px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line-soft)}
  .quote .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--disp);font-weight:700;font-size:12.5px}
  .quote .nm{font-size:13px;font-weight:600}
  .quote .rl{font-size:11.5px;color:var(--faint)}

  /* ---------- FAQ ---------- */
  .faq-sec{padding:56px 0 96px}
  .faq-head{text-align:center;max-width:560px;margin:0 auto 40px}
  .faq-list{max-width:760px;margin:0 auto}
  .fq{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;margin-bottom:10px;overflow:hidden;transition:.15s}
  .fq.open{box-shadow:var(--sh-sm);border-color:#d4d9e3}
  .fq .q{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 22px;
    font-family:var(--disp);font-weight:600;font-size:16px;letter-spacing:-.01em;cursor:pointer;width:100%;background:none;border:none;text-align:left;color:var(--ink)}
  .fq .q .x{width:26px;height:26px;border-radius:8px;background:var(--soft-2);display:grid;place-items:center;flex:0 0 auto;transition:.25s var(--ease);color:var(--body)}
  .fq.open .q .x{background:var(--blue);color:#fff;transform:rotate(45deg)}
  .fq .x svg{width:13px;height:13px}
  .fq .a{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}
  .fq .a p{padding:0 22px 20px;font-size:14.5px;color:var(--body);line-height:1.65}

  /* ---------- final ---------- */
  .fin{padding:0 0 100px}
  .fin-box{border:1px solid var(--line);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);box-shadow:var(--sh)}
  .fin-l,.fin-r{min-width:0}
  .fin-l{padding:48px 46px;background:#fff}
  .fin-l h2{font-size:clamp(26px,3.2vw,38px);font-weight:800;letter-spacing:-.035em;margin-top:14px;line-height:1.08}
  .fin-l .fp{font-size:15.5px;color:var(--body);margin-top:14px}
  .fin-l ul{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:12px}
  .fin-l li{display:flex;gap:10px;font-size:14.5px;color:var(--ink-2);align-items:flex-start}
  .fin-l li svg{width:18px;height:18px;color:var(--green);flex:0 0 auto;margin-top:2px}
  .fin-r{background:var(--soft);padding:36px 32px;border-left:1px solid var(--line-soft)}
  .cal-embed{margin-top:16px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--sh-xs)}
  .fin-r h3{font-family:var(--disp);font-size:19px;font-weight:700;letter-spacing:-.02em}
  .fin-r .fs{font-size:13.5px;color:var(--body);margin-top:6px;margin-bottom:22px}
  .field{margin-bottom:14px}
  .field label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px;color:var(--ink-2)}
  .field input,.field select{width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:13px;
    font-family:inherit;font-size:14.5px;background:#fff;color:var(--ink);transition:.15s;-webkit-appearance:none;appearance:none}
  .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234b5468' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
  .field input:focus,.field select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-t2)}
  .field input::placeholder{color:#a6adbe}
  .fin-r .btn{width:100%;margin-top:6px}
  .fin-r .privacy{font-size:11.5px;color:var(--faint);text-align:center;margin-top:12px;line-height:1.5}
  .form-ok{display:none;text-align:center;padding:40px 10px}
  .form-ok.show{display:block}
  .form-ok .okic{width:56px;height:56px;border-radius:50%;background:var(--green-t);display:grid;place-items:center;margin:0 auto 16px}
  .form-ok .okic svg{width:26px;height:26px;color:var(--green)}
  .form-ok h4{font-size:19px;font-weight:700}
  .form-ok p{font-size:14px;color:var(--body);margin-top:8px}

  /* ---------- footer ---------- */
  footer{border-top:1px solid var(--line);padding:44px 0 30px;background:#fff}
  .ft{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}
  .ft .brand p{font-size:13px;color:var(--faint);margin-top:10px;max-width:300px}
  .ft-links{display:flex;gap:48px;flex-wrap:wrap}
  .ft-links .col h6{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:12px;font-weight:500}
  .ft-links .col a{display:block;font-size:13.5px;color:var(--body);padding:4px 0}
  .ft-links .col a:hover{color:var(--ink)}
  .ft-btm{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
    margin-top:36px;padding-top:22px;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--faint)}
  .ft-btm .lg{display:flex;gap:18px}
  .ft-btm .lg a:hover{color:var(--ink)}
  .made{display:inline-flex;align-items:center;gap:7px}
  .made .flag{width:17px;height:11px;border-radius:2px;overflow:hidden;display:inline-flex;flex-direction:column;border:1px solid var(--line)}
  .made .flag i{flex:1}.made .flag i:nth-child(1){background:#000}.made .flag i:nth-child(2){background:#DD0000}.made .flag i:nth-child(3){background:#FFCE00}

  .mcta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:55;background:rgba(255,255,255,.92);
    backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:11px 16px calc(11px + env(safe-area-inset-bottom))}
  .mcta .btn{width:100%}

  /* ---------- premium motion layer ---------- */
  header{transition:box-shadow .3s var(--ease)}
  header.scrolled{box-shadow:0 10px 34px rgba(10,15,30,.07)}
  .btn-p,.btn-w{position:relative;overflow:hidden}
  .btn-p::after,.btn-w::after{content:"";position:absolute;top:0;bottom:0;left:-80%;width:50%;
    background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);
    transform:skewX(-20deg);transition:left .05s}
  .btn-p:hover::after,.btn-w:hover::after{left:130%;transition:left .6s var(--ease)}
  .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
  .w i{display:inline-block;font-style:inherit;transform:translateY(120%);transition:transform .85s var(--ease)}
  .on .w i,.wr-done .w i{transform:none}
  .tiltwrap{perspective:1100px}
  .tiltwrap .tiltee{transition:transform .5s var(--ease);will-change:transform}
  @media (prefers-reduced-motion: no-preference){
  }
  @media (prefers-reduced-motion: reduce){.w i{transform:none;transition:none}}

  /* ---------- about ---------- */
  .about{padding:104px 0;border-bottom:1px solid var(--line-soft)}
  .about-in{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}
  .ceo-card{position:relative}
  .ceo-card .photo{border-radius:24px;overflow:hidden;box-shadow:var(--sh-lg);aspect-ratio:4/4.6;
    background:linear-gradient(135deg,#0c1230,#111a44)}
  .ceo-card .photo img{width:100%;height:100%;object-fit:cover;display:block}
  .ceo-card .photo .ph-fallback{display:none;width:100%;height:100%;place-items:center;color:#fff;
    font-family:var(--disp);font-size:64px;font-weight:800;letter-spacing:-.02em;
    background:linear-gradient(135deg,var(--blue),var(--purple))}
  .ceo-chip{position:absolute;bottom:-16px;left:22px;right:auto;background:rgba(255,255,255,.9);
    backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);
    padding:12px 18px;display:flex;align-items:center;gap:11px}
  .ceo-chip .dotp{width:9px;height:9px;border-radius:50%;background:var(--green)}
  .ceo-chip b{font-family:var(--disp);font-size:14.5px;font-weight:700;display:block;letter-spacing:-.01em}
  .ceo-chip small{font-size:11.5px;color:var(--faint)}
  .about h2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.035em;margin-top:16px}
  .about .story{font-size:16px;color:var(--body);margin-top:18px;max-width:560px}
  .about .story b{color:var(--ink);font-weight:600}
  .about .story + .story{margin-top:12px}
  .about-stats{display:flex;gap:0;margin:28px 0 24px;border-top:1px solid var(--line-soft);padding-top:22px}
  .astat{padding-right:30px;margin-right:30px;border-right:1px solid var(--line-soft)}
  .astat:last-child{border:none;margin:0;padding-right:0}
  .astat .v{font-family:var(--disp);font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
  .astat .v span{color:var(--blue)}
  .astat .l{font-size:12.5px;color:var(--faint);margin-top:2px}
  .about-checks{display:flex;flex-wrap:wrap;gap:9px}
  .about-checks span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;
    color:var(--ink-2);background:var(--soft);border:1px solid var(--line-soft);padding:8px 14px;border-radius:999px}
  .about-checks svg{width:14px;height:14px;color:var(--green)}

  /* ---------- testimonials ---------- */
  .testi{padding:96px 0 100px;background:var(--soft);border-top:1px solid var(--line-soft)}
  .testi-head{text-align:center;max-width:560px;margin:0 auto 44px}
  .t-stage{max-width:820px;margin:0 auto;display:grid;text-align:center;position:relative}
  .t-slide{grid-area:1/1;opacity:0;transform:translateY(14px) scale(.99);
    transition:opacity .55s var(--ease),transform .55s var(--ease);pointer-events:none}
  .t-slide.active{opacity:1;transform:none;pointer-events:auto}
  .t-quote{font-family:var(--disp);font-size:clamp(20px,2.9vw,29px);font-weight:600;letter-spacing:-.022em;
    line-height:1.35;color:var(--ink)}
  .t-quote::before{content:"\201E"}.t-quote::after{content:"\201C"}
  .t-meta{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
  .t-meta .nm{font-size:14.5px;font-weight:700;font-family:var(--disp)}
  .t-meta .rl{font-size:13px;color:var(--faint)}
  .t-meta .chip{font-size:11.5px}
  .t-nav{display:flex;justify-content:center;gap:14px;margin-top:36px}
  .t-btn{position:relative;width:54px;height:54px;border-radius:50%;padding:0;border:none;background:none;cursor:pointer}
  .t-btn img{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:grayscale(1);opacity:.55;
    transition:.35s var(--ease);display:block}
  .t-btn::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid transparent;transition:.3s}
  .t-btn.active img{filter:none;opacity:1;transform:scale(1.04)}
  .t-btn.active::after{border-color:var(--blue)}
  .t-btn:hover img{opacity:1}

  /* ---------- responsive ---------- */
  @media(max-width:1020px){
    .hero-in{grid-template-columns:1fr;gap:44px}
    .chan-grid,.proof-grid{grid-template-columns:1fr}
    .pk-grid{grid-template-columns:1fr 1fr}
    .mts-flow{grid-template-columns:1fr;gap:22px}
    .mlink{display:none}
    .mts-src{flex-direction:row;flex-wrap:wrap}
    .mts-src .mnode{flex:1;min-width:230px}
    .mts-steps{grid-template-columns:1fr 1fr}
    .dash-in{grid-template-columns:1fr;gap:40px}
    .opt-loop{grid-template-columns:1fr 1fr}
    .opt-step .oarr{display:none}
    .opt-cards{grid-template-columns:1fr}
    .about-in{grid-template-columns:1fr;gap:48px}
    .ceo-card{max-width:420px}
    .tl{grid-template-columns:1fr 1fr;gap:22px}
    .tl::before{display:none}
    .pk-feat{grid-template-columns:1fr;padding:36px 28px}
    .pk-feat ul{grid-template-columns:1fr}
    .fin-box{grid-template-columns:minmax(0,1fr)}
    .fin-r{border-left:none;border-top:1px solid var(--line-soft)}
    .calc-body{grid-template-columns:1fr}
    .nav-l,.nav-r .btn{display:none}
    .burger{display:block}
    .mcta{display:block}
    body{padding-bottom:74px}
  }
  @media(max-width:560px){
    .hero{padding-top:56px}
    .hero-stats{flex-wrap:wrap;gap:16px}
    .hstat{border:none;padding:0;margin:0;min-width:44%}
    .tl,.mts-steps,.pk-grid{grid-template-columns:1fr}
    .fin-l,.fin-r{padding:34px 24px}
    .chan,.mts,.dash,.opt,.tl-sec,.pk,.about,.testi,.calc{padding:64px 0}
    .opt-loop{grid-template-columns:1fr}
    .calc-tabs{flex-direction:column}
    .calc-tab{justify-content:flex-start}
    .calc-combo{flex-direction:column;align-items:flex-start;text-align:left}
    .calc-combo .cc-r{text-align:left}
    .about-stats{flex-wrap:wrap;gap:16px}
    .astat{border:none;padding:0;margin:0;min-width:40%}
    .faq-sec{padding:40px 0 64px}
    .mts-stat{gap:20px}
  }
  /* ---------- hero video player ---------- */
  .hv-video{position:relative;border-radius:26px;overflow:hidden;background:#0a0f1e;box-shadow:0 30px 80px -20px rgba(10,15,30,.45);aspect-ratio:16/9}
  .hv-video video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}
  .hv-sound{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;
    background:rgba(255,255,255,.96);border:none;border-radius:999px;padding:13px 24px;font-family:var(--disp);font-weight:700;font-size:15px;
    color:var(--ink);cursor:pointer;box-shadow:0 12px 34px rgba(10,15,30,.35);transition:transform .2s var(--ease)}
  .hv-sound:hover{transform:translate(-50%,-50%) scale(1.06)}
  .hv-sound svg{width:18px;height:18px;color:var(--blue)}
  .hv-video.sound .hv-sound{display:none}

  /* ---------- case studies ---------- */
  .cases{padding:96px 0}
  .cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
  .case-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column}
  .case-top{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
  .case-logo{height:32px;display:flex;align-items:center}
  .case-logo img{max-height:28px;max-width:100%;width:auto;display:block}
  .case-ind{font-family:var(--disp);font-weight:800;font-size:18px;letter-spacing:-.02em}
  .case-tag{font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap}
  .case-metrics{display:flex;margin:20px 0 16px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:14px 0}
  .case-m{flex:1;padding:0 10px;border-right:1px solid var(--line-soft)}
  .case-m:first-child{padding-left:0}
  .case-m:last-child{border-right:none}
  .case-m .v{font-family:var(--disp);font-weight:900;font-size:19px;letter-spacing:-.02em}
  .case-m .l{font-size:11px;color:var(--faint);margin-top:2px;line-height:1.35}
  .case-txt{font-size:14px;color:var(--body);line-height:1.6;flex:1}
  .cases-note{margin-top:26px;font-size:12.5px;color:var(--faint);text-align:center}
  .case-card{transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
  .case-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px -18px rgba(10,15,30,.18)}
  .case-visual{border-radius:14px;overflow:hidden;margin-top:16px;background:var(--soft,#f7f8fa)}
  .case-visual img{display:block;width:100%;height:auto;transform:scale(1);transition:transform .5s var(--ease)}
  .case-card:hover .case-visual img{transform:scale(1.045)}
  @media (max-width:960px){
    .cases-grid{grid-template-columns:1fr}
    .cases{padding:64px 0}
  }

  /* ---------- consent ---------- */
  .consent-banner{position:fixed;left:18px;bottom:18px;z-index:999;max-width:430px;background:#fff;border:1px solid var(--line);
    border-radius:18px;box-shadow:0 24px 60px -12px rgba(10,15,30,.35);padding:20px;flex-direction:column;gap:14px}
  .consent-banner b{font-family:var(--disp);font-size:15.5px}
  .consent-banner p{font-size:13px;color:var(--body);margin-top:6px;line-height:1.55}
  .consent-banner a{color:var(--blue);font-weight:600}
  .cb-btns{display:flex;gap:10px;flex-wrap:wrap}
  .cb-btns .btn{padding:10px 16px;font-size:14px}
  .cal-consent{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;
    background:var(--soft,#f7f8fa);border:1px dashed var(--line);border-radius:16px;padding:36px 28px}
  .cal-consent svg{width:34px;height:34px;color:var(--blue)}
  .cal-consent h4{font-family:var(--disp);font-size:19px;font-weight:800}
  .cal-consent p{font-size:13.5px;color:var(--body);max-width:420px;line-height:1.6}
  .cal-consent a{color:var(--blue);font-weight:600}
  @media (max-width:640px){.consent-banner{left:10px;right:10px;max-width:none;bottom:10px}}

  /* ---------- mobile polish ---------- */
  @media (max-width:640px){
    .fl{display:none}
    .hero .hstat .v{color:#fff}
    .hero .hstat .v span{color:#7d9bff}
    .hero .hstat .l{color:#aeb9d6}
    .hstat{border-right-color:rgba(255,255,255,.18)}
    .hv-sound{white-space:nowrap;padding:10px 18px;font-size:13.5px}
    .consent-banner{padding:14px 16px;gap:10px}
    .consent-banner b{font-size:13.5px}
    .consent-banner p{font-size:12px;margin-top:4px}
    .cb-btns .btn{padding:8px 14px;font-size:13px}
  }

/* --- Sprachumschalter (nicht in der Vorlage enthalten, bewusst ergaenzt) --- */
.da-lang{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:9px;
  background:var(--soft,#f7f8fa);border:1px solid var(--line-soft,#f0f1f5)}
.da-lang a{display:inline-block;padding:4px 9px;border-radius:6px;font-size:12.5px;
  font-weight:600;letter-spacing:.02em;color:var(--faint,#8a92a6);text-decoration:none;
  line-height:1.2;transition:color .15s,background .15s}
.da-lang a:hover{color:var(--ink,#0a0f1e);text-decoration:none}
.da-lang a.is-active{background:#fff;color:var(--ink,#0a0f1e);
  box-shadow:0 1px 2px rgba(10,15,30,.08)}
@media(max-width:980px){.nav-r .da-lang{display:none}}   /* mobil steckt er im Menue */
.mmenu .da-lang{margin-top:14px;align-self:flex-start}
.da-legal .da-lang,header .nav .da-lang{margin-left:14px}