/* =========================================================
   ACTYTE — HOMEPAGE
   Self-contained: does not rely on the theme's global style.css. Design
   tokens are copied verbatim from Actyte's real brand palette (style.css
   :root) so this page is unmistakably Actyte, not a reinvented look —
   same convention as book-a-call.css / validate-lp.css.
   ========================================================= */

:root{
  --bg:#05060a;
  --bg-2:#090b13;
  --bg-translucent:rgba(5,6,10,.78);
  --surface:rgba(255,255,255,.045);
  --surface-2:rgba(255,255,255,.07);
  --border:rgba(255,255,255,.09);
  --border-2:rgba(255,255,255,.14);
  --pink:#f472b6;
  --pink-strong:#db2777;
  --purple:#9b6bff;
  --purple-strong:#7c4dff;
  --white:#f8f8fc;
  --muted:#9aa2b8;
  --muted-2:#6b7386;
  --gradient-brand:linear-gradient(135deg,var(--pink),var(--purple));
  --gradient-brand-soft:linear-gradient(135deg,rgba(155,107,255,.18),rgba(124,77,255,.09));
  --font:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --shadow-card:none;
}
/* Light mode: same brand purple/pink throughout (that doesn't change), but
   every background/text/border token flips to a light equivalent when the
   visitor's system is set to light mode — this page was dark-only before,
   so a light-mode visitor was just seeing the dark design regardless. */
@media (prefers-color-scheme:light){
  :root{
    /* Crisper and cooler than the first pass — the earlier off-white read
       as grayish/washed-out rather than clean, and borders were too faint
       to read as real structure on a light ground (they mostly just
       vanished, which is likely what made this feel "flat" rather than
       premium). Both fixed here: brighter base, stronger border contrast. */
    --bg:#fbfbfd;
    --bg-2:#f1f1f6;
    --bg-translucent:rgba(251,251,253,.86);
    --surface:#ffffff;
    --surface-2:rgba(10,10,25,.045);
    --border:rgba(10,10,30,.11);
    --border-2:rgba(10,10,30,.18);
    --white:#0b0c14;
    --muted:#565b70;
    --muted-2:#82869a;
    /* Dark mode stays flat/borders-only on purpose — this page's whole
       language is precise hairlines, not glow cards. But a flat, shadowless
       box on a *light* ground reads as a dead rectangle rather than a
       raised surface, which is exactly the "not premium" feeling — so the
       two genuinely card-like elements (the hero system panel, the
       founder photo frame) get a soft lift here, and nowhere else. */
    --shadow-card:0 1px 2px rgba(20,20,40,.04),0 12px 28px -12px rgba(20,20,40,.12);
  }
  /* Same background layers, tuned down for a light ground — full dark-mode
     opacity here doesn't read as quiet atmosphere, it reads as a visible
     pink/purple gradient wash across the page (confirmed by an actual
     screenshot, not a guess this time) — cut hard, this should be barely
     perceptible, not a color anyone consciously notices. */
  .bg-noise{opacity:.02;}
  .bg-grid{background-image:linear-gradient(rgba(20,15,50,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,15,50,.035) 1px,transparent 1px);}
  .blob{opacity:.09;}
}

/* ---------- background layers (verbatim from style.css, see header.php /
   book-a-call.css) — same real atmosphere as every other page on the
   site. Content below needs an explicit stacking context above these or
   the fixed blob/noise/grid layers paint over it, not under it. */
.bg-fixed{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.bg-noise{
  position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.bg-grid{
  position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.35;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, #000 40%, transparent 100%);
}
.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;will-change:transform;}
.blob-pink{background:radial-gradient(circle,var(--pink) 0%,transparent 70%);}
.blob-purple{background:radial-gradient(circle,var(--purple) 0%,transparent 70%);}
@keyframes drift1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,-30px) scale(1.08);}}
@keyframes drift2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-30px,40px) scale(1.05);}}
@media (prefers-reduced-motion:reduce){.blob{animation:none!important;}}
.actyte-home main,.actyte-home section,.actyte-home .site-foot{position:relative;z-index:2;}

/* html/body get the same background as the page content, so there's no
   flash of the browser's own default (white in light mode, whatever the
   browser picks in dark) in any gap .actyte-home doesn't cover — and
   color-scheme tells the browser this page genuinely supports both modes,
   so its own native bits (scrollbars, overscroll glow) match too. */
