/* Amaia, English site (US market). Built 1.10.2026 from the Hebrew site (aura-site-he) and the landing page, adapted for LTR.
   Light only, like the Hebrew site. Brand: violet accent, violet-to-pink gradient for numbers and emphasis. */
/* Heebo, self-hosted (SIL OFL 1.1: assets/fonts/OFL-heebo.txt). One variable file covers weights 100 to 900 for Latin text. */
@font-face{font-family:"Heebo";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/heebo-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --ink:#14122b; --body:#334155; --muted:#475569; --soft:#64748b;
  --line:#e2e8f0; --line2:#f1f5f9; --bg:#ffffff; --bg2:#f8f7fd;
  --ac:#7c3aed; --ac7:#6d28d9; --ac3:#c4b5fd; --ac1:#ede9fe; --ac05:#f5f3ff; --lav:#ddd0fb; --wash:#e9d5ff;
  --ok:#0f766e; --no:#b91c1c; --part:#b45309;
  --grad:linear-gradient(100deg,#6d28d9,#c026d3 55%,#db2777);
  --sans:"Heebo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --maxw:1152px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;color:var(--ink);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
p{margin:0}
::selection{background:var(--ac);color:#fff}
:focus-visible{outline:3px solid var(--ac);outline-offset:2px;border-radius:6px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;color:var(--ink);padding:10px 14px;border-radius:0 0 10px 0}
.skip:focus{left:0}

/* buttons: one intent, one wording ("Book a 20-minute demo") */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:16px;border-radius:12px;padding:13px 22px;min-height:48px;transition:filter .18s,transform .18s,box-shadow .18s,background .18s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(90deg,#6d28d9,#9333ea 55%,#be185d);color:#fff;box-shadow:0 2px 8px -2px rgba(168,85,247,.5)}
.btn-primary:hover{filter:brightness(1.08);box-shadow:0 14px 30px -10px rgba(217,70,239,.5)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.45)}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-line{background:#fff;color:var(--ac7);border:1.5px solid var(--ac3)}
.btn-line:hover{background:var(--ac05)}

/* header */
header.site{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
header.site .hd{display:flex;align-items:center;gap:28px;height:68px}
.brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:19px;color:var(--ink);letter-spacing:-.01em}
.brand img{height:26px;width:auto;display:block}
header.site nav{display:flex;gap:24px;font-size:15px;font-weight:500;color:var(--muted)}
header.site nav a:hover,header.site nav a[aria-current="page"]{color:var(--ink)}
header.site .sp{flex:1}
header.site .btn{min-height:42px;padding:9px 18px;font-size:15px}
@media (max-width:760px){header.site nav{display:none}header.site .btn{font-size:14px;padding:8px 14px}}

/* sections */
.blk{padding:clamp(64px,8vw,104px) 0}
.band{background:var(--bg2)}
.head{max-width:760px}
.head.center{margin:0 auto;text-align:center}
.head h2{font-size:clamp(30px,3.6vw,44px);font-weight:800}
.head p{margin-top:14px;font-size:18px;color:var(--muted)}
.wash{background:radial-gradient(880px 640px at 6% 0%,var(--wash) 0%,#f5f3ff 44%,rgba(255,255,255,0) 74%),radial-gradient(560px 440px at 96% 100%,rgba(236,72,153,.07),transparent 70%),#fff}

/* hero */
.hero{position:relative;overflow:hidden;background:#110f24;color:#e9e7f5}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:780px;height:780px;border-radius:50%;background:radial-gradient(closest-side,rgba(124,58,237,.55),rgba(124,58,237,0));pointer-events:none}
.hero::after{content:"";position:absolute;inset:auto auto -30% -10%;width:640px;height:640px;border-radius:50%;background:radial-gradient(closest-side,rgba(219,39,119,.28),rgba(219,39,119,0));pointer-events:none}
.hero .in{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:clamp(56px,7vw,92px);padding-bottom:clamp(64px,8vw,104px)}
.hero h1{color:#fff;font-size:clamp(38px,4.8vw,60px);font-weight:900;letter-spacing:-.03em;line-height:1.05}
.hero h1 .g{background:linear-gradient(100deg,#c4b5fd,#f0abfc 55%,#f9a8d4);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .sub{margin-top:20px;max-width:46ch;font-size:19px;line-height:1.55;color:#cfcbe6}
.hero .row{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.hero .fine{margin-top:16px;font-size:14px;color:#a9a4c8}
@media (max-width:960px){.hero .in{grid-template-columns:1fr;gap:40px}}

/* Romi chat card (illustration: the product UI is Hebrew today) */
.chat{background:#fff;color:var(--body);border-radius:20px;box-shadow:0 40px 90px -40px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.08);overflow:hidden;max-width:520px;justify-self:end;width:100%}
.chat .top{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.chat .av{width:30px;height:30px;border-radius:50%;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px}
.chat .top b{color:var(--ink);font-size:15px}
.chat .top small{color:var(--soft);font-size:13px}
.chat .top .live{margin-left:auto;font-size:12px;font-weight:700;color:var(--ok);display:inline-flex;align-items:center;gap:6px}
.chat .top .live i{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.chat .bd{padding:18px;display:grid;gap:12px;font-size:14.5px;line-height:1.5}
.chat .q{justify-self:end;max-width:86%;background:var(--line2);border-radius:14px 14px 4px 14px;padding:10px 13px;color:var(--ink)}
.chat .a{max-width:94%;border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:12px 14px}
.chat .a p+p{margin-top:8px}
.chat .a b{color:var(--ink)}
.chat .act{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}
.chat .act span{background:var(--ac05);border:1px solid var(--lav);color:var(--ac7);font-weight:700;border-radius:999px;padding:5px 11px}
.chat .act em{font-style:normal;color:var(--soft)}
/* conversion table inside Romi's answer */
.chat .fun{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px;font-variant-numeric:tabular-nums}
.chat .fun th,.chat .fun td{padding:6px 6px;border-bottom:1px solid var(--line2);text-align:right;white-space:nowrap}
.chat .fun thead th{font-size:11.5px;font-weight:700;color:var(--muted);white-space:normal;line-height:1.25;vertical-align:bottom}
.chat .fun th[scope="row"],.chat .fun thead th:first-child{text-align:left;color:var(--ink);font-weight:700}
.chat .fun td.hi{color:var(--ok);font-weight:800}
.chat .fun td.lo{color:var(--no);font-weight:800}
.chat .fun tr.avg th,.chat .fun tr.avg td{border-bottom:0;border-top:1.5px solid var(--line);color:var(--muted);font-weight:700}
.chat .recs{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;font-size:13.5px}
.chat .recs li{position:relative;padding-left:14px}
.chat .recs li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--ac)}
@media (max-width:640px){.chat .fun{font-size:12px}.chat .fun th,.chat .fun td{padding:5px 3px}.chat .fun thead th{font-size:10.5px}}
.illus{margin-top:10px;text-align:right;font-size:12.5px;color:#a9a4c8;max-width:520px;justify-self:end;width:100%}
.illus.dark{color:var(--soft)}

/* the four departments, as a loop */
.tri{display:flex;justify-content:center;margin-top:8px}
.cycle{position:relative;width:min(100%,620px);aspect-ratio:1;margin:0 auto}
.ring{position:absolute;inset:0;width:100%;height:100%}
.ring .am{display:none}
.cycle ul{position:absolute;inset:0;list-style:none;margin:0;padding:0}
.cycle li{position:absolute;width:30%;min-height:150px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:#fff;border:1px solid var(--lav);border-radius:18px;padding:12px 12px 10px;box-shadow:0 18px 44px -30px rgba(109,40,217,.45)}
.cycle li b{font-size:19px;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cycle li span{font-size:14px;line-height:1.35;color:var(--ink)}
.cycle li em{align-self:stretch;font-style:normal;font-size:12.5px;color:var(--muted);margin-top:4px;padding-top:6px;border-top:1px dashed var(--lav)}
.cycle li.ok{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#a78bfa,#f0abfc 55%,#f9a8d4) border-box;border:1.5px solid transparent}
.cycle li.ok em{color:var(--ac7);font-weight:700}
.cycle .n1{left:50%;top:16.25%}.cycle .n2{left:83.75%;top:50%}.cycle .n3{left:50%;top:83.75%}.cycle .n4{left:16.25%;top:50%}
.cap{max-width:900px;margin:20px auto 0;text-align:center;font-size:19px;color:var(--ink);font-weight:700}
@media (max-width:960px){.cycle{width:min(100%,400px);aspect-ratio:1/1.45}.cycle li{width:38%;min-height:144px;padding:8px 7px 7px;gap:2px}.cycle li.n1,.cycle li.n3{width:42%}.cycle li.n2,.cycle li.n4{width:34%}.ring .ad{display:none}.ring .am{display:block}.cycle li b{font-size:16px}.cycle li span{font-size:12.5px;line-height:1.25}.cycle li em{font-size:11.5px;line-height:1.2;margin-top:2px;padding-top:4px}}

/* before / after */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1080px;margin:40px auto 0}
.ba-p{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 22px 16px}
.ba-p.with{border-color:var(--lav);box-shadow:0 24px 50px -34px rgba(109,40,217,.5)}
.ba-p header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ba-p .tag{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--line2);border-radius:999px;padding:4px 10px}
.ba-p.with .tag{color:#fff;background:var(--ac7)}
.ba-p h3{font-size:19px}
.ba-p ul{list-style:none;margin:0;padding:0}
.ba-p li{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line2);font-size:15px}
.ba-p li:last-child{border-bottom:0}
.ba-p li b{color:var(--ink);font-weight:600}
.ba-p .st{font-size:13px;font-weight:700;text-align:right;white-space:nowrap}
.ba-p .ic{width:24px;height:24px;border-radius:50%;display:grid;place-items:center}
.ba-p .ic svg{width:14px;height:14px}
.ba-p .no{background:#fee2e2;color:var(--no)}.ba-p .part{background:#fef3c7;color:var(--part)}.ba-p .yes{background:#ccfbf1;color:var(--ok)}
.now .st{color:var(--soft)}.with .st{color:var(--ac7)}
@media (max-width:860px){.ba{grid-template-columns:1fr}.ba-p .st{white-space:normal;max-width:12ch}}

/* measured numbers */
.pf{list-style:none;margin:40px auto 0;padding:0;max-width:1120px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.pf li{position:relative;border:1px solid #e6dcfb;border-radius:18px;padding:16px 10px 14px;text-align:center;background:linear-gradient(180deg,#fff 0%,#fdfbff 55%,#f7f1ff 100%);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 4px -2px rgba(20,18,43,.14),0 18px 34px -20px rgba(109,40,217,.45)}
.pf li b{display:block;font-size:14px;font-weight:700;line-height:1.3;color:var(--ink);min-height:36px}
.pf li .pnum{display:block;margin-top:8px;font-size:26px;font-weight:800;line-height:1.05;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pf li em{display:block;margin-top:4px;font-style:normal;font-size:12.5px;line-height:1.35;color:var(--muted)}
.psrc{max-width:760px;margin:14px auto 0;text-align:center;font-size:13px;color:var(--muted)}
@media (max-width:1099px){.pf{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px}}
@media (max-width:640px){.pf{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pf li{padding:12px 8px 10px}.pf li b{font-size:13px;min-height:0}.pf li .pnum{font-size:22px}}

/* Romi */
.romi{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.romi h2{font-size:clamp(30px,3.6vw,44px);font-weight:800}
.romi .lead{margin-top:16px;font-size:18px;color:var(--muted)}
.romi ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.romi li{position:relative;padding-left:30px;font-size:16px;color:var(--body)}
.romi li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--ac1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%236d28d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.romi .note{margin-top:22px;padding:14px 16px;border-radius:14px;background:var(--ac05);border:1px solid var(--lav);font-size:15px;color:var(--ink)}
.romi .chat{justify-self:center;box-shadow:0 30px 70px -40px rgba(76,29,149,.5),0 0 0 1px var(--line)}
@media (max-width:960px){.romi{grid-template-columns:1fr;gap:32px}}

/* 14 capabilities, three columns */
.ledger{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1120px;margin-inline:auto}
.lcol{background:#fff;border:1px solid var(--lav);border-radius:18px;padding:18px 18px 12px;box-shadow:0 18px 44px -30px rgba(109,40,217,.45)}
.lcol h3{display:flex;align-items:center;gap:12px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--line);font-size:19px;font-weight:800;color:var(--ac7)}
.lcol h3 .lt{flex:1}
.lcol h3 .ln{font-size:12.5px;font-weight:700;color:var(--muted)}
.lcol ul{list-style:none;margin:0;padding:0}
.lcol li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line2)}
.lcol li:last-child{border-bottom:0}
.lcol li b{display:block;font-size:15px;line-height:1.35;color:var(--ink)}
.lcol li small{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:var(--muted)}
.chk{flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px -8px rgba(124,58,237,.7)}
.chk svg{width:12px;height:12px}
@media (max-width:960px){.ledger{grid-template-columns:1fr;gap:12px}}

/* pricing teaser */
.tease{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;max-width:1000px;margin:0 auto;background:#fff;border:1px solid var(--lav);border-radius:24px;padding:36px 40px;box-shadow:0 30px 70px -48px rgba(109,40,217,.55)}
.tease h2{font-size:clamp(28px,3vw,38px);font-weight:800}
.tease p{margin-top:12px;color:var(--muted)}
.tease ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15.5px;color:var(--ink)}
.tease li{display:flex;gap:10px;align-items:center}
.tease .row{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:860px){.tease{grid-template-columns:1fr;padding:26px 22px}}

/* FAQ */
.faq{max-width:820px;margin:36px auto 0;display:grid;gap:10px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 20px}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:58px;font-weight:700;font-size:17px;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;color:var(--ac);flex:none}
.faq details[open] summary::after{content:"\2212"}
.faq .a{padding:0 0 18px;color:var(--muted);font-size:16px}

/* final CTA */
.final{background:#110f24;color:#cfcbe6;text-align:center;position:relative;overflow:hidden}
.final::before{content:"";position:absolute;left:50%;top:-40%;width:900px;height:900px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(124,58,237,.45),rgba(124,58,237,0));pointer-events:none}
.final .wrap{position:relative}
.final h2{color:#fff;font-size:clamp(32px,4vw,50px);font-weight:900}
.final p{margin:16px auto 0;max-width:56ch;font-size:18px}
.final .row{margin-top:28px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.final .fine{margin-top:16px;font-size:14px;color:#a9a4c8}

/* footer */
footer.site{border-top:1px solid var(--line);padding:30px 0 40px;font-size:14px;color:var(--muted)}
footer.site .in{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between}
footer.site nav{display:flex;flex-wrap:wrap;gap:18px}
footer.site a:hover{color:var(--ink)}
footer.site .legal{width:100%;font-size:12.5px;color:var(--soft)}

/* page head (features, pricing) */
.phero{padding:clamp(56px,7vw,88px) 0 clamp(28px,4vw,40px)}
.phero h1{font-size:clamp(36px,4.4vw,56px);font-weight:900;letter-spacing:-.03em}
.phero .wrap>p{margin-top:16px;max-width:60ch;font-size:19px;color:var(--muted)}
.phero.center .wrap>h1,.phero.center .wrap>p{text-align:center}.phero.center .wrap>p{margin-inline:auto}

/* features page */
.fnav{position:sticky;top:68px;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.fnav .wrap{display:flex;gap:8px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}
.fnav .wrap::-webkit-scrollbar{display:none}
.fnav a{flex:none;font-size:14px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 14px;background:#fff}
.fnav a:hover{color:var(--ink);border-color:var(--ac3)}
.fsec{padding:clamp(48px,6vw,80px) 0;scroll-margin-top:130px}
.fsec:nth-of-type(even){background:var(--bg2)}
.fsec .h{max-width:720px}
.fsec .h small{display:block;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ac7)}
.fsec h2{margin-top:8px;font-size:clamp(28px,3.2vw,40px);font-weight:800}
.fsec .h p{margin-top:12px;font-size:18px;color:var(--muted)}
.fgrid{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 22px 16px}
.fcard h3{font-size:19px;font-weight:800}
.fcard ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px}
.fcard li{position:relative;padding-left:24px;font-size:15.5px;line-height:1.45}
.fcard li::before{content:"";position:absolute;left:0;top:5px;width:15px;height:15px;border-radius:50%;background:var(--ac1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%236d28d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.fcard li b{color:var(--ink)}
@media (max-width:860px){.fgrid{grid-template-columns:1fr}}

/* pricing calculator (ported from the Hebrew landing page, LTR) */
.calc{text-align:left;max-width:720px;margin:28px auto 0;background:#fff;border:1px solid var(--lav);border-radius:18px;box-shadow:0 18px 40px -32px rgba(109,40,217,.35)}
.crow{padding:14px 20px;border-bottom:1px solid var(--line2)}
.steps{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.step{display:flex;align-items:center;gap:10px}
.step .lab{font-weight:800;color:var(--ink);font-size:15px}
.stp{display:inline-flex;align-items:center}
.stp button{width:38px;height:38px;border:1.5px solid var(--lav);border-radius:50%;background:#fff;color:var(--ac7);font-size:20px;font-weight:700;cursor:pointer;font-family:inherit;display:grid;place-items:center;line-height:1}
.stp button:hover{background:var(--ac05)}
.stp button:disabled{opacity:.3;cursor:default;background:#fff}
.stp output{min-width:36px;text-align:center;font-weight:800;font-size:18px;color:var(--ink);font-variant-numeric:tabular-nums}
.uhint{flex-basis:100%;font-size:13px;color:var(--muted);line-height:1.4}
.mh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-top:12px;padding-bottom:8px}
.mh b{font-size:15px;color:var(--ink)}
.mh span{font-size:13px;color:var(--ac7);font-weight:700}
.mods{display:grid}
.mod{display:grid;grid-template-columns:20px 30px minmax(0,1fr) auto;gap:0 12px;align-items:center;text-align:left;width:100%;background:#fff;border:0;border-bottom:1px solid var(--line2);padding:10px 20px;cursor:pointer;font-family:inherit;color:var(--ink);min-height:48px}
.mod:hover{background:var(--ac05)}
.mod:focus-visible{outline-offset:-3px}
.mod .mck{width:20px;height:20px;border-radius:50%;border:2px solid var(--ac3);background:#fff;display:grid;place-items:center}
.mod .mck svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.mod .ic{width:30px;height:30px;border-radius:9px;background:var(--ac05);color:var(--ac7);display:grid;place-items:center}
.mod .ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mod .tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.mod .mn{font-weight:800;font-size:15px;line-height:1.25}
.mod .md{font-size:13px;line-height:1.35;color:var(--muted)}
.mod .mp{font-size:12px;font-weight:800;color:var(--ac7);background:var(--ac05);border:1px solid var(--lav);border-radius:999px;padding:3px 9px;white-space:nowrap;min-width:84px;text-align:center}
.mod .mp:empty{visibility:hidden}
.mod[aria-pressed="true"]{background:var(--ac05)}
.mod[aria-pressed="true"] .mck{border-color:transparent;background:var(--ac7)}
.mod[aria-pressed="true"] .mck svg{opacity:1}
.mod[aria-pressed="true"] .ic{background:var(--ac7);color:#fff}
.mod[aria-pressed="true"] .mp{background:var(--ac7);color:#fff;border-color:transparent}
.mod[aria-pressed="true"] .mp.inc{background:var(--ok)}
.more{border-bottom:1px solid var(--line2);padding:0 20px 4px}
.more summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;font-weight:700;font-size:14.5px;color:var(--ac7)}
.more summary::-webkit-details-marker{display:none}
.more summary::after{content:"+";font-size:22px;color:var(--ac)}
.more[open] summary::after{content:"\2212"}
.baselist{margin:2px 0 10px;padding:0;list-style:none;columns:2;column-gap:20px;font-size:13.5px;color:var(--body)}
.baselist li{break-inside:avoid;padding:3px 0 3px 24px;position:relative;line-height:1.4}
.baselist li::before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:var(--ac1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%236d28d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.rcpt{background:var(--ac05);padding:18px 20px;border-radius:0 0 18px 18px;text-align:center}
.tot{display:flex;flex-direction:column;align-items:center;gap:2px}
.tot b{font-size:40px;font-weight:800;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}
.tot .tl{font-size:13.5px;font-weight:700;color:var(--muted)}
.brk{margin-top:4px;font-size:13px;line-height:1.45;color:var(--muted)}
.save{margin-top:10px;display:inline-block;transform:rotate(-1.5deg);border:2px dashed var(--ok);color:var(--ok);border-radius:10px;padding:7px 11px;font-size:13.5px;font-weight:800;background:rgba(15,118,110,.05)}
.nudge{margin-top:10px;font-size:13.5px;color:var(--ac7);font-weight:600}
.pending{margin-top:8px;font-size:13px;color:var(--part);font-weight:700}
.rcpt .btn{width:100%;margin-top:14px}
.rcpt .fine{margin-top:8px;font-size:13.5px;color:var(--muted)}
@media (max-width:640px){.crow{padding:12px 14px}.mod{padding:9px 14px;grid-template-columns:18px 26px minmax(0,1fr) auto;gap:0 8px}.mod .md{font-size:12px}.mod .mp{min-width:0;font-size:11px;padding:2px 7px}.more{padding:0 14px 4px}.baselist{columns:1}.tot b{font-size:34px}}
.rules{max-width:820px;margin:28px auto 0;display:grid;gap:12px}
.rule{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.rule h3{font-size:17px}
.rule p{margin-top:6px;font-size:15.5px;color:var(--muted)}
.tiers{width:100%;border-collapse:collapse;margin-top:10px;font-size:15px}
.tiers th,.tiers td{padding:9px 10px;border-bottom:1px solid var(--line2);text-align:left}
.tiers td{font-weight:700;color:var(--ac7);text-align:right}
.tiers tr:last-child th,.tiers tr:last-child td{border-bottom:0}

/* 3D column icons (Fluent Emoji 3D, Microsoft, MIT: assets/icons/LICENSE-fluent-emoji.txt). Replaced the flat line icons, 2.10 */
.lic3{flex:none;width:46px;height:46px;filter:drop-shadow(0 6px 10px rgba(20,18,43,.22))}

/* demo request form, on the dark final section */
.final .lead{position:relative;max-width:720px;margin:30px auto 0;text-align:left;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:24px}
.final .lead .lf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.final .lead .lf{display:flex;flex-direction:column;gap:6px}
.final .lead .lf label{font-size:14px;font-weight:700;color:#fff}
.final .lead .req{color:#f9a8d4}
.final .lead .lf input,.final .lead .lf select{font:inherit;font-size:16px;color:var(--ink);background:#fff;border:2px solid transparent;border-radius:12px;min-height:48px;padding:10px 14px;width:100%}
.final .lead .lf input:focus-visible,.final .lead .lf select:focus-visible{outline:3px solid #c4b5fd;outline-offset:1px}
.final .lead .lf input[aria-invalid="true"]{border-color:#f87171}
.final .lead .hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.final .lead .consent{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:13.5px;line-height:1.5;color:#e9e7f5;cursor:pointer}
.final .lead .consent input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:#a78bfa}
.final .lead .consent input[aria-invalid="true"]{outline:2px solid #f87171;outline-offset:2px}
.final .lead p{max-width:none;margin:0}
.final .lead .reqnote{margin-top:10px;font-size:13px;color:#cfcbe6}
.final .lead .btn{width:100%;margin-top:14px}
.final .lead .lnote{margin-top:10px;font-size:15px;color:#fff;min-height:1.4em}
.final .lead .lnote.err{color:#fecaca}
.final .lead a{color:#fff;text-decoration:underline}
.final .lead .legal{margin-top:10px;font-size:12.5px;line-height:1.5;color:#cfcbe6}
.final .lead .thanks{text-align:center;padding:14px 4px}
.final .lead .thanks h3{color:#fff;font-size:24px}
.final .lead .thanks p{margin-top:8px;color:#e9e7f5;font-size:17px}
.final .fine a{color:#fff;text-decoration:underline}
@media (max-width:640px){.final .lead .lf-grid{grid-template-columns:1fr}.final .lead{padding:18px}}

/* legal and policy pages */
.doc{max-width:780px;margin:0 auto;padding:clamp(48px,6vw,80px) 24px clamp(56px,7vw,96px)}
.doc h1{font-size:clamp(34px,4vw,48px);font-weight:900;letter-spacing:-.03em}
.doc .upd{margin-top:10px;font-size:14px;color:var(--muted)}
.doc .lede{margin-top:18px;font-size:18.5px;color:var(--body)}
.doc h2{margin-top:36px;font-size:23px;font-weight:800}
.doc h3{margin-top:22px;font-size:18px;font-weight:800}
.doc p{margin-top:12px}
.doc ul{margin:12px 0 0;padding-left:22px;display:grid;gap:8px}
.doc a{color:var(--ac7);text-decoration:underline;text-underline-offset:2px}
.doc .box{margin-top:18px;padding:16px 18px;border:1px solid var(--lav);background:var(--ac05);border-radius:14px}
.doc dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:12px 0 0}
.doc dt{font-weight:700;color:var(--ink)}
.doc dd{margin:0}
.doc dd{overflow-wrap:anywhere}
@media (max-width:480px){.doc dl{grid-template-columns:1fr;gap:2px}.doc dd{margin-bottom:10px}}
/* "How we checked" under the 14 capabilities, as on the Hebrew landing page */
.how{max-width:820px;margin:22px auto 0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 18px}
.how summary{cursor:pointer;list-style:none;display:flex;justify-content:center;align-items:center;gap:10px;min-height:52px;font-weight:700;font-size:15.5px;color:var(--ink)}
.how summary::-webkit-details-marker{display:none}
.how summary::after{content:"+";font-size:22px;color:var(--ac)}
.how[open] summary::after{content:"\2212"}
.how .a{padding:0 0 16px;font-size:15px;color:var(--muted);line-height:1.6}
.how .a p+p{margin-top:8px}
.how .a a{color:var(--ac7);text-decoration:underline}

/* launch price (2.10): the regular price struck through, the launch line, and the dated terms under the total */
.was{text-decoration:line-through;text-decoration-thickness:2px;color:var(--soft);font-weight:700;margin-right:.25em}
.hero .was,.final .was{color:#a9a4c8}
.launch{margin-top:14px;font-size:16px;color:var(--ink)}
.launch b{color:var(--ac7)}
.phero.center .wrap>p.launch{display:inline-block;max-width:none;margin-top:18px;padding:8px 16px;border-radius:999px;background:var(--ac05);border:1px solid var(--lav);font-size:15px}
.tot .totrow{display:flex;align-items:baseline;justify-content:center;gap:10px}
.tot .totrow .was{font-size:22px}
.rcpt .launchnote{margin-top:8px;font-size:12.5px;line-height:1.45;color:var(--muted)}
.phero.center .wrap{text-align:center}
/* 2.10 (Asaf: "a diagonal line on the 800, and make the 599 stand out in bold purple"): the strike is a drawn diagonal, not text-decoration */
.was{position:relative;display:inline-block;text-decoration:none;color:var(--soft);font-weight:700}
.was::after{content:"";position:absolute;left:-8%;right:-8%;top:52%;height:max(3px,.085em);border-radius:3px;background:linear-gradient(90deg,#c026d3,#db2777);transform:rotate(-16deg);box-shadow:0 1px 0 rgba(255,255,255,.7)}
.pnow{display:inline-block;font-weight:900;font-size:1.14em;line-height:1;background:linear-gradient(100deg,#6d28d9,#9333ea 45%,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 16px rgba(124,58,237,.35));padding-inline:.04em}
.tot b.pnow{font-size:44px;color:transparent;background:linear-gradient(100deg,#6d28d9,#9333ea 45%,#db2777);-webkit-background-clip:text;background-clip:text}
@media (max-width:640px){.tot b.pnow{font-size:38px}}
/* 2.10: what the base includes, as chips under the price */
.perks{list-style:none;margin:16px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.perks li{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--ink);padding:8px 14px;border-radius:999px;background:#fff;border:1.5px solid var(--lav);box-shadow:0 10px 24px -18px rgba(109,40,217,.45)}
.perks li.hot{border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#7c3aed,#c026d3 55%,#db2777) border-box;font-weight:600}
.perks li b{color:var(--ac7)}
.perks .pk{flex:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;display:grid;place-items:center}
.perks .pk svg{width:11px;height:11px}
.tot .incl{margin-top:4px;font-size:13px;font-weight:700;color:var(--ac7)}
.tease .gift{margin-top:10px;font-size:16px;color:var(--ink)}
.tease .gift b{color:var(--ac7)}
@media (max-width:640px){.phero.center .wrap>p.launch{border-radius:16px;padding:10px 14px}}
/* 2.10 (Asaf: "maybe just add here + 2 EXTRA"): a sticker next to the price */
.plus2{display:inline-block;vertical-align:middle;margin-left:.2em;padding:.32em .75em .36em;border-radius:999px;font-size:.36em;font-weight:800;letter-spacing:.01em;line-height:1.1;white-space:nowrap;color:#fff;background:linear-gradient(100deg,#6d28d9,#9333ea 50%,#db2777);transform:rotate(-4deg) translateY(-.15em);box-shadow:0 10px 24px -10px rgba(147,51,234,.7),inset 0 1px 0 rgba(255,255,255,.35)}
@media (max-width:640px){.plus2{font-size:.5em;margin:.25em 0 .1em}}
/* 2.10: the call to action in the departments header */
.mh .choose{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:800;color:#fff;background:linear-gradient(100deg,#6d28d9,#9333ea 50%,#db2777);box-shadow:0 10px 22px -10px rgba(147,51,234,.7),inset 0 1px 0 rgba(255,255,255,.3)}
.mh .choose .arr{width:15px;height:15px;animation:nudge 1.2s ease-in-out infinite}
@keyframes nudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
.mh .choose.done{background:var(--ok);box-shadow:none}
.mh .choose.done .arr{display:none}
@media (prefers-reduced-motion:reduce){.mh .choose .arr{animation:none}}
@media (max-width:640px){.mh .choose{margin-left:0;font-size:12.5px;padding:6px 12px}}
.mh .choose span{color:inherit;font-size:inherit;font-weight:inherit}
/* 2.10: everything in the base, one card per area of the product */
.base .bnote{max-width:720px;margin:20px auto 0;padding:12px 18px;border-radius:14px;background:#fff;border:1.5px solid var(--lav);text-align:center;font-size:16px;color:var(--ink)}
.base .bnote b{color:var(--ac7)}
.bgrid{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bcard{background:#fff;border:1px solid var(--lav);border-radius:18px;padding:18px 20px 12px;box-shadow:0 18px 44px -30px rgba(109,40,217,.45)}
.bcard h3{display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:18px;font-weight:800;color:var(--ink)}
.bcard h3 img{flex:none;width:44px;height:44px;filter:drop-shadow(0 6px 10px rgba(20,18,43,.22))}
.bcard ul{list-style:none;margin:6px 0 0;padding:0}
.bcard li{position:relative;padding:6px 0 6px 26px;font-size:15px;line-height:1.4;color:var(--body)}
.bcard li::before{content:"";position:absolute;left:0;top:8px;width:17px;height:17px;border-radius:50%;background:var(--ac1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%236d28d9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/17px no-repeat}
@media (max-width:960px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bcard:last-child{grid-column:span 2}}
@media (max-width:640px){.bgrid{grid-template-columns:1fr}.bcard:last-child{grid-column:auto}}
.morelink{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;font-weight:700;font-size:15px;color:var(--ac7);border-bottom:1px solid var(--line2)}
.morelink:hover{background:var(--ac05)}
.morelink svg{width:16px;height:16px}
.tease .tsh{margin:0 0 12px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ac7)}
.tease .alllink{display:inline-block;margin-top:16px;font-weight:700;color:var(--ac7);border-bottom:1.5px solid var(--ac3)}
.tease .alllink:hover{border-color:var(--ac7)}
