/* =====================================================================
   Tonguana – inner pages (Features, How It Works, Free vs Pro, FAQs)
   Builds on style.css: same colours, type, buttons, reveal + float animations.
   ===================================================================== */

/* ---------- nav: current page ---------- */
.links a[aria-current=page]{background:#eaf8e6;color:var(--dg)}
.mnav a[aria-current=page]{color:var(--dg)}

/* ---------- page hero ---------- */
.ip-hero{position:relative;overflow:hidden;padding:56px 0 96px;background:
  radial-gradient(900px 520px at 88% 12%,color-mix(in srgb,var(--ac2) 24%,transparent),transparent 62%),
  radial-gradient(620px 420px at -4% -10%,color-mix(in srgb,var(--ac) 14%,transparent),transparent 62%),
  linear-gradient(180deg,#fff,var(--tint))}
.ip-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(color-mix(in srgb,var(--ac) 55%,transparent) 1.4px,transparent 1.6px) 0 0/22px 22px;opacity:.28;-webkit-mask-image:radial-gradient(ellipse 45% 60% at 78% 45%,#000,transparent 72%);mask-image:radial-gradient(ellipse 45% 60% at 78% 45%,#000,transparent 72%);pointer-events:none}
.ip-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:70px;background:linear-gradient(180deg,transparent,#fff);pointer-events:none}
.ip-hero .wrap{position:relative;z-index:1;max-width:1280px}
.ip-hg{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}
.ip-crumb{display:flex;align-items:center;gap:10px;margin:0 0 22px;padding:0;list-style:none;font-size:.86rem;font-weight:600;color:var(--mut)}
.ip-crumb a{color:var(--mut);transition:color .2s}.ip-crumb a:hover{color:var(--acd)}
.ip-crumb li+li::before{content:"";display:inline-block;width:6px;height:6px;margin-right:10px;border-top:2px solid #b7c3d3;border-right:2px solid #b7c3d3;transform:rotate(45deg) translateY(-2px)}
.ip-crumb [aria-current]{color:var(--acd)}
.ip-hero h1{font-size:clamp(2.2rem,4.2vw,3.4rem);line-height:1.08}
@media(min-width:1100px){.ip-hero h1 .l{white-space:nowrap}}
.ip-hero h1 .l{display:block;opacity:0;transform:translateY(28px);animation:up .9s var(--ease) forwards}
.ip-hero h1 .l:nth-child(2){animation-delay:.12s}.ip-hero h1 .l:nth-child(3){animation-delay:.24s}
.ip-hero .lead{font-size:1.14rem;margin:22px 0 30px;max-width:560px;opacity:0;animation:up .9s .3s var(--ease) forwards}
.ip-hero .btns,.ip-hero .mini,.ip-hero form{opacity:0;animation:up .9s .42s var(--ease) forwards}
.ip-hero .mini{animation-delay:.54s}
.ip-hero .eyebrow{opacity:0;animation:up .8s var(--ease) forwards}
.ip-art{position:relative;min-height:470px;opacity:0;animation:up 1s .2s var(--ease) forwards}
.ip-art .fl{z-index:3;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.ip-art .fl i{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;color:#fff;font-style:normal;font-weight:800;font-size:.8rem;background:linear-gradient(135deg,var(--ac),var(--acd))}
.ip-art .fl:nth-of-type(2){animation-delay:-2s}.ip-art .fl:nth-of-type(3){animation-delay:-4s}.ip-art .fl:nth-of-type(4){animation-delay:-1s}
@keyframes ipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes ipSpin{to{transform:rotate(360deg)}}
@keyframes ipDash{to{stroke-dashoffset:-40}}
@keyframes ipPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}

/* ---------- shared section bits ---------- */
.ip-sec{position:relative;padding:104px 0}
.ip-sec.alt{background:var(--off)}
.ip-lead{font-size:1.08rem;margin-top:14px}
.ip-ticks{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}
.ip-ticks li{display:flex;gap:12px;align-items:flex-start;font-weight:600;color:var(--navy)}
.ip-ticks li::before{content:"";flex:none;width:24px;height:24px;margin-top:1px;border-radius:8px;background:var(--ac,#36B82B) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 6px 14px -8px var(--ac,#36B82B)}
.ip-link{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-weight:700;color:var(--acd,#087E39)}
.ip-link::after{content:"→";transition:transform .25s}.ip-link:hover::after{transform:translateX(5px)}
.ip-num{display:inline-flex;align-items:center;gap:10px;font:800 .82rem Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--acd);margin-bottom:14px}
.ip-num b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--ac),var(--acd));color:#fff;letter-spacing:0;box-shadow:0 10px 18px -10px var(--acd)}

/* ---------- stat band ---------- */
.ip-stats{position:relative;margin-top:-54px;z-index:2}
.ip-stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 60px -40px rgba(8,27,67,.4);padding:8px}
.ip-stat{padding:26px 24px;text-align:center;border-left:1px solid var(--line)}
.ip-stat:first-child{border-left:0}
.ip-stat b{display:block;font:800 clamp(2.2rem,3.6vw,3rem)/1 Manrope,system-ui,sans-serif;letter-spacing:-.03em;background:linear-gradient(120deg,var(--dg),var(--g),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}
.ip-stat>span{display:block;margin-top:8px;font-weight:600;font-size:.92rem;color:var(--mut)}

/* ---------- zig-zag feature rows ---------- */
.ip-zig{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:center}
.ip-zig+.ip-zig{margin-top:120px}
.ip-zig.rev>.ip-zt{order:2}
.ip-zt h2{font-size:clamp(1.8rem,3.2vw,2.6rem)}
.ip-zt p{margin-top:16px;font-size:1.06rem}
.ip-vis{position:relative;border-radius:30px;padding:30px;min-height:360px;background:linear-gradient(150deg,var(--tint2),#fff 70%);border:1px solid color-mix(in srgb,var(--ac) 18%,#fff);box-shadow:0 40px 70px -46px color-mix(in srgb,var(--acd) 70%,transparent);overflow:hidden;isolation:isolate}
.ip-vis::before{content:"";position:absolute;width:340px;height:340px;right:-120px;top:-140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ac2) 35%,transparent),transparent 70%);z-index:-1;animation:blob 14s ease-in-out infinite}
.ip-card{background:#fff;border-radius:20px;border:1px solid #e6ece4;box-shadow:0 24px 40px -30px rgba(8,27,67,.45)}

/* vis: pages list */
.vp{padding:8px 4px}
.vp-head{display:flex;justify-content:space-between;padding:14px 18px;font:800 .78rem Manrope,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8a97ab;border-bottom:1px solid #eef2ec}
.vp-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid #f2f5f1}
.vp-row:last-child{border:0}
.vp-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--tint2);color:var(--acd)}
.vp-ic svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vp-t{font-weight:700;font-size:.95rem}.vp-t small{display:block;font-weight:500;color:#8a97ab;font-size:.78rem}
.vp-l{display:flex;gap:5px}
.vp-l i{display:grid;place-items:center;min-width:30px;height:26px;padding:0 5px;border-radius:8px;font:800 .7rem Manrope,"Noto Sans Arabic",system-ui,sans-serif;font-style:normal;background:#eef2ec;color:#9aa6b6;animation:vpOn 7s infinite}
.vp-l i:first-child{background:var(--g);color:#fff;animation:none}
@keyframes vpOn{0%,8%{background:#eef2ec;color:#9aa6b6;transform:scale(1)}12%{transform:scale(1.18)}16%,90%{background:var(--g);color:#fff;transform:scale(1)}96%,100%{background:#eef2ec;color:#9aa6b6}}

/* vis: product card */
.vw2{display:grid;place-items:center;min-height:300px}
.vw2 .ip-card{width:min(300px,100%);padding:18px;position:relative;animation:ipFloat 6s ease-in-out infinite}
.vw2-img{height:150px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(140deg,#FFE0B0,#FFB45C);color:#fff;position:relative;overflow:hidden}
.vw2-img svg{width:58px;height:58px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 10px rgba(229,111,0,.35))}
.vw2-img::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-100%);animation:shine 4s ease-in-out infinite}
@keyframes shine{60%,100%{transform:translateX(100%)}}
.vw2-tag{position:absolute;top:28px;right:28px;z-index:2;display:grid;height:28px;overflow:hidden;border-radius:9px;background:#fff;box-shadow:0 8px 16px -8px rgba(0,0,0,.35)}
.cyc{position:relative;display:block}
.cyc>*{display:block;animation:cyc3 9s infinite}
.cyc>*:not(:first-child){position:absolute;inset:0;opacity:0}
.cyc>*:nth-child(2){animation-name:cyc3b}.cyc>*:nth-child(3){animation-name:cyc3c}
@keyframes cyc3{0%,28%{opacity:1;transform:none}33%,95%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:none}}
@keyframes cyc3b{0%,28%{opacity:0;transform:translateY(8px)}33%,61%{opacity:1;transform:none}66%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes cyc3c{0%,61%{opacity:0;transform:translateY(8px)}66%,95%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}
.vw2-tag .cyc>*{padding:0 10px;line-height:28px;font:800 .78rem Manrope,system-ui,sans-serif;color:var(--acd)}
.vw2 h4{margin:16px 0 6px;font:800 1.1rem Manrope,system-ui,sans-serif;color:var(--navy);height:1.4em}
.vw2 .ln{margin:8px 0}
.vw2-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.vw2-row b{font:800 1.2rem Manrope,system-ui,sans-serif;color:var(--acd)}
.vw2-btn{display:block;min-width:140px;padding:9px 14px;border-radius:99px;background:linear-gradient(135deg,var(--ac),var(--acd));color:#fff;text-align:center;font:800 .78rem Manrope,system-ui,sans-serif;height:34px;overflow:hidden}
.vw2-btn .cyc>*{line-height:16px}
.vw2-flag{position:absolute;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#fff;font:800 .9rem Manrope,"Noto Sans Arabic",system-ui,sans-serif;color:var(--acd);box-shadow:0 14px 26px -14px rgba(8,27,67,.45);animation:ipFloat 5s ease-in-out infinite}
.vw2-flag.fg1{left:8%;top:18%}.vw2-flag.fg2{right:7%;bottom:16%;animation-delay:-2s}.vw2-flag.fg3{left:12%;bottom:12%;animation-delay:-3.5s}

/* vis: word meter */
.vwm{display:grid;place-items:center;min-height:300px;color:#fff}
.vwm-card{width:min(380px,100%);border-radius:24px;padding:26px;background:linear-gradient(150deg,#2a1260,#0f1b4a 75%);box-shadow:0 30px 60px -30px rgba(40,16,100,.7);position:relative;overflow:hidden}
.vwm-card::after{content:"∞";position:absolute;right:14px;bottom:-40px;font:800 11rem/1 Manrope,system-ui,sans-serif;opacity:.08}
.vwm-k{font:800 .74rem Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.vwm-n{margin:8px 0 18px;font:800 clamp(2.2rem,4vw,3rem)/1 Manrope,system-ui,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.vwm-bar{height:10px;border-radius:10px;background:rgba(255,255,255,.12);overflow:hidden}
.vwm-bar i{display:block;height:100%;width:40%;border-radius:10px;background:linear-gradient(90deg,#C07BF5,#8EDB23);animation:vwmBar 3.2s ease-in-out infinite}
@keyframes vwmBar{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
.vwm-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.vwm-chips span{padding:7px 12px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font:700 .8rem Manrope,system-ui,sans-serif}
.vwm-chips b{color:#8EDB23}

/* vis: data stays home */
.vdb{display:grid;place-items:center;min-height:300px}
.vdb svg{width:100%;max-width:440px;height:auto;overflow:visible}
.vdb .flow{stroke-dasharray:2 12;stroke-linecap:round;animation:ipDash 1.6s linear infinite}
.vdb .flow.rv2{animation-direction:reverse}

/* vis: wp-style dashboard */
.vds{display:grid;grid-template-columns:120px 1fr;min-height:300px;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #e6ece4;box-shadow:0 24px 40px -30px rgba(8,27,67,.45)}
.vds-side{background:#14223d;padding:14px 10px;display:grid;align-content:start;gap:4px}
.vds-side span{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;font:700 .74rem Manrope,system-ui,sans-serif;color:#9fb0c7}
.vds-side span::before{content:"";width:10px;height:10px;border-radius:3px;background:currentColor;opacity:.5}
.vds-side .on{background:var(--g);color:#fff}.vds-side .on::before{opacity:1;background:#fff}
.vds-main{padding:18px 20px}
.vds-main h5{margin:0 0 4px;font:800 1rem Manrope,system-ui,sans-serif;color:var(--navy)}
.vds-main small{color:#8a97ab;font-weight:600}
.vds-l{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #f0f3ef;font-weight:700;font-size:.9rem}
.vds-l:last-child{border:0}
.vds-l em{font-style:normal;color:#8a97ab;font-weight:600;font-size:.78rem;margin-left:6px}
.sw{position:relative;width:38px;height:22px;border-radius:99px;background:#dfe6dd;flex:none}
.sw::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .3s}
.sw.on{background:var(--g)}.sw.on::after{transform:translateX(16px)}
.sw.anim{animation:swBg 6s infinite}.sw.anim::after{animation:swDot 6s infinite}
.sw.anim.d2{animation-delay:1.2s}.sw.anim.d2::after{animation-delay:1.2s}
@keyframes swBg{0%,20%{background:#dfe6dd}28%,85%{background:var(--g)}92%,100%{background:#dfe6dd}}
@keyframes swDot{0%,20%{transform:none}28%,85%{transform:translateX(16px)}92%,100%{transform:none}}

/* ---------- plans teaser ---------- */
.ip-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ip-plan{position:relative;border-radius:30px;padding:36px;overflow:hidden;border:1px solid var(--line);background:#fff;transition:transform .35s var(--ease),box-shadow .35s}
.ip-plan:hover{transform:translateY(-6px);box-shadow:0 34px 60px -40px rgba(8,27,67,.45)}
.ip-plan h3{font-size:1.6rem;margin:14px 0 8px}
.ip-plan .tagp{display:inline-block;padding:6px 12px;border-radius:99px;font:800 .74rem Manrope,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;background:#eaf8e6;color:var(--dg)}
.ip-plan.pro{background:linear-gradient(150deg,#06301d,#0d6b34 65%,#2fa61f);color:#fff;border-color:transparent}
.ip-plan.pro p,.ip-plan.pro li{color:#e2f7d8}
.ip-plan.pro .tagp{background:rgba(255,255,255,.14);color:#cff59b}
.ip-plan.pro .ip-ticks li::before{background-color:#8EDB23}
.ip-plan .btn{margin-top:28px}
.ip-plan::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(142,219,35,.28),transparent 70%)}

/* ---------- generic icon cards ---------- */
.ip-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ip-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ip-ic-card{position:relative;padding:28px;border-radius:26px;background:#fff;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s,border-color .35s;overflow:hidden}
.ip-ic-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c,#36B82B) 45%,#fff);box-shadow:0 30px 50px -36px color-mix(in srgb,var(--c,#36B82B) 80%,transparent)}
.ip-ic-card h3{margin:18px 0 8px;font-size:1.15rem}
.ip-ic-card p{font-size:.95rem}
.ip-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff;background:linear-gradient(140deg,var(--c,#36B82B),color-mix(in srgb,var(--c,#36B82B) 60%,#000));box-shadow:0 14px 24px -14px var(--c,#36B82B);transition:transform .4s var(--ease)}
.ip-ic-card:hover .ip-ic{transform:rotate(-8deg) scale(1.06)}
.ip-ic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ip-ic-card .big{position:absolute;right:18px;top:12px;font:800 3.4rem/1 Manrope,system-ui,sans-serif;color:var(--c,#36B82B);opacity:.08}

/* ---------- How It Works: step rail ---------- */
.ip-steps{position:relative;display:grid;gap:110px;padding-left:96px}
.ip-rail{position:absolute;left:31px;top:12px;bottom:12px;width:4px;border-radius:4px;background:#dbe8f6}
.ip-rail i{position:absolute;inset:0;border-radius:4px;background:linear-gradient(180deg,#35AEFF,var(--acd));transform-origin:50% 0;transform:scaleY(0);transition:transform .15s linear}
.ip-step{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.ip-step .dot{position:absolute;left:-96px;top:6px;display:grid;place-items:center;width:66px;height:66px;border-radius:22px;background:#fff;border:2px solid #cfe1f4;font:800 1.3rem Manrope,system-ui,sans-serif;color:#7a93b3;transition:all .5s var(--ease);z-index:1}
.ip-step.act .dot{background:linear-gradient(135deg,var(--ac),var(--acd));border-color:transparent;color:#fff;box-shadow:0 16px 30px -14px var(--acd);transform:rotate(-6deg)}
.ip-step h2{font-size:clamp(1.7rem,3vw,2.4rem)}
.ip-step p{margin-top:14px;font-size:1.05rem}

/* vis: install */
.vin{display:grid;place-items:center;min-height:320px}
.vin .ip-card{width:min(360px,100%);padding:20px}
.vin-top{display:flex;gap:14px;align-items:center}
.vin-logo{width:56px;height:56px;border-radius:16px;flex:none;background:linear-gradient(135deg,#36B82B,#087E39);display:grid;place-items:center}
.vin-logo img{width:46px;height:auto}
.vin-top b{display:block;font:800 1.05rem Manrope,system-ui,sans-serif}
.vin-top small{color:#8a97ab;font-weight:600}
.vin-stars{display:flex;gap:3px;margin-top:4px}.vin-stars i{width:10px;height:10px;border-radius:2px;background:#e6ede3}
.vin-act{position:relative;margin-top:18px;height:44px;border-radius:12px;overflow:hidden;background:#eef4fb}
.vin-act span{position:absolute;inset:0;display:grid;place-items:center;font:800 .9rem Manrope,system-ui,sans-serif;opacity:0;animation:vinS 8s infinite}
.vin-act .s1{background:var(--ac);color:#fff;animation-name:vinS1}
.vin-act .s2{color:var(--acd);animation-name:vinS2}
.vin-act .s3{background:#0A5FB0;color:#fff;animation-name:vinS3}
.vin-act .s4{background:var(--g);color:#fff;animation-name:vinS4}
.vin-act .prog{position:absolute;left:0;bottom:0;height:4px;background:var(--ac);width:0;animation:vinP 8s infinite}
@keyframes vinS1{0%,20%{opacity:1}24%,100%{opacity:0}}
@keyframes vinS2{0%,22%{opacity:0}26%,46%{opacity:1}50%,100%{opacity:0}}
@keyframes vinS3{0%,48%{opacity:0}52%,68%{opacity:1}72%,100%{opacity:0}}
@keyframes vinS4{0%,70%{opacity:0}74%,96%{opacity:1}100%{opacity:0}}
@keyframes vinP{0%,22%{width:0}46%{width:100%}50%,100%{width:0}}
.vin-lines{margin-top:16px}

/* vis: language checklist */
.vlg{display:grid;place-items:center;min-height:320px}
.vlg .ip-card{width:min(360px,100%);padding:10px 8px}
.vlg-h{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 12px;font:800 .78rem Manrope,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8a97ab}
.vlg-h em{font-style:normal;padding:4px 10px;border-radius:99px;background:var(--tint2);color:var(--acd);letter-spacing:.04em}
.vlg-r{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;font-weight:700}
.vlg-r .bx{width:22px;height:22px;border-radius:7px;border:2px solid #cbd7e4;display:grid;place-items:center;color:#fff;font-size:.75rem;flex:none}
.vlg-r .vgl{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;font:800 .85rem Manrope,"Noto Sans Arabic","Noto Sans SC","Noto Sans Devanagari",system-ui,sans-serif;flex:none}
.vlg-r.on .bx{background:var(--ac);border-color:var(--ac)}
.vlg-r.on .bx::after{content:"✓"}
.vlg-r.anim .bx{animation:bxOn 7s infinite}.vlg-r.anim .bx::after{content:"✓";animation:bxTick 7s infinite}
.vlg-r.anim.d2 .bx,.vlg-r.anim.d2 .bx::after{animation-delay:1.4s}
@keyframes bxOn{0%,15%{background:transparent;border-color:#cbd7e4}20%,88%{background:var(--ac);border-color:var(--ac)}94%,100%{background:transparent;border-color:#cbd7e4}}
@keyframes bxTick{0%,15%{opacity:0}20%,88%{opacity:1}94%,100%{opacity:0}}

/* vis: build (two-language editor) */
.vbd{display:grid;place-items:center;min-height:320px}
.vbd .ip-card{width:min(420px,100%);overflow:hidden}
.vbd-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eef2ec}
.vbd-top .vdots{display:flex;gap:5px}.vbd-top .vdots i{width:9px;height:9px;border-radius:50%;background:#d5deea}
.vbd-sw{display:flex;gap:4px;padding:3px;border-radius:99px;background:#eef4fb}
.vbd-sw span{padding:4px 10px;border-radius:99px;font:800 .72rem Manrope,system-ui,sans-serif;color:#7a93b3}
.vbd-sw span.on{background:#fff;color:var(--acd);box-shadow:0 2px 6px rgba(8,27,67,.12)}
.vbd-cols{display:grid;grid-template-columns:1fr 1fr}
.vbd-col{padding:16px}.vbd-col+.vbd-col{border-left:1px dashed #dbe5ef;background:#fafcff}
.vbd-col em{display:inline-block;margin-bottom:8px;padding:3px 9px;border-radius:7px;font:800 .7rem Manrope,system-ui,sans-serif;font-style:normal;background:var(--tint2);color:var(--acd)}
.vbd-col h6{margin:4px 0 6px;font:800 .95rem Manrope,system-ui,sans-serif;color:var(--navy)}
.vbd-col .ln{margin:7px 0}
.vbd-col .ln.ty{transform-origin:0 50%;animation:typeLn 5s ease-in-out infinite}
.vbd-col .ln.ty.d2{animation-delay:.5s}.vbd-col .ln.ty.d3{animation-delay:1s}
@keyframes typeLn{0%,10%{transform:scaleX(0)}40%,90%{transform:scaleX(1)}100%{transform:scaleX(0)}}

/* ---------- visitor journey ---------- */
.ip-journey{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:stretch}
.ip-jcard{padding:30px 26px;border-radius:26px;background:#fff;border:1px solid var(--line);text-align:center;box-shadow:0 24px 40px -34px rgba(8,27,67,.4)}
.ip-jcard .art{height:130px;display:grid;place-items:center;margin-bottom:14px}
.ip-jcard .art svg{width:150px;height:auto;overflow:visible}
.ip-jcard h3{font-size:1.15rem}.ip-jcard p{margin-top:8px;font-size:.95rem}
.ip-jarrow{align-self:center;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--acd));color:#fff;box-shadow:0 12px 22px -12px var(--acd);animation:ipFloat 3.6s ease-in-out infinite}
.ip-jarrow svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- mini FAQ ---------- */
.ip-mfaq{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.ip-mfaq .faq{max-width:none;margin:0}

/* ---------- comparison table ---------- */
.ip-table-wrap{border-radius:28px;border:1px solid var(--line);background:#fff;box-shadow:0 34px 60px -46px rgba(8,27,67,.45);overflow:hidden}
.ip-table{width:100%;border-collapse:collapse;font-size:.98rem}
.ip-table th,.ip-table td{padding:18px 24px;text-align:left;border-bottom:1px solid #eef2ec}
.ip-table thead th{position:sticky;top:70px;background:#fff;z-index:1;font:800 1rem Manrope,system-ui,sans-serif;vertical-align:bottom}
.ip-table thead th small{display:block;font:600 .82rem Manrope,system-ui,sans-serif;color:var(--mut);margin-top:4px}
.ip-table thead th.pro{background:linear-gradient(150deg,#06301d,#0d6b34);color:#fff}
.ip-table thead th.pro small{color:#cff59b}
.ip-table th:not(:first-child),.ip-table td:not(:first-child){text-align:center;width:22%}
.ip-table tbody th{font-weight:700;color:var(--navy)}
.ip-table tbody tr{transition:background .2s}
.ip-table tbody tr:hover{background:#f7fbf5}
.ip-table td.pro{background:rgba(54,184,43,.05)}
.ip-table tbody tr:last-child th,.ip-table tbody tr:last-child td{border-bottom:0}
.yes,.no{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px}
.yes{background:linear-gradient(135deg,var(--g),var(--dg));color:#fff;box-shadow:0 8px 14px -8px var(--dg)}
.yes svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.no{background:#eef2ec;color:#9aa6b6;font-weight:800}
.tbc{display:inline-block;padding:5px 10px;border-radius:99px;background:#fff4e6;color:#b45a00;font:700 .78rem Manrope,system-ui,sans-serif}
.ip-tnote{margin-top:16px;text-align:center;font-size:.9rem}
.ip-group th{background:var(--off);font:800 .76rem Manrope,system-ui,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:#7a8aa3!important}

/* ---------- choose helper ---------- */
.ip-choose{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ip-ch{position:relative;padding:38px;border-radius:30px;overflow:hidden;border:1px solid var(--line);background:#fff}
.ip-ch h3{font-size:1.5rem;margin:16px 0 4px}
.ip-ch .ip-ticks li{font-weight:600}
.ip-ch.pro{background:linear-gradient(150deg,#f1fbe9,#fff 60%);border-color:#cfeac2}
.ip-ch .art{position:absolute;right:24px;top:24px;width:74px;height:74px}

/* ---------- FAQ page ---------- */
.ip-search{position:relative;display:flex;align-items:center;max-width:540px;margin-top:4px;padding:6px 6px 6px 20px;border-radius:99px;background:#fff;border:1.5px solid color-mix(in srgb,var(--ac) 30%,#e3eadf);box-shadow:0 20px 40px -26px color-mix(in srgb,var(--acd) 70%,transparent);transition:border-color .2s,box-shadow .2s}
.ip-search:focus-within{border-color:var(--ac);box-shadow:0 0 0 5px color-mix(in srgb,var(--ac) 18%,transparent),0 20px 40px -26px var(--acd)}
.ip-search svg{width:20px;height:20px;flex:none;stroke:var(--acd);fill:none;stroke-width:2.2;stroke-linecap:round}
.ip-search input{flex:1;min-width:0;border:0;outline:0;background:none;padding:12px 12px;font:600 1rem Manrope,system-ui,sans-serif;color:var(--navy)}
.ip-search input::placeholder{color:#97a5b8}
.ip-search button{flex:none;min-height:46px}
.ip-pop{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;align-items:center;font-size:.88rem;font-weight:600;color:var(--mut)}
.ip-pop button{all:unset;cursor:pointer;padding:6px 12px;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--navy);font-weight:600;transition:border-color .2s,color .2s}
.ip-pop button:hover,.ip-pop button:focus-visible{border-color:var(--ac);color:var(--acd)}
.ip-faqx{display:grid;grid-template-columns:290px 1fr;gap:40px;align-items:start}
.ip-faqx aside{position:sticky;top:96px}
.ip-cats{display:grid;gap:8px}
.ip-cats button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:16px;font-weight:700;color:var(--navy);border:1px solid transparent;transition:background .2s,border-color .2s}
.ip-cats button span{display:flex;align-items:center;gap:12px}
.ip-cats button span i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eef6f4;color:var(--acd)}
.ip-cats button span i svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ip-cats button em{font-style:normal;min-width:28px;padding:3px 8px;border-radius:99px;background:#eef2ec;color:#7a8aa3;font-size:.8rem;text-align:center}
.ip-cats button:hover{background:#fff;border-color:var(--line)}
.ip-cats button[aria-pressed=true]{background:#fff;border-color:color-mix(in srgb,var(--ac) 45%,#fff);box-shadow:0 18px 30px -24px var(--acd)}
.ip-cats button[aria-pressed=true] span i{background:linear-gradient(135deg,var(--ac),var(--acd));color:#fff}
.ip-cats button[aria-pressed=true] em{background:var(--ac);color:#fff}
.ip-help{margin-top:18px;padding:24px;border-radius:24px;background:linear-gradient(150deg,#0A7568,#0E9C8A 60%,#3BD9C2);color:#fff;position:relative;overflow:hidden}
.ip-help h4{margin:0 0 6px;font:800 1.15rem Manrope,system-ui,sans-serif}
.ip-help p{color:#dcfaf4;font-size:.92rem}
.ip-help .btn{margin-top:16px;min-height:42px;font-size:.9rem}
.ip-help::after{content:"?";position:absolute;right:14px;bottom:-26px;font:800 7.5rem/1 Manrope,system-ui,sans-serif;color:#fff;opacity:.14;transform:rotate(12deg)}
.ip-faqx .faq{max-width:none;margin:0}
.ip-faqx .fq[hidden]{display:none}
.ip-faqx .fq .cat{display:inline-block;margin:0 0 0 24px;transform:translateY(14px);font:800 .68rem Manrope,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ac)}
.ip-empty{padding:40px;border-radius:24px;border:1.5px dashed #c9dcd8;text-align:center;background:#fff}
.ip-empty b{display:block;font:800 1.2rem Manrope,system-ui,sans-serif;margin-bottom:6px}

/* ---------- responsive ---------- */
@media(max-width:1023px){
  .ip-hg,.ip-zig,.ip-step,.ip-mfaq,.ip-faqx{grid-template-columns:1fr}
  .ip-hg{gap:28px}
  .ip-art{min-height:420px;max-width:620px;margin:0 auto;width:100%}
  .ip-zig{gap:36px}.ip-zig+.ip-zig{margin-top:80px}
  .ip-zig.rev>.ip-zt{order:0}
  .ip-stats .wrap{grid-template-columns:1fr 1fr}
  .ip-stat:nth-child(3){border-left:0}
  .ip-stat:nth-child(n+3){border-top:1px solid var(--line)}
  .ip-grid4{grid-template-columns:1fr 1fr}
  .ip-grid3,.ip-duo,.ip-choose{grid-template-columns:1fr}
  .ip-journey{grid-template-columns:1fr}
  .ip-jarrow{transform:rotate(90deg);justify-self:center;animation:none}
  .ip-steps{padding-left:0;gap:72px}
  .ip-rail{display:none}
  .ip-step .dot{position:static;margin-bottom:6px}
  .ip-faqx aside{position:static}
  .ip-cats{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
  .ip-help{grid-column:1/-1}
}
@media(max-width:767px){
  .ip-hero{padding:32px 0 72px}
  .ip-sec{padding:72px 0}
  .ip-art{min-height:360px}
  .ip-grid4{grid-template-columns:1fr}
  .ip-vis{padding:18px;min-height:0}
  .ip-table th,.ip-table td{padding:14px 12px;font-size:.88rem}
  .ip-table thead th{top:70px}
  .ip-ch,.ip-plan{padding:28px}
  .ip-stats .wrap{border-radius:22px}
  .ip-stat{padding:20px 12px}
  .vds{grid-template-columns:92px 1fr}
}
@media(prefers-reduced-motion:reduce){
  .ip-hero h1 .l,.ip-hero .lead,.ip-hero .btns,.ip-hero .mini,.ip-hero form,.ip-hero .eyebrow,.ip-art{opacity:1;transform:none;animation:none}
  .ip-art *,.ip-vis *,.ip-vis::before,.ip-jarrow{animation:none!important}
  .cyc>*:not(:first-child){opacity:0}.cyc>*:first-child{opacity:1}
}

/* ---------- utilities ---------- */
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main>.ip-hero.ip-hero.thm{background:
  radial-gradient(900px 520px at 88% 12%,color-mix(in srgb,var(--ac2) 24%,transparent),transparent 62%),
  radial-gradient(620px 420px at -4% -10%,color-mix(in srgb,var(--ac) 14%,transparent),transparent 62%),
  linear-gradient(180deg,#fff,var(--tint))}
main>.ip-hero.ip-hero.thm::before{width:auto;height:auto;right:0;top:0;border-radius:0;animation:none;background:radial-gradient(color-mix(in srgb,var(--ac) 55%,transparent) 1.4px,transparent 1.6px) 0 0/22px 22px}
.ip-art .fl i svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* 4-step text cycle (shared by hero art) */
.cyc4{position:relative;display:inline-block}
.cyc4>b{display:inline-block;font:inherit;color:inherit;white-space:nowrap;animation:c4a 12s infinite}
.cyc4>b:not(:first-child){position:absolute;left:0;top:0;opacity:0}
.cyc4>b:nth-child(2){animation-name:c4b}.cyc4>b:nth-child(3){animation-name:c4c}.cyc4>b:nth-child(4){animation-name:c4d}
@keyframes c4a{0%,22%{opacity:1;transform:none}25%,97%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:none}}
@keyframes c4b{0%,22%{opacity:0;transform:translateY(6px)}25%,47%{opacity:1;transform:none}50%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes c4c{0%,47%{opacity:0;transform:translateY(6px)}50%,72%{opacity:1;transform:none}75%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes c4d{0%,72%{opacity:0;transform:translateY(6px)}75%,97%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}
.cyc>*{white-space:nowrap}

/* ---------- Features hero art ---------- */
.fh{display:grid;place-items:center}
.fh-ring{position:absolute;left:50%;top:50%;width:430px;height:430px;margin:-215px 0 0 -215px;border-radius:50%;border:2px dashed color-mix(in srgb,var(--ac) 38%,transparent);animation:ipSpin 60s linear infinite}
.fh-ring.r2{width:540px;height:540px;margin:-270px 0 0 -270px;border-style:dotted;border-width:3px;opacity:.55;animation-direction:reverse;animation-duration:90s}
.fh-win{position:relative;z-index:1;width:min(450px,90%);background:#fff;border-radius:22px;border:1px solid var(--line);box-shadow:0 50px 80px -40px rgba(8,27,67,.45);overflow:hidden;animation:ipFloat 7s ease-in-out infinite}
.fh-bar{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#f3f7f2;border-bottom:1px solid var(--line)}
.fh-bar .d{display:flex;gap:5px}.fh-bar .d i{width:10px;height:10px;border-radius:50%;background:#cfd8cb}.fh-bar .d i:first-child{background:#FF8B18}.fh-bar .d i:nth-child(2){background:#FFC93D}.fh-bar .d i:nth-child(3){background:var(--g)}
.fh-url{flex:1;min-width:0;padding:6px 12px;border-radius:99px;background:#fff;font:700 .78rem Manrope,system-ui,sans-serif;color:#6a7a90;white-space:nowrap}
.fh-url .cyc4{color:var(--acd)}
.fh-sw{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;background:linear-gradient(135deg,var(--g),var(--dg));color:#fff;font:800 .74rem Manrope,"Noto Sans Arabic",system-ui,sans-serif;box-shadow:0 8px 14px -8px var(--dg)}
.fh-sw svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
.fh-sw em{font-style:normal;opacity:.8}
.fh-body{padding:22px 22px 24px}
.fh-h{height:2.3rem;font:800 1.75rem/2.3rem Manrope,"Noto Sans Arabic",system-ui,sans-serif;color:var(--navy)}
.fh-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin-top:16px}
.fh-pic{position:relative;height:118px;border-radius:14px;background:linear-gradient(160deg,#bfe7ff,#e3f6d6);overflow:hidden}
.fh-pic::before{content:"";position:absolute;right:18px;top:16px;width:22px;height:22px;border-radius:50%;background:#FFD54A}
.fh-pic i{position:absolute;left:10%;bottom:-2px;width:0;height:0;border-left:46px solid transparent;border-right:46px solid transparent;border-bottom:70px solid #6fcb45}
.fh-pic i::after{content:"";position:absolute;left:24px;top:24px;width:0;height:0;border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:52px solid #36B82B}
.fh-prod{padding:10px;border-radius:14px;border:1px solid var(--line)}
.fh-prod span{display:grid;place-items:center;height:44px;border-radius:10px;background:linear-gradient(135deg,#FFD08A,#FF9F2E);color:#fff}
.fh-prod span svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}
.fh-prod .ln{margin:7px 0}
.fh-prod b{font:800 .9rem Manrope,system-ui,sans-serif;color:var(--dg)}
.fh-mas{position:absolute;z-index:2;right:-2%;bottom:-6%;width:min(190px,34%);height:auto;filter:drop-shadow(0 24px 24px rgba(8,126,57,.25));animation:fy 5s ease-in-out infinite}

/* ---------- How It Works hero art ---------- */
.hw svg{display:block;width:100%;height:auto;overflow:visible}
.hw-dash{animation:hwDash 1.1s linear infinite}
@keyframes hwDash{to{stroke-dashoffset:-26}}
.hw-ms{transform-box:fill-box;transform-origin:center;animation:ipPop .8s var(--ease) both}
.hw-ms:nth-of-type(1){animation-delay:.5s}.hw-ms:nth-of-type(2){animation-delay:.8s}.hw-ms:nth-of-type(3){animation-delay:1.1s}
.hw-bub{animation:ipFloat 5s ease-in-out infinite}.hw-bub.b2{animation-delay:-1.6s}.hw-bub.b3{animation-delay:-3.2s}
.hw-dest{position:absolute;right:0;top:0;width:44%;z-index:2;animation:ipFloat 7s ease-in-out infinite}
.hw-head{position:relative;display:block;width:80%;height:auto;left:4%;margin:0 auto -5%;filter:drop-shadow(0 10px 12px rgba(0,0,0,.12))}
.hw-site{position:relative;background:#fff;border-radius:16px;border:1px solid #dbe7f3;box-shadow:0 30px 50px -30px rgba(10,95,176,.5);overflow:hidden}
.hw-bar{display:flex;align-items:center;gap:5px;padding:8px 10px;background:#eef5fd}
.hw-bar i{width:8px;height:8px;border-radius:50%;background:#cfe1f4}.hw-bar i:first-child{background:#35AEFF}
.hw-bar span{margin-left:auto;padding:2px 9px;border-radius:99px;background:#0A5FB0;color:#fff;font:800 .68rem Manrope,"Noto Sans Arabic",system-ui,sans-serif}
.hw-sb{padding:12px 12px 10px}
.hw-sb b{display:block;height:1.5rem;font:800 1.02rem/1.5rem Manrope,"Noto Sans Arabic",system-ui,sans-serif;color:var(--navy)}
.hw-sb .ln{height:7px;margin:7px 0}

/* ---------- Free vs Pro hero art ---------- */
.prh svg{display:block;width:100%;height:auto;filter:drop-shadow(0 40px 50px rgba(8,126,57,.16))}
.pr-leaf{transform-box:fill-box;transform-origin:100% 100%;animation:prSway 4s ease-in-out infinite}
.pr-leaf.l2{transform-origin:0 100%;animation-delay:-2s}
@keyframes prSway{50%{transform:rotate(-7deg)}}
.pr-can{transform-box:fill-box;transform-origin:50% 100%;animation:prCan 6s ease-in-out infinite}
@keyframes prCan{50%{transform:rotate(1.6deg) scale(1.02)}}
.pr-bb{animation:ipFloat 4.4s ease-in-out infinite}.pr-bb.b2{animation-delay:-1.4s}.pr-bb.b3{animation-delay:-2.8s}
.pr-sun g{transform-box:fill-box;transform-origin:center;animation:ipSpin 24s linear infinite}
.pr-cloud{animation:prCloud 16s ease-in-out infinite alternate}.pr-cloud.c2{animation-duration:22s}
@keyframes prCloud{to{transform:translateX(40px)}}
.pr-arrow{animation:prDash 1s linear infinite}
@keyframes prDash{to{stroke-dashoffset:-28}}

/* ---------- FAQ hero art ---------- */
.fqh{display:grid;place-items:center}
.fqh-disc{position:absolute;left:50%;top:52%;width:380px;height:380px;margin:-190px 0 0 -190px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,var(--tint2) 72%);box-shadow:inset 0 0 0 10px #fff,0 40px 80px -46px var(--acd)}
.fqh-disc.d2{width:480px;height:480px;margin:-240px 0 0 -240px;background:none;border:2px dashed color-mix(in srgb,var(--ac) 40%,transparent);box-shadow:none;animation:ipSpin 70s linear infinite}
.fqh-mas{position:relative;z-index:1;width:min(400px,80%);height:auto;filter:drop-shadow(0 30px 30px rgba(10,117,104,.25));animation:fy 6s ease-in-out infinite}
.fqh-q{position:absolute;z-index:2;display:grid;place-items:center;min-width:66px;height:66px;padding:0 14px;border-radius:22px 22px 22px 6px;background:#fff;color:var(--c);font:800 1.9rem/1 Manrope,"Noto Sans Arabic","Noto Sans SC",system-ui,sans-serif;box-shadow:0 18px 30px -16px rgba(8,27,67,.35);animation:ipFloat 5s ease-in-out infinite}
.fqh-q::after{content:"";position:absolute;left:10px;bottom:-7px;width:14px;height:14px;background:#fff;transform:skewX(-30deg);border-radius:0 0 4px 0}

@media(max-width:1023px){.fh-ring.r2,.fqh-disc.d2{display:none}}
@media(max-width:767px){.fh-mas{width:30%;bottom:-8%}.fh-h{font-size:1.4rem}.fqh-q{min-width:52px;height:52px;font-size:1.5rem}.fqh-disc{width:300px;height:300px;margin:-150px 0 0 -150px}.hw-dest{width:48%}}

/* ---------- fixes ---------- */
.ip-hg>*,.ip-zig>*,.ip-step>*,.ip-faqx>*,.ip-mfaq>*{min-width:0}
.ip-table thead th{position:static}
.vw2-btn{flex:none;width:158px;min-width:0;padding:9px 8px}
.vw2-btn .cyc>*{text-align:center}
@media(max-width:767px){
  .final .sym{display:none}
  .ip-cats{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;margin:0 -24px;padding-inline:24px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .ip-cats::-webkit-scrollbar{display:none}
  .ip-cats button{flex:none;scroll-snap-align:start;padding:9px 12px;border-radius:99px;background:#fff;border-color:var(--line)}
  .ip-cats button span i{display:none}
  .ip-help{display:none}
}
@media(max-width:600px){.ip-art .fl{display:none}}
.ip-search .btn{width:auto!important;flex:none;padding:0 20px}
@media(max-width:767px){.ip-cats{scroll-padding-inline:24px}}
@media(max-width:1023px){.ip-step{gap:20px}.ip-step .dot{margin-bottom:0}}

/* greyed "coming soon" rows in the comparison table */
.ip-table tr.soon th{color:#7a8aa3;font-weight:600}
.ip-table tr.soon{opacity:.8}

/* ===== "Built for Search, Speed and the Tools You Use." – bento grid ===== */
.kb-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"pb pb se" "kt sp ps" "dev dev dev";gap:22px}
.kb-pb{grid-area:pb}.kb-se{grid-area:se}.kb-kt{grid-area:kt}.kb-sp{grid-area:sp}.kb-ps{grid-area:ps}.kb-dev{grid-area:dev}
.kb-card{position:relative;display:flex;flex-direction:column;padding:30px;border-radius:28px;background:#fff;border:1px solid var(--line);overflow:hidden;isolation:isolate;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.kb-card::before{content:"";position:absolute;right:-90px;top:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 16%,transparent),transparent 70%);z-index:-1;transition:transform .5s var(--ease)}
.kb-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--c) 40%,#fff);box-shadow:0 30px 50px -36px color-mix(in srgb,var(--c) 80%,transparent)}
.kb-card:hover::before{transform:scale(1.25)}
.kb-top{display:flex;align-items:center;gap:14px}
.kb-top .ip-ic{flex:none;background:linear-gradient(140deg,var(--c),color-mix(in srgb,var(--c) 60%,#000));box-shadow:0 14px 24px -14px var(--c)}
.kb-card:hover .kb-top .ip-ic{transform:rotate(-8deg) scale(1.06)}
.kb-top h3{margin:0;font-size:1.2rem;line-height:1.25}
.kb-card .ip-ticks{margin-top:20px;gap:12px}
.kb-card .ip-ticks li{font-size:.95rem;line-height:1.55}
.kb-vis{margin-top:20px}
/* page builders: wide card, bullets in two columns */
.kb-pb{background:radial-gradient(circle at 100% 0,#F3EAFD,transparent 55%),#fff}
.kb-pb .ip-ticks{grid-template-columns:1fr 1fr;column-gap:28px}
.kb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.kb-chips span{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:99px;background:color-mix(in srgb,var(--c) 9%,#fff);border:1px solid color-mix(in srgb,var(--c) 20%,#fff);color:color-mix(in srgb,var(--c) 75%,#000);font:700 .82rem Manrope,system-ui,sans-serif;transition:transform .25s}
.kb-chips span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}
.kb-chips span:hover{transform:translateY(-2px)}
.kb-chips.sm span{padding:5px 11px;font-size:.76rem}
/* search: mini result + hreflang */
.kb-serp{display:grid;gap:10px}
.kb-serp-card{padding:14px 16px;border-radius:16px;background:#f7fbf5;border:1px solid #e3efde}
.kb-url{display:block;font:700 .8rem Manrope,system-ui,sans-serif;color:#5d7a63}
.kb-url b{color:var(--c);animation:kbBlink 3s ease-in-out infinite}
@keyframes kbBlink{50%{opacity:.35}}
.kb-ln{display:block;height:9px;margin-top:9px;border-radius:5px;background:#dcebd5}
.kb-ln.w1{width:78%;height:11px;background:color-mix(in srgb,var(--c) 45%,#fff)}.kb-ln.w2{width:56%}
.kb-hl{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.kb-hl code{padding:5px 10px;border-radius:8px;background:#081B43;color:#8EDB23;font:700 .76rem ui-monospace,SFMono-Regular,Menlo,monospace}
.kb-hl span{padding:4px 9px;border-radius:8px;background:#fff;border:1px solid #dcebd5;font:800 .72rem Manrope,system-ui,sans-serif;color:var(--dg)}
/* keeping track: coverage bars */
.kb-cov{display:grid;gap:10px;padding:16px;border-radius:16px;background:#f3f8fe;border:1px solid #dbe9f8}
.kb-bar{display:grid;grid-template-columns:28px 1fr 42px;align-items:center;gap:10px;font:800 .78rem Manrope,system-ui,sans-serif;color:var(--navy)}
.kb-bar span{height:9px;border-radius:9px;background:#dde9f6;overflow:hidden}
.kb-bar i{display:block;height:100%;width:var(--w);border-radius:9px;background:linear-gradient(90deg,#35AEFF,var(--c));transform-origin:0 50%;animation:kbGrow 4s var(--ease) infinite}
.kb-bar em{font-style:normal;color:#5b7593;text-align:right}
@keyframes kbGrow{0%{transform:scaleX(0)}35%,90%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
/* speed: big stat */
.kb-stat{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#FFF4E5,#fff);border:1px solid #ffe2bd}
.kb-stat b{font:800 3.4rem/1 Manrope,system-ui,sans-serif;letter-spacing:-.04em;background:linear-gradient(140deg,#FFC04D,#E56F00);-webkit-background-clip:text;background-clip:text;color:transparent}
.kb-stat span{font:700 .84rem/1.35 Manrope,system-ui,sans-serif;color:#8a5a1f}
/* developers: dark wide card with terminal */
.kb-dev{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;align-items:center;background:linear-gradient(150deg,#0b1f45,#081634 60%,#0a2a5a);border-color:transparent;color:#dce6f2}
.kb-dev::before{background:radial-gradient(circle,rgba(53,174,255,.28),transparent 70%);width:340px;height:340px;right:auto;left:-120px;top:auto;bottom:-160px}
.kb-dev h3{color:#fff}
.kb-dev .ip-ticks li{color:#dce6f2}
.kb-dev .ip-ticks li::before{background-color:#35AEFF}
.kb-dev:hover{box-shadow:0 34px 60px -36px rgba(10,95,176,.8)}
.kb-term{border-radius:18px;background:#050d20;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 50px -30px rgba(0,0,0,.7);overflow:hidden}
.kb-term-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.07)}
.kb-term-bar i{width:10px;height:10px;border-radius:50%;background:#FF5F57}.kb-term-bar i:nth-child(2){background:#FEBC2E}.kb-term-bar i:nth-child(3){background:#28C840}
.kb-term-bar span{margin-left:8px;font:700 .74rem Manrope,system-ui,sans-serif;color:#7d8fa8}
.kb-term pre{margin:0;padding:20px 20px 24px;font:600 .9rem/2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#e7eef8;white-space:pre-wrap;word-break:break-word}
.kb-term .p{color:#8EDB23;margin-right:6px}
.kb-cur{display:inline-block;width:9px;height:1.05em;margin-left:4px;vertical-align:-3px;background:#8EDB23;animation:kbCur 1.1s steps(2) infinite}
@keyframes kbCur{50%{opacity:0}}
@media(max-width:1023px){
  .kb-grid{grid-template-columns:1fr 1fr;grid-template-areas:"pb pb" "se kt" "sp ps" "dev dev"}
  .kb-dev{grid-template-columns:1fr}
}
@media(max-width:767px){
  .kb-grid{grid-template-columns:1fr;grid-template-areas:"pb" "se" "kt" "sp" "ps" "dev";gap:16px}
  .kb-card{padding:24px}
  .kb-pb .ip-ticks{grid-template-columns:1fr}
  .kb-term pre{font-size:.8rem}
}

/* ===== "Switching Takes One Click." – migration ===== */
.km .head{margin-bottom:40px}
.km-flow{display:grid;grid-template-columns:auto 200px minmax(0,380px);align-items:center;justify-content:center;gap:0;margin:0 auto 64px;padding:34px 40px;max-width:980px;border-radius:30px;background:linear-gradient(150deg,#fff,var(--tint) 70%);border:1px solid color-mix(in srgb,var(--ac) 22%,#fff);box-shadow:0 40px 70px -50px color-mix(in srgb,var(--acd) 80%,transparent)}
.km-src{display:flex;flex-direction:column;justify-content:space-between;height:210px}
.km-src span{display:flex;align-items:center;justify-content:center;height:46px;padding:0 20px;border-radius:14px;background:#fff;border:1px solid #f1dcc2;color:#7a5a36;font:800 .9rem Manrope,system-ui,sans-serif;box-shadow:0 14px 24px -18px rgba(120,60,0,.45)}
.km-lines{display:block;width:200px;height:210px;overflow:visible}
.km-path{fill:none;stroke:var(--ac);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 10;opacity:.7;animation:kmDash 1s linear infinite}
@keyframes kmDash{to{stroke-dashoffset:-24}}
.km-dot{fill:var(--ac);stroke:#fff;stroke-width:2.5}
.km-win{border-radius:20px;background:#fff;border:1px solid #e3ebe0;box-shadow:0 34px 60px -34px rgba(8,27,67,.45);overflow:hidden}
.km-bar{display:flex;align-items:center;gap:5px;padding:10px 14px;background:#f3f7f2;border-bottom:1px solid #e3ebe0}
.km-bar i{width:9px;height:9px;border-radius:50%;background:#cfd8cb}.km-bar i:first-child{background:var(--ac)}
.km-bar span{margin-left:10px;font:800 .76rem Manrope,system-ui,sans-serif;color:#5d7066}
.km-body{padding:16px 18px 18px}
.km-who{display:flex;align-items:center;gap:12px}
.km-who img{width:58px;height:auto;flex:none}
.km-who b{display:block;font:800 1.05rem Manrope,system-ui,sans-serif;color:var(--navy)}
.km-who small{font-weight:600;color:#7a8aa3}
.km-prog{height:9px;margin:14px 0;border-radius:9px;background:#e9f1e6;overflow:hidden}
.km-prog i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#8EDB23,#36B82B);transform-origin:0 50%;animation:kmProg 6s ease-in-out infinite}
@keyframes kmProg{0%{transform:scaleX(.04)}80%,100%{transform:scaleX(1)}}
.km-items{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none}
.km-items li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:11px;background:#f6faf4;font:700 .82rem Manrope,system-ui,sans-serif;color:var(--navy)}
.km-items li::before{content:"";flex:none;width:18px;height:18px;border-radius:6px;background:#36B82B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat;animation:kmTick 6s infinite}
.km-items li:nth-child(2)::before{animation-delay:.3s}.km-items li:nth-child(3)::before{animation-delay:.6s}.km-items li:nth-child(4)::before{animation-delay:.9s}
@keyframes kmTick{0%,20%{transform:scale(0)}30%,95%{transform:scale(1)}100%{transform:scale(0)}}
/* four steps */
.km-steps{margin-bottom:56px}
.km-h{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 26px;font-size:1.5rem;text-align:center}
.km-h span{padding:5px 12px;border-radius:99px;background:var(--tint2);color:var(--acd);font:800 .72rem Manrope,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.km-ol{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;counter-reset:none}
.km-ol::before{content:"";position:absolute;left:12%;right:12%;top:31px;height:3px;background:repeating-linear-gradient(90deg,var(--ac) 0 8px,transparent 8px 16px);opacity:.45}
.km-ol li{position:relative;padding:0 18px 26px;border-radius:24px;background:#fff;border:1px solid var(--line);text-align:center;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.km-ol li:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--ac) 45%,#fff);box-shadow:0 26px 44px -32px var(--acd)}
.km-n{position:relative;display:grid;place-items:center;width:62px;height:62px;margin:0 auto 16px;transform:translateY(0);border-radius:20px;background:linear-gradient(135deg,var(--ac2),var(--acd));color:#fff;font:800 1.2rem Manrope,system-ui,sans-serif;box-shadow:0 0 0 8px #fff,0 16px 26px -14px var(--acd)}
.km-ol li{margin-top:0;padding-top:0}
.km-ol li .km-n{margin-top:0}
.km-ol li p{margin:0;font-size:.95rem;line-height:1.55}
.km-ol li p b{display:block;margin-bottom:4px;color:var(--navy);font-size:1.02rem}
/* what comes over + before you switch */
.km-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;align-items:stretch}
.km-card,.km-good{position:relative;padding:34px;border-radius:30px;overflow:hidden}
.km-card{background:#fff;border:1px solid var(--line)}
.km-card h3,.km-good h3{margin:14px 0 18px;font-size:1.5rem}
.km-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.km-list li{display:flex;align-items:flex-start;gap:14px;font-weight:600;color:var(--navy);line-height:1.5}
.km-ic{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:var(--tint2);color:var(--acd)}
.km-ic svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.km-card .km-list{grid-template-columns:1fr 1fr;column-gap:22px}
.km-card .km-list li{padding:12px 14px;border-radius:16px;background:var(--tint);border:1px solid color-mix(in srgb,var(--ac) 14%,#fff)}
.km-card .km-list li:last-child{grid-column:1/-1}
.km-card .km-list li>span:last-child{padding-top:7px}
.km-good{background:linear-gradient(155deg,#3a1d00,#7a3a06 55%,#c25e0a);color:#ffe9d0}
.km-good::after{content:"";position:absolute;right:-70px;bottom:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,192,77,.35),transparent 70%)}
.km-good .tagp{background:rgba(255,255,255,.14);color:#FFD08A}
.km-good h3{color:#fff}
.km-good .km-list li{color:#ffe9d0;font-weight:500}
.km-good .km-ic{background:rgba(255,255,255,.12);color:#FFC04D}
.km-good .km-list li>span:last-child{padding-top:7px}
.km-good code{display:block;margin-top:10px;padding:10px 14px;border-radius:12px;background:rgba(0,0,0,.35);color:#FFD08A;font:600 .82rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-word}
@media(max-width:1023px){
  .km-flow{grid-template-columns:auto 140px minmax(0,1fr);padding:28px}
  .km-lines{width:140px}
  .km-ol{grid-template-columns:1fr 1fr;row-gap:30px}
  .km-ol::before{display:none}
  .km-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
  .km-flow{grid-template-columns:1fr;gap:18px;padding:20px;margin-bottom:48px}
  .km-src{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;height:auto}
  .km-src span{height:38px;padding:0 14px;font-size:.8rem}
  .km-lines{display:none}
  .km-src::after{content:"↓";flex-basis:100%;text-align:center;font:800 1.4rem/1 Manrope,system-ui,sans-serif;color:var(--ac);margin-top:6px}
  .km-ol{grid-template-columns:1fr;row-gap:16px}
  .km-ol li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:16px;text-align:left}
  .km-n{width:52px;height:52px;margin:0;box-shadow:0 14px 22px -14px var(--acd)}
  .km-card,.km-good{padding:24px}
  .km-card .km-list{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.kb-url b,.kb-bar i,.kb-cur,.km-path,.km-prog i,.km-items li::before{animation:none!important}.km-dot{display:none}}
.km .tagp{display:inline-block;padding:6px 12px;border-radius:99px;font:800 .74rem Manrope,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;background:var(--tint2);color:var(--acd)}
.km .km-good .tagp{background:rgba(255,255,255,.14);color:#FFD08A}
.km-ol{padding-top:31px}
.km-ol::before{top:62px}
.km-ol .km-n{margin:-31px auto 16px}
@media(max-width:767px){.km-ol{padding-top:0}.km-ol .km-n{margin:0}}
/* ===== About + Contact ===== */
.ip-ic-card code{font-size:.85em;background:#F1F5F9;padding:2px 6px;border-radius:6px;word-break:break-word}
.ab-eq{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.ab-eq>i{font:800 2.2rem Manrope,sans-serif;color:var(--ac,#FF8B18);font-style:normal}
.ab-t{display:grid;gap:4px;place-items:center;text-align:center;min-width:190px;padding:28px 30px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 50px -36px rgba(8,27,67,.35)}
.ab-t b{font:800 1.7rem Manrope,sans-serif;color:#081B43}.ab-t span{font-size:.9rem;color:#52627D}
.ab-res{background:linear-gradient(135deg,#168F35,#43C52D);border:0;color:#fff}.ab-res b{color:#fff}.ab-res img{width:96px;height:auto}
.ab-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.ab-split h2{margin:10px 0 12px}
.ab-ph{margin-top:18px;padding:22px;border-radius:20px;border:2px dashed #BFD0E6;background:#F6F9FD;color:#52627D}
.ab-h3{margin:10px 0 18px}.ab-pl{display:grid;gap:14px}
.ab-p{display:flex;gap:16px;align-items:center;padding:20px;border-radius:22px;background:#fff;border:1px solid var(--line)}
.ab-p b{display:block;color:#081B43}.ab-p span:not(.ip-ic){font-size:.92rem;color:#52627D}
.ct-grid{display:grid;grid-template-columns:5fr 6fr;gap:48px;align-items:start}
.ct-ch{display:flex;gap:16px;align-items:center;padding:20px;margin-bottom:14px;border-radius:22px;background:#fff;border:1px solid var(--line);transition:transform .3s,box-shadow .3s}
.ct-ch:hover{transform:translateX(6px);box-shadow:0 24px 40px -30px var(--c)}
.ct-ch .ip-ic{background:linear-gradient(140deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));flex:none}
.ct-ch>div>em{display:block;font:800 .72rem Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:var(--c)}
.ct-ch b{display:block;color:#081B43;font-size:1.05rem}.ct-ch span:not(.ip-ic){font-size:.93rem;color:#52627D}
.ct-faq{display:flex;align-items:center;gap:10px;margin-top:20px;color:#52627D;font-weight:500}.ct-faq b{color:#0A6BC0}.ct-faq svg{width:18px;height:18px;stroke:#0A6BC0;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ct-form{position:relative;display:grid;gap:16px;padding:40px 32px 32px;margin-top:40px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:0 40px 70px -44px rgba(8,27,67,.45);border-top:4px solid #087DD6}
.ct-form h3{font-size:1.4rem}.ct-peek{position:absolute;right:28px;top:-67px;width:110px;height:auto}
.ct-form label,.ct-form legend{display:grid;gap:6px;font-weight:700;font-size:.9rem;color:#081B43}
.ct-form fieldset{border:0;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}.ct-form legend{width:100%;margin-bottom:8px;padding:0}
.ct-topic label{display:block}.ct-topic input{position:absolute;opacity:0}
.ct-topic span{display:block;padding:8px 16px;border-radius:99px;border:1px solid #D7DFEA;font-weight:700;font-size:.88rem;cursor:pointer;transition:.2s}
.ct-topic input:checked+span{background:#087DD6;border-color:#087DD6;color:#fff}.ct-topic input:focus-visible+span{outline:2px solid #087DD6;outline-offset:2px}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ct-form input[type=text],.ct-form input[type=email],.ct-form textarea{font:inherit;font-weight:500;padding:13px 15px;border-radius:14px;border:1px solid #D7DFEA;background:#F8FAFD;color:#081B43;width:100%;box-sizing:border-box}
.ct-form input:focus,.ct-form textarea:focus{outline:2px solid #087DD6;outline-offset:1px;background:#fff}
.ct-form small{color:#52627D}
@media(max-width:900px){.ab-split,.ct-grid{grid-template-columns:1fr;gap:32px}.ct-row{grid-template-columns:1fr}.ab-t{min-width:0;width:100%}.ab-eq>i{display:none}}
.ip-hero h1.ab-h1{font-size:clamp(25px,3.3vw,48px)}

/* =====================================================================
   Client changes – Nov 13
   ===================================================================== */

/* Features: 60px more room at the bottom of the hero, so the stats bar doesn't crowd it */
.ip-hero.fh-hero{padding-bottom:156px}
@media(max-width:767px){.ip-hero.fh-hero{padding-bottom:132px}}

/* Free vs Pro table: a fresh lime header + light tint for the Free column */
.ip-table thead th.free{background:linear-gradient(150deg,#F0FBE4 0%,#C6EE9C 100%);color:#0B5A2A;box-shadow:inset 0 -3px 0 #8EDB23}
.ip-table thead th.free small{color:#2C861D}
.ip-table thead th.free::before{content:"";display:block;width:26px;height:26px;margin:0 auto 6px;border-radius:9px;background:#36B82B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21v-9'/%3E%3Cpath d='M12 12c0-4 3-6.5 7-6.5 0 4-3 6.5-7 6.5Z'/%3E%3Cpath d='M12 14.5c0-3-2.3-5-5.5-5 0 3 2.3 5 5.5 5Z'/%3E%3C/svg%3E") no-repeat center/16px;box-shadow:0 6px 14px -6px rgba(54,184,43,.8)}
.ip-table thead th.pro::before{content:"";display:block;width:26px;height:26px;margin:0 auto 6px;border-radius:9px;background:rgba(255,255,255,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CFF59B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 19a4 4 0 0 1-2.24-7.32A3.5 3.5 0 0 1 9 6.03V6a3 3 0 1 1 6 0v.04a3.5 3.5 0 0 1 3.24 5.65A4 4 0 0 1 16 19Z'/%3E%3Cpath d='M12 19v3'/%3E%3C/svg%3E") no-repeat center/16px}
.ip-table tbody td:nth-child(2){background:rgba(142,219,35,.07)}

/* Privacy & Security: text + illustration rows */
.pv-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pv-split.rev .pv-art{order:-1}
.pv-split .head{text-align:left;margin:0 0 26px;max-width:none}
.pv-split .ip-ticks{margin:0}
.pv-art svg{display:block;width:100%;max-width:540px;height:auto;margin:0 auto;overflow:visible;font-family:Manrope,"Noto Sans Arabic","Noto Sans SC",system-ui,sans-serif}
.pv-orbit{transform-origin:center;transform-box:fill-box;animation:ipSpin 60s linear infinite}
.pv-spark{transform-origin:center;transform-box:fill-box;animation:pvTw 3.2s ease-in-out infinite}
.pv-spark.s2{animation-delay:-1.6s}
.pv-bar{transform-origin:left;transform-box:fill-box;transform:scaleX(0)}
.pv-art.on .pv-bar{animation:pvFill 1.3s .35s var(--ease) forwards}
.pv-tick{stroke-dasharray:1;stroke-dashoffset:1}
.pv-art.on .pv-tick{animation:pvDraw .7s 1.3s var(--ease) forwards}
.pv-shield{animation:fy 6s ease-in-out infinite}
.pv-ring{transform-origin:center;transform-box:fill-box;animation:pvRing 2.8s ease-out infinite}
.pv-hl{animation:pvHl 3s ease-in-out infinite}
.pv-focus{animation:pvFocus 2.4s ease-in-out infinite}
.pv-wave{animation:pvWave 1.6s ease-in-out infinite}
.pv-wave.w2{animation-delay:.25s}
.pv-bubble{animation:fy 6s ease-in-out infinite}
.pv-acc{animation:fy 5s ease-in-out infinite}
@keyframes pvFill{to{transform:scaleX(1)}}
@keyframes pvDraw{to{stroke-dashoffset:0}}
@keyframes pvTw{0%,100%{transform:scale(.7) rotate(0);opacity:.6}50%{transform:scale(1.1) rotate(25deg);opacity:1}}
@keyframes pvRing{0%{transform:scale(.8);opacity:.7}100%{transform:scale(1.2);opacity:0}}
@keyframes pvHl{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes pvFocus{0%,100%{stroke-width:3;stroke-opacity:1}50%{stroke-width:5;stroke-opacity:.55}}
@keyframes pvWave{0%,100%{opacity:.25}50%{opacity:1}}
@media(max-width:900px){.pv-split{grid-template-columns:1fr;gap:28px}.pv-split.rev .pv-art{order:0}.pv-art svg{max-width:460px}}
@media(prefers-reduced-motion:reduce){.pv-art *{animation:none!important}.pv-bar{transform:none}.pv-tick{stroke-dashoffset:0}}

/* ---------- Switch page ---------- */
/* What comes over: a moving-day ticket */
.sw-pass{filter:drop-shadow(0 34px 40px rgba(60,20,110,.14))}
.sw-tk{display:grid;grid-template-columns:1fr 260px;border-radius:30px;background:#fff;
  -webkit-mask:radial-gradient(circle 18px at calc(100% - 260px) 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 18px at calc(100% - 260px) 100%,#0000 97%,#000) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle 18px at calc(100% - 260px) 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 18px at calc(100% - 260px) 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
.sw-main{padding:34px 40px 38px}
.sw-route{display:grid;grid-template-columns:minmax(150px,auto) 1fr auto;align-items:center;gap:22px;padding-bottom:28px;margin-bottom:28px;border-bottom:2px dashed #EADFF6}
.sw-end small{display:block;font-size:.8rem;font-weight:700;color:#7a8aa3;margin-bottom:2px}
.sw-end b{font:800 1.4rem/1.2 Manrope,system-ui,sans-serif;color:var(--navy);letter-spacing:-.01em}
.sw-end.to{text-align:right}
.sw-end.to b{color:var(--acd)}
.sw-cyc{display:grid;overflow:hidden}
.sw-cyc b{grid-area:1/1;opacity:0;animation:swCyc 7.5s var(--ease) infinite}
.sw-cyc b:nth-child(2){animation-delay:2.5s}
.sw-cyc b:nth-child(3){animation-delay:5s}
@keyframes swCyc{0%{opacity:0;transform:translateY(70%)}5%,30%{opacity:1;transform:none}35%,100%{opacity:0;transform:translateY(-70%)}}
.sw-line{position:relative;height:3px;background:repeating-linear-gradient(90deg,var(--ac2) 0 8px,transparent 8px 16px)}
.sw-line::before,.sw-line::after{content:"";position:absolute;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;border:3px solid var(--ac);background:#fff;box-sizing:border-box}
.sw-line::before{left:-7px}
.sw-line::after{right:-7px;background:var(--ac)}
.sw-plane{position:absolute;top:50%;left:0;display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:13px;background:linear-gradient(135deg,var(--ac2),var(--acd));box-shadow:0 12px 22px -10px var(--ac);animation:swFly 4.2s var(--ease) infinite}
.sw-plane svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@keyframes swFly{0%{left:0;opacity:0}10%{opacity:1}78%{left:100%;opacity:1}90%,100%{left:100%;opacity:0}}
.sw-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px 34px}
.sw-items li{display:flex;gap:16px;align-items:flex-start}
.sw-items li.sw-wide{grid-column:1/-1;padding:16px 18px;border-radius:18px;background:var(--tint)}
.sw-ic{position:relative;flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--c) 13%,#fff);color:var(--c)}
.sw-ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sw-ic::after{content:"";position:absolute;right:-6px;bottom:-6px;width:20px;height:20px;border-radius:50%;border:2px solid #fff;background:#36B82B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat;transform:scale(0)}
.sw-pass.on .sw-ic::after{animation:swPop .45s var(--ease) forwards;animation-delay:calc(.5s + var(--i) * .22s)}
@keyframes swPop{60%{transform:scale(1.25)}100%{transform:scale(1)}}
.sw-items h3{font-size:1.06rem;margin:2px 0 5px}
.sw-items p{font-size:.95rem;line-height:1.55}
.sw-stub{position:relative;display:flex;flex-direction:column;gap:20px;padding:34px 30px;background:linear-gradient(165deg,var(--ac2) 0%,var(--ac) 45%,var(--acd) 100%);color:#fff}
.sw-stub::before{content:"";position:absolute;left:0;top:26px;bottom:26px;border-left:2px dashed rgba(255,255,255,.6)}
.sw-stamp{align-self:flex-start;padding:5px 16px;border:2.5px solid #fff;border-radius:10px;font:800 1.15rem/1.3 Manrope,system-ui,sans-serif;transform:rotate(-7deg);box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.sw-stub dl{margin:0;display:grid;gap:14px}
.sw-stub dt{font-size:.8rem;font-weight:600;color:rgba(255,255,255,.78)}
.sw-stub dd{margin:2px 0 0;font:800 1.12rem/1.2 Manrope,system-ui,sans-serif}
.sw-bars{display:block;margin-top:auto;height:46px;border-radius:6px;opacity:.9;background:repeating-linear-gradient(90deg,#fff 0 3px,transparent 3px 6px,#fff 6px 7px,transparent 7px 11px,#fff 11px 15px,transparent 15px 17px,#fff 17px 18px,transparent 18px 23px)}

/* Four steps: an import track */
.sw-steps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sw-steps::before,.sw-steps::after{content:"";position:absolute;left:12.5%;right:12.5%;top:28px;height:4px;border-radius:4px;background:#E3EADF}
.sw-steps::after{background:linear-gradient(90deg,#36B82B,#FF8B18,#8338C9,#087DD6);transform:scaleX(0);transform-origin:left;transition:transform 1.8s var(--ease) .25s}
.sw-steps.on::after{transform:scaleX(1)}
.sw-steps li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.sw-node{display:grid;place-items:center;width:60px;height:60px;margin-bottom:22px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 62%,#fff),var(--c));color:#fff;font:800 1.45rem/1 Manrope,system-ui,sans-serif;box-shadow:0 0 0 7px #fff,0 16px 28px -10px var(--c)}
.sw-card{position:relative;flex:1;display:flex;flex-direction:column;width:100%;padding:26px 22px 22px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 26px 50px -42px rgba(8,27,67,.45)}
.sw-card::before{content:"";position:absolute;left:50%;top:-8px;width:16px;height:16px;margin-left:-8px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.sw-card h3{font-size:1.1rem;margin-bottom:8px}
.sw-card p{font-size:.95rem;line-height:1.55}
.sw-ui{margin-top:auto;padding-top:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.sw-ui small{width:100%;font-weight:700;font-size:.8rem;color:#7a8aa3}
.sw-btn,.sw-crumb,.sw-found{padding:7px 13px;border-radius:10px;font:700 .8rem/1.2 Manrope,system-ui,sans-serif}
.sw-btn{border:1px solid var(--line);background:#fff;color:var(--navy)}
.sw-btn.on{border-color:transparent;background:var(--c);color:#fff;animation:swBtn 2.6s ease-in-out infinite}
@keyframes swBtn{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 45%,transparent)}50%{box-shadow:0 0 0 7px transparent}}
.sw-crumb{background:#F4F6FA;color:#52627D}
.sw-found{background:color-mix(in srgb,var(--c) 15%,#fff);color:#B85600}
.sw-found::before{content:"✓ "}
.sw-prog{position:relative;display:block;width:100%;height:12px;border-radius:6px;overflow:hidden;background:color-mix(in srgb,var(--c) 14%,#fff)}
.sw-prog::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff));transform:scaleX(0);transform-origin:left;animation:swBatch 5s infinite}
.sw-prog::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 3px),#fff calc(20% - 3px) 20%)}
@keyframes swBatch{0%{transform:scaleX(0);animation-timing-function:steps(5,end)}80%,96%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.sw-tog{position:relative;display:block;width:48px;height:26px;border-radius:13px;background:var(--c);animation:swTogBg 4.4s ease-in-out infinite}
.sw-tog i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(8,27,67,.25);animation:swTog 4.4s ease-in-out infinite}
@keyframes swTog{0%,40%{transform:translateX(22px)}52%,92%{transform:none}100%{transform:translateX(22px)}}
@keyframes swTogBg{0%,40%{background:var(--c)}52%,92%{background:#C9D3E0}100%{background:var(--c)}}

/* Safe to try: bento */
.sw-bento{display:grid;grid-template-columns:5fr 7fr;gap:22px}
.sw-b{position:relative;overflow:hidden;border-radius:28px;background:#fff;border:1px solid var(--line);padding:32px;box-shadow:0 30px 60px -50px rgba(8,27,67,.45)}
.sw-b h3{font-size:1.3rem;margin-bottom:10px}
.sw-keep{grid-row:span 2;display:flex;flex-direction:column;background:linear-gradient(175deg,#FFF3E2 0%,#fff 62%)}
.sw-keep .sw-dbs{flex:1;display:grid;place-items:center}
.sw-dbs{margin:-6px -8px 22px}
.sw-dbs svg{display:block;width:100%;height:auto;overflow:visible;font-family:Manrope,system-ui,sans-serif}
.sw-pk{animation:swPk 2.4s linear infinite}
.sw-pk.p2{animation-delay:-.8s}
.sw-pk.p3{animation-delay:-1.6s}
@keyframes swPk{0%{transform:translateX(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(52px);opacity:0}}
.sw-undo{animation:swDash 1.4s linear infinite}
@keyframes swDash{to{stroke-dashoffset:-14}}
.sw-lock{transform-origin:152px 52px;animation:swLock 4s ease-in-out infinite}
@keyframes swLock{0%,70%,100%{transform:none}76%{transform:rotate(-10deg)}82%{transform:rotate(8deg)}88%{transform:rotate(-4deg)}}
.sw-rep{display:grid;grid-template-columns:1fr 1.05fr;gap:26px;align-items:center}
.sw-report{list-style:none;margin:0;padding:14px;border-radius:20px;background:#F7F9FC;border:1px solid #EEF2F7;display:grid;gap:8px}
.sw-report li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;font-weight:700;font-size:.9rem;color:var(--navy);box-shadow:0 6px 14px -12px rgba(8,27,67,.5)}
.sw-report li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:#36B82B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
.sw-report li.sw-warn{background:#FFF4E5;color:#8A4300;box-shadow:none;outline:1.5px dashed #FFC27A;outline-offset:-1.5px}
.sw-report li.sw-warn::before{background:#FF8B18 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M12 6v7M12 18h.01'/%3E%3C/svg%3E") center/12px no-repeat}
.sw-report li span{margin-left:auto;padding:3px 9px;border-radius:99px;background:#fff;font-size:.72rem;font-weight:800;color:#E56F00}
.sw-cli{display:grid;grid-template-columns:1fr 1.15fr;gap:26px;align-items:center;background:linear-gradient(150deg,#0E2552,#081B43 70%);border-color:transparent;color:#fff}
.sw-cli h3{color:#fff}
.sw-cli p{color:#B8C6D8}
.sw-cli code{white-space:nowrap;padding:2px 7px;border-radius:7px;background:rgba(255,255,255,.1);color:#FFC04D;font-size:.85em}
.sw-term{border-radius:16px;background:#050F27;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 40px -24px rgba(0,0,0,.6);overflow:hidden}
.sw-tbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(255,255,255,.05)}
.sw-tbar i{width:9px;height:9px;border-radius:50%;background:#FF5F57}
.sw-tbar i:nth-child(2){background:#FEBC2E}
.sw-tbar i:nth-child(3){background:#28C840}
.sw-tbar span{margin-left:8px;font-size:.75rem;font-weight:700;color:#7F90AE}
.sw-tbody{display:grid;gap:6px;padding:16px 16px 18px;font:500 13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#E3ECF8}
.sw-typed{display:block;width:35ch;max-width:100%;overflow:hidden;white-space:nowrap;color:#8EDB23}
.sw-out{opacity:0;color:#B8C6D8}
.sw-out.o2{color:#FFC04D}
.sw-out.o3{color:#8EDB23}
.sw-cli.on .sw-typed{animation:swType 2.2s steps(35,end) .3s both}
.sw-cli.on .sw-out{animation:swOut .3s ease forwards}
.sw-cli.on .o1{animation-delay:2.7s}
.sw-cli.on .o2{animation-delay:3.4s}
.sw-cli.on .o3{animation-delay:3.9s}
.sw-caret{display:inline-block;width:8px;height:15px;vertical-align:-2px;background:#8EDB23;animation:swCaret 1s steps(1) infinite}
@keyframes swType{from{width:0}to{width:35ch}}
@keyframes swOut{to{opacity:1}}
@keyframes swCaret{50%{opacity:0}}

/* Guides: route booklets */
.sw-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px;padding-right:16px}
.sw-g{position:relative;padding:22px 22px 28px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:8px 8px 0 -1px #fff,8px 8px 0 0 #D8E6F4,16px 16px 0 -1px #fff,16px 16px 0 0 #E6EEF7,0 30px 50px -40px rgba(8,27,67,.5)}
.sw-gr{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:20px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 14%,#fff),color-mix(in srgb,var(--c) 4%,#fff))}
.sw-from{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:#fff;color:var(--c);font:800 1.25rem/1 Manrope,system-ui,sans-serif;box-shadow:0 8px 16px -10px rgba(8,27,67,.45)}
.sw-path{position:relative;flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--c) 0 6px,transparent 6px 12px)}
.sw-path i{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:var(--c);animation:swDot 2.6s ease-in-out infinite}
@keyframes swDot{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:calc(100% - 10px);opacity:0}}
.sw-to{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:16px;background:#fff;box-shadow:0 8px 16px -10px rgba(8,27,67,.45)}
.sw-to img{width:44px;height:auto}
.sw-soon{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;padding:5px 12px 5px 9px;border-radius:99px;background:color-mix(in srgb,var(--c) 13%,#fff);color:color-mix(in srgb,var(--c) 70%,#081B43);font:800 .78rem/1.3 Manrope,system-ui,sans-serif}
.sw-soon::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat}
.sw-g h3{font-size:1.2rem;margin-bottom:6px}

@media(max-width:1023px){
  .sw-tk{grid-template-columns:1fr 220px;-webkit-mask:radial-gradient(circle 18px at calc(100% - 220px) 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 18px at calc(100% - 220px) 100%,#0000 97%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 18px at calc(100% - 220px) 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 18px at calc(100% - 220px) 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
  .sw-items{grid-template-columns:1fr}
  .sw-bento{grid-template-columns:1fr}
  .sw-keep{grid-row:auto}
  .sw-dbs{max-width:440px;margin:0 auto 22px}
  .sw-guides{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .sw-steps{grid-template-columns:1fr;gap:18px}
  .sw-steps::before,.sw-steps::after{left:28px;right:auto;top:30px;bottom:30px;width:4px;height:auto}
  .sw-steps::after{background:linear-gradient(180deg,#36B82B,#FF8B18,#8338C9,#087DD6);transform:scaleY(0);transform-origin:top}
  .sw-steps.on::after{transform:scaleY(1)}
  .sw-steps li{flex-direction:row;align-items:flex-start;text-align:left;gap:18px}
  .sw-node{flex:none;width:56px;height:56px;margin:0;font-size:1.3rem}
  .sw-card::before{left:-8px;top:22px;margin:0;transform:rotate(-45deg)}
  .sw-ui{justify-content:flex-start}
  .sw-rep,.sw-cli{grid-template-columns:1fr}
}
@media(max-width:767px){
  .sw-tk{grid-template-columns:1fr;-webkit-mask:none;mask:none}
  .sw-main{padding:26px 22px 28px}
  .sw-route{grid-template-columns:auto 1fr auto;gap:14px}
  .sw-end b{font-size:1.05rem}
  .sw-stub{padding:26px 22px}
  .sw-stub::before{left:22px;right:22px;top:0;bottom:auto;border-left:0;border-top:2px dashed rgba(255,255,255,.6)}
  .sw-stub dl{grid-template-columns:repeat(3,1fr);gap:10px}
  .sw-stub dd{font-size:.98rem}
  .sw-bars{height:34px}
  .sw-b{padding:24px}
  .sw-guides{grid-template-columns:1fr;padding-right:16px}
  .sw-tbody{font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){
  .sw-cyc b,.sw-plane,.sw-pk,.sw-undo,.sw-lock,.sw-btn.on,.sw-prog::before,.sw-tog,.sw-tog i,.sw-path i,.sw-caret{animation:none!important}
  .sw-cyc b:first-child{opacity:1}
  .sw-plane{left:50%}
  .sw-ic::after,.sw-steps::after{transform:none!important;animation:none!important}
  .sw-out,.sw-typed{opacity:1!important;width:auto!important;animation:none!important}
}

/* ---------- WooCommerce: the two Pro sections ---------- */
.wc-pro .wrap{display:grid;gap:36px}
.wc-row{position:relative;overflow:hidden;display:grid;grid-template-columns:.92fr 1.08fr;gap:52px;align-items:center;padding:56px;border-radius:34px}
.wc-txt{position:relative;z-index:1}
.wc-txt h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:16px 0 14px}
.wc-txt p{font-size:1.08rem;max-width:440px}
.wc-tag{display:inline-flex;padding:6px 14px;border-radius:99px;font:800 .8rem/1.2 Manrope,system-ui,sans-serif;background:rgba(255,255,255,.14);color:#CFF59B;border:1px solid rgba(255,255,255,.22)}
.wc-pts{list-style:none;margin:22px 0 30px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.wc-pts li{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:12px;font-weight:700;font-size:.9rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
.wc-pts li::before{content:"";width:18px;height:18px;border-radius:50%;background:#8EDB23 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23063' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}

/* bulk translation (Pro) */
.wc-bulk{background:radial-gradient(620px 380px at 88% -4%,rgba(142,219,35,.32),transparent 62%),linear-gradient(150deg,#06301d 0%,#0d6b34 68%,#179b3f 100%);color:#fff;box-shadow:0 40px 80px -50px rgba(6,48,29,.8)}
.wc-bulk::before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.12) 1.2px,transparent 1.4px) 0 0/22px 22px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 55%);mask-image:linear-gradient(90deg,#000,transparent 55%);pointer-events:none}
.wc-bulk h2{color:#fff}
.wc-bulk p{color:#D5F3C6}
.wc-bulk .wc-art{position:relative;padding-bottom:34px}
.wc-win{border-radius:22px;background:#fff;color:var(--navy);box-shadow:0 44px 70px -34px rgba(0,0,0,.55);overflow:hidden}
.wc-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#F6FAF4;border-bottom:1px solid #EAF1E7}
.wc-bar i{width:9px;height:9px;border-radius:50%;background:#FF8B18}
.wc-bar i:nth-child(2){background:#FFC04D}
.wc-bar i:nth-child(3){background:#36B82B}
.wc-bar span{margin-left:10px;font-weight:700;font-size:.8rem;color:#52627D}
.wc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 16px 10px}
.wc-p{position:relative;padding:10px 10px 12px;border-radius:14px;border:1px solid #EDF1EB;background:#fff}
.wc-ico{display:grid;place-items:center;height:54px;margin-bottom:8px;border-radius:10px;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c)}
.wc-ico svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wc-p b{display:block;height:7px;margin-top:6px;border-radius:4px;background:#E6EDE3}
.wc-p b.s{width:58%}
.wc-lg{position:absolute;top:6px;right:6px;display:grid}
.wc-lg em{grid-area:1/1;padding:3px 6px;border-radius:6px;background:#EEF2F7;color:#52627D;font:800 .6rem/1 Manrope,system-ui,sans-serif;font-style:normal}
.wc-lg em+em{background:#36B82B;color:#fff;opacity:0;animation:wcFr0 8s var(--ease) infinite}
.wc-run{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:6px 16px 46px;font-weight:700;font-size:.82rem;color:#52627D}
.wc-spin{width:14px;height:14px;border-radius:50%;border:2.5px solid #D4ECCB;border-top-color:#36B82B;animation:spin 1s linear infinite}
.wc-track{flex:1 1 120px;height:8px;border-radius:4px;background:#E6EDE3;overflow:hidden}
.wc-track i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#36B82B,#8EDB23);transform:scaleX(0);transform-origin:left;animation:wcTrack 8s linear infinite}
@keyframes wcTrack{0%,6%{transform:scaleX(0)}66%,90%{transform:scaleX(1);opacity:1}95%,100%{transform:scaleX(1);opacity:0}}
.wc-est{position:absolute;left:22px;bottom:0;display:flex;align-items:center;gap:14px;padding:12px 12px 12px 14px;border-radius:18px;background:#fff;color:var(--navy);box-shadow:0 26px 44px -18px rgba(0,0,0,.5);animation:fy 6s ease-in-out infinite}
.wc-est::before{content:"";flex:none;width:38px;height:38px;border-radius:11px;background:#FFF1DE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E56F00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z'/%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8M12 17.5v-11'/%3E%3C/svg%3E") center/20px no-repeat}
.wc-est small{display:block;font-size:.72rem;font-weight:700;color:#7a8aa3}
.wc-est b{display:block;font:800 1.2rem/1.2 Manrope,system-ui,sans-serif;color:var(--dg)}
.wc-est span{display:none}
.wc-est em{margin-left:6px;padding:8px 14px;border-radius:10px;background:linear-gradient(135deg,#36B82B,#087E39);color:#fff;font:800 .8rem/1 Manrope,system-ui,sans-serif;font-style:normal}

/* multiple currencies (coming soon) */
.wc-cur{grid-template-columns:1.08fr .92fr;background:radial-gradient(520px 360px at 20% 50%,#FFE9CC,transparent 70%),linear-gradient(150deg,#FFF8EE,#FFFDF9 65%);border:1px solid #FFE3BF}
.wc-cur .wc-art{order:-1;position:relative;display:grid;place-items:center;min-height:420px}
.wc-tag.soon{background:#FFE9CC;color:#B45500;border-color:#FFD49C}
.wc-cur .wc-pts{margin-bottom:0}
.wc-cur .wc-pts li{background:#fff;border-color:#FFE0B8;color:var(--navy)}
.wc-cur .wc-pts li::before{background-color:#FF8B18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.wc-orbit{position:absolute;left:50%;top:50%;width:390px;height:390px;margin:-195px 0 0 -195px;border-radius:50%;border:2px dashed #FFC98A;animation:ipSpin 46s linear infinite}
.wc-orbit span{position:absolute;display:grid;place-items:center;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:linear-gradient(145deg,#FFD978,#FF9A1A);color:#fff;font:800 1.35rem/1 Manrope,system-ui,sans-serif;text-shadow:0 1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -4px 0 rgba(0,0,0,.12),0 14px 24px -12px rgba(229,111,0,.7);animation:ipSpin 46s linear infinite reverse}
.wc-orbit span:nth-child(1){left:100%;top:50%}
.wc-orbit span:nth-child(2){left:65.45%;top:97.55%}
.wc-orbit span:nth-child(3){left:9.55%;top:79.39%}
.wc-orbit span:nth-child(4){left:9.55%;top:20.61%}
.wc-orbit span:nth-child(5){left:65.45%;top:2.45%}
.wc-card{position:relative;z-index:1;width:min(290px,78%);padding:14px 14px 16px;border-radius:24px;background:#fff;border:1px solid #F5E6D2;box-shadow:0 44px 70px -34px rgba(140,70,0,.45)}
.wc-pic{position:relative;display:grid;place-items:center;height:140px;border-radius:16px;background:linear-gradient(140deg,#FFE0B0,#FFB45C);color:#fff}
.wc-pic svg{width:58px;height:58px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 10px rgba(229,111,0,.35))}
.wc-sw{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:#fff;color:var(--navy);font:800 .76rem/1.2 Manrope,system-ui,sans-serif;box-shadow:0 8px 16px -8px rgba(140,70,0,.5)}
.wc-sw em{font-style:normal;font-size:.7em;opacity:.6}
.wc-card h3{margin:14px 0 0;font-size:1.05rem}
.wc-card .ln{height:8px;margin:8px 0}
.wc-price{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.wc-price .wc-cy b{font:800 1.4rem/1.2 Manrope,system-ui,sans-serif;color:#E56F00}
.wc-buy{padding:8px 12px;border-radius:10px;background:linear-gradient(135deg,#FF9F2E,#E56F00);color:#fff;font:800 .76rem/1.2 Manrope,system-ui,sans-serif}
.wc-pay{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px dashed #F1DFC6}
.wc-pay small{flex:none;font-weight:700;font-size:.74rem;color:#7a8aa3}
.wc-pay i{display:inline-block;margin-right:6px;padding:4px 9px;border-radius:8px;background:#FFF2E0;color:#B45500;font:800 .72rem/1.3 Manrope,system-ui,sans-serif;font-style:normal;white-space:nowrap}
.wc-cy{display:inline-grid}
.wc-cy>b{grid-area:1/1;opacity:0;animation:wcCy 9s var(--ease) infinite}
.wc-cy>b:nth-child(2){animation-delay:3s}
.wc-cy>b:nth-child(3){animation-delay:6s}
@keyframes wcCy{0%{opacity:0;transform:translateY(8px)}4%,30%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-8px)}}
@media(max-width:1023px){
  .wc-row,.wc-cur{grid-template-columns:1fr;gap:36px;padding:40px 32px}
  .wc-cur .wc-art{order:0}
}
@media(max-width:600px){
  .wc-row,.wc-cur{padding:30px 20px;border-radius:26px}
  .wc-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}
  .wc-p:nth-child(n+7){display:none}
  .wc-ico{height:44px}
  .wc-est{left:10px;right:10px;justify-content:space-between}
  .wc-cur .wc-art{min-height:340px}
  .wc-orbit{width:300px;height:300px;margin:-150px 0 0 -150px}
  .wc-orbit span{width:44px;height:44px;margin:-22px 0 0 -22px;font-size:1.1rem}
}
@media(prefers-reduced-motion:reduce){
  .wc-lg em+em,.wc-track i,.wc-spin,.wc-est,.wc-orbit,.wc-orbit span,.wc-cy>b{animation:none!important}
  .wc-lg em+em,.wc-cy>b:first-child{opacity:1}
  .wc-track i{transform:scaleX(.6)}
}
@keyframes wcFr0{0%,8.0%{opacity:0;transform:scale(.5)}11.0%,90%{opacity:1;transform:none}95%,100%{opacity:0;transform:scale(.5)}}
.wc-p:nth-child(1) .wc-lg em+em{animation-name:wcFr0}
@keyframes wcFr1{0%,15.5%{opacity:0;transform:scale(.5)}18.5%,90%{opacity:1;transform:none}95%,100%{opacity:0;transform:scale(.5)}}
.wc-p:nth-child(2) .wc-lg em+em{animation-name:wcFr1}
@keyframes wcFr2{0%,23.0%{opacity:0;transform:scale(.5)}26.0%,90%{opacity:1;transform:none}95%,100%{opacity:0;transform:scale(.5)}}
.wc-p:nth-child(3) .wc-lg em+em{animation-name:wcFr2}
@keyframes wcFr3{0%,30.5%{opacity:0;transform:scale(.5)}33.5%,90%{opacity:1;transform:none}95%,100%{opacity:0;transform:scale(.5)}}
.wc-p:nth-child(4) .wc-lg em+em{animation-name:wcFr3}
@keyframes wcFr4{0%,38.0%{opacity:0;transform:scale(.5)}41.0%,90%{opacity:1;transform:none}95%,100%{opacity:0;transform:scale(.5)}}
.wc-p:nth-child(5) .wc-lg em+em{animation-name:wcFr4}
@keyframes wcFr5{0%,45.5%{opacity:0;transform:scale(.5)}48.5%,90%{opacity:1;transform:none}95%,100%{opacity:0;transform:scale(.5)}}
.wc-p:nth-child(6) .wc-lg em+em{animation-name:wcFr5}
@keyframes wcFr6{0%,53.0%{opacity:0;transform:scale(.5)}56.0%,90%{opacity:1;transform:none}95%,100%{opacity:0;transform:scale(.5)}}
.wc-p:nth-child(7) .wc-lg em+em{animation-name:wcFr6}
@keyframes wcFr7{0%,60.5%{opacity:0;transform:scale(.5)}63.5%,90%{opacity:1;transform:none}95%,100%{opacity:0;transform:scale(.5)}}
.wc-p:nth-child(8) .wc-lg em+em{animation-name:wcFr7}

/* ---------- Integrations ---------- */
/* page builders: tabs + a live canvas that translates passage by passage */
.ig-x{display:grid;grid-template-columns:270px 1fr;gap:28px;align-items:start}
.ig-x:not(.js){grid-template-columns:1fr}
.ig-x:not(.js) .ig-tabs{display:none}
.ig-tabs{position:sticky;top:96px;display:grid;gap:10px}
.ig-tabs button{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px 12px 12px;border-radius:18px;border:1px solid var(--line);background:#fff;color:var(--navy);font:700 1rem/1.2 Manrope,system-ui,sans-serif;text-align:left;cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .25s}
.ig-tabs button:hover{border-color:color-mix(in srgb,var(--c) 50%,#fff);transform:translateX(3px)}
.ig-tabs button[aria-selected=true]{border-color:var(--c);box-shadow:inset 4px 0 0 var(--c),0 18px 30px -22px var(--c);transform:none}
.ig-tabs button:focus-visible{outline:3px solid color-mix(in srgb,var(--c) 55%,#fff);outline-offset:2px}
.ig-mono{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--c) 13%,#fff);color:var(--c);font:800 .95rem/1 Manrope,system-ui,sans-serif;transition:background .25s,color .25s}
.ig-tabs [aria-selected=true] .ig-mono{background:var(--c);color:#fff}
.ig-mono svg,.ig-tmono svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.ig-stage{border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 44px 70px -52px rgba(8,27,67,.5);overflow:hidden}
.ig-canvas{padding-bottom:28px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 8%,#fff),#fff);transition:background .4s}
.ig-tool{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-bottom:1px solid #EDF1F5}
.ig-tmono{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--c);color:#fff;font:800 .82rem/1 Manrope,system-ui,sans-serif;transition:background .3s}
.ig-tmono svg{width:16px;height:16px}
.ig-tname{font:800 .95rem/1.2 Manrope,system-ui,sans-serif;color:var(--navy)}
.ig-lang{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:11px;background:#F2F5F9;font:800 .72rem/1 Manrope,system-ui,sans-serif}
.ig-lang i{padding:6px 9px;border-radius:8px;color:#7a8aa3;font-style:normal;animation:igEnT 9s ease infinite}
.ig-lang i.fr{animation-name:igFrT}
.ig-lang em{font-style:normal;color:#9aa6b6}
@keyframes igEnT{0%,9%,95%,100%{background:#fff;color:var(--navy);box-shadow:0 2px 6px rgba(8,27,67,.12)}12%,92%{background:transparent;color:#7a8aa3;box-shadow:none}}
@keyframes igFrT{0%,9%,95%,100%{background:transparent;color:#7a8aa3}12%,92%{background:var(--c);color:#fff}}
.ig-page{display:grid;gap:16px;padding:26px 24px 0}
.ig-blk{position:relative;padding:16px 16px 14px;border-radius:14px;border:1.5px dashed #DCE3EC;background:#fff}
.ig-blk small{position:absolute;top:-10px;left:12px;padding:1px 8px;border-radius:6px;border:1px solid #E6EBF2;background:#fff;color:#7a8aa3;font:700 .68rem/1.5 Manrope,system-ui,sans-serif}
.ig-sw{display:grid}
.ig-sw>b{grid-area:1/1}
.ig-sw>b+b{opacity:0}
.b1 .ig-sw>b{font:800 clamp(1.15rem,2vw,1.45rem)/1.25 Manrope,system-ui,sans-serif;color:var(--navy);letter-spacing:-.01em}
.b2 .ig-sw>b{font-weight:500;color:#52627D}
.ig-row{display:grid;grid-template-columns:auto 1fr;gap:16px}
.ig-btn>b{justify-self:start;padding:9px 16px;border-radius:10px;background:var(--c);color:#fff;font:800 .85rem/1.2 Manrope,system-ui,sans-serif;transition:background .3s}
.ig-tabsm>b{display:flex;gap:6px}
.ig-tabsm i{padding:7px 12px;border-radius:9px;background:#F2F5F9;color:var(--navy);font:700 .82rem/1.2 Manrope,system-ui,sans-serif;font-style:normal}
.ig-tabsm i:first-child{background:color-mix(in srgb,var(--c) 15%,#fff)}
.ig-panels{padding:26px 30px 30px}
.ig-panel+.ig-panel{margin-top:22px}
.ig-x.js .ig-panel+.ig-panel{margin-top:0}
.ig-panel h3{font-size:1.35rem;margin-bottom:10px}
.ig-panel p{font-size:1.02rem;max-width:660px}
.ig-stage.swap .ig-panel:not([hidden]),.ig-stage.swap .ig-tname{animation:igIn .45s var(--ease)}
@keyframes igIn{from{opacity:0;transform:translateY(8px)}}

/* more tools: bento with small live previews */
.ig-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.ig-b{grid-column:span 4;display:flex;flex-direction:column;gap:22px;padding:24px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px -50px rgba(8,27,67,.45)}
.ig-seo{grid-column:span 7}
.ig-acf{grid-column:span 5}
.ig-b h3{font-size:1.2rem;margin-bottom:8px}
.ig-b p{font-size:.95rem;line-height:1.6}
.ig-viz{position:relative;display:grid;place-items:center;min-height:156px;padding:18px;border-radius:18px;background:linear-gradient(140deg,color-mix(in srgb,var(--c) 13%,#fff),color-mix(in srgb,var(--c) 3%,#fff));overflow:hidden}
.ig-seo .ig-viz{grid-template-columns:1.35fr 1fr;gap:14px;place-items:stretch}
.ig-serp{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 14px 26px -18px rgba(8,27,67,.45)}
.ig-url{font:600 .75rem/1.3 Manrope,system-ui,sans-serif;color:#2C7A2C}
.ig-url b{font-weight:800}
.ig-ttl{font:800 1rem/1.3 Manrope,system-ui,sans-serif;color:#1A47B8}
.ig-serp .ln{display:block;height:7px;margin:4px 0 0}
.ig-cy{display:inline-grid}
.ig-cy>i{grid-area:1/1;font-style:normal;opacity:0;animation:wcCy 9s var(--ease) infinite}
.ig-cy>i:nth-child(2){animation-delay:3s}
.ig-cy>i:nth-child(3){animation-delay:6s}
.ig-map{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:14px;border-radius:14px;background:#0E2552;color:#fff}
.ig-map small{font:600 .74rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#8EDB23}
.ig-href{display:flex;flex-wrap:wrap;gap:6px}
.ig-href i{width:100%;font:500 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#9FB0C7;font-style:normal}
.ig-href b{padding:4px 8px;border-radius:7px;background:rgba(255,255,255,.1);font:800 .74rem/1.2 Manrope,system-ui,sans-serif;animation:igPing 3.5s ease-in-out infinite}
.ig-href b:nth-child(3){animation-delay:.25s}
.ig-href b:nth-child(4){animation-delay:.5s}
.ig-href b:nth-child(5){animation-delay:.75s}
.ig-href b:nth-child(6){animation-delay:1s}
@keyframes igPing{0%,30%,100%{background:rgba(255,255,255,.1);color:#fff}12%{background:#36B82B;color:#fff}}
.ig-field{width:100%;max-width:330px;padding:14px;border-radius:14px;background:#fff;box-shadow:0 14px 26px -18px rgba(8,27,67,.45)}
.ig-field small{display:block;margin-bottom:10px;font:700 .75rem/1.2 Manrope,system-ui,sans-serif;color:#7a8aa3}
.ig-seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:12px;background:#F2F5F9}
.ig-seg i{position:relative;z-index:1;padding:8px 0;text-align:center;font:800 .78rem/1.2 Manrope,system-ui,sans-serif;font-style:normal;color:#52627D;animation:igS0 7.5s var(--ease) infinite}
.ig-seg i:nth-child(2){animation-name:igS1}
.ig-seg i:nth-child(3){animation-name:igS2}
.ig-seg em{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:9px;background:var(--c);box-shadow:0 6px 12px -6px var(--c);animation:igSeg 7.5s var(--ease) infinite}
@keyframes igSeg{0%,28%,100%{transform:none}33%,61%{transform:translateX(100%)}66%,94%{transform:translateX(200%)}}
@keyframes igS0{0%,28%,100%{color:#fff}31%,97%{color:#52627D}}
@keyframes igS1{0%,30%,64%,100%{color:#52627D}33%,61%{color:#fff}}
@keyframes igS2{0%,63%,97%,100%{color:#52627D}66%,94%{color:#fff}}
.ig-fl{display:block;margin-top:12px}
.ig-fl .ln{display:block;margin:0}
.ig-pages{list-style:none;margin:0;padding:0;width:100%;max-width:250px;display:grid;gap:7px}
.ig-pages li{padding:8px 12px;border-radius:10px;background:#fff;box-shadow:0 8px 16px -14px rgba(8,27,67,.5);font:600 .78rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#52627D}
.ig-pages li.hit{animation:igHit 4.5s ease infinite}
@keyframes igHit{0%,22%,85%,100%{background:#fff;box-shadow:0 8px 16px -14px rgba(8,27,67,.5)}30%,70%{background:color-mix(in srgb,var(--c) 12%,#fff);box-shadow:inset 0 0 0 2px var(--c)}}
.ig-toast{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:7px;padding:7px 12px 7px 9px;border-radius:10px;background:var(--navy);color:#fff;font:800 .74rem/1.2 Manrope,system-ui,sans-serif;animation:igToast 4.5s ease infinite}
.ig-toast::before{content:"";width:16px;height:16px;border-radius:50%;background:#8EDB23 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23063' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/10px no-repeat}
@keyframes igToast{0%,30%{opacity:0;transform:translateY(8px)}38%,78%{opacity:1;transform:none}88%,100%{opacity:0;transform:none}}
.ig-ai .ig-viz{display:flex;flex-direction:column;align-items:center;justify-content:center}
.ig-prov{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ig-prov span{padding:7px 12px;border-radius:10px;background:#fff;color:var(--navy);font:800 .8rem/1.2 Manrope,system-ui,sans-serif;box-shadow:0 8px 16px -12px rgba(8,27,67,.5);animation:fy 4s ease-in-out infinite}
.ig-prov span:nth-child(2){animation-delay:-.8s}
.ig-prov span:nth-child(3){animation-delay:-1.6s}
.ig-prov span:nth-child(4){animation-delay:-2.4s}
.ig-prov span:nth-child(5){animation-delay:-3.2s}
.ig-key{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:7px 13px 7px 10px;border-radius:99px;background:var(--c);color:#fff;font:800 .78rem/1.2 Manrope,system-ui,sans-serif;box-shadow:0 10px 18px -10px var(--c)}
.ig-key svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ig-dev{background:linear-gradient(150deg,#0E2552,#081B43 70%);border-color:transparent}
.ig-dev h3{color:#fff}
.ig-dev p{color:#B8C6D8}
.ig-dev code{padding:2px 7px;border-radius:7px;background:rgba(255,255,255,.1);color:#FFC04D;white-space:nowrap}
.ig-dev .ig-viz{place-items:stretch;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.ig-code{display:grid;align-content:center;gap:8px;font:500 13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#E3ECF8}
.ig-code em{font-style:normal;color:#8EDB23}
.ig-code .ig-cm{color:#7F90AE}
.ig-code .ig-cm::before{content:"# "}
.ig-code span:first-child::after{content:"";display:inline-block;width:8px;height:15px;margin-left:4px;vertical-align:-2px;background:#8EDB23;animation:swCaret 1s steps(1) infinite}
@media(max-width:1023px){
  .ig-bento{grid-template-columns:1fr 1fr}
  .ig-b,.ig-acf{grid-column:span 1}
  .ig-seo{grid-column:1/-1}
}
@media(max-width:860px){
  .ig-x{grid-template-columns:1fr;gap:18px}
  .ig-tabs{position:static;display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}
  .ig-tabs::-webkit-scrollbar{display:none}
  .ig-tabs button{flex:none;width:auto;padding:8px 14px 8px 8px;font-size:.92rem}
  .ig-tabs button:hover{transform:none}
  .ig-mono{width:34px;height:34px;border-radius:11px;font-size:.85rem}
}
@media(max-width:600px){
  .ig-bento{grid-template-columns:1fr}
  .ig-seo .ig-viz{grid-template-columns:1fr}
  .ig-row{grid-template-columns:1fr}
  .ig-page{padding:24px 16px 0}
  .ig-panels{padding:22px 20px 24px}
  .ig-lang{display:none}
}
@media(prefers-reduced-motion:reduce){
  .ig-blk,.ig-sw>b,.ig-lang i,.ig-cy>i,.ig-href b,.ig-seg i,.ig-seg em,.ig-pages li,.ig-toast,.ig-prov span,.ig-code span::after{animation:none!important}
  .ig-cy>i:first-child,.ig-toast{opacity:1}
}
@keyframes igBlk0{0%,8%,21%,100%{border-color:#DCE3EC;box-shadow:none}11%,16%{border-color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent)}}
@keyframes igEn0{0%,11%,96%,100%{opacity:1;transform:none}13%,92%{opacity:0;transform:translateY(-5px)}}
@keyframes igFr0{0%,12%,96%,100%{opacity:0;transform:translateY(5px)}14%,92%{opacity:1;transform:none}}
.ig-blk.b1{animation:igBlk0 9s ease infinite}.b1 .ig-sw>b:first-child{animation:igEn0 9s ease infinite}.b1 .ig-sw>b+b{animation:igFr0 9s ease infinite}
@keyframes igBlk1{0%,19%,32%,100%{border-color:#DCE3EC;box-shadow:none}22%,27%{border-color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent)}}
@keyframes igEn1{0%,22%,96%,100%{opacity:1;transform:none}24%,92%{opacity:0;transform:translateY(-5px)}}
@keyframes igFr1{0%,23%,96%,100%{opacity:0;transform:translateY(5px)}25%,92%{opacity:1;transform:none}}
.ig-blk.b2{animation:igBlk1 9s ease infinite}.b2 .ig-sw>b:first-child{animation:igEn1 9s ease infinite}.b2 .ig-sw>b+b{animation:igFr1 9s ease infinite}
@keyframes igBlk2{0%,30%,43%,100%{border-color:#DCE3EC;box-shadow:none}33%,38%{border-color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent)}}
@keyframes igEn2{0%,33%,96%,100%{opacity:1;transform:none}35%,92%{opacity:0;transform:translateY(-5px)}}
@keyframes igFr2{0%,34%,96%,100%{opacity:0;transform:translateY(5px)}36%,92%{opacity:1;transform:none}}
.ig-blk.b3{animation:igBlk2 9s ease infinite}.b3 .ig-sw>b:first-child{animation:igEn2 9s ease infinite}.b3 .ig-sw>b+b{animation:igFr2 9s ease infinite}
@keyframes igBlk3{0%,41%,54%,100%{border-color:#DCE3EC;box-shadow:none}44%,49%{border-color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent)}}
@keyframes igEn3{0%,44%,96%,100%{opacity:1;transform:none}46%,92%{opacity:0;transform:translateY(-5px)}}
@keyframes igFr3{0%,45%,96%,100%{opacity:0;transform:translateY(5px)}47%,92%{opacity:1;transform:none}}
.ig-blk.b4{animation:igBlk3 9s ease infinite}.b4 .ig-sw>b:first-child{animation:igEn3 9s ease infinite}.b4 .ig-sw>b+b{animation:igFr3 9s ease infinite}