html,body{background:var(--bg);color-scheme:light dark;}
.actyte-home{overflow-x:hidden;}
.actyte-home *{margin:0;padding:0;box-sizing:border-box;}
.actyte-home{font-family:var(--font);background:var(--bg);color:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;}
.actyte-home a{color:inherit;text-decoration:none;}
.actyte-home img,.actyte-home svg{display:block;max-width:100%;}
.actyte-home button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer;}
::selection{background:var(--purple);color:#05060a;}
/* Keyboard focus wasn't visible on anything before this — every link,
   button and nav item now gets a clear outline when tabbed to. */
.actyte-home a:focus-visible,
.actyte-home button:focus-visible{outline:2px solid var(--purple);outline-offset:3px;border-radius:2px;}

.actyte-home .site{background:var(--bg);}
.actyte-home .band{padding:70px 0;}
.actyte-home .band-loose{padding:112px 0;}
.actyte-home .band-tight{padding:56px 0;}
.actyte-home .wrap{max-width:1120px;margin:0 auto;padding:0 44px;position:relative;z-index:2;}
.actyte-home .band-alt{background:var(--bg-2);}

/* Same pill-badge eyebrow every other Actyte page already uses (see
   book-a-call.css .eyebrow) — no separate typeface, just the real site
   font in a heavier weight, tracked and capitalised. */
.actyte-home .eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--purple);padding:6px 14px;border-radius:100px;border:1px solid var(--border-2);
  background:var(--gradient-brand-soft);margin-bottom:18px;
}
.actyte-home .label{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:18px;display:block;}

.actyte-home h1,.actyte-home h2,.actyte-home h3{font-family:var(--font);font-weight:700;letter-spacing:-.02em;margin:0;text-wrap:balance;line-height:1.1;}
.actyte-home h2{font-size:36px;margin-bottom:16px;}
.actyte-home h3{font-size:19px;font-weight:700;}
.actyte-home p{line-height:1.65;margin:0;color:var(--muted);}
.actyte-home .lede{font-size:16.5px;max-width:520px;}
.actyte-home .accent{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;}

.actyte-home .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font);font-size:14.5px;font-weight:700;
  padding:15px 24px;border-radius:4px;text-decoration:none;border:1px solid transparent;
  transition:transform .2s var(--ease),opacity .2s ease,background .25s ease,border-color .25s ease,color .25s ease;}
