:root{--bg:#0E1522;--s:#151E2D;--s2:#1A2435;--l:#33445E;--g:#222C3D;--fg:#DCE3EC;--mu:#98A4B6;--ac:#7FA3D6;--ac2:#4F7CC0;--up:#4FAE88;--dn:#D97A72;
--f:'IBM Plex Sans',system-ui,-apple-system,"Segoe UI",sans-serif;--m:'IBM Plex Mono',ui-monospace,Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--f)}
a{color:var(--ac)}img{max-width:100%;display:block}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,4vw);
background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--g);backdrop-filter:blur(6px)}
.brand{display:flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none;font-weight:700;font-size:18px}.brand img{width:30px;height:30px;border-radius:7px}
.top nav{display:flex;gap:6px;align-items:center}.top nav a{color:var(--mu);text-decoration:none;font-size:14px;font-weight:600;padding:6px 10px;border-radius:8px}
.top nav a.cta{background:var(--ac);color:var(--bg)}
main{max-width:1120px;margin:0 auto;padding:0 max(16px,4vw)}main.narrow{max-width:520px;padding-top:40px;padding-bottom:40px}
footer{text-align:center;color:var(--mu);font-size:13px;padding:30px 16px 40px;border-top:1px solid var(--g);margin-top:40px}footer a{color:var(--mu)}
.card{background:var(--s);border:1px solid var(--l);border-radius:16px;padding:22px}
.card h1{font-size:24px;margin:0 0 10px}.card h2{font-size:17px;margin:0 0 12px}
label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--mu);font-weight:600;margin-bottom:12px}
input{font:16px var(--f);padding:12px;border-radius:10px;border:1px solid var(--l);background:var(--bg);color:var(--fg)}
button,.btn{font:700 15px var(--f);border-radius:10px;border:1px solid var(--l);background:var(--s2);color:var(--fg);padding:12px 18px;cursor:pointer;
text-decoration:none;display:inline-block;min-height:46px}
.primary{background:var(--ac);border-color:var(--ac);color:var(--bg)}.muted{color:var(--mu);font-size:14px}.err{color:var(--dn);font-weight:600}.ok{color:var(--up);font-weight:600}
form.inl{display:flex;gap:6px;flex-wrap:wrap}form.inl button{padding:7px 12px;min-height:36px;font-size:13px}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.tiles div{background:var(--s);border:1px solid var(--l);border-radius:12px;padding:12px}
.tiles span{display:block;color:var(--mu);font-size:13px}.tiles b{font:700 24px var(--m)}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:10px 8px;border-top:1px solid var(--g);text-align:left;vertical-align:top}th{color:var(--mu);border-top:0}
main:not(.narrow) .card{margin:18px 0}
/* landing */
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center;padding:64px 0 40px}
.hero h1{font-size:clamp(34px,4.6vw,54px);line-height:1.08;margin:0 0 16px;letter-spacing:-.5px}.hero h1 em{font-style:normal;color:var(--ac)}
.hero p.lead{font-size:18px;color:var(--mu);margin:0 0 24px;max-width:560px}.hero .shot{border-radius:14px;border:1px solid var(--l);box-shadow:0 30px 80px -30px #000}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pills span{border:1px solid var(--l);border-radius:999px;padding:4px 12px;font-size:13px;color:var(--mu)}
section{padding:44px 0}section h2{font-size:clamp(26px,3vw,34px);margin:0 0 8px}section .sub{color:var(--mu);margin:0 0 26px;max-width:720px}
.feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feat{background:var(--s);border:1px solid var(--g);border-radius:14px;padding:18px}
.feat b{display:block;font-size:16px;margin-bottom:6px}.feat p{margin:0;color:var(--mu);font-size:14px}.feat i{font-style:normal;font-size:22px;display:block;margin-bottom:8px}
.gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gal figure{margin:0;background:var(--s);border:1px solid var(--g);border-radius:14px;overflow:hidden}
.gal figcaption{padding:10px 14px;color:var(--mu);font-size:14px}.gal .phones{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:var(--s2)}
.gal .phones img{border-radius:14px;border:1px solid var(--l)}
video{width:100%;border-radius:14px;border:1px solid var(--l);background:#000}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:s}.steps div{background:var(--s);border:1px solid var(--g);border-radius:14px;padding:16px;counter-increment:s}
.steps div::before{content:counter(s);display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--ac);color:var(--bg);font-weight:700;align-items:center;justify-content:center;margin-bottom:8px}
.steps b{display:block}.steps p{margin:4px 0 0;color:var(--mu);font-size:14px}
.signup{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.signup .card{padding:26px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.note{border-left:3px solid var(--ac);padding:10px 14px;background:var(--s);border-radius:0;color:var(--mu);font-size:14px}
p.quote{margin:22px 0 0;padding:14px 18px;border-left:3px solid var(--ac);background:var(--s);border-radius:0 12px 12px 0;color:var(--fg);font-size:17px}
.about{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}.about p{color:var(--mu);margin:0 0 14px}.about p b{color:var(--fg)}
.mission span{display:block;color:var(--ac);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}
.mission b{display:block;font-size:22px;line-height:1.35;margin-bottom:16px}
@media(max-width:900px){.about{grid-template-columns:1fr}}
h3.h3{font-size:20px;margin:34px 0 14px}.feat em{font-style:normal;color:var(--fg);font-weight:600}
.steps.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.faq details{background:var(--s);border:1px solid var(--g);border-radius:12px;margin:0 0 10px;padding:0 16px}
.faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none}.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:'+';display:inline-block;width:20px;color:var(--ac);font-weight:700}.faq details[open] summary::before{content:'–'}
.faq p{margin:0 0 14px;color:var(--mu);font-size:15px}
footer .risk{max-width:820px;margin:0 auto 12px;font-size:12px;line-height:1.5}
@media(max-width:900px){.steps.five{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.hero,.signup{grid-template-columns:1fr}.hero{padding-top:34px}.feats{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.tiles{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.feats,.gal,.steps{grid-template-columns:1fr}.top nav a:not(.cta){display:none}.hero p.lead{font-size:16px}section{padding:30px 0}}

/* ---- 24 Oct 2026 design polish ---- */
body{background:radial-gradient(1200px 600px at 75% -10%,rgba(79,124,192,.18),transparent 60%),radial-gradient(900px 500px at -10% 20%,rgba(34,176,125,.10),transparent 60%),var(--bg);background-attachment:fixed}
.top{background:color-mix(in srgb,var(--bg) 80%,transparent)}.brand img{width:34px;height:34px;border-radius:9px}
.top nav a:not(.cta):hover{color:var(--fg);background:var(--s)}.top nav a.cta:hover{filter:brightness(1.08)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 40%,transparent);background:color-mix(in srgb,var(--ac) 10%,transparent);padding:5px 12px;border-radius:999px;margin-bottom:18px}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 0 4px color-mix(in srgb,var(--up) 25%,transparent)}
.hero h1 em{background:linear-gradient(90deg,#5B9DFF,#4FD1A1);-webkit-background-clip:text;background-clip:text;color:transparent}
.shotwrap{position:relative}.shotwrap::before{content:'';position:absolute;inset:-18px;border-radius:24px;background:radial-gradient(closest-side,rgba(91,157,255,.28),transparent);z-index:-1;filter:blur(10px)}
.btn{transition:transform .15s,filter .15s,border-color .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{box-shadow:0 10px 30px -12px rgba(127,163,214,.8)}
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 10px;padding:18px;border:1px solid var(--g);border-radius:16px;background:color-mix(in srgb,var(--s) 70%,transparent)}
.trust div{padding:4px 10px;border-left:2px solid color-mix(in srgb,var(--ac) 50%,transparent)}.trust b{display:block;font:700 22px var(--m);color:var(--fg)}.trust span{color:var(--mu);font-size:13px}
section.alt{position:relative}section.alt::before{content:'';position:absolute;inset:0 calc(50% - 50vw);background:color-mix(in srgb,var(--s) 45%,transparent);border-top:1px solid var(--g);border-bottom:1px solid var(--g);z-index:-1}
section h2{letter-spacing:-.3px}
.feat{transition:transform .2s,border-color .2s}.feat:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ac) 45%,var(--g))}
.feat i.ic{display:inline-flex;width:42px;height:42px;border-radius:12px;align-items:center;justify-content:center;color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,transparent);margin-bottom:12px}
.feat i.ic svg{width:22px;height:22px}
.steps div::before{background:linear-gradient(135deg,#5B9DFF,#22B07D);color:#fff}
.gal figure{transition:transform .2s}.gal figure:hover{transform:translateY(-3px)}.gal img{transition:transform .4s}.gal figure:hover img{transform:scale(1.02)}
.band{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:40px 0 0;padding:26px 30px;border-radius:18px;
  background:linear-gradient(120deg,color-mix(in srgb,#4F7CC0 30%,var(--s)),color-mix(in srgb,#22B07D 22%,var(--s)));border:1px solid var(--l)}
.band b{display:block;font-size:22px}.band span{color:var(--mu)}
.signup .card{box-shadow:0 30px 70px -40px #000}
input:focus{outline:2px solid color-mix(in srgb,var(--ac) 60%,transparent);outline-offset:1px;border-color:var(--ac)}
@media(max-width:900px){.trust{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.band{flex-direction:column;align-items:flex-start}.trust b{font-size:19px}}