/* ===== Matia vs Fivetran — takedown landing page ===== */
:root{
  --blue:#104BE1; --blue-deep:#0A2A78; --lime:#D0FF55; --ink:#0B1120;
  --bg:#F4F6FB; --line:#DDE3F0; --white:#fff;
  --slate:#5A6478; --mute:#8A93A6;
  --maxw:1140px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--white);color:var(--ink);font-family:"Geist",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;}
h1,h2,h3,h4,p{margin:0;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.mono{font-family:"Geist",system-ui,sans-serif;}

/* eyebrow */
.eyebrow{font-family:"Geist",system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);display:inline-flex;align-items:center;gap:8px;}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);}
.eyebrow.no-dot::before{display:none;}
.eyebrow.dot-after::before{display:none;}
.eyebrow.dot-after::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);}
/* hero + ETL-costs read as one continuous block */
.hero-continuum{position:relative;background:#fff url("https://cdn.prod.website-files.com/66e43a73b833cc54c522c06c/6a42e75b3ac3c926dc680a6d_vsfiv-iso-grid.svg") center top / cover no-repeat;}
.hero-continuum::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 92%);}
.hero-continuum .hero{background:transparent;}
.hero-continuum .hero .iso-bg{display:none;}
.hero-continuum #etl-costs{background:transparent;padding-top:24px;}
.hero-continuum #etl-costs::before{display:none;}
.hero-continuum .trusted-band{background:transparent;}
.hero-continuum .hero-grid{padding-bottom:40px;}

/* buttons (pill) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;padding:0 26px;border-radius:999px;font-weight:600;font-size:15px;font-family:inherit;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap;}
.btn:hover{transform:translateY(-2px);}
.btn-blue{background:var(--blue);color:#fff;box-shadow:0 8px 22px rgba(16,75,225,.28);}
.btn-blue:hover{box-shadow:0 12px 28px rgba(16,75,225,.36);}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--blue);}
.btn-lime{background:var(--lime);color:var(--ink);box-shadow:0 8px 22px rgba(208,255,85,.4);}
.btn svg{width:16px;height:16px;}

/* logo */
.logo-word{height:22px;width:auto;color:var(--blue);display:block;}
.logo-word.on-dark{color:#fff;}
.logo-sym{height:26px;width:auto;color:var(--blue);}

/* ============ NAV ============ */
.nav{position:sticky;top:0;z-index:50;height:70px;display:flex;align-items:center;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.nav .wrap{display:flex;align-items:center;gap:18px;width:100%;}
.nav .menu{display:flex;align-items:center;gap:26px;margin-left:14px;}
.nav .menu a{font-size:14px;font-weight:500;color:var(--slate);}
.nav .menu a:hover{color:var(--ink);}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:14px;}
.nav .right .login{font-size:14px;font-weight:600;color:var(--ink);}
.nav .btn{height:42px;font-size:14px;padding:0 20px;}
@media(max-width:760px){.nav .menu{display:none;}}

/* ============ HERO ============ */
.hero{position:relative;overflow:hidden;background:var(--white);}
.iso-bg{position:absolute;inset:0;pointer-events:none;z-index:0;
  background:#fff url("https://cdn.prod.website-files.com/66e43a73b833cc54c522c06c/6a42e75b3ac3c926dc680a6d_vsfiv-iso-grid.svg") center top / cover no-repeat;
  -webkit-mask:linear-gradient(115deg, transparent 0%, #000 30%, #000 100%);
  mask:linear-gradient(115deg, transparent 0%, #000 30%, #000 100%);}
.iso-line{position:absolute;height:2px;background:rgb(208,255,85);transform:rotate(-30deg);transform-origin:left center;box-shadow:0 0 14px rgba(208,255,85,.45);border-radius:2px;}
.iso-line::after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:rgb(208,255,85);box-shadow:0 0 12px 3px rgba(208,255,85,.55);}
.iso-line.ring::after{background:#fff;border:2.5px solid rgb(208,255,85);box-shadow:0 0 10px 2px rgba(208,255,85,.45);}
.hero .wash{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(60% 50% at 88% 4%, rgba(16,75,225,.10), transparent 70%),
    radial-gradient(50% 45% at 4% 100%, rgba(208,255,85,.20), transparent 72%);}
.hero .wrap{position:relative;z-index:2;}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;padding:92px 0 84px;}
.hero h1{font-size:58px;line-height:1.04;letter-spacing:-.025em;font-weight:600;}
.hero h1 .u{position:relative;white-space:nowrap;}
.hero h1 .u::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.14em;background:var(--lime);z-index:-1;border-radius:2px;}
.hero .sub{font-size:18px;line-height:1.55;color:var(--slate);margin-top:22px;max-width:520px;}
.hero .ctas{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;}
.hero .microcopy{margin-top:18px;font-size:13px;color:var(--mute);display:flex;align-items:center;gap:8px;}
.hero .microcopy .dot{width:6px;height:6px;border-radius:50%;background:var(--lime);}

/* hero stat card (dark) */
.statcard{background:var(--ink);border-radius:20px;padding:8px 32px;color:#fff;box-shadow:0 30px 70px rgba(11,17,32,.30);position:relative;overflow:hidden;}
.statcard::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 90% 0%, rgba(16,75,225,.5), transparent 70%),radial-gradient(50% 50% at 0% 100%, rgba(208,255,85,.10), transparent 70%);pointer-events:none;}
.statcard .sc-lbl{position:relative;font-family:"Geist",system-ui,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);padding:24px 0 6px;}
.statcard .stat{position:relative;padding:22px 0;border-top:1px solid rgba(255,255,255,.12);}
.statcard .stat:first-of-type{border-top:none;}
.statcard .stat .n{font-size:46px;font-weight:600;letter-spacing:-.03em;line-height:1;}
.statcard .stat .n .unit{font-size:24px;color:var(--lime);margin-left:2px;}
.statcard .stat .d{font-size:14px;color:rgba(255,255,255,.66);margin-top:8px;}