.actyte-home .btn:hover{transform:translateY(-1px);}
.actyte-home .btn-solid{background:var(--gradient-brand);color:#fff;}
.actyte-home .btn-ghost{background:transparent;border-color:var(--border-2);color:var(--white);}
.actyte-home .btn-ghost:hover{border-color:transparent;background:var(--gradient-brand);color:#fff;}
.actyte-home .micro{font-size:12px;color:var(--muted-2);margin-top:16px;}

/* nav */
/* Matches the real site nav exactly (style.css nav.site-nav): fully
   transparent until scrolled, then picks up the same translucent blurred
   bar — not tinted from the very first frame like before. */
.actyte-home .nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;
  padding:20px 44px;background:transparent;border-bottom:1px solid transparent;
  transition:padding .4s var(--ease),background .4s var(--ease),border-color .4s var(--ease);}
.actyte-home .nav.scrolled{background:var(--bg-translucent);backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid var(--border);}
/* Exact same lockup as the site-wide header (style.css .logo/.logo-mark):
   a fixed square box the mark is contained in, not just an <img> sized by
   its own aspect ratio, plus the same weight/size/tracking on the text. */
.actyte-home .logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--white);}
.actyte-home .logo-mark{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.actyte-home .logo-mark img{width:100%;height:100%;object-fit:contain;display:block;}
.actyte-home .nav-links{display:flex;align-items:center;gap:32px;font-size:13.5px;font-weight:600;}
.actyte-home .nav-links a{text-decoration:none;color:var(--muted);transition:color .15s ease;}
.actyte-home .nav-links a:hover{color:var(--white);}
.actyte-home .nav-cta{font-family:var(--font);font-size:13.5px;font-weight:700;padding:10px 20px;border-radius:4px;
  border:1px solid var(--border-2);text-decoration:none;color:var(--white);transition:border-color .25s ease,background .25s ease,color .25s ease;}
.actyte-home .nav-cta:hover{border-color:transparent;background:var(--gradient-brand);color:#fff;}
.actyte-home .nav-burger{display:none;background:none;border:none;color:var(--white);font-size:20px;cursor:pointer;padding:6px;}
.actyte-home .nav-mobile{display:none;flex-direction:column;gap:2px;position:sticky;top:65px;z-index:29;
  background:var(--bg);border-bottom:1px solid var(--border);padding:8px 22px 20px;}
.actyte-home .nav-mobile[hidden]{display:none;}
.actyte-home .nav-mobile.is-open{display:flex;}
.actyte-home .nav-mobile a{padding:13px 0;font-size:15px;font-weight:600;color:var(--white);border-bottom:1px solid var(--border);}
.actyte-home .nav-mobile .nav-cta{margin-top:14px;text-align:center;justify-content:center;display:flex;border:none;background:var(--gradient-brand);color:#fff;}

/* hero — left-aligned, not centered; no glow/blob, flat ground */
.actyte-home .hero{padding:70px 0 84px;}
.actyte-home .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;}
.actyte-home .hero h1{font-size:56px;line-height:1.05;margin-bottom:22px;}
.actyte-home .hero .lede{font-size:18px;margin-bottom:32px;}
.actyte-home .hero-ctas{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}

/* right side of hero: system diagram, not a stock illustration */
.actyte-home .sys{border:1px solid var(--border);border-radius:20px;background:var(--surface);padding:28px;box-shadow:var(--shadow-card);}
.actyte-home .sys-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);font-size:12.5px;color:var(--muted);}
.actyte-home .sys-row:last-child{border-bottom:none;}
.actyte-home .sys-row .dot{width:7px;height:7px;border-radius:50%;background:var(--border-2);flex-shrink:0;}
.actyte-home .sys-row.is-active .dot{background:var(--gradient-brand);}
.actyte-home .sys-row.is-active{color:var(--white);}
.actyte-home .sys-row .bar{flex:1;height:3px;border-radius:3px;background:var(--surface-2);overflow:hidden;}
.actyte-home .sys-row .bar span{display:block;height:100%;background:var(--gradient-brand);width:0;animation:home-fillbar 1.4s var(--ease) forwards;}
.actyte-home .sys-row:nth-child(1) .bar span{width:100%;animation-delay:.1s;}
.actyte-home .sys-row:nth-child(2) .bar span{width:100%;animation-delay:.35s;}
.actyte-home .sys-row:nth-child(3) .bar span{width:62%;animation-delay:.6s;}
.actyte-home .sys-row:nth-child(4) .bar span{width:18%;animation-delay:.85s;}
@keyframes home-fillbar{from{width:0;}}
@media (prefers-reduced-motion:reduce){.actyte-home .sys-row .bar span{animation:none !important;}}

/* identification: asymmetric numbered rows, not cards */
.actyte-home .rows{margin-top:8px;}
.actyte-home .row{
  display:grid;grid-template-columns:64px 1fr;gap:26px;padding:34px 0;border-top:1px solid var(--border);
  transition:padding-left .25s var(--ease),border-color .25s ease;
}
.actyte-home .row:last-child{border-bottom:1px solid var(--border);}
.actyte-home .row:hover{padding-left:14px;border-top-color:var(--purple-strong);}
.actyte-home .row-num{font-size:13px;color:var(--muted-2);padding-top:4px;transition:color .25s ease;}
.actyte-home .row:hover .row-num{color:var(--purple);}
.actyte-home .row-body{display:grid;grid-template-columns:280px 1fr;gap:24px;}
.actyte-home .row h3{margin-bottom:0;}
.actyte-home .row p{max-width:480px;}

/* method: connected loop, not a 4-card grid */
/* gap (not padding) reserves the connector's space — padding-right left no
   real separation between steps, so the connector line/dot ended up
   overlapping the NEXT step's number instead of sitting cleanly between
   the two. */
.actyte-home .loop{display:flex;align-items:flex-start;margin-top:44px;position:relative;gap:28px;}
.actyte-home .loop-step{flex:1;position:relative;min-width:0;}
.actyte-home .loop-step .num{font-size:12px;color:var(--purple);margin-bottom:12px;display:block;}
.actyte-home .loop-step h3{margin-bottom:8px;font-size:17px;}
.actyte-home .loop-step p{font-size:13.5px;}
.actyte-home .loop-repeat{margin-top:28px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted-2);}
.actyte-home .loop-repeat svg{width:14px;height:14px;color:var(--pink);}

/* capabilities */
.actyte-home .cap-list{margin-top:8px;}
.actyte-home .cap{
  display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:32px 0;border-top:1px solid var(--border);align-items:baseline;
  transition:padding-left .25s var(--ease),border-color .25s ease;
}
.actyte-home .cap:last-child{border-bottom:1px solid var(--border);}
.actyte-home .cap:hover{padding-left:14px;border-top-color:var(--purple-strong);}
.actyte-home .cap-tag{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--purple);margin-bottom:12px;display:block;}
.actyte-home .cap h3{font-size:19px;margin-bottom:0;}
.actyte-home .cap p{font-size:14px;}

