/* Nuvexel AI Pro website v2 — one stylesheet for the landing page and the legal pages. No libraries. */
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(fonts/Inter-Regular.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(fonts/Inter-Medium.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(fonts/Inter-SemiBold.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:700 800;font-display:swap;src:url(fonts/Inter-Bold.woff2) format("woff2")}
:root{
  --bg:#060911;--bg2:#0A0F1C;--card:#0F1624;--glass:rgba(15,22,36,.66);--line:rgba(0,229,204,.24);--line2:rgba(255,255,255,.08);
  --text:#E9EEF7;--muted:#9AA6BB;--faint:#7F8BA3;--acc:#00E5CC;--acc2:#2563EB;--warn:#FFB547;
  --r:18px;--r2:12px;--sec:88px;--gut:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:before{content:"";position:fixed;inset:-20vh -20vw auto;height:120vh;pointer-events:none;z-index:-1;
  background:radial-gradient(620px 440px at 14% 6%,rgba(0,229,204,.14),transparent 70%),radial-gradient(720px 520px at 90% 0%,rgba(37,99,235,.18),transparent 70%)}
a{color:var(--acc);text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:8px}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--gut)}
.wrap.narrow{max-width:880px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--acc);color:#03121A;padding:8px 14px;border-radius:8px;font-weight:700}
.skip:focus{left:12px}
/* icons (Lucide, ISC) */
.i{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.i.big{width:30px;height:30px;stroke-width:1.5}
/* surfaces */
.glass{background:var(--glass);border:1px solid var(--line2);border-radius:var(--r);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.glow{border-color:var(--line);box-shadow:0 0 0 1px rgba(0,229,204,.04),0 24px 64px -24px rgba(0,229,204,.28)}
.checker{background-color:#d9dde5;background-image:linear-gradient(45deg,#c3c8d2 25%,transparent 25%),linear-gradient(-45deg,#c3c8d2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c3c8d2 75%),linear-gradient(-45deg,transparent 75%,#c3c8d2 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 20px;border-radius:var(--r2);font-weight:700;border:0;cursor:pointer;font-size:15px;line-height:1.2;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(95deg,var(--acc),var(--acc2));color:#03121A;box-shadow:0 10px 30px -8px rgba(0,229,204,.55)}
.btn.ghost{background:rgba(255,255,255,.04);color:var(--text);border:1px solid var(--line)}
.btn.ghost:hover{background:rgba(0,229,204,.08)}
.btn.small{min-height:38px;padding:8px 14px;font-size:14px}
/* header */
header.top{position:sticky;top:0;z-index:40;background:rgba(6,9,17,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line2)}
.hbar{display:flex;align-items:center;gap:16px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.06em;color:var(--text);white-space:nowrap}
.brand img{width:30px;height:30px;border-radius:8px}.brand small{color:var(--acc);font-weight:700;letter-spacing:.08em;font-size:.86em}
nav.links{display:flex;gap:4px;margin-left:auto}
nav.links a{color:var(--muted);font-size:14.5px;font-weight:500;padding:8px 10px;border-radius:8px}
nav.links a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.lang{display:flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden}
.lang button,.lang a{background:none;border:0;color:var(--muted);font:600 13px Inter,system-ui;padding:8px 11px;cursor:pointer;min-height:36px;display:flex;align-items:center}
.lang .on{background:rgba(0,229,204,.14);color:var(--acc)}
.burger{display:none;margin-left:auto;background:rgba(255,255,255,.04);border:1px solid var(--line2);border-radius:10px;width:44px;height:44px;place-items:center;cursor:pointer}
.burger .i{width:22px;height:22px}
.mnav{border-top:1px solid var(--line2);padding:8px var(--gut) 16px;display:grid;gap:2px;background:rgba(6,9,17,.96)}
.mnav[hidden]{display:none}
.mnav a{color:var(--text);font-weight:600;padding:12px 6px;min-height:44px;border-bottom:1px solid var(--line2)}
/* hero */
.hero{padding:72px 0 48px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.badge{display:inline-flex;gap:8px;align-items:center;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(0,229,204,.06);color:var(--acc);font:700 12.5px Inter,system-ui;letter-spacing:.08em;text-transform:uppercase}
.badge .i{width:15px;height:15px}
.hero h1{font-size:clamp(38px,5.2vw,64px);line-height:1.04;letter-spacing:-.03em;margin:22px 0 18px;font-weight:800}
.grad{background:linear-gradient(95deg,var(--acc) 10%,#5B8CFF 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--muted);font-size:clamp(16px,1.5vw,18.5px);max-width:580px;margin:0 0 28px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.ticks{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--muted);font-size:14px}
.ticks li{display:flex;gap:7px;align-items:center}.ticks .i{color:var(--acc);width:16px;height:16px}
.hero-vis{position:relative}
.win{padding:0;overflow:hidden}
.win-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line2);color:var(--faint);font-size:12.5px;font-weight:600}
.win-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.14)}.win-bar span{margin-left:8px}
.hero-cmp{aspect-ratio:3/4;border-radius:0}
.float{position:absolute;display:flex;gap:9px;align-items:center;padding:10px 14px;border-radius:14px;font-size:13.5px;font-weight:600;border-color:var(--line);box-shadow:0 16px 40px -12px rgba(0,0,0,.6)}
.float .i{color:var(--acc)}
.f1{left:-28px;top:56%}.f2{right:-22px;bottom:12%}
/* sections */
section{padding:var(--sec) 0;scroll-margin-top:64px}
.head{text-align:center;margin-bottom:36px}
.eyebrow{color:var(--acc);font:700 13px Inter,system-ui;letter-spacing:.12em;text-transform:uppercase}
h2{font-size:clamp(28px,3.6vw,44px);letter-spacing:-.02em;line-height:1.1;margin:10px 0 14px;font-weight:800}
.lead{color:var(--muted);max-width:720px;font-size:17px;margin:0 auto}
.fine{color:var(--faint);font-size:13px;text-align:center;margin:14px 0 0}
/* horizontal scrollers with a fade hint */
.scroller{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.scroller::-webkit-scrollbar{display:none}
.scroller.more{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
.scroller.more.mid{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 82%,transparent)}
.scroller.more.end{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%)}
/* demo */
.tabs{display:flex;gap:8px;justify-content:center;margin:0 auto 18px;width:max-content;min-width:100%;padding:2px}
.tab{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:rgba(255,255,255,.03);border:1px solid var(--line2);color:var(--muted);padding:10px 16px;min-height:44px;border-radius:var(--r2);font-weight:600;font-size:14.5px;cursor:pointer}
.tab:hover{color:var(--text)}
.tab.on{color:var(--text);border-color:var(--line);background:linear-gradient(180deg,rgba(0,229,204,.14),rgba(37,99,235,.10))}
.tab.on .i{color:var(--acc)}
.stage{padding:16px}
.panel{display:none;grid-template-columns:1.35fr 1fr;gap:28px;align-items:center}.panel.on{display:grid}
.copy h3{font-size:24px;margin:0 0 8px;letter-spacing:-.01em}.copy p{color:var(--muted);margin:0 0 16px}
.lst{list-style:none;margin:0;padding:0;color:var(--muted)}
.lst li{display:flex;gap:10px;align-items:flex-start;margin:8px 0}.lst .i{color:var(--acc);margin-top:3px;width:17px;height:17px}
.cmp{position:relative;border-radius:14px;overflow:hidden;background:#0B1120;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize}
.cmp.sq{aspect-ratio:1/1}.cmp.light{background:#F3F5F9}
.cmp img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;pointer-events:none}
.cmp .b{clip-path:inset(0 0 0 50%)}
.cmp .bar{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--acc);transform:translateX(-1px);box-shadow:0 0 14px var(--acc)}
.cmp .bar span{position:absolute;top:50%;left:50%;width:38px;height:38px;margin:-19px;border-radius:50%;background:var(--acc);color:#03121A;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.cmp .bar .i{stroke-width:2.2}
.cmp .tag{position:absolute;top:10px;padding:4px 10px;border-radius:8px;background:rgba(3,8,16,.66);color:#fff;font-size:12.5px;font-weight:600;backdrop-filter:blur(6px)}
.cmp .tag.l{left:10px}.cmp .tag.r{right:10px}
.lens{position:absolute;width:190px;height:190px;border-radius:50%;border:2px solid var(--acc);pointer-events:none;display:none;background-repeat:no-repeat;background-color:#fff;box-shadow:0 12px 40px rgba(0,0,0,.6)}
.ctl{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.toggle{display:inline-flex;gap:10px;align-items:center;cursor:pointer;font-weight:600;font-size:14.5px;min-height:44px}
.toggle input{position:absolute;opacity:0;width:1px;height:1px}
.toggle .knob{width:40px;height:22px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid var(--line2);position:relative;transition:background .2s}
.toggle .knob:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.toggle input:checked+.knob{background:var(--acc)}.toggle input:checked+.knob:after{transform:translateX(18px)}
.toggle input:focus-visible+.knob{outline:2px solid var(--acc);outline-offset:3px}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 13px;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--muted);font-weight:600;font-size:13.5px;cursor:pointer}
.chip.on{border-color:var(--line);color:var(--text);background:rgba(0,229,204,.10)}
span.chip{cursor:default}
.sw{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.25);cursor:pointer;padding:0;transition:transform .15s}
.sw:hover{transform:scale(1.08)}
.svgbox{border-radius:14px;overflow:hidden;background:#F3F5F9;display:grid;place-items:center;aspect-ratio:1/1}
.svgbox svg{width:86%;height:86%}
.svgbox svg *{transition:fill .25s ease}
.mini{margin:6px 0 0}.mini img{border-radius:12px;background:#F3F5F9}.mini figcaption,.trio figcaption{color:var(--faint);font-size:13px;margin-top:8px}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trio figure{margin:0}.trio img{border-radius:12px;background:#fff;aspect-ratio:1/1;object-fit:contain}
/* stepper */
.steps{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:10px;margin-bottom:16px}
.st{position:relative;overflow:hidden;display:flex;gap:12px;align-items:flex-start;text-align:left;padding:14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line2);cursor:pointer;color:var(--muted);min-height:44px}
.st b{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);font-size:14px;color:var(--text)}
.st strong{display:block;color:var(--text);font-size:15.5px;margin-bottom:3px}
.st em{display:block;font-style:normal;font-size:13px;line-height:1.45}
.st.on{border-color:var(--line);background:linear-gradient(180deg,rgba(0,229,204,.12),rgba(37,99,235,.08))}
.st.on b{background:var(--acc);color:#03121A;border-color:var(--acc)}
.st .prog{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--acc)}
.st.on .prog{animation:prog var(--dur,6s) linear forwards}
.stepper.paused .st.on .prog{animation-play-state:paused}
@keyframes prog{to{width:100%}}
.screen{position:relative;aspect-ratio:16/9;overflow:hidden;padding:0}
/* bento */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{padding:24px;height:100%}
.ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,229,204,.18),rgba(37,99,235,.18));border:1px solid var(--line);margin-bottom:14px;color:var(--acc);box-shadow:0 0 22px -6px rgba(0,229,204,.45)}
.ico .i{width:21px;height:21px}
.ico.warn{color:var(--warn);background:rgba(255,181,71,.10);border-color:rgba(255,181,71,.35);box-shadow:none}
.card h3{margin:0 0 6px;font-size:18px}.card p{margin:0;color:var(--muted);font-size:14.5px}
/* table */
.tblwrap{padding:0}
table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:700px}
th,td{padding:14px 16px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
thead th{color:var(--text);font-weight:700;font-size:14px}
tbody th{color:var(--muted);font-weight:500;width:26%}
td{color:var(--muted)}
.hl{background:rgba(0,229,204,.07);color:var(--text)}
thead .hl{color:var(--acc)}
.ok{color:var(--acc);font-weight:700}
/* pricing */
.prices{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.price{padding:26px;position:relative;display:flex;flex-direction:column}
.price h3{margin:0;font-size:18px}.price .amt{font-size:42px;font-weight:800;letter-spacing:-.02em;margin:10px 0 2px}.price .per{color:var(--faint);font-size:13.5px;min-height:40px}
.price .lst{margin:16px 0 22px;font-size:14.5px;flex:1}
.ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#0B1A22;font:700 12.5px Inter,system-ui;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border-radius:999px;color:var(--acc);border:1px solid var(--line)}
.price.pop{border-color:var(--line)}
.price.best{border-color:var(--line);background:linear-gradient(180deg,rgba(0,229,204,.10),rgba(37,99,235,.06)),var(--glass)}
.guar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:24px}
.guar>*{display:inline-flex;gap:8px;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--line2);color:var(--muted);font-size:13.5px}
.guar .i{color:var(--acc);width:16px;height:16px}.guar a:hover{color:var(--text)}
/* download */
.dl-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:860px;margin:0 auto 22px}
.dlcard{display:flex;align-items:center;gap:16px;padding:20px 22px;color:var(--text);transition:transform .15s,border-color .2s}
.dlcard:hover{transform:translateY(-2px);border-color:var(--line)}
.dlcard>span{flex:1}.dlcard strong{display:block;font-size:17px}.dlcard em{display:block;font-style:normal;color:var(--muted);font-size:13.5px}
.dlcard .big{color:var(--acc)}
.dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dl-grid p{margin:0 0 10px}
.num{margin:0;padding-left:20px;color:var(--muted);font-size:14.5px}.num li{margin:5px 0}.num b{color:var(--text)}
.sha{margin:22px auto 0;max-width:860px;border:1px solid var(--line2);border-radius:var(--r2);padding:0 16px;color:var(--faint);font-size:13px}
.sha summary{display:flex;gap:8px;align-items:center;cursor:pointer;min-height:44px;font-weight:600;list-style:none}
.sha summary::-webkit-details-marker{display:none}
.sha dl{margin:0 0 14px}.sha dt{color:var(--muted);margin-top:8px}.sha dd{margin:2px 0 0}.sha code{word-break:break-all;font-size:12px;color:var(--muted)}
/* faq */
.faq{padding:6px 22px}
.faq details{border-bottom:1px solid var(--line2)}.faq details:last-child{border-bottom:0}
.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:10px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--acc);font-weight:800;font-size:20px;line-height:1}
.faq details[open] summary:after{content:"–"}
.faq details p{color:var(--muted);margin:0 0 16px}
/* footer */
footer{border-top:1px solid var(--line2);padding:30px 0 34px;color:var(--faint);font-size:14px}
.foot{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap}
.foot nav{display:flex;flex-wrap:wrap;gap:4px 18px}.foot nav a{color:var(--muted);min-height:44px;display:inline-flex;align-items:center}
.foot nav a:hover{color:var(--text)}.foot p{margin:0}
/* mobile action bar */
.mbar{display:none}
/* modal */
.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(2,5,10,.72);backdrop-filter:blur(6px)}
.modal[hidden]{display:none}
.modal-card{position:relative;max-width:460px;width:100%;padding:28px;text-align:center}
.modal-card .ico{margin:0 auto 14px}
.modal-card h3{margin:0 0 8px;font-size:21px}.modal-card p{color:var(--muted);margin:0 0 20px}
.modal-card .cta{justify-content:center}
.x{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:10px;border:0;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.x:hover{color:var(--text);background:rgba(255,255,255,.05)}
/* reveal */
.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.btn:hover,.dlcard:hover,.sw:hover{transform:none}.st.on .prog{animation:none;width:100%}}
/* responsive */
@media (max-width:1100px){.float{display:none}.prices{grid-template-columns:repeat(2,1fr)}.price .per{min-height:0}}
@media (max-width:980px){
  :root{--sec:80px}
  nav.links,.dl-top{display:none}.burger{display:grid}.lang{margin-left:auto}.burger{margin-left:0}
  .hero-grid{grid-template-columns:1fr;gap:36px}.hero{padding-top:48px}.hero-copy{text-align:center}.sub{margin-left:auto;margin-right:auto}.cta,.ticks{justify-content:center}
  .hero-vis{max-width:520px;margin:0 auto;width:100%}
  .panel{grid-template-columns:1fr}
  .bento,.dl-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(5,minmax(190px,1fr))}
}
@media (max-width:860px){
  .mbar{display:flex;gap:10px;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;padding:8px;border-radius:16px;background:rgba(10,15,28,.82);border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 40px -10px rgba(0,0,0,.7)}
  .mbar .btn{flex:1;min-height:44px}
  body{padding-bottom:84px}
  .mbar.hide{display:none}
  .mbar.menu{display:none}
}
@media (max-width:640px){
  :root{--sec:72px;--gut:16px}
  .lang button,.lang a{min-height:44px;padding:8px 12px}
  .bento,.dl-grid,.prices,.dl-row,.trio{grid-template-columns:1fr}
  .brand small{display:none}
  .hero h1{font-size:clamp(34px,10vw,44px)}
  .stage{padding:10px}.copy h3{font-size:21px}
  .tabs{justify-content:flex-start}
  .trio{grid-template-columns:1fr 1fr}.trio figure:last-child{grid-column:span 2}
  .faq{padding:4px 16px}
}
@media (max-width:380px){.brand span{display:none}}