/* trusted by */
.trusted{position:relative;z-index:2;padding:0 0 64px;}
.trusted .lbl{text-align:center;font-family:"Geist",system-ui,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:20px;}
.trusted .logos{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;}
.trusted .logos .l{font-weight:600;font-size:19px;color:#9aa3b4;letter-spacing:-.01em;opacity:.9;}

/* ============ section scaffolding ============ */
.sec{padding:96px 0;}
.sec.alt{background:var(--bg);}
.sec-head{max-width:720px;}
.sec-head.center{margin:0 auto;text-align:center;}
.sec-head h2{font-size:38px;line-height:1.12;letter-spacing:-.02em;font-weight:600;margin-top:14px;}
.sec-head p{font-size:17px;line-height:1.55;color:var(--slate);margin-top:14px;}

/* ===== problem cards ===== */
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;}
.pcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 1px 0 rgba(11,17,32,.02);transition:transform .18s ease,box-shadow .18s ease;}
.pcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,17,32,.08);}
.pcard .ic{width:42px;height:42px;border-radius:12px;background:rgba(16,75,225,.08);display:grid;place-items:center;color:var(--blue);margin-bottom:16px;}
.pcard .ic svg{width:21px;height:21px;}
.pcard h3{font-size:18px;font-weight:600;letter-spacing:-.01em;}
.pcard p{font-size:14.5px;line-height:1.6;color:var(--slate);margin-top:9px;}
.pcard .stat-line{margin-top:16px;font-family:"Geist",system-ui,sans-serif;font-size:13px;font-weight:500;color:var(--ink);display:inline-flex;align-items:center;gap:8px;}
.pcard .stat-line b{color:var(--blue);font-weight:600;}