/* why-actyte: the one deliberately centered, high-contrast moment on the
   page — a flat rule-bounded band, no gradient border/glow card. */
.actyte-home .why{text-align:center;border-top:1px solid var(--border-2);border-bottom:1px solid var(--border-2);}
.actyte-home .why h2{max-width:680px;margin:0 auto 18px;color:var(--white);font-size:42px;}
.actyte-home .why .lede{margin:0 auto;text-align:center;max-width:460px;color:var(--muted);}
.actyte-home .flowline{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:44px;font-size:12px;color:var(--muted-2);flex-wrap:wrap;}
.actyte-home .flowline .on{color:var(--white);}
.actyte-home .flowline .sep{color:var(--muted-2);opacity:.5;}

/* founder — the real portrait, framed plainly (no gradient avatar bubble) */
.actyte-home .founder{display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:center;}
.actyte-home .founder-mark{width:180px;height:220px;border:1px solid var(--border-2);object-fit:cover;object-position:top;box-shadow:var(--shadow-card);}
.actyte-home .founder .name{font-size:22px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px;}
.actyte-home .founder .role{font-size:13px;color:var(--purple);font-weight:600;margin-bottom:16px;}
.actyte-home .founder p{max-width:480px;margin-bottom:20px;}

/* proof: offset, not a symmetric grid */
.actyte-home .proof-list{margin-top:12px;}
.actyte-home .proof-card{
  border-top:1px solid var(--border);padding:32px 0;display:grid;grid-template-columns:1fr 200px;gap:30px;align-items:start;
  transition:border-color .25s ease;
}
.actyte-home .proof-card:hover{border-top-color:var(--purple-strong);}
.actyte-home .proof-card:last-child{border-bottom:1px solid var(--border);}
.actyte-home .proof-card:nth-child(2){grid-template-columns:200px 1fr;}
.actyte-home .proof-card p{font-size:17px;color:var(--white);line-height:1.5;}
.actyte-home .proof-who{font-size:12px;color:var(--muted-2);}

/* who-for: flowing list, not a hairline card grid */
.actyte-home .for-list{display:flex;flex-direction:column;margin-top:8px;}
.actyte-home .for-row{
  display:grid;grid-template-columns:200px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--border);align-items:baseline;
  transition:padding-left .25s var(--ease),border-color .25s ease;
}
.actyte-home .for-row:hover{padding-left:14px;border-top-color:var(--purple-strong);}
.actyte-home .for-list > :last-child{border-bottom:1px solid var(--border);}
.actyte-home .for-row h3{font-size:16px;}
.actyte-home .for-row p{font-size:13.5px;}

/* qualification */
.actyte-home .qual-list{display:flex;flex-direction:column;margin-top:8px;}
.actyte-home .qual-opt{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;
  background:none;border:none;border-top:1px solid var(--border);color:var(--white);font-family:var(--font);font-weight:600;
  font-size:19px;padding:22px 4px;cursor:pointer;transition:padding-left .2s ease,color .2s ease;}
.actyte-home .qual-list > :last-child{border-bottom:1px solid var(--border);}
.actyte-home .qual-opt span.arrow{font-size:16px;opacity:0;transition:opacity .2s ease,transform .2s ease;color:var(--purple);flex-shrink:0;}
/* Each option is a real link to booking now — hover/focus is the only
   state that matters (there's nothing to "stay selected", clicking it
   navigates straight away). */
.actyte-home .qual-opt:hover,.actyte-home .qual-opt:focus-visible{padding-left:14px;color:transparent;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;}
.actyte-home .qual-opt:hover span.arrow,.actyte-home .qual-opt:focus-visible span.arrow{opacity:1;transform:translateX(4px);color:var(--purple);-webkit-text-fill-color:var(--purple);}
.actyte-home .qual-cta{margin-top:32px;}

/* final */
.actyte-home .final{text-align:center;}
.actyte-home .final h2{font-size:44px;max-width:640px;margin:0 auto 16px;}
.actyte-home .final .lede{margin:0 auto 30px;text-align:center;}
.actyte-home .final .hero-ctas{justify-content:center;}
.actyte-home .final .micro{text-align:center;}

