/* LeadSnap public website. Dark sticky header, full-width hero, tinted and coloured bands, card sections, pricing, FAQ, contact. */
:root { --navy:#071f54; --navy-2:#0b2d73; --teal:#00b5ad; --teal-d:#00827c; --ink:#0f1b33; --mute:#5b6b85; --line:#e3e9f3; --soft:#f4f8fb; --tint:#e9f7f6; --card:#fff; --r:18px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:84px; }
body.site { margin:0; font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--ink); background:#fff; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
.site a { color:inherit; text-decoration:none; }
.site img { max-width:100%; }
.wrap { width:min(1240px, 100% - 40px); margin-inline:auto; }
.wrap.narrow { width:min(860px, 100% - 40px); }
@media (min-width:1025px) { .wrap { width:87%; } .wrap.narrow { width:min(860px, 87%); } }

/* buttons */
.sbtn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 24px; border-radius:999px; font:inherit; font-weight:700; font-size:15px; border:1.5px solid transparent; cursor:pointer; transition:transform .12s, box-shadow .15s, background .15s, border-color .15s, color .15s; white-space:nowrap; }
.sbtn:hover { transform:translateY(-1px); }
.sbtn.pri { background:var(--teal-d); color:#fff; box-shadow:0 8px 20px rgba(0,130,124,.3); } .sbtn.pri:hover { background:#007069; }
.sbtn.white { background:#fff; color:var(--teal-d); } .sbtn.white:hover { box-shadow:0 8px 24px rgba(255,255,255,.25); }
.sbtn.ghost { background:#fff; border-color:var(--line); color:var(--ink); } .sbtn.ghost:hover { border-color:var(--teal); color:var(--teal-d); }
.sbtn.outline { border-color:rgba(255,255,255,.55); color:#fff; } .sbtn.outline:hover { background:rgba(255,255,255,.1); }
.sbtn.outline-d { border-color:var(--teal-d); color:var(--teal-d); background:transparent; } .sbtn.outline-d:hover { background:var(--tint); }
.sbtn.lg { padding:15px 30px; font-size:16.5px; }
.cta { display:flex; gap:12px; flex-wrap:wrap; } .cta.center { justify-content:center; margin-top:44px; }

/* header: dark, sticky, pill call-to-action */
.sh { position:sticky; top:0; z-index:60; background:rgba(8,20,47,.92); backdrop-filter:saturate(1.4) blur(12px); color:#fff; }
.sh .wrap { display:flex; align-items:center; gap:24px; height:76px; }
.sh .logo img { height:34px; width:auto; display:block; }
.sh .menu { display:flex; align-items:center; gap:26px; margin-left:auto; }
.sh nav { display:flex; gap:26px; font-weight:650; font-size:15px; }
.sh nav a { padding:6px 0; border-bottom:2px solid transparent; color:#dbe5f7; } .sh nav a:hover { color:#fff; border-color:var(--teal); }
.sh .acts { display:flex; gap:10px; align-items:center; }
.sh .sbtn.ghost { background:transparent; border-color:rgba(255,255,255,.35); color:#fff; } .sh .sbtn.ghost:hover { border-color:#fff; color:#fff; }
.sh .burger { display:none; margin-left:auto; width:44px; height:44px; border:1px solid rgba(255,255,255,.3); border-radius:12px; background:transparent; cursor:pointer; }
.sh .burger span, .sh .burger span::before, .sh .burger span::after { display:block; width:18px; height:2px; background:#fff; border-radius:2px; position:relative; margin:auto; content:""; }
.sh .burger span::before { position:absolute; top:-6px; left:0; } .sh .burger span::after { position:absolute; top:6px; left:0; }

/* hero: full width, blurred colour shapes, centred headline */
.hero { position:relative; overflow:hidden; color:#fff; text-align:center; background:linear-gradient(160deg,#06214f 0%,#08336b 45%,#00605c 100%); margin-top:-76px; padding-top:76px; }
.hero .blob { position:absolute; border-radius:50%; filter:blur(70px); opacity:.55; pointer-events:none; }
.hero .b1 { width:520px; height:520px; background:#00b5ad; left:-120px; top:-60px; } .hero .b2 { width:460px; height:460px; background:#3a6df0; right:-80px; top:60px; } .hero .b3 { width:380px; height:380px; background:#00d4a4; right:28%; bottom:-180px; opacity:.4; }
.hero-in { position:relative; padding:92px 0 80px; max-width:960px; }
.hero h1 { font-size:clamp(34px, 5.4vw, 62px); line-height:1.08; letter-spacing:-.03em; margin:0 0 20px; font-weight:800; }
.hero h1 span { color:#6ff0e8; }
.hero-tag { display:inline-block; margin:0 0 18px; padding:7px 16px; border-radius:999px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.25); color:#bff8f4; font-weight:800; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
.hero .lead { font-size:clamp(16px, 1.6vw, 19px); color:#d5e2f7; max-width:720px; margin:0 auto 30px; }
.hero .cta { justify-content:center; } .hero .note { margin:16px 0 0; color:#b4c8ea; font-size:14px; }
.channels { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:44px auto 0; padding:14px; border-radius:999px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); backdrop-filter:blur(8px); max-width:1000px; }
.channels .ch { display:flex; align-items:center; justify-content:center; gap:10px; padding:14px 12px; border-radius:14px; background:rgba(255,255,255,.12); font-weight:700; font-size:15.5px; text-align:center; white-space:nowrap; }
.channels svg { flex:none; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

/* industry strip */
.strip { background:#fff; padding:34px 0 10px; text-align:center; overflow:hidden; }
.strip .track { display:flex; gap:56px; width:max-content; animation:slide 40s linear infinite; font-size:23px; font-weight:800; letter-spacing:-.01em; color:#b3bdd0; }
.strip .track span { white-space:nowrap; }
.strip p { color:var(--mute); margin:22px 0 22px; }
@keyframes slide { to { transform:translateX(-50%); } }

/* tinted two-column */
.tint { background:linear-gradient(180deg,var(--tint),#f4fbfa); padding:80px 0; }
.two { display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }
.tint h2 { font-size:clamp(28px, 3.4vw, 40px); line-height:1.15; letter-spacing:-.02em; margin:0 0 16px; font-weight:800; color:#0c3a37; }
.tint p { color:#35514f; font-size:17px; margin:0 0 14px; } .tint .cta { margin-top:24px; }
.vis { position:relative; }
.badge-f { position:absolute; left:-24px; bottom:36px; z-index:2; background:#fff; color:var(--teal-d); font-weight:800; padding:16px 20px; border-radius:14px; box-shadow:0 16px 40px rgba(7,31,84,.15); font-size:16px; line-height:1.3; }
.mock { background:linear-gradient(160deg,var(--navy),var(--navy-2)); border-radius:24px; padding:20px; box-shadow:0 30px 70px rgba(7,31,84,.3); margin-left:40px; }
.mock .bar { display:flex; gap:6px; margin-bottom:14px; } .mock .bar i { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.3); }
.mock .row { display:flex; align-items:center; gap:12px; background:#fff; color:var(--ink); border-radius:14px; padding:12px 14px; margin-bottom:10px; }
.mock .av { width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,var(--teal),#6aa2ff); color:#fff; display:grid; place-items:center; font-weight:800; flex:none; }
.mock .row b { display:block; font-size:14.5px; } .mock .row small { color:var(--mute); }
.mock .tag { margin-left:auto; font-size:12px; font-weight:700; padding:4px 10px; border-radius:999px; }
.tag.hot { background:#ffe4e1; color:#b42318; } .tag.warm { background:#fff1d6; color:#a15c00; } .tag.cold { background:#e3ecff; color:#2a55b8; }
.mock .stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:4px; } .mock .stats div { background:rgba(255,255,255,.1); border-radius:12px; padding:10px 12px; color:#fff; } .mock .stats b { font-size:22px; display:block; } .mock .stats small { color:#b9c9ea; }

/* sections */
section.s { padding:88px 0; } section.s.alt { background:var(--soft); }
.eyebrow { color:var(--teal-d); font-weight:800; font-size:13px; letter-spacing:.12em; text-transform:uppercase; }
.s h2, .band h2 { font-size:clamp(28px, 3.4vw, 40px); letter-spacing:-.025em; line-height:1.15; margin:8px 0 10px; font-weight:800; }
.s .sub { color:var(--mute); font-size:18px; max-width:640px; margin:0; }
.head { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:40px; }
.head.center { justify-content:center; text-align:center; } .head.center .sub { margin-inline:auto; }
.head .more { display:inline-flex; align-items:center; gap:8px; font-weight:700; color:var(--teal-d); } .head .more svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

/* feature cards with chips */
.feat { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.fc { background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:26px; transition:transform .15s, box-shadow .15s, border-color .15s; display:flex; flex-direction:column; }
.fc:hover { transform:translateY(-3px); box-shadow:0 18px 40px rgba(7,31,84,.1); border-color:#bfe6e3; }
.fc .ic { width:50px; height:50px; border-radius:15px; display:grid; place-items:center; background:linear-gradient(135deg,#dff7f5,#e6efff); color:var(--teal-d); margin-bottom:16px; }
.fc .ic svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.fc h3 { margin:0 0 6px; font-size:19px; } .fc p { margin:0 0 16px; color:var(--mute); font-size:15.5px; }
.chips { background:#f6f8fa; border-radius:14px; padding:12px; display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; }
.chips span { background:#fff; border-radius:999px; padding:6px 12px; font-size:13.5px; font-weight:550; color:#334; }

/* coloured band */
.band { background:linear-gradient(135deg,var(--teal-d),#00a39b); color:#fff; padding:84px 0; }
.band .eyebrow { color:#bff8f4; } .head.light { margin-bottom:34px; }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.step { background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25); border-radius:var(--r); padding:26px; }
.step .num { width:42px; height:42px; border-radius:50%; background:#fff; color:var(--teal-d); display:grid; place-items:center; font-weight:800; font-size:18px; margin-bottom:14px; }
.step h3 { margin:0 0 6px; font-size:20px; } .step p { margin:0; color:#dffaf7; font-size:15.5px; }

/* industries */
.inds { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.ind { display:flex; gap:14px; align-items:flex-start; background:#fff; border:1px solid var(--line); border-radius:var(--r); padding:20px; transition:border-color .15s, box-shadow .15s; }
.ind:hover { border-color:#bfe6e3; box-shadow:0 12px 30px rgba(7,31,84,.08); }
.ind .ic { width:44px; height:44px; flex:none; border-radius:13px; display:grid; place-items:center; background:var(--tint); color:var(--teal-d); } .ind .ic svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.ind h3 { margin:0 0 2px; font-size:16.5px; } .ind p { margin:0; color:var(--mute); font-size:14px; }

/* pricing */
.toggle { display:flex; width:max-content; margin:0 auto 36px; background:#fff; border:1px solid var(--line); border-radius:999px; padding:4px; }
.toggle button { border:0; background:none; font:inherit; font-weight:700; padding:9px 22px; border-radius:999px; cursor:pointer; color:var(--mute); }
.toggle button[aria-pressed=true] { background:var(--navy); color:#fff; } .toggle em { font-style:normal; font-size:12px; color:var(--teal-d); margin-left:6px; font-weight:800; } .toggle button[aria-pressed=true] em { color:#6ff0e8; }
.plans { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; align-items:stretch; }
.plan { position:relative; background:#fff; border:1px solid var(--line); border-radius:22px; padding:28px 24px; display:flex; flex-direction:column; }
.plan.pop { border:2px solid var(--teal); box-shadow:0 22px 50px rgba(0,130,124,.18); transform:translateY(-8px); }
.plan .badge { position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:var(--teal-d); color:#fff; font-size:12px; font-weight:800; padding:5px 14px; border-radius:999px; letter-spacing:.04em; white-space:nowrap; }
.plan h3 { margin:0; font-size:20px; } .plan .for { color:var(--mute); font-size:14.5px; margin:4px 0 16px; min-height:44px; }
.plan .price { font-size:44px; font-weight:800; letter-spacing:-.03em; line-height:1; } .plan .price small { font-size:15px; font-weight:600; color:var(--mute); letter-spacing:0; }
.plan .bill { color:var(--mute); font-size:13.5px; margin:6px 0 20px; min-height:20px; }
.plan ul { list-style:none; padding:0; margin:0 0 24px; display:grid; gap:10px; flex:1; font-size:15px; }
.plan li { display:flex; gap:10px; align-items:flex-start; } .plan li::before { content:""; flex:none; width:18px; height:18px; margin-top:2px; border-radius:50%; background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat; }
.plan .sbtn { width:100%; }
.evplan { margin-top:26px; display:flex; gap:24px; justify-content:space-between; align-items:center; flex-wrap:wrap; background:#fff; border:1.5px dashed #9fd9d5; border-radius:22px; padding:24px 28px; }
.evplan h3 { margin:6px 0 4px; font-size:21px; } .evplan p { margin:0; color:var(--mute); max-width:640px; } .pill-s { background:var(--tint); color:var(--teal-d); font-weight:800; font-size:12px; padding:4px 12px; border-radius:999px; letter-spacing:.06em; text-transform:uppercase; }
.evp { display:flex; align-items:center; gap:14px; flex-wrap:wrap; } .evp b { font-size:34px; letter-spacing:-.02em; } .evp small { color:var(--mute); }
.fine { text-align:center; color:var(--mute); font-size:14.5px; margin:22px 0 0; }

/* faq */
.faq { display:grid; gap:12px; }
.faq details { background:#fff; border:1px solid var(--line); border-radius:16px; padding:0 20px; transition:border-color .15s; } .faq details[open] { border-color:#9fd9d5; box-shadow:0 10px 26px rgba(7,31,84,.06); }
.faq summary { cursor:pointer; list-style:none; padding:18px 0; font-weight:700; font-size:17px; display:flex; justify-content:space-between; gap:16px; align-items:center; } .faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; font-size:26px; line-height:1; color:var(--teal-d); transition:transform .2s; } .faq details[open] summary::after { transform:rotate(45deg); }
.faq p { margin:0 0 18px; color:var(--mute); }

/* call to action band */
.cta-wrap { padding:0 0 88px !important; }
.cta-band { background:linear-gradient(135deg,var(--navy),var(--navy-2)); color:#fff; border-radius:28px; padding:50px; display:flex; gap:24px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.cta-band h2 { margin:0 0 6px; font-size:32px; } .cta-band p { margin:0; color:#c9d6f0; }

/* contact */
.contact { display:grid; grid-template-columns:.9fr 1.1fr; gap:48px; align-items:start; }
.contact .info p { color:var(--mute); font-size:17px; }
.ticks { list-style:none; padding:0; margin:0 0 18px; display:grid; gap:8px; } .ticks li { display:flex; gap:10px; font-weight:550; } .ticks li::before { content:"✓"; color:var(--teal-d); font-weight:800; }
.contact .line { display:flex; align-items:center; gap:12px; margin:12px 0; font-weight:650; } .contact .line:hover { color:var(--teal-d); } .contact .line svg { width:22px; height:22px; color:var(--teal-d); fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.cc-grid { display:grid; gap:12px; margin-top:22px; }
.cc { display:flex; align-items:center; gap:14px; padding:14px 16px; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:0 8px 22px rgba(7,31,84,.05); transition:transform .12s, border-color .12s; } .cc:hover { transform:translateY(-2px); border-color:var(--teal); }
.cc i { width:46px; height:46px; border-radius:14px; background:var(--tint); color:var(--teal-d); display:grid; place-items:center; flex:none; }
.cc svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.cc span { min-width:0; } .cc small { display:block; color:var(--mute); font-weight:700; font-size:12px; letter-spacing:.07em; text-transform:uppercase; } .cc b { display:block; font-size:16px; overflow-wrap:anywhere; }
.contact .ticks { background:var(--tint); border-radius:16px; padding:16px 18px; margin:22px 0 0; }
.form h3 { margin:0; font-size:22px; } .form .sub { margin:4px 0 18px; color:var(--mute); }
.form { background:#fff; border:1px solid var(--line); border-radius:22px; padding:28px; box-shadow:0 18px 44px rgba(7,31,84,.07); }
.form label { display:block; font-weight:650; font-size:14px; margin:14px 0 6px; } .form label:first-child { margin-top:0; }
.form input, .form select, .form textarea { width:100%; padding:12px 14px; border:1px solid var(--line); border-radius:12px; font:inherit; background:#fff; color:var(--ink); }
.form textarea { min-height:120px; resize:vertical; }
.form input:focus, .form select:focus, .form textarea:focus { outline:0; border-color:var(--teal); box-shadow:0 0 0 3px rgba(0,181,173,.18); }
.form .two, .form .two2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.form .err { color:#b42318; font-size:13.5px; margin-top:6px; } .form .ok { background:#e6f8f0; color:#0b6b43; padding:12px 14px; border-radius:12px; font-weight:600; margin-bottom:16px; }
.form .hp { position:absolute; left:-9999px; height:0; overflow:hidden; }
.form .sbtn { width:100%; margin-top:20px; }
.form .terms { display:flex; gap:10px; align-items:flex-start; font-weight:400; font-size:14px; color:var(--mute); } .form .terms input { width:18px; height:18px; margin-top:2px; padding:0; }

/* footer and floating contact buttons */
.sf { background:#050f26; color:#a9bbe0; padding:50px 0 34px; font-size:14.5px; }
.sf .wrap { display:grid; grid-template-columns:1.2fr 2fr; gap:30px; } .sf img { height:30px; } .sf p { margin:10px 0 0; }
.sf .cols { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } .sf .cols b { color:#fff; display:block; margin-bottom:10px; } .sf .cols a { display:block; margin:6px 0; } .sf a:hover { color:#fff; }
.sf .copy { grid-column:1/-1; border-top:1px solid rgba(255,255,255,.12); padding-top:20px; display:flex; justify-content:space-between; align-items:center; gap:8px 24px; flex-wrap:wrap; } .sf .copy b { color:#fff; font-weight:700; }
.rail { position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:55; display:flex; flex-direction:column; gap:10px; background:#fff; padding:10px; border-radius:16px 0 0 16px; box-shadow:0 10px 34px rgba(7,31,84,.2); }
.rail a { width:44px; height:44px; border-radius:50%; background:var(--teal-d); color:#fff; display:grid; place-items:center; transition:transform .12s; } .rail a:hover { transform:scale(1.08); } .rail a.wa { background:#25d366; }
.rail svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }

/* sign-up page */
.auth { min-height:calc(100vh - 76px); display:grid; grid-template-columns:.9fr 1.1fr; }
.auth .side { background:radial-gradient(700px 500px at 80% 0%, rgba(0,181,173,.35), transparent 60%), linear-gradient(160deg,var(--navy),var(--navy-2)); color:#fff; padding:48px; display:flex; flex-direction:column; justify-content:center; gap:18px; }
.auth .side h1 { font-size:36px; line-height:1.1; margin:0; letter-spacing:-.02em; } .auth .side ul { list-style:none; padding:0; margin:0; font-size:16.5px; } .auth .side li { margin:9px 0; } .auth .side li::before { content:"✓"; color:#6ff0e8; font-weight:800; margin-right:10px; }
.auth .side .box { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); border-radius:16px; padding:16px 18px; font-size:15px; } .auth .side .box b { display:block; margin-bottom:6px; }
.auth .side .box a { display:flex; gap:10px; align-items:center; margin:6px 0; color:#dbe8ff; } .auth .side .box a:hover { color:#fff; } .auth .side .box svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.auth .side .pk { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0; font-size:14px; } .auth .side .pk span { display:flex; justify-content:space-between; gap:8px; } .auth .side .pk b { display:inline; margin:0; }
.auth .main { padding:40px 24px; display:flex; align-items:center; justify-content:center; background:var(--soft); }
.auth .form { width:min(560px,100%); } .auth h2 { margin:0 0 4px; font-size:26px; } .auth .alt { color:var(--mute); margin:0 0 20px; } .auth .alt a { color:var(--teal-d); font-weight:700; }

@media (max-width:1060px) {
  .feat, .inds { grid-template-columns:1fr 1fr; } .plans { grid-template-columns:1fr 1fr; } .plan.pop { transform:none; } .steps { grid-template-columns:1fr 1fr; }
  .two, .contact, .auth { grid-template-columns:1fr; } .mock { margin-left:0; } .badge-f { left:12px; top:-18px; bottom:auto; } .channels .ch { white-space:normal; } .channels { border-radius:28px; grid-template-columns:1fr 1fr; }
  .sh .burger { display:block; } .sh .menu { display:none; position:absolute; top:76px; left:0; right:0; flex-direction:column; align-items:stretch; gap:14px; background:#08142f; padding:16px 20px 22px; box-shadow:0 18px 30px rgba(0,0,0,.3); }
  .sh.open .menu { display:flex; } .sh nav { flex-direction:column; gap:12px; font-size:16px; } .sh .acts { flex-direction:column; align-items:stretch; }
  .auth .side { padding:32px 24px; } .sf .wrap { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .feat, .plans, .form .two, .form .two2, .inds, .steps, .channels { grid-template-columns:1fr; } section.s, .band, .tint { padding:60px 0; } .cta-band { padding:30px 22px; } .hero-in { padding:64px 0 56px; }
  .mock { padding:16px; } .mock .stats { gap:8px; } .mock .stats div { padding:10px 9px; } .mock .stats b { font-size:20px; } .mock .stats small { display:block; font-size:12px; line-height:1.3; } .hero-tag { font-size:11.5px; letter-spacing:.05em; } .rail a { width:40px; height:40px; } .rail { padding:8px; gap:8px; bottom:10px; right:10px; }
  .sf .copy { justify-content:center; text-align:center; }
  .head { flex-direction:column; align-items:flex-start; } .rail { top:auto; bottom:14px; transform:none; flex-direction:row; border-radius:999px; right:14px; } .sf .cols { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none !important; animation:none !important; } }