:root{
    --bg:#08090c;
    --bg-2:#0d0f14;
    --surface:#111419;
    --surface-2:#151922;
    --text:#f4f6fb;
    --text-2:#9aa3b2;
    --text-3:#7d8899; /* ponytail: WCAG AA 5.5:1 on --bg; don't darken below #76818f */
    --line:rgba(255,255,255,0.09);
    --line-2:rgba(255,255,255,0.14);
    --blue:#3b82f6;
    --cyan:#22d3ee;
    --grad:linear-gradient(120deg,#4f8bff,#22d3ee);
    --grad-soft:linear-gradient(120deg,rgba(79,139,255,0.16),rgba(34,211,238,0.16));
    --glow:0 0 0 1px rgba(79,139,255,0.35),0 20px 60px -18px rgba(34,211,238,0.35);
    --ease:cubic-bezier(0.16,1,0.3,1);
    --maxw:1220px;
    --gutter:clamp(20px,4vw,40px);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
  body{font-family:'Manrope',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  ::selection{background:var(--cyan);color:#04121a}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  h1,h2,h3,h4{font-family:'Sora',sans-serif;font-weight:700;letter-spacing:-0.03em;line-height:1.04}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
  .grad-t{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .mono{font-family:'JetBrains Mono',monospace}
  ::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--bg)}
  ::-webkit-scrollbar-thumb{background:#20252f;border-radius:20px;border:3px solid var(--bg)}
  ::-webkit-scrollbar-thumb:hover{background:#2b323f}

  /* aurora + grain */
  .aurora{position:fixed;inset:0;z-index:-2;background:var(--bg);overflow:hidden}
  .aurora b{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.45;will-change:transform}
  .aurora .x1{width:52vw;height:52vw;left:-10vw;top:-16vw;background:radial-gradient(circle,rgba(59,130,246,0.5),transparent 60%);animation:au1 26s var(--ease) infinite}
  .aurora .x2{width:44vw;height:44vw;right:-12vw;top:6vw;background:radial-gradient(circle,rgba(34,211,238,0.32),transparent 62%);animation:au2 32s var(--ease) infinite}
  .aurora .x3{width:40vw;height:40vw;left:20vw;bottom:-18vw;background:radial-gradient(circle,rgba(99,102,241,0.22),transparent 64%);animation:au1 38s var(--ease) infinite reverse}
  @keyframes au1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(4%,6%) scale(1.12)}}
  @keyframes au2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-5%,4%) scale(1.15)}}
  .grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0.05;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

  .progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:80;transform:scaleX(0);transform-origin:0 50%;background:var(--grad)}
  @supports (animation-timeline: scroll()){.progress{animation:pg linear both;animation-timeline:scroll(root block)}@keyframes pg{to{transform:scaleX(1)}}}

  .skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--cyan);color:#04121a;font-weight:700;padding:12px 20px;border-radius:0 0 10px 0}
  .skip:focus{left:0}
  .eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'JetBrains Mono';font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-2);
    background:rgba(255,255,255,0.04);border:1px solid var(--line);border-radius:100px;padding:7px 15px 7px 12px;backdrop-filter:blur(8px)}
  .eyebrow .d{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:blink 2.4s var(--ease) infinite}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:0.35}}

  .btn{display:inline-flex;align-items:center;gap:9px;font-family:'Manrope';font-weight:600;font-size:15px;padding:13px 24px;border-radius:12px;
    transition:transform .2s var(--ease),box-shadow .35s var(--ease),background .3s;cursor:pointer;border:1px solid transparent;position:relative;overflow:hidden;white-space:nowrap}
  .btn .a{transition:transform .25s var(--ease)}.btn:hover .a{transform:translateX(4px)}
  .btn-primary{background:var(--grad);color:#04121a;font-weight:700;box-shadow:0 14px 34px -12px rgba(34,211,238,0.55)}
  .btn-primary:hover{box-shadow:0 18px 44px -12px rgba(34,211,238,0.8);transform:translateY(-1px)}
  .btn-primary:active{transform:translateY(0)}
  .btn-glass{background:rgba(255,255,255,0.05);border-color:var(--line-2);color:var(--text);backdrop-filter:blur(10px)}
  .btn-glass:hover{background:rgba(255,255,255,0.09)}
  .btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;pointer-events:none;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.4),transparent);transform:skewX(-20deg);transition:left .7s var(--ease)}
  .btn:hover::after{left:140%}

  /* reveal */
  .reveal{opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease)}
  .reveal.in{opacity:1;transform:none;filter:blur(0)}
  [data-d="1"]{transition-delay:.09s}[data-d="2"]{transition-delay:.18s}[data-d="3"]{transition-delay:.27s}[data-d="4"]{transition-delay:.36s}

  /* frames + glass */
  .frame{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--surface);transition:box-shadow .5s var(--ease),transform .5s var(--ease),border-color .5s}
  .frame img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
  .frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 35%,rgba(6,7,10,0.6))}
  .glass{background:rgba(17,20,25,0.72);backdrop-filter:blur(18px) saturate(1.3);border:1px solid var(--line-2);
    box-shadow:0 24px 50px -22px rgba(0,0,0,0.8),inset 0 1px 0 rgba(255,255,255,0.06)}
  /* gradient hairline border card */
  .gcard{position:relative;background:var(--surface);border-radius:22px}
  .gcard::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
    background:linear-gradient(150deg,rgba(255,255,255,0.16),rgba(255,255,255,0.02) 45%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:background .4s}
  .gcard:hover::before{background:linear-gradient(150deg,rgba(79,139,255,0.6),rgba(34,211,238,0.25) 60%)}
  /* spotlight */
  .spot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;
    background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(79,139,255,0.14),transparent 62%)}
  .spot:hover::after{opacity:1}

  /* ---------- NAV ---------- */
  header{position:fixed;top:0;left:0;right:0;z-index:70;padding-top:16px;transition:padding .4s var(--ease)}
  .nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 10px 10px 20px;border-radius:16px;
    background:rgba(13,15,20,0.55);border:1px solid var(--line);backdrop-filter:blur(18px) saturate(1.4);transition:all .4s var(--ease)}
  header.scrolled .nav{background:rgba(11,13,17,0.85);box-shadow:0 16px 40px -20px rgba(0,0,0,0.7)}
  /* ponytail: logo PNG is 500x500 but the artwork is only 453x144 (~35% transparent
     padding top/bottom). object-fit crops that dead space so the mark reads at its
     real size. If the logo file is ever replaced, re-measure or drop these 3 lines. */
  .brand img{height:36px;width:124px;object-fit:cover;object-position:center 48.7%;
    filter:brightness(0) invert(1);opacity:0.95;transition:transform .3s var(--ease)}
  .brand:hover img{transform:scale(1.05)}
  .nav-links{display:flex;align-items:center;gap:28px}
  .nav-links a{font-size:14.5px;font-weight:500;color:var(--text-2);transition:color .25s;position:relative}
  .nav-links a:hover{color:var(--text)}
  .nav .right{display:flex;align-items:center;gap:12px}
  .nav .btn{padding:10px 18px;font-size:14px}
  .menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:9px}
  .menu-btn span{width:22px;height:2px;background:var(--text);border-radius:2px;transition:.3s}

  /* ---------- HERO ---------- */
  .hero{position:relative;padding:clamp(120px,16vh,180px) 0 clamp(50px,7vw,90px)}
  .hero-copy>*{opacity:0;animation:heroUp .9s var(--ease) both}
  .hero-copy>*:nth-child(1){animation-delay:.1s}.hero-copy>*:nth-child(2){animation-delay:.22s}.hero-copy>*:nth-child(3){animation-delay:.34s}.hero-copy>*:nth-child(4){animation-delay:.46s}.hero-copy>*:nth-child(5){animation-delay:.58s}
  @keyframes heroUp{from{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
  .hero h1{font-size:clamp(40px,6.2vw,82px);font-weight:800;letter-spacing:-0.035em;margin-top:24px}
  .hero h1 .l2{color:var(--text-2);font-weight:600}
  .hero .sub{font-size:clamp(16px,1.4vw,19px);color:var(--text-2);max-width:52ch;margin-top:26px}
  .hero .cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
  .hero .mini{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}
  .hero .mini .m{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--text-2);font-family:'JetBrains Mono';border:1px solid var(--line);border-radius:100px;padding:8px 14px;background:rgba(255,255,255,0.02)}
  .hero .mini .m svg{color:var(--cyan)}

  @keyframes float1{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  @keyframes float2{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
  .fc .t{font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-3)}
  .fc .row{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-top:9px}
  .fc .row+.row{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
  .fc .k{font-size:12.5px;color:var(--text-2)}.fc .v{font-family:'Sora';font-weight:700;font-size:14px}
  .fc2 .big{font-family:'Sora';font-weight:800;font-size:26px}
  .fc2 .cap{font-size:11.5px;color:var(--text-2);margin-top:2px}

  /* ---------- MARQUEE ---------- */
  .marq{margin-top:clamp(46px,6vw,80px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;overflow:hidden;
    -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .marq .track{display:flex;gap:52px;width:max-content;animation:scroll 38s linear infinite}
  .marq:hover .track{animation-play-state:paused}
  @keyframes scroll{to{transform:translateX(-50%)}}
  .marq .i{font-family:'Sora';font-weight:600;font-size:17px;color:var(--text-3);display:inline-flex;align-items:center;gap:52px;letter-spacing:-0.01em}
  .marq .i::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan);opacity:0.6}

  /* ---------- SECTION ---------- */
  section{position:relative}
  .pad{padding:clamp(64px,9vw,120px) 0}
  .head{max-width:640px;margin-bottom:clamp(38px,4vw,56px)}
  .head.mid{margin-inline:auto;text-align:center}
  .head h2{font-size:clamp(30px,4.2vw,52px);font-weight:700;margin-top:18px}
  .head p{font-size:17px;color:var(--text-2);margin-top:18px}

  /* stats */
  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .stat{padding:30px 26px;border-radius:18px;position:relative}
  .stat .n{font-family:'Sora';font-weight:800;font-size:clamp(34px,4vw,48px);letter-spacing:-0.03em;line-height:1}
  .stat .l{color:var(--text-2);font-size:14px;margin-top:12px}

  /* ---------- PRODUCTS ---------- */
  .feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,3.5vw,52px);align-items:center;padding:clamp(24px,3vw,40px);border-radius:26px;margin-bottom:22px}
  .feature .frame{aspect-ratio:5/4}
  .feature:hover .frame img{transform:scale(1.06)}
  .feature .fx .pill{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--cyan);background:rgba(34,211,238,0.1);border:1px solid rgba(34,211,238,0.25);padding:7px 14px;border-radius:100px}
  .feature .fx h3{font-size:clamp(26px,3vw,40px);margin:20px 0 6px;font-weight:700}
  .feature .fx .form{font-family:'JetBrains Mono';font-size:13px;color:var(--text-3)}
  .feature .fx p{font-size:16px;color:var(--text-2);margin-top:16px;max-width:44ch}
  .feature .fx .grades{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
  .feature .fx .grades span{font-family:'JetBrains Mono';font-size:12px;color:var(--text-2);border:1px solid var(--line);padding:7px 13px;border-radius:100px}
  .pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
  .pcard{position:relative;border-radius:22px;overflow:hidden;transition:transform .5s var(--ease)}
  .pcard:hover{transform:translateY(-5px)}
  .pcard .frame{border-radius:0;border:none;aspect-ratio:16/10}
  .pcard:hover .frame img{transform:scale(1.07)}
  .pcard .body{padding:22px 24px 26px;position:relative;z-index:2}
  .pcard .top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
  .pcard h3{font-size:21px;font-weight:600}
  .pcard .form{font-family:'JetBrains Mono';font-size:12px;color:var(--text-3);margin-top:4px}
  .pcard .badge{font-family:'JetBrains Mono';font-size:10.5px;color:var(--cyan);border:1px solid rgba(34,211,238,0.3);padding:4px 9px;border-radius:6px;white-space:nowrap}
  .pcard p{font-size:14.5px;color:var(--text-2);margin-top:12px}
  .pcard .use{margin-top:16px;font-family:'JetBrains Mono';font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:8px}
  .pcard .use svg{color:var(--cyan)}

  /* ---------- CAPABILITIES ---------- */
  .cap-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:clamp(32px,5vw,72px);align-items:center}
  .cap-grid .frame{aspect-ratio:4/5}
  .cap-grid:hover .frame img{transform:scale(1.05)}
  .cap-list{display:grid;gap:12px}
  .cap-item{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:22px;border-radius:16px;position:relative}
  .cap-item .ic{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;color:#04121a;background:var(--grad);box-shadow:0 10px 24px -10px rgba(34,211,238,0.6)}
  .cap-item h4{font-size:18px;font-family:'Sora';font-weight:600}
  .cap-item p{font-size:14.5px;color:var(--text-2);margin-top:6px;max-width:44ch}

  /* ---------- APPLICATIONS ---------- */
  .apps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .app{padding:28px 26px;border-radius:20px;position:relative;transition:transform .4s var(--ease)}
  .app:hover{transform:translateY(-4px)}
  .app .ic{width:46px;height:46px;border-radius:12px;background:rgba(79,139,255,0.12);border:1px solid rgba(79,139,255,0.2);display:grid;place-items:center;color:var(--cyan);margin-bottom:18px;transition:transform .35s var(--ease)}
  .app:hover .ic{transform:scale(1.08) translateY(-2px)}
  .app h4{font-size:18px;font-weight:600}
  .app p{font-size:14px;color:var(--text-2);margin-top:9px}
  .app .ch{margin-top:16px;font-family:'JetBrains Mono';font-size:11px;color:var(--text-3);letter-spacing:0.03em}

  /* ---------- SPECS ---------- */
  .spec-wrap{border-radius:22px;overflow:hidden}
  .spec-scroll{overflow-x:auto}
  table{width:100%;border-collapse:collapse;min-width:720px}
  thead th{text-align:left;font-family:'JetBrains Mono';font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-3);font-weight:500;padding:18px 22px;border-bottom:1px solid var(--line)}
  tbody td{padding:17px 22px;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--text-2)}
  tbody tr:last-child td{border-bottom:none}
  tbody tr{transition:background .3s}tbody tr:hover{background:rgba(255,255,255,0.025)}
  td .pn{font-family:'Sora';font-weight:600;font-size:15px;color:var(--text)}
  td .as{font-family:'JetBrains Mono';color:var(--cyan)}
  .pill-d{display:inline-block;font-family:'JetBrains Mono';font-size:11.5px;padding:4px 10px;border-radius:6px;background:rgba(255,255,255,0.05);color:var(--text-2)}

  /* ---------- ABOUT ---------- */
  .about{display:grid;grid-template-columns:0.92fr 1.08fr;gap:clamp(32px,5vw,64px);align-items:center}
  .about .frame{aspect-ratio:4/5}
  .about:hover .frame img{transform:scale(1.05)}
  .about .ax h2{font-size:clamp(28px,3.6vw,44px);font-weight:700}
  .about .ax p{font-size:16.5px;color:var(--text-2);margin-top:18px;max-width:52ch}
  .about .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
  .about .tiles .t{padding:20px;border-radius:16px}
  .about .tiles .n{font-family:'Sora';font-weight:800;font-size:26px}
  .about .tiles .l{font-size:12.5px;color:var(--text-2);margin-top:6px}

  /* ---------- CTA ---------- */
  .band{position:relative;border-radius:28px;padding:clamp(40px,6vw,72px);overflow:hidden;text-align:center}
  .band .au{position:absolute;inset:0;z-index:0;background:
    radial-gradient(60% 120% at 20% 0%,rgba(79,139,255,0.35),transparent 60%),
    radial-gradient(60% 120% at 80% 100%,rgba(34,211,238,0.3),transparent 60%),var(--surface)}
  .band>*{position:relative;z-index:1}
  .band h2{font-size:clamp(28px,3.8vw,48px);font-weight:700;max-width:20ch;margin-inline:auto}
  .band p{color:var(--text-2);margin-top:16px;max-width:46ch;margin-inline:auto}
  .band .cta{display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}

  /* ---------- CONTACT ---------- */
  .contact{display:grid;grid-template-columns:0.85fr 1.15fr;gap:clamp(32px,5vw,60px);align-items:start}
  .contact .cinfo h2{font-size:clamp(28px,3.4vw,42px);font-weight:700}
  .contact .cinfo p{color:var(--text-2);font-size:16px;margin-top:16px;max-width:38ch}
  .cmeth{margin-top:34px;display:flex;flex-direction:column;gap:12px}
  .cm{display:flex;gap:16px;align-items:center;padding:16px 18px;border-radius:14px}
  .cm .ic{width:44px;height:44px;border-radius:11px;background:rgba(79,139,255,0.12);border:1px solid rgba(79,139,255,0.2);display:grid;place-items:center;color:var(--cyan);flex:none;transition:transform .3s var(--ease)}
  .cm:hover .ic{transform:scale(1.08)}
  .cm .t{font-family:'JetBrains Mono';font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-3)}
  .cm .v{font-size:16px;font-weight:600;color:var(--text);margin-top:3px}
  .cm a.v:hover{color:var(--cyan)}
  form{padding:clamp(24px,3vw,34px);border-radius:22px}
  .field{margin-bottom:18px}
  .field label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:8px}
  .field label .r{color:var(--cyan)}
  .field input,.field select,.field textarea{width:100%;background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:11px;padding:13px 15px;font-family:'Manrope';font-size:15px;color:var(--text);transition:border-color .25s,background .25s}
  .field textarea{resize:vertical;min-height:110px}
  .field input::placeholder,.field textarea::placeholder{color:var(--text-3)}
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);background:rgba(79,139,255,0.06)}
  .field select{appearance:none;color:var(--text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239aa3b2' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}
  .field select option{background:var(--surface)}
  .r2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .err{font-size:12.5px;color:#f0913f;font-weight:600;display:none;margin-top:6px}
  .field.bad .err{display:block}.field.bad input,.field.bad textarea{border-color:#f0913f}
  form .btn{width:100%;justify-content:center;margin-top:4px}
  .fnote{font-family:'JetBrains Mono';font-size:11.5px;color:var(--text-3);text-align:center;margin-top:14px}
  .ok{display:none;text-align:center;padding:36px 16px}.ok.show{display:block}
  .ok .ic{width:58px;height:58px;border-radius:50%;background:var(--grad);color:#04121a;display:grid;place-items:center;margin:0 auto 16px}
  .ok h3{font-size:22px}.ok p{color:var(--text-2);margin-top:8px}

  /* ---------- FOOTER ---------- */
  footer{border-top:1px solid var(--line);margin-top:20px}
  .foot{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:36px;padding:64px 0 42px}
  .foot .b img{height:64px;width:220px;object-fit:cover;object-position:center 48.7%;
    filter:brightness(0) invert(1);opacity:0.92;margin-bottom:20px}
  .foot .b p{font-size:14px;color:var(--text-3);max-width:32ch}
  .foot h5{font-family:'JetBrains Mono';font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px}
  .foot a{display:block;font-size:14.5px;color:var(--text-2);padding:6px 0;transition:color .25s}
  .foot a:hover{color:var(--cyan)}
  .foot-b{display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid var(--line);font-family:'JetBrains Mono';font-size:12px;color:var(--text-3);flex-wrap:wrap;gap:10px}

  /* video hero */
  .hero-video{position:relative;min-height:100dvh;display:flex;align-items:center;overflow:hidden;padding:0}
  .hero-bg{position:absolute;inset:0;z-index:0}
  .hero-bg video{width:100%;height:100%;object-fit:cover;filter:saturate(1.06) contrast(1.02)}
  .hero-scrim{position:absolute;inset:0;background:
    linear-gradient(180deg,rgba(8,9,12,0.62),rgba(8,9,12,0.30) 42%,rgba(8,9,12,0.86)),
    radial-gradient(95% 75% at 50% 40%,transparent,rgba(8,9,12,0.5))}
  .hero-video .hero-inner{position:relative;z-index:2;width:100%;padding-top:84px;padding-bottom:64px}
  .hero-video .hero-copy.center{max-width:940px}
  .hero-video h1{font-size:clamp(42px,7vw,94px);text-shadow:0 6px 46px rgba(0,0,0,0.45)}
  .hero-video .sub{color:#ccd4de}
  .hero-video .mini .m{background:rgba(255,255,255,0.07)}
  .hero-scrollcue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:9px;
    font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-2)}
  .hero-scrollcue .chev{width:9px;height:9px;border-right:2px solid var(--text-2);border-bottom:2px solid var(--text-2);transform:rotate(45deg);animation:cue 1.8s var(--ease) infinite}
  @keyframes cue{0%,100%{opacity:.4;transform:rotate(45deg) translate(-2px,-2px)}50%{opacity:1;transform:rotate(45deg) translate(2px,2px)}}

  /* animated molten-glass hero background */
  .hero-video .hero-bg{background:radial-gradient(120% 100% at 50% 0%,#0e1622,#08090c 68%)}
  .hero-gl{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s ease}
  .hero-gl.on{opacity:1}
  .hero-glowbar{position:absolute;left:0;right:0;bottom:-8%;height:54%;pointer-events:none;
    background:radial-gradient(60% 100% at 50% 100%,rgba(255,140,45,0.28),rgba(255,120,30,0.08) 42%,transparent 72%);
    filter:blur(24px);animation:glowPulse 6s ease-in-out infinite}
  @keyframes glowPulse{0%,100%{opacity:.62}50%{opacity:1}}
  .hero-waves{position:absolute;left:0;right:0;bottom:0;width:100%;height:50%;display:block}
  .hero-waves .wlayer{animation:waveMove linear infinite;will-change:transform}
  .hero-waves .w1{animation-duration:16s}
  .hero-waves .w2{animation-duration:22s;animation-direction:reverse}
  .hero-waves .w3{animation-duration:30s}
  @keyframes waveMove{to{transform:translateX(-1440px)}}
  .hero-embers{position:absolute;inset:0;overflow:hidden;pointer-events:none}
  .hero-embers span{position:absolute;bottom:-14px;width:5px;height:5px;border-radius:50%;opacity:0;
    background:radial-gradient(circle,#ffd79a,#ff8a2a);box-shadow:0 0 9px rgba(255,138,42,0.75);animation:ember linear infinite}
  .hero-embers span.cy{background:radial-gradient(circle,#bff4ff,#22d3ee);box-shadow:0 0 9px rgba(34,211,238,0.7)}
  @keyframes ember{0%{transform:translateY(0) scale(.5);opacity:0}12%{opacity:.9}80%{opacity:.45}100%{transform:translateY(-74vh) scale(1.1);opacity:0}}
  .hero-video .hero-scrim{background:linear-gradient(180deg,rgba(8,9,12,0.5),rgba(8,9,12,0.12) 34%,rgba(8,9,12,0.5))}

  .hero-copy.center{text-align:center;max-width:880px;margin-inline:auto}
  .hero-copy.center .eyebrow{margin-inline:auto}
  .cta.center{justify-content:center}
  .hero-scene{position:relative;margin-top:clamp(26px,4vw,48px)}
  .hero-scene .fc{position:absolute;border-radius:16px;padding:14px 16px;z-index:3}
  .hero-scene .fc1{left:clamp(6px,2vw,22px);top:clamp(6px,2vw,20px);animation:float1 7s ease-in-out infinite}
  .hero-scene .fc2{right:clamp(6px,2vw,22px);top:clamp(6px,2vw,20px);animation:float2 8s ease-in-out infinite}
  @media(max-width:640px){.hero-scene .fc{display:none}}

  /* ---------- PROCESS FILM ---------- */
  .pf-scene{position:relative;border-radius:26px;overflow:hidden;padding:clamp(14px,2.5vw,30px);background:linear-gradient(180deg,rgba(20,25,34,0.5),rgba(10,12,16,0.5))}
  .pf-svg{width:100%;height:auto;display:block}
  .pf-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;justify-content:center}
  .pf-legend .st{display:flex;align-items:center;gap:9px;font-family:'JetBrains Mono';font-size:12px;color:var(--text-2);
    border:1px solid var(--line);border-radius:100px;padding:8px 15px;background:rgba(255,255,255,0.02)}
  .pf-legend .st b{color:var(--cyan);font-weight:500}
  .pf-scene.go .pf-legend .st{animation:pfChip .6s var(--ease) both}
  .pf-legend .st:nth-child(1){animation-delay:.2s}.pf-legend .st:nth-child(2){animation-delay:.5s}.pf-legend .st:nth-child(3){animation-delay:.8s}.pf-legend .st:nth-child(4){animation-delay:1.1s}.pf-legend .st:nth-child(5){animation-delay:1.4s}
  @keyframes pfChip{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

  /* build + draw (triggered by .go) */
  .pf .build{opacity:0}
  .pf-scene.go .build{animation:pfIn .7s var(--ease) both}
  @keyframes pfIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  .pf .draw{stroke-dasharray:1600;stroke-dashoffset:1600}
  .pf-scene.go .draw{animation:pfDraw 1.5s var(--ease) both}
  @keyframes pfDraw{to{stroke-dashoffset:0}}
  .pf .d0{animation-delay:.05s}.pf .d1{animation-delay:.3s}.pf .d1b{animation-delay:.45s}.pf .d2{animation-delay:.6s}.pf .d3{animation-delay:.85s}.pf .d4{animation-delay:1.1s}.pf .d5{animation-delay:1.35s}.pf .d6{animation-delay:1.6s}

  /* loops (only after .go) */
  .pf .glow,.pf .part,.pf .steam,.pf .drum,.pf .flow{opacity:0}
  .pf .glow,.pf .liquid{transform-box:fill-box}
  .pf-scene.go .glow{animation:pfGlow 2.6s ease-in-out 1.5s infinite}
  @keyframes pfGlow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.14)}}
  .pf-scene.go .part{animation:pfFall 1.5s linear infinite}
  @keyframes pfFall{0%{transform:translateY(0);opacity:0}12%{opacity:1}100%{transform:translateY(64px);opacity:0}}
  .pf-scene.go .p2{animation-delay:.5s}.pf-scene.go .p3{animation-delay:.9s}.pf-scene.go .p4{animation-delay:.3s}.pf-scene.go .p5{animation-delay:.75s}
  .pf-scene.go .steam{animation:pfSteam 3.4s ease-out 1.6s infinite}
  @keyframes pfSteam{0%{transform:translateY(0) scale(.5);opacity:0}22%{opacity:.5}100%{transform:translateY(-78px) scale(1.5);opacity:0}}
  .pf-scene.go .s2{animation-delay:2.7s}.pf-scene.go .s3{animation-delay:3.6s}
  .pf .flow{stroke-dasharray:5 12}
  .pf-scene.go .flow{opacity:1;animation:pfFlow 1.3s linear 1.9s infinite}
  @keyframes pfFlow{to{stroke-dashoffset:-170}}
  .pf .liquid{transform-origin:bottom;transform:scaleY(0)}
  .pf-scene.go .liquid{opacity:1;animation:pfFill 2.6s var(--ease) 2s forwards}
  @keyframes pfFill{0%{transform:scaleY(0)}100%{transform:scaleY(0.82)}}
  .pf-scene.go .drum{animation:pfDrum 4.2s linear 2.4s infinite}
  @keyframes pfDrum{0%{transform:translateX(0);opacity:0}8%{opacity:1}88%{opacity:1}100%{transform:translateX(150px);opacity:0}}
  .pf-scene.go .dr2{animation-delay:4.5s}

  /* ---------- FAQ ---------- */
  .faq{display:grid;gap:12px;max-width:860px;margin-inline:auto}
  .faq details{padding:0 22px;border-radius:16px}
  .faq summary{list-style:none;cursor:pointer;padding:20px 0;font-family:'Sora';font-weight:600;font-size:17px;
    display:flex;justify-content:space-between;align-items:center;gap:18px}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:"";width:10px;height:10px;flex:none;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);
    transform:rotate(45deg);transition:transform .3s var(--ease)}
  .faq details[open] summary::after{transform:rotate(-135deg)}
  .faq details p{color:var(--text-2);font-size:15px;padding:0 0 22px;max-width:64ch}
  .faq summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:8px}

  /* ---------- WHATSAPP ---------- */
  .wa{position:fixed;right:22px;bottom:22px;z-index:75}
  .wa a{display:flex;align-items:center;background:#25d366;color:#062012;border-radius:100px;height:58px;overflow:hidden;
    box-shadow:0 14px 34px -8px rgba(37,211,102,0.6);transition:padding .35s var(--ease),transform .2s var(--ease)}
  .wa a .ic{width:58px;height:58px;flex:none;display:grid;place-items:center;color:#fff}
  .wa a .tx{max-width:0;white-space:nowrap;font-weight:700;font-size:15px;opacity:0;color:#fff;transition:max-width .35s var(--ease),opacity .3s}
  .wa a:hover{padding-right:22px}.wa a:hover .tx{max-width:170px;opacity:1}
  .wa a:active{transform:scale(0.96)}
  .wa .ring{position:absolute;right:0;bottom:0;width:58px;height:58px;border-radius:50%;background:#25d366;z-index:-1;animation:waP 2.6s var(--ease) infinite}
  @keyframes waP{0%{transform:scale(1);opacity:0.5}70%,100%{transform:scale(1.7);opacity:0}}

  /* ---------- RESPONSIVE ---------- */
  @media(max-width:960px){
    .nav-links{display:none}.nav .right .btn{display:none}.menu-btn{display:flex}
    .nav-links.open{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;gap:0;padding:10px;border-radius:16px}
    .nav-links.open a{padding:14px 16px;border-radius:10px;width:100%}
    .nav-links.open a:hover{background:rgba(255,255,255,0.05)}
    .stats{grid-template-columns:1fr 1fr}
    .feature{grid-template-columns:1fr}
    .cap-grid{grid-template-columns:1fr;gap:38px}
    .apps{grid-template-columns:1fr 1fr}
    .about{grid-template-columns:1fr;gap:36px}
    .contact{grid-template-columns:1fr;gap:36px}
    .foot{grid-template-columns:1fr 1fr}
  }
  @media(max-width:600px){
    .pgrid{grid-template-columns:1fr}
    .stats{grid-template-columns:1fr 1fr}
    .apps{grid-template-columns:1fr}
    .about .tiles{grid-template-columns:1fr 1fr 1fr}
    .r2{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr}
  }
  @media(prefers-reduced-motion:reduce){
    *{animation-duration:.001s!important;transition-duration:.001s!important}
    .reveal{opacity:1;transform:none;filter:none}
    .hero-copy>*{opacity:1;animation:none}
    .aurora b,.hero-scene .fc,.marq .track{animation:none}
    .progress,.wa .ring,.hero-scrollcue .chev,.hero-embers{display:none}
    .hero-glowbar,.hero-waves .wlayer{animation:none}
  }

  /* ================= PRODUCT PAGE ================= */
  .pbanner{position:relative;margin-top:96px;border-radius:22px;overflow:hidden;aspect-ratio:21/6;min-height:190px;border:1px solid var(--line)}
  .pbanner img{width:100%;height:100%;object-fit:cover}
  .pbanner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,12,0.86),rgba(8,9,12,0.35) 60%,rgba(8,9,12,0.7))}
  .pbanner .cap{position:absolute;inset:auto 0 0 0;padding:clamp(18px,3vw,34px);z-index:2}
  .crumb{display:flex;gap:9px;align-items:center;font-family:'JetBrains Mono';font-size:11.5px;color:var(--text-2);margin-bottom:12px;flex-wrap:wrap}
  .crumb a:hover{color:var(--cyan)}.crumb span{color:var(--text-3)}
  .pbanner h1{font-size:clamp(26px,4.2vw,48px);font-weight:800}
  .pbanner .sub{font-family:'JetBrains Mono';font-size:13px;color:var(--cyan);margin-top:8px}

  .playout{display:grid;grid-template-columns:1fr 340px;gap:clamp(26px,4vw,52px);align-items:start;padding:clamp(30px,4vw,52px) 0 clamp(50px,7vw,90px)}
  .pmain>section{padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--line)}
  .pmain>section:last-child{border-bottom:none}
  .pmain h2{font-size:clamp(20px,2.4vw,27px);font-weight:700;margin-bottom:18px}
  .pmain h3{font-family:'JetBrains Mono';font-weight:500;font-size:12.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--cyan);margin:22px 0 14px}
  .pmain p{color:var(--text-2);font-size:15.5px;max-width:70ch}
  .pmain p+p{margin-top:14px}

  .speclist{display:grid;grid-template-columns:1fr 1fr;gap:11px 26px}
  .speclist li{list-style:none;display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--text-2);padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.05)}
  .speclist li::before{content:"";flex:none;width:15px;height:15px;margin-top:4px;border-radius:4px;background:var(--grad);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4.5 4.5L19 7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4.5 4.5L19 7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
  .speclist b{color:var(--text);font-weight:600;margin-right:5px}
  .speclist .v{font-family:'JetBrains Mono';font-size:13.5px}

  .gradebox{border-radius:16px;padding:20px 22px;margin-bottom:14px}
  .gradebox .gh{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:14px}
  .gradebox .gh h4{font-family:'Sora';font-size:17px;font-weight:600}
  .gradebox .gh .tag{font-family:'JetBrains Mono';font-size:11px;color:var(--cyan);border:1px solid rgba(34,211,238,0.3);padding:4px 10px;border-radius:100px}

  .uses{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
  .uses a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;font-size:14.5px;color:var(--text-2);transition:color .25s,transform .3s var(--ease)}
  .uses a:hover{color:var(--text);transform:translateX(3px)}
  .uses a .n{font-family:'JetBrains Mono';font-size:11px;color:var(--cyan);flex:none}

  .paside{position:sticky;top:96px;display:grid;gap:14px}
  .idcard{border-radius:18px;padding:22px}
  .idcard .row{padding:13px 0;border-bottom:1px solid var(--line)}
  .idcard .row:last-child{border-bottom:none;padding-bottom:0}
  .idcard .row:first-child{padding-top:0}
  .idcard .k{font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-3)}
  .idcard .v{font-family:'JetBrains Mono';font-size:16px;color:var(--text);margin-top:5px}
  .askbox{border-radius:18px;padding:24px;text-align:center;position:relative;overflow:hidden}
  .askbox .au{position:absolute;inset:0;background:radial-gradient(80% 120% at 50% 0%,rgba(79,139,255,0.3),transparent 62%)}
  .askbox>*{position:relative;z-index:1}
  .askbox h4{font-size:19px;font-weight:700}
  .askbox p{font-size:13.5px;color:var(--text-2);margin:9px 0 16px}
  .askbox .btn{width:100%;justify-content:center}
  .askbox .tel{display:block;margin-top:11px;font-family:'JetBrains Mono';font-size:14px;color:var(--cyan)}

  .related{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .related a{padding:18px;border-radius:14px;transition:transform .35s var(--ease)}
  .related a:hover{transform:translateY(-3px)}
  .related a .nm{font-family:'Sora';font-weight:600;font-size:15px}
  .related a .fm{font-family:'JetBrains Mono';font-size:11px;color:var(--text-3);margin-top:5px}

  @media(max-width:960px){
    .playout{grid-template-columns:1fr}
    .paside{position:static;grid-template-columns:1fr 1fr}
    .related{grid-template-columns:1fr 1fr}
  }
  @media(max-width:600px){
    .pbanner{aspect-ratio:16/9;margin-top:84px}
    .speclist{grid-template-columns:1fr}
    .uses{grid-template-columns:1fr}
    .paside{grid-template-columns:1fr}
    .related{grid-template-columns:1fr}
  }

  /* product card -> product page links */
  a.frame{display:block;cursor:pointer}
  .feature .fx h3 a{transition:color .25s}
  .feature .fx h3 a:hover{color:var(--cyan)}
  .viewspec{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:600;font-size:14.5px;color:var(--cyan)}
  .viewspec .a{transition:transform .25s var(--ease)}
  .viewspec:hover .a{transform:translateX(4px)}
  .viewspec::after{content:"";position:absolute;inset:0;z-index:1}
  .feature .fx{position:relative}

  .ok .okalt{font-size:13px;color:var(--text-3);margin-top:14px}
  .ok .okalt a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}

  .btn .wa-ic{flex:none;transition:transform .25s var(--ease)}
  .btn:hover .wa-ic{transform:scale(1.12)}

  /* ---------- GLOSSARY ---------- */
  .gterms{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
  .gterm{padding:22px 24px;scroll-margin-top:110px}
  .gterm h3{font-size:17px;font-weight:600;color:var(--text);margin-bottom:9px}
  .gterm p{font-size:14.5px;color:var(--text-2);max-width:none}
  .related a .nm{margin:0}

  /* ---------- PLANT LOCATION ---------- */
  .cm .addr2{font-size:14px;color:var(--text-2);margin-top:2px}
  .dirbtn{display:inline-flex;align-items:center;gap:7px;margin-top:11px;font-size:13.5px;font-weight:600;
    color:var(--cyan);border:1px solid rgba(34,211,238,0.3);background:rgba(34,211,238,0.07);
    padding:8px 14px;border-radius:100px;transition:background .25s,border-color .25s,transform .2s var(--ease)}
  .dirbtn:hover{background:rgba(34,211,238,0.15);border-color:rgba(34,211,238,0.55)}
  .dirbtn:active{transform:translateY(1px)}
  .dirbtn svg{flex:none}
  .foot .footaddr{font-size:13.5px;color:var(--text-2);line-height:1.5;padding:6px 0 10px}
  .foot .footaddr:hover{color:var(--cyan)}

  /* 3D diagram: liquid surface rises with the fill, flame flickers */
  .pf .liqsurf{transform-box:fill-box;transform-origin:center;opacity:0;transform:translateY(200px)}
  .pf-scene.go .liqsurf{animation:pfSurf 2.6s var(--ease) 2s forwards}
  @keyframes pfSurf{0%{opacity:0;transform:translateY(200px)}12%{opacity:.95}100%{opacity:.95;transform:translateY(36px)}}
  .pf .flame{transform-box:fill-box;transform-origin:bottom center}
  .pf-scene.go .flame{animation:pfFlame 1.5s ease-in-out 1.6s infinite}
  @keyframes pfFlame{0%,100%{transform:scaleY(1) scaleX(1);opacity:.9}
    35%{transform:scaleY(1.18) scaleX(.92);opacity:1}
    70%{transform:scaleY(.92) scaleX(1.06);opacity:.82}}

  /* ---------- VALUE PILLARS + BUSINESS STATS ---------- */
  .uvp{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start;
    margin-top:clamp(46px,6vw,80px);padding-top:clamp(38px,5vw,60px);border-top:1px solid var(--line)}
  .uvp-l h2{font-size:clamp(26px,3.4vw,42px);font-weight:700;margin-top:18px}
  .uvp-r{list-style:none}
  .uvp-r li{font-family:'Sora';font-size:clamp(16px,1.6vw,19px);font-weight:500;color:var(--text-2);
    padding:20px 0 20px 34px;border-bottom:1px solid var(--line);position:relative;transition:color .3s,padding-left .35s var(--ease)}
  .uvp-r li:first-child{border-top:1px solid var(--line)}
  .uvp-r li::before{content:"";position:absolute;left:0;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:5px;
    background:var(--grad);opacity:.35;transition:opacity .3s,transform .35s var(--ease)}
  .uvp-r li:hover{color:var(--text);padding-left:42px}
  .uvp-r li:hover::before{opacity:1;transform:scale(1.15)}

  .bizstats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(30px,4vw,46px)}
  .bs{padding:28px 24px;text-align:center}
  .bs .n{font-family:'Sora';font-weight:800;font-size:clamp(30px,3.6vw,44px);letter-spacing:-0.03em;line-height:1}
  .bs .l{font-size:13.5px;color:var(--text-2);margin-top:10px}

  /* ---------- TESTIMONIALS ---------- */
  .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .tcard{padding:30px 28px;display:flex;flex-direction:column;gap:16px;margin:0}
  .tcard .stars{color:#f5a623;font-size:15px;letter-spacing:3px}
  .tcard blockquote{font-size:15.5px;color:var(--text-2);line-height:1.65;flex:1;margin:0}
  .tcard figcaption{display:flex;align-items:center;gap:13px;padding-top:16px;border-top:1px solid var(--line)}
  .tcard .av{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;
    background:var(--grad);color:#04121a;font-family:'Sora';font-weight:700;font-size:14px;letter-spacing:.02em}
  .tcard .who{display:flex;flex-direction:column;line-height:1.35}
  .tcard .who b{font-family:'Sora';font-weight:600;font-size:15px;color:var(--text)}
  .tcard .who i{font-style:normal;font-size:12.5px;color:var(--text-3)}

  @media(max-width:960px){
    .uvp{grid-template-columns:1fr;gap:26px}
    .bizstats{grid-template-columns:1fr 1fr}
    .tgrid{grid-template-columns:1fr}
  }
  @media(max-width:600px){ .bizstats{grid-template-columns:1fr 1fr} }