.actyte-home .site-foot{padding:26px 0;background:var(--bg);border-top:1px solid var(--border);}
.actyte-home .site-foot-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.actyte-home .site-foot-copy{font-size:11px;letter-spacing:.03em;color:var(--muted-2);order:2;flex:1;text-align:center;}
/* Same real icon/button styling as every other page (style.css .social-row
   / .social-btn) — copied verbatim rather than reinvented, since this
   template dequeues that stylesheet for its own colour system. */
.actyte-home .social-row{display:flex;gap:10px;order:1;}
.actyte-home .social-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-2);background:var(--surface);
  display:flex;align-items:center;justify-content:center;color:var(--muted-2);
  transition:transform .3s var(--ease),border-color .3s,background .3s,color .3s;}
.actyte-home .social-btn:hover{transform:translateY(-3px);border-color:rgba(244,114,182,.5);background:var(--gradient-brand-soft);color:var(--pink);}
.actyte-home .social-btn .icon{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.actyte-home .site-foot-services{order:3;font-size:12.5px;font-weight:700;color:var(--white);
  border:1px solid var(--border-2);border-radius:100px;padding:9px 18px;white-space:nowrap;
  transition:border-color .25s ease,color .25s ease,background .25s ease,transform .25s var(--ease);}
.actyte-home .site-foot-services:hover{
  border-color:transparent;background:var(--gradient-brand);color:#fff;transform:translateY(-1px);
}
@media (max-width:600px){
  .actyte-home .site-foot-row{justify-content:center;text-align:center;}
  .actyte-home .site-foot-copy{order:3;flex:0 0 100%;}
}

.actyte-home [data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease),transform .5s var(--ease);}
.actyte-home [data-reveal].in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.actyte-home [data-reveal]{opacity:1;transform:none;transition:none;}}

/* staggered reveal: items in a group cascade in one after another instead
   of the whole block fading in as one flat unit. */
.actyte-home .row[data-reveal],.actyte-home .loop-step[data-reveal],.actyte-home .cap[data-reveal],
.actyte-home .for-row[data-reveal],.actyte-home .proof-card[data-reveal],.actyte-home .qual-opt[data-reveal]{
  transition-delay:calc(var(--i,0) * 70ms);
}

/* ---------- responsive ---------- */
@media (max-width:860px){
  .actyte-home .nav-links{display:none;}
  .actyte-home .nav-burger{display:block;}
  .actyte-home .wrap{padding:0 22px;}
  .actyte-home .band{padding:52px 0;}
  .actyte-home .hero{padding:40px 0 0;}
  .actyte-home .hero-grid{grid-template-columns:1fr;gap:0;}
  .actyte-home .hero h1{font-size:32px;}
  .actyte-home .hero .lede{font-size:15.5px;}
  /* recomposed, not shrunk: the bordered "card" only made sense with room
     to breathe beside the copy — on a narrow screen it just reads as a
     second unrelated box, so it drops the card chrome and becomes a plain
     inline strip that sits directly under the CTA instead. */
  .actyte-home .sys{border:none;border-radius:0;background:none;padding:26px 0 40px;
    border-top:1px solid var(--border);margin-top:26px;}
  .actyte-home .sys-row{padding:9px 0;font-size:11.5px;}
  .actyte-home h2{font-size:26px;}
  .actyte-home h3{font-size:17px;}
  .actyte-home .lede{font-size:14.5px;}
  .actyte-home .final h2{font-size:29px;}
  .actyte-home .hero-ctas{flex-direction:column;align-items:stretch;}
  .actyte-home .btn{justify-content:center;}
  .actyte-home .row-body{grid-template-columns:1fr;gap:6px;}
  .actyte-home .row{grid-template-columns:36px 1fr;gap:14px;padding:24px 0;}
  .actyte-home .loop{flex-direction:column;gap:26px;}
  .actyte-home .cap{grid-template-columns:1fr;gap:8px;padding:24px 0;}
  .actyte-home .why{padding:64px 24px;}
  .actyte-home .why h2{font-size:28px;}
  .actyte-home .band-loose{padding:64px 0;}
  .actyte-home .band-tight{padding:44px 0;}
  .actyte-home .founder{grid-template-columns:1fr;text-align:center;}
  .actyte-home .founder-mark{margin:0 auto;}
  .actyte-home .proof-card,.actyte-home .proof-card:nth-child(2){grid-template-columns:1fr;gap:12px;}
  .actyte-home .for-row{grid-template-columns:1fr;gap:4px;}
  .actyte-home .qual-opt{font-size:16px;padding:18px 2px;}
  .actyte-home .flowline{gap:8px;font-size:10.5px;}
}