/* IBM Plex Sans Hebrew (text) + IBM Plex Mono (data). Self-hosted, subset per script.
   Deliberately NOT Assistant, which is the srvit.co.il face - the family resemblance
   stays in the colours and the layout, not in the letterforms. */
@font-face{font-family:"Plex Hebrew";font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/plex-sans-hebrew-hebrew-400.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Plex Hebrew";font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/plex-sans-hebrew-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Hebrew";font-style:normal;font-weight:500;font-display:swap;src:url(./fonts/plex-sans-hebrew-hebrew-500.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Plex Hebrew";font-style:normal;font-weight:500;font-display:swap;src:url(./fonts/plex-sans-hebrew-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Hebrew";font-style:normal;font-weight:600;font-display:swap;src:url(./fonts/plex-sans-hebrew-hebrew-600.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Plex Hebrew";font-style:normal;font-weight:600;font-display:swap;src:url(./fonts/plex-sans-hebrew-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Hebrew";font-style:normal;font-weight:700;font-display:swap;src:url(./fonts/plex-sans-hebrew-hebrew-700.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Plex Hebrew";font-style:normal;font-weight:700;font-display:swap;src:url(./fonts/plex-sans-hebrew-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/plex-mono-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(./fonts/plex-mono-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(./fonts/plex-mono-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Plex Mono has no Hebrew. Without these faces every Hebrew word inside a mono element (kickers, labels, states) fell back to whatever monospace Hebrew the OS had - ugly and different on every machine. Hebrew glyphs in "Plex Mono" now come from Plex Sans Hebrew; Latin and digits stay mono. */
@font-face{font-family:"Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(./fonts/plex-sans-hebrew-hebrew-400.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(./fonts/plex-sans-hebrew-hebrew-500.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(./fonts/plex-sans-hebrew-hebrew-600.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Plex Mono";font-style:normal;font-weight:700;font-display:swap;src:url(./fonts/plex-sans-hebrew-hebrew-700.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
:root{
  --bg:#f6f8fb;--surface:#ffffff;--surface2:#eef2f8;--ink:#0f1520;--muted:#54607a;--faint:#5c6b85;--line:#e4e8f0;
  --accent:#1D5377;--accent-ink:#1D5377;--accent-btn:#1D5377;--ok:#137a3c;
  --console:#0f1622;--console-ink:#dfe7f2;--console-line:#223049;
  --sans:"Plex Hebrew",system-ui,-apple-system,"Segoe UI","Noto Sans Hebrew",sans-serif;
  --mono:"Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--btn:var(--accent-btn);
  --shadow:0 1px 2px rgba(16,26,45,.04),0 8px 30px rgba(16,26,45,.06);
}
@media(prefers-color-scheme:dark){:root{--bg:#0b0e15;--surface:#131a25;--surface2:#1a2331;--ink:#e9eef6;--muted:#98a2b5;--faint:#8b98ad;--line:#232d3d;--accent:#3C93C4;--accent-ink:#4AA3D4;--accent-btn:#2F7CA8;--ok:#34d399;--console:#0a0f18;--console-ink:#dfe7f2;--console-line:#1d2a40;--shadow:0 1px 2px rgba(0,0,0,.3),0 12px 40px rgba(0,0,0,.35)}}
:root[data-theme="light"]{--bg:#f6f8fb;--surface:#fff;--surface2:#eef2f8;--ink:#0f1520;--muted:#54607a;--faint:#5c6b85;--line:#e4e8f0;--accent:#1D5377;--accent-ink:#1D5377;--accent-btn:#1D5377;--ok:#137a3c;--console:#0f1622;--console-ink:#dfe7f2;--console-line:#223049}
:root[data-theme="dark"]{--bg:#0b0e15;--surface:#131a25;--surface2:#1a2331;--ink:#e9eef6;--muted:#98a2b5;--faint:#8b98ad;--line:#232d3d;--accent:#3C93C4;--accent-ink:#4AA3D4;--accent-btn:#2F7CA8;--ok:#34d399;--console:#0a0f18;--console-ink:#dfe7f2;--console-line:#1d2a40}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.7;direction:rtl;-webkit-font-smoothing:antialiased;font-size:17px;overflow-x:hidden}
.draft{position:fixed;bottom:12px;inset-inline-start:10px;z-index:60;background:var(--accent);color:#fff;font-family:var(--mono);font-size:11px;padding:5px 11px;border-radius:20px;letter-spacing:.04em;opacity:.92}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.narrow{max-width:720px;margin:0 auto}
.nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:18px;padding:13px 24px}
.logo{font-weight:700;font-size:19px}.logo b{color:var(--accent)}
.nav .links{display:flex;gap:22px;margin-inline-start:8px}
.nav .links a{color:var(--muted);text-decoration:none;font-size:14.5px}.nav .links a:hover{color:var(--ink)}
.nav .links a.nav-support{color:var(--accent-ink);font-weight:600;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:8px;padding:5px 13px}.nav .links a.nav-support:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.nav .sp{margin-inline-start:auto;display:flex;gap:12px;align-items:center}
/* Theme switch: names the state it switches TO. Both halves are in the DOM and
   CSS shows one, so the right label is correct before first paint, with no JS. */
.toggle{display:inline-flex;align-items:center;background:none;border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:6px 12px;font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;line-height:1.2;white-space:nowrap}
.toggle .t-dark,.toggle .t-light{align-items:center;gap:7px}
.toggle svg{flex:none;display:block}
.toggle .t-dark{display:inline-flex}.toggle .t-light{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .toggle .t-dark{display:none}:root:not([data-theme="light"]) .toggle .t-light{display:inline-flex}}
:root[data-theme="dark"] .toggle .t-dark{display:none}:root[data-theme="dark"] .toggle .t-light{display:inline-flex}
:root[data-theme="light"] .toggle .t-dark{display:inline-flex}:root[data-theme="light"] .toggle .t-light{display:none}
@media(max-width:600px){.toggle{padding:7px 9px}.toggle .t-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
.toggle:hover{color:var(--ink);border-color:var(--accent)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--btn);color:#fff;text-decoration:none;font-weight:600;padding:11px 20px;border-radius:9px;font-size:15px;border:none;cursor:pointer;white-space:nowrap}
.btn:hover{filter:brightness(1.07)}
.btn.ghost{background:none;color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line))}
.btn.lg{color:#fff;padding:15px 30px;font-size:16.5px;border-radius:10px}
@media(max-width:820px){.nav .links{display:none}}
.hero{padding:64px 0 32px}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
@media(max-width:900px){.hero .grid{grid-template-columns:1fr;gap:36px}}
.eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.13em;color:var(--accent-ink);margin-bottom:18px}
h1{font-size:clamp(31px,5.4vw,50px);line-height:1.1;font-weight:700;letter-spacing:-.018em;margin:0 0 18px;text-wrap:balance}
.hero .sub{font-size:19px;color:var(--muted);max-width:56ch;margin:0 0 28px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.tel{color:var(--muted);text-decoration:none;font-size:15px;font-family:var(--mono)}.tel b{color:var(--ink)}
/* support ticket device */
.ticket{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:var(--shadow);overflow:hidden}
.tkhead{display:flex;align-items:center;gap:10px;padding:14px 16px 12px}
.tkid{font-family:var(--mono);font-size:13px;color:var(--muted)}
.tkstate{margin-inline-start:auto;font-family:var(--mono);font-size:12px;color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 40%,var(--line));background:color-mix(in srgb,var(--ok) 10%,transparent);border-radius:20px;padding:4px 11px}
.tksubj{padding:0 16px 14px;font-weight:600;font-size:16px;border-bottom:1px solid var(--line)}
.tklog{padding:6px 16px 4px}
.logln{display:flex;gap:12px;align-items:baseline;padding:9px 0;font-size:14.5px;color:var(--muted)}
.logln .t{font-family:var(--mono);font-size:12px;color:var(--faint);flex:none;width:42px}
.logln.act{color:var(--ink)}
.logln.act .t{color:var(--accent-ink)}
.logln.done{color:var(--ink);font-weight:600}
.lg.done .t{color:var(--ok)}
.cur{display:inline-block;width:8px;height:14px;background:var(--accent);margin-inline-start:2px;vertical-align:-2px;animation:blink 1.1s step-end infinite}
@keyframes blink{50%{opacity:0}}
.tkfoot{margin:6px 16px 12px;padding-top:12px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}
.pulse{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:pulse 2.4s infinite;flex:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 7px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.tkfoot b{color:var(--ink)}
.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
.proof .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
@media(max-width:720px){.proof .wrap{grid-template-columns:repeat(2,1fr)}}
.proof .c{padding:28px 22px;text-align:center;border-inline-start:1px solid var(--line)}
.proof .c:first-child{border-inline-start:none}
@media(max-width:720px){.proof .c:nth-child(odd){border-inline-start:none}.proof .c:nth-child(n+3){border-top:1px solid var(--line)}}
.proof .n{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1}
.proof .n small{font-size:16px;font-weight:700;color:var(--accent-ink)}
.proof .l{color:var(--muted);font-size:13.5px;margin-top:7px}
section.blk{padding:88px 0}
.sec-head{max-width:60ch}
.sec-head .k{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--accent-ink);margin-bottom:14px}
h2{font-size:clamp(23px,3.6vw,32px);font-weight:700;margin:0 0 16px;letter-spacing:-.01em;text-wrap:balance}
.sec-head p{color:var(--muted);font-size:17.5px;margin:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
@media(max-width:620px){.grid2{grid-template-columns:1fr}}
.icard{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.icard .t{font-weight:600;margin-bottom:3px;display:flex;align-items:center;gap:9px}
.icard .t::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--accent);transform:rotate(45deg);flex:none}
.icard .d{color:var(--muted);font-size:15px}
.why{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.points{display:grid;grid-template-columns:1fr 1fr;gap:2px 40px;margin-top:26px}
@media(max-width:640px){.points{grid-template-columns:1fr}}
.points li{list-style:none;padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:13px;align-items:baseline}
.points .k{color:var(--accent-ink);font-family:var(--mono);font-size:13px;flex:none}
.points .v b{font-weight:600}.points .v{color:var(--ink)}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:32px;counter-reset:s}
@media(max-width:820px){.flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.flow{grid-template-columns:1fr}}
.fstep{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:20px 18px}
.fstep .n{counter-increment:s;font-family:var(--mono);color:var(--accent-ink);font-weight:700;font-size:13px}
.fstep .n::before{content:"0" counter(s)}
.fstep b{display:block;margin:8px 0 4px;font-weight:600;font-size:16px}
.fstep p{margin:0;color:var(--muted);font-size:14.5px}
.contact{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 6%,transparent))}
.formcard{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:38px 34px;margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
@media(max-width:640px){.formcard{grid-template-columns:1fr;padding:28px 22px}}
.formcard .full{grid-column:1/-1}
label{display:block;font-size:13.5px;color:var(--muted);margin-bottom:6px}
input,textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--ink);font-family:inherit;font-size:16px}
input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.formcard .sub{grid-column:1/-1;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.formcard .note{color:var(--faint);font-size:13px}
.thanks{grid-column:1/-1;display:none;background:color-mix(in srgb,var(--ok) 12%,transparent);border:1px solid color-mix(in srgb,var(--ok) 40%,var(--line));color:var(--ink);border-radius:10px;padding:14px 16px;font-size:15px}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.pulse{animation:none}.cur{animation:none}html{scroll-behavior:auto}}
footer{border-top:1px solid var(--line);padding:30px 0 64px;color:var(--faint);font-size:13.5px;text-align:center}
footer a{color:var(--muted)}

.logo{display:inline-flex;align-items:center;gap:9px}
.logo img{height:34px;width:auto;display:block}
.logo .ld{display:none}
@media(prefers-color-scheme:dark){.logo .ll{display:none}.logo .ld{display:block}}
:root[data-theme="dark"] .logo .ll{display:none!important}
:root[data-theme="dark"] .logo .ld{display:block!important}
:root[data-theme="light"] .logo .ll{display:block!important}
:root[data-theme="light"] .logo .ld{display:none!important}
.flogo{display:flex;justify-content:center;margin-bottom:12px}
.flogo img{height:34px;width:auto}
.flogo .ld{display:none}
@media(prefers-color-scheme:dark){.flogo .ll{display:none}.flogo .ld{display:block}}
:root[data-theme="dark"] .flogo .ll{display:none!important}
:root[data-theme="dark"] .flogo .ld{display:block!important}
:root[data-theme="light"] .flogo .ll{display:block!important}
:root[data-theme="light"] .flogo .ld{display:none!important}

.nav .links{display:flex;gap:20px;align-items:center;margin-inline-start:6px}
.links>a,.drop>button{color:var(--muted);text-decoration:none;font-size:15px;background:none;border:none;font-family:inherit;cursor:pointer;padding:6px 2px}
.links>a:hover,.drop>button:hover{color:var(--ink)}
.drop{position:relative}
.drop>button::after{content:" ▾";font-size:12px;color:var(--accent-ink)}
.menu{position:absolute;top:100%;inset-inline-start:0;margin-top:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;min-width:250px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.15s;z-index:45}
.drop:hover .menu,.drop:focus-within .menu{opacity:1;visibility:visible;transform:none}
.menu a{display:block;padding:10px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14.5px}
.menu a:hover{background:var(--surface2);color:var(--accent-ink)}
.menu a small{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:18px;padding:6px 11px;cursor:pointer}
@media(max-width:860px){
  .nav .links{position:fixed;inset:60px 0 auto 0;flex-direction:column;align-items:stretch;background:var(--bg);border-bottom:1px solid var(--line);padding:14px 24px;gap:6px;display:none;max-height:calc(100dvh - 60px);overflow:auto}
  .nav .links.open{display:flex}
  .drop{position:static}.menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:4px 0 4px 10px;min-width:0}
  .drop>button{text-align:start;width:100%}
  .burger{display:inline-block}
}
footer.site{border-top:1px solid var(--line);background:var(--surface);padding:44px 0 40px;margin-top:10px;text-align:start}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
@media(max-width:720px){.fgrid{grid-template-columns:1fr 1fr}.fgrid>*:first-child{grid-column:1/-1}}
@media(max-width:360px){.fgrid{grid-template-columns:1fr}}
.fgrid .fh{font-size:13px;font-family:var(--mono);letter-spacing:.08em;color:var(--faint);margin:0 0 12px;font-weight:600}
.fgrid a{display:block;color:var(--muted);text-decoration:none;font-size:14.5px;padding:4px 0}.fgrid a:hover{color:var(--ink)}
.fgrid p{color:var(--muted);font-size:14px;margin:0 0 8px;max-width:34ch}
.fbar{border-top:1px solid var(--line);margin-top:34px;padding-top:20px;color:var(--faint);font-size:13px;display:flex;flex-wrap:wrap;gap:8px 18px}

.skip{position:absolute;inset-inline-start:-9999px;top:0;background:var(--accent);color:#fff;padding:10px 18px;border-radius:0 0 10px 10px;z-index:100;text-decoration:none;font-weight:600}
.skip:focus{inset-inline-start:12px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.formcard .privacy{grid-column:1/-1;font-size:12.5px;color:var(--faint);margin-top:2px}
.formcard .privacy a{color:var(--muted)}

/* a11y contrast fixes (WCAG AA, computed) */
.btn,.btn:visited{color:#fff}
.btn .cur{background:#fff}
.btn.ghost{color:var(--accent-ink)}
.console .foot,.console .bar span,.logline .dim{color:#8b98ad}

.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:
 radial-gradient(circle 190px at 12% 20%,transparent 118px,color-mix(in srgb,var(--accent) 8%,transparent) 119px,transparent 121px),
 radial-gradient(circle 190px at 12% 20%,transparent 158px,color-mix(in srgb,var(--accent) 6%,transparent) 159px,transparent 161px),
 radial-gradient(circle 190px at 12% 20%,transparent 188px,color-mix(in srgb,var(--accent) 4%,transparent) 189px,transparent 191px),
 radial-gradient(560px 300px at 82% 8%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%);pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--accent) 16%,transparent) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(115deg,rgba(0,0,0,.5),transparent 55%);pointer-events:none}
.hero .wrap{position:relative;z-index:1}

.icard .ic{width:calc(100% + 40px);margin:-18px -20px 14px;height:88px;border-radius:12px 12px 0 0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));color:var(--accent-ink);display:flex;align-items:center;justify-content:center}
.icard .ic svg{width:34px;height:34px;display:block;stroke-width:1.5}
.icard .t::before{display:none}

.icard{box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.icard:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}

.statrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:13px 18px;display:flex;align-items:center;gap:10px;font-size:14.5px;box-shadow:var(--shadow)}
.stat b{font-weight:700}
.stat .st{font-family:var(--mono);font-size:12px;color:var(--ok)}

@media(max-width:640px){
 section.blk{padding:62px 0}
 .hero{padding:56px 0 44px}
 h1{font-size:clamp(27px,7.5vw,34px)}
 .hero .sub{font-size:16.5px}
 .icard .ic{height:60px;margin-bottom:12px}
 .icard .ic svg{width:26px;height:26px}
 .proof .c{padding:22px 12px}
 .proof .n{font-size:22px}
 .sec-head p{font-size:16px}
 .formcard{padding:24px 18px}
 .btn.lg{color:#fff;padding:13px 22px;font-size:15.5px;width:100%;justify-content:center}
 .cta-row{gap:10px}
}

@media(max-height:520px){
 .hero{padding:40px 0 32px}
 section.blk{padding:48px 0}
 .gains{padding:42px 0 36px}
 .pricecut .wrap{padding:26px 20px}
 .proof .c{padding:18px 12px}
}

@media(max-width:640px){
 .fstep{display:flex;align-items:flex-start;gap:12px;padding:14px 16px}
 .fstep .n{flex:none;padding-top:2px}
 .fstep b{margin:0 0 2px}
 .commit{gap:10px}
 .ccard{padding:16px 18px}
 .fgrid{gap:22px}
 footer.site{padding:32px 0 28px}
 .fbar{margin-top:24px;padding-top:16px}
 .points li{padding:13px 0}
}

@media(max-width:640px){
 footer.site{padding:26px 0 22px}
 .fgrid{gap:22px 16px}
 .fgrid .fh{margin:0 0 6px}
 .fgrid > div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
 .fgrid a{font-size:13.5px;padding:3px 0}
 .fgrid p{font-size:13px;margin:0 0 6px}
 .fgrid .logo img{height:24px}
 .fbar{margin-top:18px;padding-top:14px;font-size:12px;gap:6px 12px}
}

@media(max-width:860px){
 .nav .sp .btn{display:none}
}
@media(max-width:640px){
 .fstep{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:start;padding:14px 16px}
 .fstep .n{grid-column:1;grid-row:1;padding-top:3px}
 .fstep b{grid-column:2;grid-row:1;margin:0}
 .fstep p{grid-column:2;grid-row:2;margin:0}
}
.hero-art{display:block;max-width:330px;width:70%;margin:30px auto 0}

a.icard{display:block;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
a.icard:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-2px)}
.tl{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}.tl:hover{color:var(--ink)}