/* ---------- legal pages (terms / privacy / refund) */
.legal main{max-width:820px;margin:0 auto;padding:40px var(--gut) 64px}
.legal .back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:600;font-size:14px;min-height:44px}
.legal .back:hover{color:var(--text)}
.legal h1{font-size:clamp(28px,4vw,38px);line-height:1.15;letter-spacing:-.02em;margin:8px 0 12px}
.legal h2{font-size:21px;margin:36px 0 10px;padding-top:18px;border-top:1px solid var(--line2)}
.legal h3{font-size:17px;margin:22px 0 8px}
.legal p,.legal li{color:#C6CEDC}
.legal strong{color:var(--text)}
.legal .meta{color:var(--muted)}
.legal table{display:block;overflow-x:auto;min-width:0;margin:12px 0;font-size:15px}
.legal th,.legal td{border:1px solid var(--line2);padding:9px 11px}
.legal thead th{background:var(--card)}
.legal blockquote{margin:14px 0;padding:12px 16px;border-left:3px solid var(--acc);background:var(--card);border-radius:0 10px 10px 0}
.legal code{background:var(--card);padding:1px 6px;border-radius:5px;font-size:.92em}
.legal .lnav{display:flex;gap:4px;margin-left:auto}
.legal .lnav a{color:var(--muted);font-size:14px;font-weight:500;padding:8px 10px;border-radius:8px;min-height:40px;display:inline-flex;align-items:center}
.legal .lnav a.on,.legal .lnav a:hover{color:var(--text);background:rgba(255,255,255,.05)}
@media (max-width:720px){.legal .lnav{display:none}.legal .hbar .lang{margin-left:auto}}

/* ---------- v3: showcases, audience, animated stepper */
.checker.dark{background-color:#141a26;background-image:linear-gradient(45deg,#1d2433 25%,transparent 25%),linear-gradient(-45deg,#1d2433 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1d2433 75%),linear-gradient(-45deg,transparent 75%,#1d2433 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
.cmp.wide{aspect-ratio:1400/780}
.cmp .tag.acc{background:rgba(0,229,204,.9);color:#03121A}
.who{padding-top:24px}
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tab{position:relative;overflow:hidden}
.tab .prog{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--acc)}
[data-autocycle].cycling ~ * .tab.on .prog{animation:none}
.tabs.cycling .tab.on .prog{animation:prog var(--tdur,7s) linear forwards}
.tabs.paused .tab.on .prog{animation-play-state:paused}
.stat{display:flex;align-items:baseline;gap:10px;margin:0 0 14px}.stat b{font-size:34px;color:var(--acc);letter-spacing:-.02em}.stat span{color:var(--muted);font-size:14px}
.panel.two{grid-template-columns:1fr 1.25fr;align-items:start}
.recol .svgbox{aspect-ratio:1/1}.svgbox.dark{background:#0d121c;border:1px solid var(--line2)}
.svgbox svg *{transition:fill .5s ease}
.presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cap{color:var(--faint);font-size:13px;margin:10px 0 0}
.sheet-src{position:relative;border-radius:12px;overflow:hidden;background:#7d8a6d}
.sheet-src img{width:100%}
.sheet-src .tag{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:8px;background:rgba(3,8,16,.66);color:#fff;font-size:12.5px;font-weight:600}
.hots{position:absolute;inset:0}
.hot{position:absolute;border:2px solid transparent;border-radius:8px;transition:border-color .2s,box-shadow .2s;cursor:pointer}
.hot.hl{border-color:var(--acc);background:rgba(0,229,204,.12);box-shadow:0 0 18px rgba(0,229,204,.6)}
.sheet-arrow{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--acc);font-size:13px;font-weight:600;margin:8px 0}
.parts{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:8px;border-radius:12px;border:1px solid var(--line2)}
.parts button{all:unset;cursor:pointer;aspect-ratio:1/1;border-radius:8px;display:grid;place-items:center;border:1px solid transparent;transition:transform .2s,border-color .2s,background .2s}
.parts button img{max-width:86%;max-height:86%;width:auto;height:auto}
.parts button.hl,.parts button:hover,.parts button:focus-visible{border-color:var(--acc);background:rgba(0,229,204,.10);transform:translateY(-2px)}
.panel.trio3{display:none;grid-template-columns:repeat(3,1fr);gap:16px}.panel.trio3.on{display:grid}
.pc{margin:0}.pc figcaption{margin-top:10px;display:flex;flex-direction:column;gap:3px}.pc figcaption b{font-size:15px}.pc figcaption>span{color:var(--muted);font-size:13px}
.legend{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.legend i{width:14px;height:3px;border-radius:2px;display:inline-block}.legend .r{background:#ff3b3b}.legend .b{background:#3b9dff}.legend .y{background:#ffd23b}
/* stepper scenes */
.screen{aspect-ratio:1000/560}
.scene{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;overflow:hidden}
.scene.on{opacity:1}
.scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scene .ui{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;font-size:14px;font-weight:600;border-color:var(--line);box-shadow:0 12px 32px -8px rgba(0,0,0,.6),0 0 24px -6px rgba(0,229,204,.5)}
.scene .ui .i{color:var(--acc)}.scene .ui b{color:var(--acc)}.scene .ui .ok{color:#5df2a0}
.sc1 .hi{clip-path:inset(0 100% 0 0)}
.sc1.on .hi{animation:reveal 3.2s cubic-bezier(.6,0,.2,1) .5s forwards}
.sc1 .wave{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--acc);box-shadow:0 0 22px 6px rgba(0,229,204,.55);opacity:0}
.sc1.on .wave{animation:wave 3.2s cubic-bezier(.6,0,.2,1) .5s forwards}
@keyframes reveal{to{clip-path:inset(0 0 0 0)}}
@keyframes wave{0%{left:0;opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}
.sc2 .frame{position:absolute;inset:3%;border:2px solid var(--acc);border-radius:6px;box-shadow:0 0 18px rgba(0,229,204,.6)}
.sc2 .shade{position:absolute;inset:0;background:rgba(3,8,16,.64);opacity:0;clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,var(--fx0,22%) var(--fy0,12%),calc(100% - var(--fx1,30%)) var(--fy0,12%),calc(100% - var(--fx1,30%)) calc(100% - var(--fy1,6%)),var(--fx0,22%) calc(100% - var(--fy1,6%)),var(--fx0,22%) var(--fy0,12%))}
.sc2.on .shade{animation:shade .8s ease 2.6s forwards}
@keyframes shade{to{opacity:1}}
.sc2.on .frame{animation:snap 2.4s cubic-bezier(.5,0,.2,1) .6s forwards}
@keyframes snap{to{inset:var(--fy0,12%) var(--fx1,30%) var(--fy1,6%) var(--fx0,22%)}}
.sc3 .coral{opacity:0}.sc3 .src{opacity:1}
.sc3.on .coral{animation:coral 3.6s ease .4s forwards}.sc3.on .src{animation:fadeout 1s ease 2.6s forwards}
@keyframes coral{0%{opacity:0}25%{opacity:.95}70%{opacity:.95}100%{opacity:0}}
@keyframes fadeout{to{opacity:0}}
.sc4 .paths{position:absolute;inset:0}.sc4 .paths svg{width:100%;height:100%}
.sc4 .paths path{fill:none;stroke:#00E5CC;stroke-width:2;stroke-dasharray:var(--len,2000);stroke-dashoffset:var(--len,2000);filter:drop-shadow(0 0 3px rgba(0,229,204,.9))}
.sc4.on .paths path{animation:draw 2.6s ease .3s forwards}
.sc4 .cut{transition:transform 1s ease}
@keyframes draw{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.sc1 .hi{clip-path:none}.sc1 .wave,.sc3 .coral{display:none}.sc3 .src{opacity:0}.sc4 .paths path{stroke-dashoffset:0}.sc2 .frame{inset:var(--fy0,12%) var(--fx1,30%) var(--fy1,6%) var(--fx0,22%)}.sc2 .shade{opacity:1}.sc5 .s5x{opacity:1;transform:translate(var(--tx),205px) rotate(var(--r))}.scene *{animation:none!important}}
@media (max-width:1100px){.who-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){.panel.two{grid-template-columns:1fr}.panel.trio3{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.who-grid,.panel.trio3{grid-template-columns:1fr}.parts{grid-template-columns:repeat(4,1fr)}.scene .ui{right:8px;bottom:8px;padding:6px 10px;font-size:12px}}

.cmp.checker.dark .b{background-color:#141a26;background-image:linear-gradient(45deg,#1d2433 25%,transparent 25%),linear-gradient(-45deg,#1d2433 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1d2433 75%),linear-gradient(-45deg,transparent 75%,#1d2433 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
.parts button{min-width:0;overflow:hidden}
.parts button img{width:84%;height:auto;max-height:none;aspect-ratio:1/1;object-fit:contain;display:block}

/* 1.0: honest pricing ✕ rows + «Good to know» block */
.lst li.no{color:color-mix(in srgb,var(--muted) 78%,transparent)}.lst li.no .i{color:var(--warn);opacity:.8}
.pfine{max-width:760px;margin:18px auto 0;text-align:center;color:var(--muted);font-size:14px}
#good .gk{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;overflow:hidden}
#good .gkc{padding:26px 28px;min-width:0}#good .gkc+.gkc{border-left:1px solid var(--line2)}
#good .gkt{display:flex;gap:10px;align-items:center;font-weight:650;font-size:17px;margin-bottom:10px;color:var(--text)}
#good .gkc.gka .i{color:var(--acc)}#good .gkc.gkb .i{color:var(--warn)}
#good .gkc p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}#good .gkc b{color:var(--text);font-weight:600}
#good .gkn{display:flex;gap:10px;align-items:flex-start;max-width:820px;margin:18px auto 0;padding:14px 18px;border-radius:12px;
  background:color-mix(in srgb,var(--acc) 9%,transparent);border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);font-size:14.5px}
#good .gkn .i{color:var(--acc);flex:none;margin-top:2px}
@media (max-width:760px){#good .gk{grid-template-columns:1fr}#good .gkc+.gkc{border-left:0;border-top:1px solid var(--line2)}#good .gkc{padding:20px}}

/* step 5: the result + real export previews side by side (nothing over the picture) */
.sc5{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;padding:18px;align-items:stretch;background:radial-gradient(closest-side at 30% 50%,rgba(0,229,204,.10),transparent)}
.s5-ship{position:relative;border-radius:14px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line2);min-width:0}
.s5-ship img{width:94%;height:auto;max-height:94%;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55))}
.s5-cards{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:10px;min-width:0}
.s5-cards .f{margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#0b1220;display:flex;flex-direction:column;min-height:0;opacity:0;transform:translateY(10px)}
.s5-cards .f img{display:block;width:100%;flex:1;min-height:0;object-fit:cover}
.s5-cards figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:4px 8px;font-size:12.5px;font-weight:800;color:var(--acc);letter-spacing:.04em}
.s5-cards figcaption em{font-style:normal;font-weight:500;color:var(--muted);letter-spacing:0;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s5-cards .more{justify-content:center;align-items:center;text-align:center;padding:8px;gap:4px;background:linear-gradient(160deg,#16223a,#0b1220)}
.s5-cards .more b{font-size:22px;color:var(--acc)}.s5-cards .more span{font-size:11.5px;color:var(--muted);line-height:1.35}
.sc5.on .s5-cards .f{animation:s5in .45s ease forwards}
.sc5.on .s5-cards .f:nth-child(2){animation-delay:.08s}.sc5.on .s5-cards .f:nth-child(3){animation-delay:.16s}.sc5.on .s5-cards .f:nth-child(4){animation-delay:.24s}.sc5.on .s5-cards .f:nth-child(5){animation-delay:.32s}.sc5.on .s5-cards .f:nth-child(6){animation-delay:.4s}
@keyframes s5in{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.s5-cards .f{opacity:1;transform:none}}
@media (max-width:640px){.sc5{grid-template-columns:1fr 1fr;gap:8px;padding:8px}.s5-cards{gap:5px;grid-template-columns:1fr 1fr 1fr}.s5-cards figcaption{font-size:10px;padding:2px 5px}.s5-cards figcaption em{display:none}.s5-cards .more span{display:none}.s5-cards .more b{font-size:15px}}

/* w48: compact comparison on phones — 3 rows, then «Show the full comparison» */
.cmp-more{display:none}
@media (max-width:767px){
  #compare:not(.open) tbody tr:nth-child(n+4){display:none}
  #compare .cmp-more{display:inline-flex;margin:12px auto 0}
  #compare .wrap{text-align:center}
  #compare .head,#compare .fine,#compare .tblwrap{text-align:left}
}
/* ---------- w49: language menu (16 languages) */
.lang{position:relative;border:0;overflow:visible}
.lang-btn{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.04);border:1px solid var(--line2);border-radius:10px;color:var(--text);font:600 13px Inter,system-ui;padding:8px 11px;min-height:36px;cursor:pointer}
.lang-btn:hover,.lang-btn[aria-expanded="true"]{border-color:var(--acc)}
.lang-btn .i{width:16px;height:16px}.lang-btn .chev{font-size:10px;opacity:.7}
.lang-list{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:60;margin:0;padding:6px;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(128px,1fr));gap:2px;background:#0b1220;border:1px solid var(--line2);border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.5);max-height:min(70vh,520px);overflow:auto}
.lang-list[hidden]{display:none}
.lang-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;color:var(--muted);font:500 14px Inter,system-ui;text-decoration:none;white-space:nowrap;min-height:40px}
.lang-list a small{font:600 11px Inter,system-ui;opacity:.6;direction:ltr}
.lang-list a:hover,.lang-list a:focus-visible{background:rgba(255,255,255,.06);color:var(--text);outline:none}
.lang-list a[aria-current]{background:rgba(0,229,204,.14);color:var(--acc)}
@media (max-width:420px){.lang-list{grid-template-columns:repeat(2,minmax(0,1fr));width:min(92vw,330px)}}
.legal .tr-note{font-size:13.5px;color:var(--muted);border:1px dashed var(--line2);border-radius:10px;padding:10px 14px;margin:0 0 18px}
/* ---------- w49: right to left (Hebrew, Arabic); showcases, sliders, prices, code and e-mail stay left to right */
[dir=rtl] body{font-family:Inter,"Segoe UI","Noto Sans Hebrew","Noto Sans Arabic",Tahoma,system-ui,sans-serif}
[dir=rtl] nav.links{margin-left:0;margin-right:auto}
[dir=rtl] .burger{margin-left:0;margin-right:auto}
[dir=rtl] .win-bar span{margin-left:0;margin-right:8px}
[dir=rtl] .st,[dir=rtl] th,[dir=rtl] td,[dir=rtl] #compare .head,[dir=rtl] #compare .fine,[dir=rtl] #compare .tblwrap{text-align:right}
[dir=rtl] .num{padding-left:0;padding-right:20px}
[dir=rtl] .x{right:auto;left:10px}
[dir=rtl] .legal blockquote{border-left:0;border-right:3px solid var(--acc);border-radius:10px 0 0 10px}
[dir=rtl] .legal .lnav{margin-left:0;margin-right:auto}
[dir=rtl] #good .gkc+.gkc{border-left:0;border-right:1px solid var(--line2)}
@media (max-width:980px){[dir=rtl] .lang{margin-left:0;margin-right:auto}}
@media (max-width:720px){[dir=rtl] .legal .hbar .lang{margin-left:0;margin-right:auto}}
@media (max-width:760px){[dir=rtl] #good .gkc+.gkc{border-right:0}}
[dir=rtl] .cmp,[dir=rtl] .scene,[dir=rtl] .sheet-src,[dir=rtl] .s5-cards,[dir=rtl] .win,[dir=rtl] .loupe,[dir=rtl] [data-cmp],[dir=rtl] .toggle{direction:ltr}
[dir=rtl] code,[dir=rtl] .sha,[dir=rtl] .amt,[dir=rtl] .price .big,[dir=rtl] a[href^="mailto:"],[dir=rtl] kbd{direction:ltr;unicode-bidi:isolate}
@media (max-width:640px){.lang-list{position:fixed;top:64px;left:12px;right:12px;inset-inline-end:auto;width:auto;max-height:calc(100vh - 140px)}}
/* w49: a long word or a list without spaces (Chinese / Japanese) never widens a card past the screen */
.card,.price,.gkc{min-width:0}.card p,.card h3,.price li,.faq p{overflow-wrap:anywhere}
[dir=rtl] .skip{left:auto;right:-999px}[dir=rtl] .skip:focus{right:12px}

/* w49b: the plan name as the Payhip store shows it, under the translated name */
.price .store-as{margin:3px 0 0;font-size:12px;line-height:1.35;color:var(--faint)}
.price .store-as bdi{white-space:nowrap}
/* w50: the brand reads [icon] NUVEXEL AI PRO in every language; forward chevrons point along the reading direction;
   the SHA box keeps its codes left to right but its title in the page direction; both hero notes sit over the result side */
[dir=rtl] .brand{direction:ltr}
[dir=rtl] svg.i:has(> use[href$="chevron-right"]){transform:scaleX(-1)}
[dir=rtl] .sha summary{direction:rtl}
.f1{left:auto;right:-26px;top:22%}
/* w50f: the hero notes sit in the free corners of the picture, never over the captain's face or boots */
.hero-vis .f1{left:auto;right:-30px;top:12%;bottom:auto}.hero-vis .f2{left:auto;right:-26px;bottom:1.5%;top:auto}
.cmp .tag,.float span{unicode-bidi:plaintext}   /* a Hebrew / Arabic note with a Latin name inside reads in its own direction */

/* w53: real sample files under the showcases · SHA check command */
.smp{margin:14px 0 0;font-size:13.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.smp a{display:inline-flex;align-items:center;gap:6px;color:var(--text);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:4px 12px;min-height:32px}
.smp a:hover,.smp a:focus-visible{border-color:var(--acc)}
.smp a .i{width:15px;height:15px}
.smp em{font-style:normal;opacity:.65;font-size:12px;unicode-bidi:isolate;direction:ltr}
.sc5 .smp{grid-column:1/-1}
.sha dd{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sha .shacopy{min-height:32px;padding:4px 12px}
.shamsg{margin:8px 0 0;font-size:13px;color:var(--muted);min-height:1em;overflow-wrap:anywhere}