/* AxomLipi Pro — "2026" look. Every rule is scoped to html[data-look="2026"], so removing the attribute gives back the classic site exactly. */
/* ===== AxomLipi Pro — 2026 look (layer on top of the existing styles) ===== */
html[data-look="2026"]{--line:rgba(255,255,255,.1);--glass:rgba(255,255,255,.045);--glass-2:rgba(255,255,255,.07);--g1:#f4a020;--g2:#f0603a;--g3:#e11d74;--g4:#8b5cf6;--g5:#20b4f4}
html[data-look="2026"][data-theme="light"]{--line:rgba(20,30,60,.12);--glass:rgba(255,255,255,.75);--glass-2:rgba(255,255,255,.95)}
html[data-look="2026"]{scroll-behavior:smooth}
html[data-look="2026"] body{background:var(--bg)}

/* scroll progress + cursor light */
html[data-look="2026"] #rd-prog{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--g1),var(--g3),var(--g4),var(--g5));z-index:200;pointer-events:none}
html[data-look="2026"] #rd-spot{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(520px circle at var(--mx,50%) var(--my,25%),rgba(139,92,246,.11),transparent 60%)}
html[data-look="2026"][data-theme="light"] #rd-spot{display:none}

/* living background */
html[data-look="2026"] .bg-orbs .orb{opacity:.42;animation:rdDrift 22s ease-in-out infinite alternate}
html[data-look="2026"] .bg-orbs .orb.b{animation-duration:27s;animation-delay:-8s}
html[data-look="2026"] .bg-orbs .orb.c{animation-duration:31s;animation-delay:-14s;background:var(--g3);opacity:.2}
@keyframes rdDrift{to{transform:translate(90px,60px) scale(1.18)}}
html[data-look="2026"] body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:68px 68px;mask-image:radial-gradient(ellipse at 50% 20%,#000 5%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse at 50% 20%,#000 5%,transparent 65%);opacity:.45}

/* floating glass nav */
html[data-look="2026"] header.nav{margin:10px auto 0;width:min(1200px,calc(100% - 20px));border-radius:999px;border:1px solid var(--line);background:rgba(14,16,25,.62);box-shadow:0 22px 50px -22px #000;padding:0 8px 0 6px}
html[data-look="2026"][data-theme="light"] header.nav{background:rgba(255,255,255,.8);box-shadow:0 18px 40px -22px rgba(20,30,60,.3)}
html[data-look="2026"] header.nav .nav-inner{height:60px}
html[data-look="2026"] .nav-links a{position:relative}
html[data-look="2026"] .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--g1),var(--g3));transform:scaleX(0);transition:transform .25s}
html[data-look="2026"] .nav-links a:hover::after{transform:scaleX(1)}
html[data-look="2026"] .sticky-top{background:transparent}

/* buttons */
html[data-look="2026"] .btn{border-radius:999px}
html[data-look="2026"] .btn-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#f4a020,#f0603a 62%,#e11d74);color:#fff;box-shadow:0 16px 40px -14px rgba(240,96,58,.85)}
html[data-look="2026"] .btn-primary::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:rdShine 3.6s infinite;pointer-events:none}
@keyframes rdShine{60%,100%{left:140%}}
html[data-look="2026"] .btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 48px -14px rgba(240,96,58,.95)}
html[data-look="2026"] .btn-ghost{backdrop-filter:blur(8px)}