/* ===== comparison matrix ===== */
.matrix{margin-top:48px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(11,17,32,.07);}
.mrow{display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:stretch;}
.mrow + .mrow{border-top:1px solid var(--line);}
.mrow .cell{padding:18px 22px;display:flex;flex-direction:column;justify-content:center;gap:3px;}
.mrow .cell.feat{font-weight:600;font-size:15px;}
.mrow .cell.feat .sub{font-weight:400;font-size:12.5px;color:var(--mute);}
.mrow .cell.matia{background:rgba(16,75,225,.04);border-left:1px solid var(--line);border-right:1px solid var(--line);transition:background .18s ease;}
.mrow .cell.fiv{background:#fff;}
.mrow:hover .cell.matia{background:rgba(16,75,225,.08);}
.mrow .val{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;}
.mrow .val .ck{width:20px;height:20px;border-radius:50%;background:var(--blue);display:grid;place-items:center;flex-shrink:0;}
.mrow .val .ck svg{width:11px;height:11px;color:#fff;}
.mrow .val .dash{width:20px;height:20px;border-radius:50%;background:#EDF0F6;display:grid;place-items:center;flex-shrink:0;color:var(--mute);}
.mrow .val .dash svg{width:11px;height:11px;}
.mrow .val.muted{color:var(--mute);}
/* header row */
.mhead{display:grid;grid-template-columns:1.5fr 1fr 1fr;background:var(--ink);color:#fff;}
.mhead .cell{padding:20px 22px;display:flex;align-items:center;gap:10px;}
.mhead .brand-matia{display:flex;align-items:center;gap:10px;}
.mhead .tag{font-family:"Geist",system-ui,sans-serif;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;background:var(--lime);color:var(--ink);padding:3px 9px;border-radius:999px;}
.mhead .fiv-name{font-weight:600;font-size:16px;color:rgba(255,255,255,.62);}
.mhead .matia-col{box-shadow:inset 0 -3px 0 var(--lime);}

/* ===== case study (dark) ===== */
.case{background:var(--ink);border-radius:24px;padding:56px;position:relative;overflow:hidden;color:#fff;}
.case::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 70% at 88% 0%, rgba(16,75,225,.45), transparent 65%),radial-gradient(46% 60% at 6% 100%, rgba(208,255,85,.16), transparent 68%);}
.case .inner{position:relative;z-index:2;}
.case .ch{display:flex;align-items:center;gap:14px;margin-bottom:36px;}
.case .ch .cust{font-size:22px;font-weight:600;color:#fff;letter-spacing:-.01em;}
.case .ch .eyebrow{color:var(--lime);}
.case .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:40px;}
.case .metric{padding-top:18px;border-top:2px solid var(--lime);}
.case .metric .n{font-size:46px;font-weight:600;letter-spacing:-.03em;line-height:1;}
.case .metric .d{font-size:14px;color:rgba(255,255,255,.66);margin-top:10px;line-height:1.45;}
.case .quote{border-left:3px solid var(--lime);padding-left:22px;max-width:720px;}
.case .quote p{font-size:21px;line-height:1.5;letter-spacing:-.01em;color:#fff;}
.case .quote .who{margin-top:16px;font-size:14px;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:12px;}
.case .quote .who b{color:#fff;font-weight:600;}
.case .quote .who .avatar{width:76px;height:76px;box-shadow:0 2px 10px rgba(0,0,0,.35);}

/* ===== final CTA form ===== */
.cta-sec{position:relative;overflow:hidden;background:var(--bg);padding:96px 0;}
.cta-sec .wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 70% at 50% 0%, rgba(16,75,225,.12), transparent 70%);}
.formcard{position:relative;z-index:2;max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:40px;box-shadow:0 24px 60px rgba(11,17,32,.10);}
.formcard .fh{text-align:center;margin-bottom:28px;}
.formcard .fh h2{font-size:30px;font-weight:600;letter-spacing:-.02em;}
.formcard .fh p{font-size:15px;color:var(--slate);margin-top:10px;}
.field{margin-bottom:16px;}
.field label{display:block;font-size:13px;font-weight:500;color:var(--ink);margin-bottom:7px;}
.field input,.field select{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font-family:inherit;font-size:15px;color:var(--ink);background:#fff;transition:border-color .15s ease,box-shadow .15s ease;}
.field input::placeholder{color:var(--mute);}
.field input:focus,.field select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(16,75,225,.15);}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235A6478' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;}
.formcard .btn{width:100%;margin-top:8px;}
.formcard .legal{text-align:center;font-size:12px;color:var(--mute);margin-top:14px;}
.formcard .ok{display:none;text-align:center;padding:18px 0;}
.formcard .ok .ic{width:54px;height:54px;border-radius:50%;background:rgba(16,75,225,.1);display:grid;place-items:center;color:var(--blue);margin:0 auto 16px;}
.formcard .ok .ic svg{width:26px;height:26px;}
.formcard .ok h3{font-size:22px;font-weight:600;}
.formcard .ok p{font-size:14.5px;color:var(--slate);margin-top:8px;}

/* ===== footer ===== */
.footer{background:var(--ink);color:#fff;padding:56px 0 40px;}
.footer .top{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.footer .blurb{max-width:300px;font-size:14px;color:rgba(255,255,255,.6);margin-top:16px;line-height:1.6;}
.footer .cols{display:flex;gap:64px;flex-wrap:wrap;}
.footer .col h4{font-family:"Geist",system-ui,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:14px;}
.footer .col a{display:block;font-size:14px;color:rgba(255,255,255,.82);margin-bottom:10px;}
.footer .col a:hover{color:#fff;}
.footer .legal{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.5);}

/* ===== reveal animation (progressive enhancement only) ===== */
.reveal{opacity:1;transform:none;}
html.reveal-on .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
html.reveal-on .reveal.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){
  html.reveal-on .reveal{opacity:1;transform:none;transition:none;}
  .btn:hover,.pcard:hover{transform:none;}
  html{scroll-behavior:auto;}
}

/* ===== responsive ===== */
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:40px;padding:64px 0 56px;}
  .hero h1{font-size:44px;}
  .problem-grid{grid-template-columns:1fr;}
  .case{padding:36px 24px;}
  .case .metrics{grid-template-columns:1fr;gap:22px;}
  .sec{padding:68px 0;}
  .sec-head h2{font-size:30px;}
}
@media(max-width:680px){
  /* matrix → stacked cards */
  .matrix{border:none;box-shadow:none;background:transparent;}
  .mhead{display:none;}
  .mrow{grid-template-columns:1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:14px;background:#fff;}
  .mrow + .mrow{border-top:1px solid var(--line);}
  .mrow .cell{padding:14px 18px;}
  .mrow .cell.feat{background:var(--ink);color:#fff;}
  .mrow .cell.feat .sub{color:rgba(255,255,255,.6);}
  .mrow .cell.matia,.mrow .cell.fiv{border:none;}
  .mrow .cell.matia::before{content:"Matia";font-family:"Geist",system-ui,sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:4px;}
  .mrow .cell.fiv::before{content:"Fivetran";font-family:"Geist",system-ui,sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:4px;}
}

/* ===== Hepta Slab headers ===== */
.hero h1,.sec-head h2,.case-h,.formcard h3,.cta-head h2,.pull .pq,.honest h3,.mig-step h3,.statcard .stat .n,.footer-h{font-family:"Hepta Slab",Georgia,serif;font-weight:700;}
.hero h1{font-weight:700;letter-spacing:-.03em;}
.sec-head h2{letter-spacing:-.02em;}

/* hero stat footnote + count */
.statcard .stat .d .fn{display:block;font-family:"Geist",system-ui,sans-serif;font-size:10px;color:rgba(255,255,255,.42);margin-top:6px;letter-spacing:.02em;line-height:1.4;}
.count{font-variant-numeric:tabular-nums;}

/* ===== Section 1 — one platform vs a stack ===== */
.vs-split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px;}
.stack-col{border-radius:18px;padding:26px 28px;border:1px solid var(--line);background:#fff;}
.stack-col.matia{background:rgba(16,75,225,.045);border-color:rgba(16,75,225,.28);box-shadow:0 16px 40px rgba(16,75,225,.08);}
.sc-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.sc-head .lbl{font-weight:600;font-size:16px;}
.sc-head .brand{display:flex;align-items:center;margin-left:-3px;margin-right:auto;}
.sc-head .pillcount{margin-left:auto;font-family:"Geist",system-ui,sans-serif;font-size:11px;color:var(--mute);background:#EDF0F6;padding:3px 10px;border-radius:999px;}
.sc-head .tag{margin-left:auto;}
.sitem{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line-2);}
.sitem b{display:block;font-size:14.5px;font-weight:600;}
.sitem span{display:block;font-size:13px;color:var(--slate);line-height:1.5;margin-top:2px;}
.sx{width:20px;height:20px;border-radius:50%;background:#EDF0F6;color:var(--mute);display:grid;place-items:center;flex-shrink:0;margin-top:1px;}
.sx svg{width:11px;height:11px;}
.sk{width:20px;height:20px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;flex-shrink:0;margin-top:1px;}
.sk svg{width:11px;height:11px;}
.sc-foot{margin-top:16px;padding-top:16px;border-top:1px solid var(--line-2);font-size:13px;line-height:1.55;}
.sc-foot.fiv{color:var(--mute);}
.sc-foot.matia{color:var(--blue-deep);font-weight:500;}

/* ===== matrix tweaks for longer copy ===== */
.mrow .cell{padding:16px 20px;}
.mrow .val{align-items:flex-start;line-height:1.42;}
.mrow .val .ck,.mrow .val .dash{margin-top:1px;}
.mrow .val .ck.soft{background:#C2C9D6;}
.matrix-note{margin-top:16px;text-align:center;font-size:12px;color:var(--mute);}

/* ===== Section 3 — support / partnership ===== */
.support-split{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;}
.pull .pq{font-size:27px;line-height:1.32;letter-spacing:-.01em;margin-top:16px;border-left:3px solid var(--lime);padding-left:22px;}
.pull .byline{margin-top:18px;font-size:14px;color:var(--slate);padding-left:25px;display:flex;align-items:center;gap:12px;}
.pull .byline b{color:var(--ink);font-weight:600;}
.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px rgba(11,17,32,.18);}
.support-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:6px 22px;box-shadow:0 16px 38px rgba(11,17,32,.07);}
.srow{display:flex;gap:13px;padding:18px 0;border-top:1px solid var(--line-2);}
.srow:first-child{border-top:none;}
.srow b{display:block;font-size:14.5px;font-weight:600;}
.srow span{display:block;font-size:13px;color:var(--slate);margin-top:2px;}

/* ===== Section 4 — case study extras ===== */
.case .ch{display:flex;align-items:center;gap:14px;margin-bottom:36px;}
.case .tagline{font-family:"Geist",system-ui,sans-serif;font-size:12px;letter-spacing:.06em;color:rgba(255,255,255,.66);text-transform:uppercase;}
.case .tagline b{color:#fff;font-weight:600;}
.rc-chip{display:inline-flex;align-items:center;background:#fff;border-radius:16px;padding:18px 28px;box-shadow:0 10px 30px rgba(0,0,0,.22);}
.rc-logo{height:64px;max-width:100%;width:auto;display:block;}
.case-h{font-size:34px;line-height:1.14;letter-spacing:-.02em;margin:14px 0 38px;max-width:760px;color:#fff;}

/* ===== Section 5 — migration steps ===== */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;}
.mig-step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;transition:transform .18s ease,box-shadow .18s ease;}
.mig-step:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,17,32,.08);}
.mig-step .num{font-family:"Geist",system-ui,sans-serif;font-size:13px;font-weight:500;color:var(--blue);}
.mig-step h3{font-size:19px;margin-top:10px;}
.mig-step p{font-size:14px;line-height:1.6;color:var(--slate);margin-top:10px;}

/* ===== Section 6 — honest note ===== */
.honest{display:flex;gap:18px;max-width:860px;background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--lime);border-radius:16px;padding:26px 30px;}
.hn-mark{width:40px;height:40px;border-radius:11px;background:rgba(16,75,225,.08);color:var(--blue);display:grid;place-items:center;flex-shrink:0;}
.hn-mark svg{width:21px;height:21px;}
.honest h3{font-size:19px;font-weight:600;}
.honest p{font-size:14.5px;color:var(--slate);line-height:1.62;margin-top:9px;}

/* ===== FAQ ===== */
.faq{max-width:760px;margin:44px auto 0;}
.faq-item{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:12px;overflow:hidden;}
.faq-q{width:100%;text-align:left;background:none;border:none;font-family:inherit;font-size:16px;font-weight:600;color:var(--ink);padding:20px 22px;display:flex;align-items:center;gap:16px;cursor:pointer;}
.faq-q .chev{margin-left:auto;color:var(--mute);transition:transform .22s ease;flex-shrink:0;}
.faq-q .chev svg{width:15px;height:9px;display:block;}
.faq-item.open .faq-q .chev{transform:rotate(180deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-a p{padding:0 22px 20px;font-size:14.5px;line-height:1.65;color:var(--slate);margin:0;}

/* ===== final CTA head + talk link ===== */
.cta-head{max-width:620px;margin:0 auto 38px;}
/* blue-card CTA (bottom of page) */
#get-demo{background:linear-gradient(180deg,#EAF0FF 0%,#F4F6FB 100%);padding:64px 0 120px;}
#get-demo .wash{display:none;}
#get-demo .cta-head{max-width:none;margin:0;position:relative;overflow:hidden;border-radius:28px;
  padding:96px 32px 104px;
  background:linear-gradient(125deg,#2D6BF0 0%,#4F8BFF 42%,#2F7BFF 100%);
  background-image:url("https://cdn.prod.website-files.com/66e43a73b833cc54c522c06c/6a42e75b3ac3c926dc680a6d_vsfiv-iso-grid.svg"),linear-gradient(125deg,#2D6BF0 0%,#4F8BFF 42%,#2F7BFF 100%);
  background-size:cover,cover;background-position:center;background-blend-mode:soft-light,normal;
  box-shadow:0 30px 70px rgba(16,75,225,.30);}
#get-demo .cta-head h2{color:#fff;font-size:46px;line-height:1.12;}
#get-demo .cta-head p{color:rgba(255,255,255,.92);font-size:18px;margin-top:18px;}
#get-demo .cta-head .btn-blue{background:#fff;color:var(--ink);box-shadow:0 8px 22px rgba(11,17,32,.18);}
#get-demo .cta-head .btn-blue:hover{background:#fff;}
#get-demo .cta-head .btn-blue svg{color:var(--ink);}
@media(max-width:700px){#get-demo .cta-head{padding:64px 20px 72px;}#get-demo .cta-head h2{font-size:32px;}}
.cta-head h2{font-size:36px;letter-spacing:-.02em;}
.cta-head p{font-size:16px;color:var(--slate);margin-top:14px;}
.formcard .talk{display:block;text-align:center;margin-top:16px;font-size:14px;font-weight:600;color:var(--blue);}
.formcard .talk:hover{text-decoration:underline;}

/* ===== footer disclaimer ===== */
.footer .disclaimer{margin-top:22px;font-size:11.5px;line-height:1.6;color:rgba(255,255,255,.42);max-width:780px;}

/* ===== simplified footer bar ===== */
.footer .foot-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.12);}
.footer .foot-links{display:flex;align-items:center;gap:28px;}
.footer .foot-links a{font-size:14px;color:rgba(255,255,255,.78);}
.footer .foot-links a:hover{color:#fff;}

/* ===== hero stat speed bars (animated) ===== */
.speedbars{display:flex;align-items:flex-end;gap:4px;height:18px;margin-top:10px;}
.speedbars i{width:5px;border-radius:2px;background:var(--lime);opacity:.85;height:30%;}
@media(prefers-reduced-motion:no-preference){
  .speedbars i{animation:eq 1.1s ease-in-out infinite;}
  .speedbars i:nth-child(2){animation-delay:.14s;}
  .speedbars i:nth-child(3){animation-delay:.28s;}
  .speedbars i:nth-child(4){animation-delay:.42s;}
  .speedbars i:nth-child(5){animation-delay:.56s;}
  @keyframes eq{0%,100%{height:25%;}50%{height:100%;}}
}

/* ===== case study CTA ===== */
.case-cta{margin-top:34px;}

/* ===== ETL costs bar chart + mid form ===== */
.costs-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:stretch;}
.chart-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:0 18px 50px rgba(11,17,32,.07);display:flex;flex-direction:column;}
.chart-card .chart-h{font-size:26px;line-height:1.16;letter-spacing:-.02em;font-weight:700;margin-top:12px;}
.chart{display:flex;align-items:flex-end;justify-content:center;gap:64px;height:360px;margin:30px 0 8px;padding-bottom:4px;}
.chart .col{display:flex;flex-direction:column;align-items:center;gap:14px;}
.barwrap{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:298px;width:154px;}
.bar{display:flex;flex-direction:column-reverse;width:100%;border-radius:10px;overflow:hidden;}
.bar .seg{height:0;display:flex;align-items:center;justify-content:center;text-align:center;transition:height .9s cubic-bezier(.2,.7,.2,1);overflow:hidden;}
.reveal.in .bar .seg{height:var(--h);}
.bar .seg-lbl{font-size:11px;font-weight:600;line-height:1.25;padding:0 6px;opacity:0;transition:opacity .4s ease .5s;}
.reveal.in .bar .seg-lbl{opacity:1;}
.bar .seg-lbl small{display:block;font-weight:400;font-size:9.5px;opacity:.8;margin-top:1px;}
.bar.fiv .s-cn{background:#CBD2E0;color:#39414F;}
.bar.fiv .s-tr{background:#AEB8CC;color:#2A3140;}
.bar.fiv .s-mar{background:#8A93A6;color:#fff;}
.bar.matia{box-shadow:0 12px 30px rgba(16,75,225,.28);}
.bar.matia .s-mar2{background:linear-gradient(180deg,#2E66E8,#104BE1);color:#fff;}
.col-name{font-size:15px;font-weight:600;letter-spacing:-.01em;}
.col-name.fiv{color:var(--mute);}
.col-name.matia{color:var(--blue);}
.save-flag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--lime);color:var(--ink);font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 18px rgba(208,255,85,.45);opacity:0;transition:opacity .4s ease .8s,transform .4s ease .8s;}
.reveal.in .save-flag{opacity:1;}
.chart-note{font-size:13.5px;line-height:1.6;color:var(--slate);margin-top:28px;padding-top:0;}
.chart-note b{color:var(--ink);font-weight:600;}
.mid-form{background:var(--ink);color:#fff;border-radius:20px;padding:32px;box-shadow:0 24px 60px rgba(11,17,32,.18);position:relative;overflow:hidden;}
.mid-form::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 90% 0%, rgba(16,75,225,.5), transparent 70%);}
.mid-form>*{position:relative;z-index:2;}
.mid-form h3{font-size:22px;font-weight:700;font-family:"Hepta Slab",Georgia,serif;}
.mid-form>p{font-size:14px;color:rgba(255,255,255,.7);margin:8px 0 20px;line-height:1.5;}
.mid-form .field label{color:rgba(255,255,255,.82);}
.mid-form .field input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff;}
.mid-form .field input::placeholder{color:rgba(255,255,255,.4);}
.mid-form .field input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(208,255,85,.18);}
.mid-form .btn{width:100%;margin-top:6px;}
.mid-form .legal{text-align:center;font-size:12px;color:rgba(255,255,255,.5);margin-top:13px;}
.mid-form .ok{display:none;text-align:center;padding:14px 0;}
.mid-form .ok .ic{width:50px;height:50px;border-radius:50%;background:rgba(208,255,85,.16);display:grid;place-items:center;color:var(--lime);margin:0 auto 14px;}
.mid-form .ok .ic svg{width:24px;height:24px;}
.mid-form .ok h3{font-size:20px;}
.mid-form .ok p{font-size:14px;color:rgba(255,255,255,.7);margin-top:8px;}
@media(max-width:860px){
  .costs-grid{grid-template-columns:1fr;gap:24px;}
  .chart{gap:44px;}
}

@media(max-width:860px){
  .vs-split{grid-template-columns:1fr;}
  .support-split{grid-template-columns:1fr;gap:28px;}
  .steps{grid-template-columns:1fr;}
  .case-h{font-size:27px;}
  .cta-head h2{font-size:28px;}
  .pull .pq{font-size:22px;}
}


/* ===== hero light animation (parallel syncs) ===== */
.hero-anim .sc-lbl{padding:26px 0 16px;}
.hero-anim .ha-rows{position:relative;display:flex;flex-direction:column;gap:16px;}
.hero-anim .ha-row{display:flex;align-items:center;gap:14px;}
.hero-anim .ha-tag{font-size:12px;color:rgba(255,255,255,.72);width:84px;flex-shrink:0;}
.hero-anim .ha-track{position:relative;flex:1;height:8px;border-radius:5px;background:rgba(255,255,255,.09);overflow:hidden;}
.hero-anim .ha-track i{position:absolute;top:0;left:0;height:100%;width:38%;border-radius:5px;background:linear-gradient(90deg,transparent,var(--lime));transform:translateX(-130%);}
.hero-anim .ha-cap{margin:22px 0 26px;font-size:14px;color:rgba(255,255,255,.7);line-height:1.5;}
.hero-anim .ha-cap b{color:#fff;font-family:"Hepta Slab",Georgia,serif;font-weight:700;}
@media(prefers-reduced-motion:no-preference){
  .hero-anim .ha-track i{animation:flow 1.9s linear infinite;}
  .hero-anim .ha-row:nth-child(2) .ha-track i{animation-delay:.32s;}
  .hero-anim .ha-row:nth-child(3) .ha-track i{animation-delay:.64s;}
  .hero-anim .ha-row:nth-child(4) .ha-track i{animation-delay:.96s;}
  @keyframes flow{0%{transform:translateX(-130%);}100%{transform:translateX(360%);}}
}
@media(prefers-reduced-motion:reduce){ .hero-anim .ha-track i{transform:none;width:72%;} }

/* ===== migration 1:1 visual ===== */
.mig-visual{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-top:40px;background:#fff;border:1px solid #E7EAED;border-radius:18px;padding:28px 32px;box-shadow:0 14px 40px rgba(20,50,120,.07);}
.mig-visual .mv-col{display:flex;flex-direction:column;gap:10px;}
.mig-visual .mv-h{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin-bottom:4px;}
.mig-visual .mv-pipe{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ink);background:#F3F5F7;border-radius:10px;padding:9px 12px;}
.mig-visual .mv-col.matia .mv-pipe.on{background:rgba(16,75,225,.06);}
.mig-visual .mv-conn{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-size:9px;font-weight:800;color:#fff;background:#8A93A2;}
.mig-visual .mv-conn.b{background:#104BE1;}
.mig-visual .mv-ok{margin-left:auto;width:18px;height:18px;border-radius:50%;background:#1E9E54;display:grid;place-items:center;color:#fff;}
.mig-visual .mv-ok svg{width:9px;height:9px;stroke:#fff;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.mig-visual .mv-mid{display:flex;flex-direction:column;align-items:center;gap:8px;}
.mig-visual .mv-1to1{font-family:"Hepta Slab",Georgia,serif;font-weight:700;font-size:15px;color:#104BE1;}
.mig-visual .mv-arrow{width:22px;height:22px;color:#104BE1;stroke:#104BE1;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.mig-visual .mv-foot{grid-column:1/-1;border-top:1px solid #E7EAED;padding-top:16px;font-size:13.5px;color:var(--slate);text-align:center;}
@media(max-width:760px){ .mig-visual{grid-template-columns:1fr;} .mig-visual .mv-mid{flex-direction:row;justify-content:center;} }

/* ===== trusted-by logo row (hero) ===== */
.trusted-band{position:relative;z-index:2;padding:8px 0 56px;}
.trusted-row{margin-top:30px;}
.trusted-row.full{margin-top:0;text-align:center;}
.trusted-row .tb-lbl{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:24px;}
.trusted-row .tb-logos{display:flex;align-items:center;gap:30px;flex-wrap:wrap;}
.trusted-row.full .tb-logos{justify-content:space-between;gap:24px;flex-wrap:nowrap;}
.trusted-row .tb-logo{display:inline-flex;align-items:center;}
.trusted-row .tb-logo img{height:26px;width:auto;display:block;object-fit:contain;filter:grayscale(1);opacity:.7;}
.trusted-row.full .tb-logo img{height:34px;}

/* ===== HubSpot embed slot ===== */
/* light card so the white HubSpot form blends with the page */
.mid-form.hs-embed{background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:0 18px 50px rgba(11,17,32,.07);display:flex;flex-direction:column;}
.mid-form.hs-embed::before{display:none;}
.mid-form.hs-embed h3{color:var(--ink);}
.mid-form.hs-embed>p{color:var(--slate);}
.hs-embed .hs-frame{width:100%;flex:1 1 auto;min-height:448px;border:0;border-radius:14px;background:transparent;margin-top:10px;display:block;}
/* native HubSpot embed (hbspt.forms.create) field styling — applies if you swap the iframe for the JS embed in Webflow */
.hs-embed .hs-form-target{margin-top:10px;min-height:448px;}
.hs-embed .hs-form{font-family:"Geist",system-ui,sans-serif;}
.hs-embed .hs-form .hs-button,.hs-embed .hs-form input[type=submit],.hs-embed .hs-form .hs-submit input{background:var(--blue) !important;border-color:var(--blue) !important;color:#fff !important;}
.hs-embed .hs-form label{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px;display:block;}
.hs-embed .hs-form input[type=text],.hs-embed .hs-form input[type=email],.hs-embed .hs-form input[type=tel],.hs-embed .hs-form select,.hs-embed .hs-form textarea{width:100%;height:44px;border:0;border-radius:10px;padding:0 14px;font-size:15px;font-family:inherit;color:var(--ink);background:#F4F6FB;box-sizing:border-box;}
.hs-embed .hs-form textarea{height:auto;padding:12px 14px;}
.hs-embed .hs-form input:focus,.hs-embed .hs-form select:focus,.hs-embed .hs-form textarea:focus{outline:none;border:0;background:#fff;box-shadow:0 0 0 3px rgba(16,75,225,.16);}
.hs-embed .hs-form .hs-button{width:100%;height:48px;border:0;border-radius:10px;background:#104BE1;color:#fff;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;margin-top:6px;transition:filter .15s ease;}
.hs-embed .hs-form .hs-button:hover{filter:brightness(1.06);}
.hs-embed .hs-form .hs-error-msg,.hs-embed .hs-form .hs-error-msgs label{color:#D8434E;font-size:12.5px;font-weight:500;}
.hs-embed .hs-slot{margin-top:20px;border:1.5px dashed var(--line);border-radius:14px;background:#F7F8FB;min-height:300px;display:grid;place-items:center;text-align:center;padding:28px;}
.hs-embed .hs-slot-inner{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--mute);max-width:280px;}
.hs-embed .hs-slot-inner svg{width:34px;height:34px;color:var(--blue);opacity:.7;}
.hs-embed .hs-slot-inner span{font-size:15px;font-weight:600;color:var(--slate);}
.hs-embed .hs-slot-inner small{font-size:12px;line-height:1.5;color:var(--mute);}

/* ===== hero concept 1 — handcuffed / locked data ===== */
.lockviz .lv-head{display:flex;align-items:center;justify-content:space-between;padding:24px 0 18px;}
.lockviz .lv-lbl{font-family:"Geist",system-ui,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);}
.lockviz .lv-lock{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--lime);}
.lockviz .lv-lock svg{width:18px;height:18px;}
.lockviz .lv-rows{display:flex;flex-direction:column;gap:14px;}
.lockviz .lv-row{display:flex;align-items:center;gap:12px;}
.lockviz .lv-conn{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;flex-shrink:0;}
.lockviz .lv-bar{position:relative;flex:1;height:8px;border-radius:5px;background:rgba(255,255,255,.09);overflow:hidden;}
.lockviz .lv-bar i{position:absolute;left:0;top:0;height:100%;width:30%;border-radius:5px;background:linear-gradient(90deg,#3a4a6b,#6276a0);}
.lockviz .lv-cuff{width:22px;height:22px;color:rgba(255,255,255,.5);flex-shrink:0;}
.lockviz .lv-cap{padding:20px 0 26px;font-size:14px;color:rgba(255,255,255,.7);line-height:1.5;}
.lockviz .lv-cap b{color:#fff;font-family:"Hepta Slab",Georgia,serif;font-weight:700;}
@media(prefers-reduced-motion:no-preference){
  .lockviz .lv-bar i{animation:tug 2.6s ease-in-out infinite;}
  .lockviz .lv-row:nth-child(2) .lv-bar i{animation-delay:.35s;}
  .lockviz .lv-row:nth-child(3) .lv-bar i{animation-delay:.7s;}
  @keyframes tug{0%,32%{width:30%;}44%{width:48%;}48%,100%{width:30%;}}
  .lockviz .lv-cuff{animation:rattle 2.6s ease-in-out infinite;}
  @keyframes rattle{0%,40%,100%{transform:translateX(0) rotate(0);}45%{transform:translateX(-1px) rotate(-6deg);}50%{transform:translateX(1px) rotate(6deg);}55%{transform:translateX(0) rotate(0);}}
  .lockviz .lv-lock{animation:lockpulse 2.6s ease-in-out infinite;}
  @keyframes lockpulse{0%,40%,100%{box-shadow:0 0 0 0 rgba(208,255,85,0);}48%{box-shadow:0 0 0 6px rgba(208,255,85,.12);}}
}

/* ===== Hero diagram: two-lane Sources → lanes → Destination (from Option 6) ===== */
.c6{width:100%;}
.c6 .stage6v{display:flex;flex-direction:column;align-items:center;gap:0;max-width:300px;margin:0 auto;}
.c6 .box6{background:#fff;border:1px solid #E4E8EF;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;align-items:center;box-shadow:0 10px 28px rgba(11,17,32,.10);width:100%;}
.c6 .box6 .hd6{background:var(--blue);color:#fff;font-size:12px;font-weight:800;padding:6px 18px;border-radius:9px;letter-spacing:-.01em;}
.c6 .box6 .item6{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700;color:#0B1120;}
.c6 .srcbox{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 14px;transform:scale(.8);transform-origin:center top;}
.c6 .srcbox .hd6{grid-column:1 / -1;justify-self:center;}
.c6 .destbox{transform:scale(.8);transform-origin:center bottom;}
.c6 .destbox .item6{justify-content:center;}
.c6 .splitv{width:100%;height:56px;}
.c6 .splitv.top{margin-top:-46px;}
.c6 .splitv.bottom{margin-bottom:-46px;}
.c6 .splitv svg{width:100%;height:100%;overflow:visible;}
.c6 .lanesv{display:grid;grid-template-columns:1fr 1fr;gap:26px;width:100%;}
.c6 .lane6{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.c6 .cost6{width:100%;margin-top:9px;}
.c6 .track6{height:9px;border-radius:5px;background:#EDEFF4;overflow:hidden;}
.c6 .track6 i{display:block;height:100%;border-radius:5px;width:8%;}
.c6 .lane6.fiv .track6 i{background:linear-gradient(90deg,#F2A33C,#D8434E);animation:fillfiv6 4s ease-out infinite;}
.c6 .lane6.matia .track6 i{background:var(--blue);animation:fillmatia6 4s ease-out infinite;}
@keyframes fillfiv6{0%{width:8%;}70%,100%{width:100%;}}
@keyframes fillmatia6{0%{width:8%;}70%,100%{width:40%;}}
.c6 .amt6{display:flex;justify-content:space-between;margin-top:6px;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;}
.c6 .lane6.fiv .amt6{color:#D8434E;}
.c6 .lane6.matia .amt6{color:var(--blue);}
.c6 .conncard{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:58px;border-radius:14px;padding:0 16px;}
.c6 .lane6.matia .conncard{background:#0B1f4d;border:1.5px solid var(--lime);box-shadow:0 0 0 4px rgba(208,255,85,.1);}
.c6 .lane6.fiv .conncard{background:#E1E5EB;border:1.5px solid #D2D8E0;box-shadow:0 8px 20px rgba(11,17,32,.08);}
.c6 .conncard .mk{height:22px;width:auto;flex-shrink:0;}
.c6 .matia-logo6{height:20px;width:auto;display:block;}
.c6 .snowimg{width:53px;height:53px;display:block;}
.c6 .srcicon{height:44px;width:44px;object-fit:contain;display:block;flex-shrink:0;margin:0 auto;}
.c6 .srcicon[alt="Postgres"]{height:61px;width:61px;}
.c6 .fivimg{height:20px;width:auto;display:block;filter:grayscale(1) opacity(.42);}
.c6 .balloon6{position:absolute;left:50%;top:-12px;transform:translateX(-50%);background:#D8434E;color:#fff;font-size:9.5px;font-weight:800;padding:3px 9px;border-radius:999px;z-index:5;white-space:nowrap;animation:bob6 3s ease-in-out infinite;}
@keyframes bob6{0%,100%{transform:translateX(-50%) scale(1);}55%{transform:translateX(-50%) scale(1.16);}}
.c6 .flowdot{fill:var(--lime);}
.c6 .splitv .w-matia{stroke:#104BE1;opacity:.32;}
.c6 .splitv .w-fiv{stroke:#C3C9D4;opacity:1;}
.c6 .splitv .fdm{fill:#104BE1;filter:drop-shadow(0 0 3px rgba(16,75,225,.5));animation:flow6 1.4s linear infinite;}
.c6 .splitv .fdf{fill:#9AA1AC;animation:flow6 5s linear infinite;}
@keyframes flow6{0%{opacity:0;offset-distance:0%;}10%{opacity:1;}90%{opacity:1;}100%{opacity:0;offset-distance:100%;}}

/* ===== Webflow portability: fluid media + overflow guard + mobile breakpoints ===== */
html,body{max-width:100%;overflow-x:hidden;}
img,svg,iframe,video{max-width:100%;}
.wrap{width:100%;}
@media(max-width:760px){
  .sec{padding:60px 0;}
  .hero h1{font-size:38px;}
  .trusted-row.full .tb-logos{flex-wrap:wrap;justify-content:center;gap:22px 30px;}
  #get-demo .cta-head h2{font-size:30px;}
  #get-demo .cta-head{padding:60px 18px 68px;}
}
@media(max-width:520px){
  .wrap{padding:0 18px;}
  .hero h1{font-size:30px;}
  .sec-head h2,.chart-card .chart-h{font-size:25px;}
  .hero .ctas,#get-demo .cta-head .ctas{width:100%;}
  .hero .ctas .btn,#get-demo .cta-head .ctas .btn{flex:1 1 100%;justify-content:center;}
  .trusted-row.full .tb-logo img{height:26px;}
  .case .metric .n{font-size:38px;}
  .hs-embed .hs-frame{min-height:600px;}
}
/* ===== mobile hero diagram: just Matia × Fivetran side by side, spend meters below ===== */
@media(max-width:600px){
  .c6 .stage6v{max-width:100%;}
  .c6 .srcbox,.c6 .destbox,.c6 .splitv{display:none;}
  .c6 .lanesv{gap:14px;}
  .c6 .lane6 .conncard{height:54px;}
}