/* ===== HERO: same markup as the classic look, laid out as two columns ===== */
html[data-look="2026"] .hero{padding:70px 0 70px;text-align:left}
html[data-look="2026"] .hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:repeat(6,min-content) 1fr;column-gap:44px;align-content:center}
html[data-look="2026"] .hero .wrap > *{grid-column:1}
html[data-look="2026"] .hero .wrap > .rd-stage{grid-column:2;grid-row:1 / -1;align-self:center}
html[data-look="2026"] .hero-logo{display:none}
html[data-look="2026"] .hero .eyebrow{justify-self:start;backdrop-filter:blur(8px)}
html[data-look="2026"] .hero .eyebrow .dot{animation:rdPing 1.8s infinite}
@keyframes rdPing{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}70%,100%{box-shadow:0 0 0 10px transparent}}
html[data-look="2026"] .hero h1{font-size:clamp(30px,3.9vw,52px);line-height:1.12;letter-spacing:-1.2px;margin-bottom:22px}
html[data-look="2026"] body[data-lang="as"] .hero h1{line-height:1.25;letter-spacing:-.3px}
html[data-look="2026"] .hero h1 .w{display:inline-block;opacity:0;transform:translateY(30px) rotate(2deg);animation:rdWord .85s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes rdWord{to{opacity:1;transform:none}}
/* headline: a deliberate weight ladder (thin / light / extra-bold / black) so the key phrase leads and the connecting words recede */
html[data-look="2026"] .hero h1 .tw-t{font-weight:200;letter-spacing:-.4px;color:color-mix(in srgb,var(--text) 88%,transparent)}
html[data-look="2026"] .hero h1 .tw-l{font-weight:300;letter-spacing:-.5px;color:color-mix(in srgb,var(--text) 92%,transparent)}
html[data-look="2026"] .hero h1 .tw-xb{font-weight:800}
html[data-look="2026"] .hero h1 .tw-k,html[data-look="2026"] .hero h1 .tw-k .w{font-weight:900}
html[data-look="2026"] .hero h1 .grad{display:inline-block;background:linear-gradient(100deg,#ffbe5c,#f472b6,#a78bfa,#20b4f4,#ffbe5c);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rdGrad 6s linear infinite}
html[data-look="2026"] .hero h1.split .grad{background:none;animation:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit}
html[data-look="2026"] .hero h1.split .grad .w{background:linear-gradient(100deg,#ffbe5c,#f472b6,#a78bfa,#20b4f4,#ffbe5c);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rdWord .85s cubic-bezier(.2,.8,.2,1) forwards,rdGrad 6s linear infinite}
@keyframes rdGrad{to{background-position:250% 0}}
html[data-look="2026"] .hero p.lead{margin:0 0 30px;max-width:580px;font-size:clamp(16px,1.6vw,19px)}
html[data-look="2026"] .hero .hero-cta{justify-content:flex-start}
html[data-look="2026"] .hero .hero-note{justify-content:flex-start}
html[data-look="2026"] .rd-proof{display:flex;align-items:center;gap:14px;margin:26px 0 0;color:var(--muted);font-size:14px;flex-wrap:wrap}
html[data-look="2026"] .rd-avs{display:flex}html[data-look="2026"] .rd-avs span{width:34px;height:34px;border-radius:50%;border:2px solid var(--bg);margin-left:-9px;display:flex;align-items:center;justify-content:center;font-size:16px}
html[data-look="2026"] .rd-avs span:first-child{margin-left:0}
html[data-look="2026"] .rd-stars{color:#fbbf24;letter-spacing:2px}
html[data-look="2026"] .rd-stage{position:relative;perspective:1200px}
html[data-look="2026"] .rd-win{transform-style:preserve-3d;transition:transform .15s ease-out;border-radius:20px;background:var(--panel);border:1px solid var(--line);overflow:hidden;box-shadow:0 60px 120px -30px rgba(0,0,0,.85),0 0 90px -20px rgba(139,92,246,.55)}
html[data-look="2026"] .rd-win .type-demo{margin:0;max-width:none;border:0;border-radius:0;box-shadow:none;background:transparent}
html[data-look="2026"] .rd-win .type-body{padding:30px 28px 34px;min-height:150px}
html[data-look="2026"] .rd-win .type-as{font-size:36px}
html[data-look="2026"] .rd-chip{position:absolute;padding:9px 15px;border-radius:14px;background:rgba(20,24,36,.88);backdrop-filter:blur(10px);border:1px solid var(--line);font-size:13.5px;font-weight:700;box-shadow:0 20px 40px -16px #000;animation:rdFloat 6s ease-in-out infinite;white-space:nowrap;color:#eef0f8}
html[data-look="2026"][data-theme="light"] .rd-chip{background:rgba(255,255,255,.95);color:#1b2030;box-shadow:0 16px 34px -14px rgba(20,30,60,.35)}
html[data-look="2026"] .rd-chip:nth-child(2){animation-delay:-2s}html[data-look="2026"] .rd-chip:nth-child(3){animation-delay:-4s}html[data-look="2026"] .rd-chip:nth-child(4){animation-delay:-1s}html[data-look="2026"] .rd-chip:nth-child(5){animation-delay:-3s}
@keyframes rdFloat{50%{transform:translateY(-14px)}}
html[data-look="2026"] .rd-chips{position:absolute;left:-14px;right:-14px;top:-4px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
html[data-look="2026"] .rd-chips .rd-chip{position:relative}
html[data-look="2026"] .rd-c3{right:-28px;top:34%}
html[data-look="2026"] body[data-lang="as"] .hero-note [data-en],html[data-look="2026"] body[data-lang="en"] .hero-note [data-as]{display:none}

/* spelling-suggestion card floating over the typing window */
html[data-look="2026"] .rd-stage{padding-top:92px;padding-bottom:190px}
html[data-look="2026"] .rd-c3{bottom:auto;top:24%}
html[data-look="2026"] .rd-c4{left:36%;bottom:auto;top:-44px}
html[data-look="2026"] .rd-pop{display:block;position:absolute;right:-30px;bottom:0;width:86%;z-index:5;animation:rdPopIn 1s .7s cubic-bezier(.2,.9,.3,1.15) both,rdFloat 7s 1.8s ease-in-out infinite}
html[data-look="2026"] .rd-pop::before{content:"";position:absolute;inset:-16px;border-radius:30px;background:conic-gradient(from var(--rd-a),#f4a020,#e11d74,#8b5cf6,#20b4f4,#f4a020);filter:blur(28px);opacity:.5;z-index:-1;animation:rdSpin 8s linear infinite}
html[data-look="2026"] .rd-pop img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line);display:block;box-shadow:0 40px 70px -24px rgba(0,0,0,.7)}
html[data-look="2026"] .rd-pop .rd-pop-l{display:none}
html[data-look="2026"][data-theme="light"] .rd-pop .rd-pop-d{display:none}
html[data-look="2026"][data-theme="light"] .rd-pop .rd-pop-l{display:block}
html[data-look="2026"] .rd-pop-badge{position:absolute;top:-15px;left:18px;z-index:2;background:linear-gradient(135deg,#f4a020,#e11d74);color:#fff;font-size:12.5px;font-weight:800;padding:5px 13px;border-radius:999px;box-shadow:0 12px 26px -10px rgba(225,29,116,.8);letter-spacing:.2px}
@keyframes rdPopIn{from{opacity:0;transform:translateY(46px) scale(.84) rotate(2.5deg);filter:blur(10px)}}
/* the two spelling popups (Assamese, Hindi) take turns: one slides out as the other slides in */
html[data-look="2026"] .rd-slide-as{position:relative;animation:rdSwapA 15s 2.4s ease-in-out infinite both}
html[data-look="2026"] .rd-slide-hi{position:absolute;inset:0;display:flex;align-items:center;opacity:0;pointer-events:none;animation:rdSwapB 15s 2.4s ease-in-out infinite both}
html[data-look="2026"] .rd-slide-hi img{width:100%}
@keyframes rdSwapA{0%,42%{opacity:1;transform:none}47%{opacity:0;transform:translateX(-44px) scale(.96)}53%,92%{opacity:0;transform:translateX(44px) scale(.96)}98%,100%{opacity:1;transform:none}}
@keyframes rdSwapB{0%,42%{opacity:0;transform:translateX(44px) scale(.96)}53%,88%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateX(-44px) scale(.96)}}
/* marquee */
html[data-look="2026"] .rd-marq{border-block:1px solid var(--line);background:var(--glass);overflow:hidden;position:relative;z-index:2;padding:18px 0;backdrop-filter:blur(6px)}
html[data-look="2026"] .rd-marq .t{display:flex;gap:46px;width:max-content;animation:rdMq 36s linear infinite;color:var(--muted);font-weight:800;font-size:17px}
html[data-look="2026"] .rd-marq .t span::before{content:"✦";color:var(--g1);margin-right:46px}
html[data-look="2026"] .rd-marq .t span{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
html[data-look="2026"] .rd-marq .t span i{font-style:normal;width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:900;color:#fff;letter-spacing:-.3px;box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
html[data-look="2026"] .rd-marq .t span i.b0{background:linear-gradient(135deg,#f4a020,#f0603a)}
html[data-look="2026"] .rd-marq .t span i.b1{background:linear-gradient(135deg,#8b5cf6,#6366f1)}
html[data-look="2026"] .rd-marq .t span i.b2{background:linear-gradient(135deg,#20b4f4,#3b82f6)}
html[data-look="2026"] .rd-marq .t span i.b3{background:linear-gradient(135deg,#34d399,#14b8a6)}
html[data-look="2026"] .rd-marq .t span i.b4{background:linear-gradient(135deg,#f472b6,#e11d74)}
html[data-look="2026"] .rd-marq .t span:hover{color:var(--text)}
html[data-look="2026"] .rd-marq-note{display:block;text-align:center;font-size:11.5px;color:var(--faint);padding:8px 16px 0;position:relative;z-index:2}
@keyframes rdMq{to{transform:translateX(-50%)}}

/* stats */
html[data-look="2026"] .stats{background:transparent;border:0;padding:60px 0 10px}
html[data-look="2026"] .stat{padding:26px 16px;border-radius:22px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(8px);transition:transform .3s}
html[data-look="2026"] .stat:hover{transform:translateY(-5px)}
html[data-look="2026"] .stat .num{font-size:clamp(34px,4.6vw,50px);background:linear-gradient(135deg,#fff,#a78bfa 60%,#20b4f4);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-look="2026"][data-theme="light"] .stat .num{background:linear-gradient(135deg,#1b2030,#7c4ddb);-webkit-background-clip:text;background-clip:text}

/* section heads */
html[data-look="2026"] .kicker{padding:6px 15px;border-radius:999px;background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.4);color:#c4b5fd;letter-spacing:1.4px;font-size:12.5px}
html[data-look="2026"][data-theme="light"] .kicker{color:#6d3df5}
html[data-look="2026"] .sec-head h2{background:linear-gradient(180deg,var(--text) 40%,color-mix(in srgb,var(--text) 55%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}

/* glass cards with a light that follows the cursor */
html[data-look="2026"] .mode-card,html[data-look="2026"] .feat,html[data-look="2026"] .hl-card,html[data-look="2026"] .step,html[data-look="2026"] .plan,html[data-look="2026"] .faq,html[data-look="2026"] .wa-card,html[data-look="2026"] .cta-band,html[data-look="2026"] .testi-empty,html[data-look="2026"] .contact-chip,html[data-look="2026"] .cmp-table,html[data-look="2026"] .vid-card{background:var(--glass);border-color:var(--line);backdrop-filter:blur(8px);position:relative}
html[data-look="2026"] .mode-card::after,html[data-look="2026"] .feat::after,html[data-look="2026"] .hl-card::after,html[data-look="2026"] .step::after,html[data-look="2026"] .plan::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--x,50%) var(--y,0%),rgba(255,255,255,.1),transparent 45%);opacity:0;transition:opacity .3s}
html[data-look="2026"] .mode-card:hover::after,html[data-look="2026"] .feat:hover::after,html[data-look="2026"] .hl-card:hover::after,html[data-look="2026"] .step:hover::after,html[data-look="2026"] .plan:hover::after{opacity:1}
html[data-look="2026"][data-theme="light"] .mode-card::after,html[data-look="2026"][data-theme="light"] .feat::after,html[data-look="2026"][data-theme="light"] .hl-card::after,html[data-look="2026"][data-theme="light"] .step::after,html[data-look="2026"][data-theme="light"] .plan::after{background:radial-gradient(380px circle at var(--x,50%) var(--y,0%),rgba(244,160,32,.12),transparent 45%)}
html[data-look="2026"] .feat{border-radius:24px}
html[data-look="2026"] .feat .fic{background:linear-gradient(135deg,rgba(244,160,32,.2),rgba(139,92,246,.2));border:0;transition:transform .3s}
html[data-look="2026"] .feat:hover .fic{transform:rotate(-6deg) scale(1.1)}
/* bento: 12 cards -> rows of 2+1 / 1+1+1 / 2+1 / 1+1+1 / 2+1 */
html[data-look="2026"] .feat-grid{grid-auto-flow:dense}
html[data-look="2026"] .feat.wide{grid-column:span 2}
html[data-look="2026"] .feat.full{grid-column:1/-1}
html[data-look="2026"] .feat.wide,html[data-look="2026"] .feat.full{background:linear-gradient(135deg,rgba(244,160,32,.14),rgba(139,92,246,.14)),var(--glass)}
html[data-look="2026"] .step .n{border-radius:50%;box-shadow:0 0 0 6px rgba(244,160,32,.14)}

/* pricing: every plan card "pops" with its own travelling colour edge; Pro stays the biggest */
@property --rd-a{syntax:"<angle>";initial-value:0deg;inherits:false}
html[data-look="2026"] .plan{--pc1:#34d399;--pc2:#20b4f4;border-color:transparent;box-shadow:0 30px 60px -30px color-mix(in srgb,var(--pc1) 55%,transparent)}
/* .price-grid in the selector so these beat the generic .reveal transform */
html[data-look="2026"] .price-grid .plan{transform:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,opacity .8s}
html[data-look="2026"] .plan.basic{--pc1:#a78bfa;--pc2:#7c4dff}
html[data-look="2026"] .plan.pro{--pc1:#f4a020;--pc2:#e11d74;z-index:2}
html[data-look="2026"] .price-grid .plan.pro{transform:scale(1.03)}
html[data-look="2026"] .plan.ent{--pc1:#20b4f4;--pc2:#6dd1ff}
html[data-look="2026"] .plan::before{content:"";position:absolute;inset:-2px;border-radius:24px;padding:2px;background:conic-gradient(from var(--rd-a),var(--pc1),var(--pc2),var(--pc1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rdSpin 6s linear infinite;pointer-events:none}
html[data-look="2026"] .plan.pro::before{background:conic-gradient(from var(--rd-a),#f4a020,#e11d74,#8b5cf6,#20b4f4,#f4a020);animation-duration:5s}
@keyframes rdSpin{to{--rd-a:360deg}}
html[data-look="2026"] .price-grid .plan:hover{transform:translateY(-14px) scale(1.03);box-shadow:0 44px 80px -28px color-mix(in srgb,var(--pc1) 75%,transparent);z-index:3}
html[data-look="2026"] .price-grid .plan.pro:hover{transform:translateY(-14px) scale(1.06)}
html[data-look="2026"] .plan .amt{background:linear-gradient(135deg,var(--text),color-mix(in srgb,var(--text) 60%,var(--g1)));-webkit-background-clip:text;background-clip:text;color:transparent}

/* faq */
html[data-look="2026"] .faq{border-radius:18px;transition:border-color .25s,background .25s}
html[data-look="2026"] .faq[open]{border-color:rgba(244,160,32,.5);background:var(--glass-2)}

/* big call-to-action band */
html[data-look="2026"] .cta-band{background:linear-gradient(135deg,rgba(244,160,32,.18),rgba(225,29,116,.16) 50%,rgba(139,92,246,.2)),var(--glass);border-color:rgba(255,255,255,.18)}

/* reveal */
html[data-look="2026"] .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
html[data-look="2026"] .reveal.in,html[data-look="2026"] .reveal.visible,html[data-look="2026"] .reveal.show{opacity:1;transform:none}

/* ===== Hover animations: every kind of card moves in its own way (mouse devices only) ===== */
@keyframes rdWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg) scale(1.15)}60%{transform:rotate(10deg) scale(1.15)}}
@keyframes rdBounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-10px) scale(1.12)}70%{transform:translateY(2px)}}
@keyframes rdPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
@keyframes rdSpin1{to{transform:rotate(360deg) scale(1.1)}}
@keyframes rdTwinkle{0%,100%{filter:none;letter-spacing:2px}50%{filter:drop-shadow(0 0 6px #fbbf24);letter-spacing:5px}}
@keyframes rdRing{from{box-shadow:0 0 0 0 rgba(244,160,32,.55)}to{box-shadow:0 0 0 16px rgba(244,160,32,0)}}
@keyframes rdSweep{from{transform:translateX(-120%) skewX(-20deg)}to{transform:translateX(220%) skewX(-20deg)}}
html[data-look="2026"] .modes-grid .mode-card,html[data-look="2026"] .feat-grid .feat,html[data-look="2026"] .highlight-grid .hl-card,html[data-look="2026"] .hl-stack .hl-card,html[data-look="2026"] .steps .step,html[data-look="2026"] .testi-grid .review-card,html[data-look="2026"] .blog-grid .blog-card,html[data-look="2026"] .stats-grid .stat,html[data-look="2026"] .faq-wrap .faq,html[data-look="2026"] .contact-row .contact-chip,html[data-look="2026"] .wa-card,html[data-look="2026"] .vid-card{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .3s,background .3s,opacity .8s}
html[data-look="2026"] .mode-card .mode-ic,html[data-look="2026"] .feat .fic,html[data-look="2026"] .hl-card .fic,html[data-look="2026"] .step .n{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){
  /* input modes: slide right, coloured edge appears, icon jumps */
  html[data-look="2026"] .modes-grid .mode-card:hover{transform:translateX(10px);border-color:var(--g1);box-shadow:-6px 0 0 -2px var(--g1),0 24px 50px -24px rgba(244,160,32,.5)}
  html[data-look="2026"] .modes-grid .mode-card:hover .mode-ic{animation:rdBounce .7s ease}
  /* 12 feature cards: four different movements, repeating */
  html[data-look="2026"] .feat-grid .feat:hover{z-index:2;box-shadow:0 30px 60px -26px rgba(139,92,246,.55)}
  html[data-look="2026"] .feat-grid .feat:nth-child(4n+1):hover{transform:translateY(-10px) rotate(-1.3deg)}
  html[data-look="2026"] .feat-grid .feat:nth-child(4n+2):hover{transform:translateY(-10px) rotate(1.3deg)}
  html[data-look="2026"] .feat-grid .feat:nth-child(4n+3):hover{transform:translateY(-12px) scale(1.035)}
  html[data-look="2026"] .feat-grid .feat:nth-child(4n+4):hover{transform:translateY(-8px) perspective(700px) rotateX(5deg)}
  html[data-look="2026"] .feat-grid .feat:nth-child(4n+1):hover .fic{animation:rdWiggle .7s ease}
  html[data-look="2026"] .feat-grid .feat:nth-child(4n+2):hover .fic{animation:rdBounce .7s ease}
  html[data-look="2026"] .feat-grid .feat:nth-child(4n+3):hover .fic{animation:rdPulse .8s ease}
  html[data-look="2026"] .feat-grid .feat:nth-child(4n+4):hover .fic{animation:rdSpin1 .8s ease}
  /* highlight cards (suggestion / dual spell-check / font auto-switch): light sweeps across */
  html[data-look="2026"] .highlight-grid .hl-card,html[data-look="2026"] .hl-stack .hl-card{overflow:hidden}
  html[data-look="2026"] .hl-stack .hl-card{flex:1 1 auto;min-height:min-content}
  html[data-look="2026"] .highlight-grid .hl-card:hover,html[data-look="2026"] .hl-stack .hl-card:hover{transform:translateY(-8px);border-color:rgba(139,92,246,.7);box-shadow:0 34px 70px -28px rgba(139,92,246,.6)}
  html[data-look="2026"] .hl-card::before{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:translateX(-120%) skewX(-20deg);pointer-events:none}
  html[data-look="2026"] .hl-card:hover::before{animation:rdSweep 1s ease}
  html[data-look="2026"] .hl-card:hover .fic{animation:rdPulse .8s ease}
  /* steps: the number spins and rings out, the card grows */
  html[data-look="2026"] .steps .step:hover{transform:translateY(-8px) scale(1.03);border-color:var(--g1);box-shadow:0 30px 60px -26px rgba(244,160,32,.55)}
  html[data-look="2026"] .steps .step:hover .n{animation:rdSpin1 .8s ease,rdRing 1s ease-out}
  /* reviews: tilts like a card picked up, stars twinkle */
  html[data-look="2026"] .testi-grid .review-card:hover{transform:perspective(900px) rotateY(-6deg) translateY(-8px);box-shadow:16px 28px 50px -24px rgba(0,0,0,.65);border-color:rgba(251,191,36,.55)}
  html[data-look="2026"] .testi-grid .review-card:hover .stars,html[data-look="2026"] .testi-grid .review-card:hover [class*="star"]{animation:rdTwinkle 1s ease}
  /* blog: picture zooms, title colours, card lifts */
  html[data-look="2026"] .blog-grid .blog-card:hover{transform:translateY(-10px);box-shadow:0 34px 60px -28px rgba(167,139,250,.6)}
  html[data-look="2026"] .blog-card .thumb img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
  html[data-look="2026"] .blog-card:hover .thumb img{transform:scale(1.12)}
  html[data-look="2026"] .blog-card h3{transition:color .3s}
  html[data-look="2026"] .blog-card:hover h3{color:var(--g1)}
  /* stats: number pops */
  html[data-look="2026"] .stats-grid .stat:hover{transform:translateY(-6px) scale(1.06);box-shadow:0 26px 50px -26px rgba(139,92,246,.6)}
  html[data-look="2026"] .stat .num{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
  html[data-look="2026"] .stat:hover .num{transform:scale(1.14)}
  /* faq: slides in with a coloured edge */
  html[data-look="2026"] .faq-wrap .faq:hover{transform:translateX(8px);border-color:rgba(244,160,32,.55);box-shadow:-5px 0 0 -1px var(--g1)}
  html[data-look="2026"] .faq summary .pm{transition:transform .3s,background .3s}
  html[data-look="2026"] .faq:hover summary .pm{background:var(--g1);color:#1a1205}
  /* contact chips, WhatsApp card, video cards */
  html[data-look="2026"] .contact-row .contact-chip:hover{transform:translateY(-5px) scale(1.05);border-color:var(--g1)}
  html[data-look="2026"] .wa-card:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 34px 70px -30px rgba(37,211,102,.55);border-color:rgba(37,211,102,.6)}
  html[data-look="2026"] .vid-card:hover{transform:translateY(-6px) scale(1.03)}
  html[data-look="2026"] .vid-card:hover .vid-thumb{filter:brightness(1.15)}
  /* comparison table rows light up */
  html[data-look="2026"] .cmp-table tbody tr{transition:background .25s}
  html[data-look="2026"] .cmp-table tbody tr:hover{background:rgba(139,92,246,.1)}
}

/* ===== Hover animations, part 2: the remaining cards and controls ===== */
@keyframes rdShift{from{background-position:0 50%}to{background-position:100% 50%}}
@keyframes rdPop{0%{transform:scale(1)}50%{transform:scale(1.18)}100%{transform:scale(1.08)}}
html[data-look="2026"] .cta-band,html[data-look="2026"] .review-form-wrap,html[data-look="2026"] .testi-empty,html[data-look="2026"] .car-viewport,html[data-look="2026"] .car-thumb,html[data-look="2026"] .car-btn,html[data-look="2026"] .pred-chip,html[data-look="2026"] .kicker,html[data-look="2026"] .type-demo{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .3s,filter .3s,background .3s,opacity .8s}
@media (hover:hover){
  html[data-look="2026"] .cta-band:hover{transform:scale(1.015);box-shadow:0 40px 90px -30px rgba(225,29,116,.55),0 0 0 1px rgba(255,255,255,.22);background-size:220% 220%;animation:rdShift 3s ease-in-out infinite alternate}
  html[data-look="2026"] .review-form-wrap:hover{transform:translateY(-6px);box-shadow:0 30px 60px -28px rgba(139,92,246,.5);border-color:rgba(139,92,246,.6)}
  html[data-look="2026"] .testi-empty:hover{transform:translateY(-6px) rotate(-.8deg);box-shadow:0 28px 56px -28px rgba(244,160,32,.5)}
  html[data-look="2026"] .testi-empty:hover .ic{animation:rdBounce .7s ease}
  html[data-look="2026"] .car-viewport:hover{transform:scale(1.012);box-shadow:0 40px 80px -30px rgba(32,180,244,.5);border-color:rgba(32,180,244,.55)}
  html[data-look="2026"] .car-thumb:hover{transform:translateY(-5px) scale(1.08);filter:brightness(1.12)}
  html[data-look="2026"] .car-btn:hover{transform:scale(1.18) rotate(-6deg)}
  html[data-look="2026"] .pred-chip:hover{transform:translateY(-3px) scale(1.08);border-color:var(--purple)}
  html[data-look="2026"] .kicker:hover{transform:scale(1.08)}
  html[data-look="2026"] .type-demo:hover .type-bar i{animation:rdPulse .6s ease}
  html[data-look="2026"] .hl-demo .fd-row{transition:background .25s,padding .25s}
  html[data-look="2026"] .hl-demo .fd-row:hover{background:rgba(139,92,246,.12);padding-left:8px;padding-right:8px;border-radius:8px}
  html[data-look="2026"] .hero-note span{transition:transform .3s}
  html[data-look="2026"] .hero-note span:hover{transform:translateY(-3px)}
}

/* ===== Colourful FAQ (same look as the Partner Portal) ===== */
html[data-look="2026"] .faq-wrap .faq{--fq:#7C4DFF;border-left:4px solid var(--fq);border-radius:16px}
html[data-look="2026"] .faq-wrap .faq:nth-child(6n+1){--fq:#7C4DFF}html[data-look="2026"] .faq-wrap .faq:nth-child(6n+2){--fq:#0EA5E9}html[data-look="2026"] .faq-wrap .faq:nth-child(6n+3){--fq:#10b981}html[data-look="2026"] .faq-wrap .faq:nth-child(6n+4){--fq:#f59e0b}html[data-look="2026"] .faq-wrap .faq:nth-child(6n+5){--fq:#ec4899}html[data-look="2026"] .faq-wrap .faq:nth-child(6n+6){--fq:#2dd4bf}
html[data-look="2026"] .faq-wrap .faq summary{transition:color .2s}
html[data-look="2026"] .faq-wrap .faq summary .pm{background:color-mix(in srgb,var(--fq) 22%,transparent);color:var(--fq);border-color:transparent;border-radius:9px;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s,color .25s}
html[data-look="2026"] .faq-wrap .faq[open]{border-color:var(--fq);background:linear-gradient(135deg,color-mix(in srgb,var(--fq) 14%,var(--panel)),var(--panel));box-shadow:0 18px 40px -24px var(--fq)}
@media (hover:hover){
  html[data-look="2026"] .faq-wrap .faq:hover{border-color:var(--fq);box-shadow:-6px 12px 30px -20px var(--fq)}
  html[data-look="2026"] .faq-wrap .faq:hover summary{color:var(--fq)}
  html[data-look="2026"] .faq-wrap .faq:hover summary .pm{background:var(--fq);color:#fff}
}

/* stats: one colour per card */
html[data-look="2026"] .stats-grid .stat{--sc:#f59e0b;--sc2:#f43f5e;background:linear-gradient(150deg,color-mix(in srgb,var(--sc) 26%,transparent),var(--glass) 75%);border-color:color-mix(in srgb,var(--sc) 50%,transparent);box-shadow:0 22px 44px -30px var(--sc)}
html[data-look="2026"] .stats-grid .stat:nth-child(1){--sc:#f59e0b;--sc2:#f43f5e}
html[data-look="2026"] .stats-grid .stat:nth-child(2){--sc:#38bdf8;--sc2:#6366f1}
html[data-look="2026"] .stats-grid .stat:nth-child(3){--sc:#10b981;--sc2:#06b6d4}
html[data-look="2026"] .stats-grid .stat:nth-child(4){--sc:#ec4899;--sc2:#a855f7}
html[data-look="2026"] .stats-grid .stat .num{background:linear-gradient(135deg,var(--sc),var(--sc2));-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-look="2026"] .stats-grid .stat .cap{color:color-mix(in srgb,var(--sc) 35%,var(--muted))}
@media (hover:hover){html[data-look="2026"] .stats-grid .stat:hover{box-shadow:0 30px 56px -26px var(--sc);border-color:var(--sc)}}

/* sticky buy bar */
html[data-look="2026"] .rd-buy{position:fixed;left:50%;bottom:18px;transform:translate(-50%,150%);z-index:95;display:flex;align-items:center;gap:16px;padding:9px 10px 9px 22px;border-radius:999px;background:rgba(15,17,26,.86);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 60px -16px #000;transition:transform .55s cubic-bezier(.2,.8,.2,1);width:max-content;max-width:calc(100% - 20px);color:#eef0f8}
html[data-look="2026"] .rd-buy.on{transform:translate(-50%,0)}
html[data-look="2026"] .rd-buy b{font-size:17px}html[data-look="2026"] .rd-buy s{color:#8b93ad;margin-left:7px;font-size:14px}
html[data-look="2026"] .rd-buy .tag{background:#f4a020;color:#1a1205;font-weight:900;font-size:12px;padding:3px 9px;border-radius:8px;margin-left:8px}
html[data-look="2026"] .rd-buy .btn{padding:11px 22px;font-size:14.5px}
html[data-look="2026"] .rd-buy-x{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.08);color:inherit;font-size:19px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;transition:background .2s,transform .2s}
html[data-look="2026"] .rd-buy-x:hover{background:rgba(255,255,255,.22);transform:rotate(90deg)}
html[data-look="2026"][data-theme="light"] .rd-buy{background:rgba(255,255,255,.92);color:#1b2030;box-shadow:0 24px 60px -20px rgba(20,30,60,.4)}

@media(max-width:900px){
  html[data-look="2026"] .hero .wrap{grid-template-columns:minmax(0,1fr)}html[data-look="2026"] .hero .wrap > .rd-stage{grid-column:1;grid-row:auto;margin-top:26px}html[data-look="2026"] .hero{padding-top:40px}
  html[data-look="2026"] .rd-chip,html[data-look="2026"] .rd-shot{display:none}
  html[data-look="2026"] .rd-stage{padding:0}
  html[data-look="2026"] .rd-pop{position:relative;right:auto;bottom:auto;width:94%;margin:-18px auto 0}
  html[data-look="2026"] .rd-win .type-as{font-size:28px}
  html[data-look="2026"] .feat.wide,html[data-look="2026"] .feat.full{grid-column:auto}
  html[data-look="2026"] .price-grid .plan,html[data-look="2026"] .price-grid .plan.pro{transform:none}html[data-look="2026"] .price-grid .plan:hover,html[data-look="2026"] .price-grid .plan.pro:hover{transform:translateY(-6px)}
  html[data-look="2026"] header.nav{width:calc(100% - 16px);border-radius:22px}
  html[data-look="2026"] .rd-buy{padding:8px 8px 8px 16px;gap:10px}html[data-look="2026"] .rd-buy .tag{display:none}
}
@media(prefers-reduced-motion:reduce){html[data-look="2026"] *{animation:none!important;transition:none!important}html[data-look="2026"] .reveal,html[data-look="2026"] .hero h1 .w{opacity:1;transform:none}}

/* language spans inside the hero tick list must follow the language switch */
html[data-look="2026"] body[data-lang="as"] .hero-note [data-en],html[data-look="2026"] body[data-lang="en"] .hero-note [data-as]{display:none}

html[data-look="2026"] .rd-marq{display:block}
html[data-look="2026"] #rd-prog,html[data-look="2026"] #rd-spot,html[data-look="2026"] .rd-buy,html[data-look="2026"] .rd-proof{display:flex}
html[data-look="2026"] #rd-prog,html[data-look="2026"] #rd-spot{display:block}
@media(min-width:901px){html[data-look="2026"] .rd-chip,html[data-look="2026"] .rd-shot{display:block}}