*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --white:#ffffff;--off:#f8f5ff;--off-2:#f1eafd;
  --border:#e8e1f7;--border-2:#d3c4f0;
  --text:#170f30;--text-2:#5c5578;--text-3:#a79fc4;
  --purple:#6d4aef;--purple-2:#5b3ad6;--purple-light:#ede4fe;--purple-mid:#c9b3fa;
  --pink:#d6409f;--pink-light:#fce7f5;
  --blue:#2f8ff5;--blue-light:#e3f1ff;
  --green:#12b76a;--green-light:#eafbf3;
  --amber:#d97706;--amber-light:#fffbeb;
  --red:#dc2626;--red-light:#fef2f2;
  --grad-1:linear-gradient(135deg,#6d4aef 0%,#d6409f 100%);
  --grad-2:linear-gradient(135deg,#5b3ad6 0%,#2f8ff5 100%);
}
html{scroll-behavior:smooth}
body{overflow-x:hidden;font-family:'DM Sans',sans-serif;background:var(--white);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}

nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 5%;height:68px;display:flex;align-items:center;gap:32px}
.nav-logo{text-decoration:none;margin-right:auto}
.nav-links{display:flex;gap:28px;list-style:none;align-items:center}
.nav-links a{font-size:14px;font-weight:500;color:var(--text-2);text-decoration:none;transition:color .15s}
.nav-links a:hover{color:var(--text)}
.nav-cta{background:var(--purple);color:white !important;padding:8px 20px;border-radius:100px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;letter-spacing:-.01em;cursor:pointer;border:none}
.nav-cta:hover{opacity:.85;transform:translateY(-1px)}


.btn-primary{background:var(--purple);color:white;padding:14px 28px;border-radius:100px;font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:opacity .15s,transform .1s,box-shadow .15s;display:inline-flex;align-items:center;gap:8px;letter-spacing:-.01em;box-shadow:0 4px 20px rgba(109,74,239,0.25)}
.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 32px rgba(109,74,239,0.3)}
.btn-ghost{background:white;color:var(--text);padding:14px 28px;border-radius:100px;font-size:15px;font-weight:600;text-decoration:none;border:1.5px solid var(--border-2);cursor:pointer;transition:border-color .15s,transform .1s;display:inline-block;letter-spacing:-.01em}
.btn-ghost:hover{border-color:var(--purple);color:var(--purple);transform:translateY(-1px)}

/* hero card styles removed */



.section{background:var(--off);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:100px 5%}
.section>*{max-width:1180px;margin-left:auto;margin-right:auto}
.section-alt{padding:100px 5%}
.section-alt-inner{max-width:1180px;margin:0 auto}
.eyebrow{font-family:'DM Mono',monospace;font-size:11px;color:var(--purple);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;font-weight:500}
.section h2,.section-alt-inner h2,.fit-section h2,.section-alt h2{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(30px,3.5vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:18px;color:var(--text)}
.section h2 .grad,.section-alt-inner h2 .grad,.fit-section h2 .grad,.section-alt h2 .grad{color:var(--purple)}
.section-lead{font-size:18px;color:var(--text-2);line-height:1.65;max-width:600px;margin-bottom:56px;font-weight:400}

.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:20px;overflow:hidden}
.problem-card{background:var(--white);padding:32px 28px;transition:background .2s}
.problem-card:hover{background:var(--off)}
.problem-card.highlight{background:var(--off);display:flex;align-items:center;justify-content:center}
.problem-num{font-family:'DM Mono',monospace;font-size:11px;color:var(--text-3);letter-spacing:.08em;margin-bottom:18px}
.problem-icon{width:44px;height:44px;border-radius:12px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;font-size:20px}
.pi-1{background:var(--purple-light)}.pi-2{background:var(--pink-light)}.pi-3{background:var(--blue-light)}.pi-4{background:var(--amber-light)}.pi-5{background:var(--green-light)}
.problem-card h3{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:700;letter-spacing:-.03em;margin-bottom:9px;color:var(--text);line-height:1.2}
.problem-card p{font-size:13px;color:var(--text-2);line-height:1.65}

.layer-diagram{margin-top:52px;border:1px solid var(--border);border-radius:24px;overflow:hidden}
.layer-row{display:flex;align-items:stretch;border-bottom:1px solid var(--border)}
.layer-row:last-child{border-bottom:none}
.layer-label{width:160px;flex-shrink:0;padding:20px 24px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border);background:var(--off)}
.layer-name{font-family:'Bricolage Grotesque',sans-serif;font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:3px}
.layer-sub{font-family:'DM Mono',monospace;font-size:9px;color:var(--text-3);letter-spacing:.06em}
.layer-content{flex:1;padding:20px 28px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.layer-chip{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:100px;font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--white);color:var(--text-2)}
.layer-chip.active{background:var(--purple-light);border-color:var(--purple-mid);color:var(--purple)}
.layer-row.highlight-row{background:linear-gradient(135deg,rgba(109,74,239,0.03) 0%,rgba(214,64,159,0.03) 100%)}
.layer-row.highlight-row .layer-label{background:var(--purple-light)}
.layer-row.highlight-row .layer-name{color:var(--purple)}
.layer-note{padding:14px 24px;background:var(--off-2);border-top:1px solid var(--border);font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:8px}

.sol-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}
.sol-card{background:var(--white);border:1.5px solid var(--border);border-radius:20px;padding:32px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}
.sol-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--purple);opacity:0;transition:opacity .2s}

.sol-card:hover{box-shadow:0 8px 40px rgba(109,74,239,0.08);transform:translateY(-2px)}
.sol-card:hover::before{opacity:1}
.sol-role{font-family:'DM Mono',monospace;font-size:9px;background:var(--purple-light);color:var(--purple);padding:2px 9px;border-radius:100px;letter-spacing:.05em;display:inline-block;margin-bottom:16px}
.sol-role.blue{background:var(--blue-light);color:var(--blue)}
.sol-icon{width:48px;height:48px;border-radius:14px;background:var(--purple-light);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:22px}
.sol-card h3{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:700;letter-spacing:-.03em;color:var(--text);margin-bottom:10px;line-height:1.2}
.sol-card p{font-size:13px;color:var(--text-2);line-height:1.65;margin-bottom:16px}
.sol-features{list-style:none;display:flex;flex-direction:column;gap:7px}
.sol-features li{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-2);line-height:1.4}
.sol-check{width:16px;height:16px;border-radius:50%;background:var(--purple-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:8px;color:var(--purple);font-weight:700}
.sol-check.blue{background:var(--blue-light);color:var(--blue)}

.tech-block{background:var(--text);border-radius:24px;padding:44px 48px;margin-top:40px;position:relative;overflow:hidden}
.tech-block::before{content:'';position:absolute;top:-60px;right:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(ellipse,rgba(109,74,239,0.25) 0%,transparent 65%);pointer-events:none}
.tech-block::after{content:'';position:absolute;bottom:-60px;left:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(ellipse,rgba(214,64,159,0.15) 0%,transparent 65%);pointer-events:none}
.tech-eyebrow{font-family:'DM Mono',monospace;font-size:10px;color:rgba(255,255,255,.3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.tech-block h3{font-family:'Bricolage Grotesque',sans-serif;font-size:24px;font-weight:800;color:white;letter-spacing:-.04em;line-height:1.1;margin-bottom:10px}
.tech-block p{font-size:14px;color:rgba(255,255,255,.5);line-height:1.7;max-width:620px;margin-bottom:24px}
.tech-pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.tech-pill{display:flex;align-items:center;gap:8px;padding:7px 14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:100px}
.tech-pill span{font-size:12px;font-weight:500;color:rgba(255,255,255,.65)}
.tech-pill small{font-size:10px;color:rgba(255,255,255,.28);margin-left:2px}
.tech-savings{display:flex;gap:0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}
.tech-saving{text-align:center;flex:1;min-width:100px;padding:0 16px;border-right:1px solid rgba(255,255,255,.1)}
.tech-saving:last-child{border-right:none}
.tech-saving-num{font-family:'Bricolage Grotesque',sans-serif;font-size:26px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:4px;color:var(--purple-mid)}
.tech-saving-lbl{font-size:10px;color:rgba(255,255,255,.35);font-family:'DM Mono',monospace;letter-spacing:.04em}

.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}
.step-card{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:26px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}
.step-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--purple);opacity:0;transition:opacity .2s}
.step-card:hover{box-shadow:0 8px 40px rgba(109,74,239,0.08);transform:translateY(-2px)}
.step-card:hover::before{opacity:1}
.step-num{font-family:'DM Mono',monospace;font-size:10px;color:var(--purple);letter-spacing:.1em;margin-bottom:14px;font-weight:500}
.step-icon{width:44px;height:44px;border-radius:12px;background:var(--purple-light);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:20px}
.step-card h3{font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.03em;color:var(--text);margin-bottom:8px;line-height:1.2}
.step-card p{font-size:12px;color:var(--text-2);line-height:1.65}
.step-tag{display:inline-block;margin-top:10px;font-family:'DM Mono',monospace;font-size:9px;background:var(--purple-light);color:var(--purple);padding:2px 9px;border-radius:100px;letter-spacing:.04em}
.step-tag.green{background:var(--green-light);color:var(--green)}

.cost-table-wrap{margin-top:48px;border:1px solid var(--border);border-radius:20px;overflow:hidden}
.cost-table{width:100%;border-collapse:collapse}
.cost-table th{padding:14px 20px;background:var(--off);font-family:'DM Mono',monospace;font-size:10px;color:var(--text-3);letter-spacing:.08em;text-align:left;border-bottom:1px solid var(--border);font-weight:500;text-transform:uppercase}
.cost-table th:not(:first-child){text-align:center}
.cost-table td{padding:16px 20px;border-bottom:1px solid var(--off-2);font-size:14px;color:var(--text-2);vertical-align:middle}
.cost-table tr:last-child td{border-bottom:none}
.cost-table td:not(:first-child){text-align:center}
.cost-table tr:hover td{background:var(--off)}
.cost-row-hl td{background:var(--purple-light) !important}
.cost-row-hl:hover td{background:var(--purple-light) !important}
.cost-category{font-weight:600;color:var(--text);font-size:14px}
.cost-sub{font-size:11px;color:var(--text-3);margin-top:2px}
.cost-price{font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:800;letter-spacing:-.03em;color:var(--text)}
.cost-price.grad{color:var(--purple)}
.cost-check{color:var(--green);font-size:16px}
.cost-cross{color:var(--text-3);font-size:16px}
.cost-note{margin-top:16px;font-size:13px;color:var(--text-3);text-align:center}

/* PRICING */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;align-items:start}
.pricing-card{background:var(--white);border:1.5px solid var(--border);border-radius:24px;padding:32px;position:relative;transition:box-shadow .2s,transform .2s}
.pricing-card:hover{box-shadow:0 12px 48px rgba(109,74,239,0.09);transform:translateY(-3px)}
.pricing-card.featured{border-color:var(--purple);background:linear-gradient(160deg,rgba(109,74,239,0.03) 0%,white 100%)}
.pricing-card.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--purple);border-radius:24px 24px 0 0}
.pricing-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--purple);color:white;font-size:11px;font-weight:600;padding:4px 16px;border-radius:100px;white-space:nowrap;letter-spacing:.02em}
.pricing-tier{font-family:'DM Mono',monospace;font-size:10px;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-weight:500}
.pricing-card h3{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:800;letter-spacing:-.04em;color:var(--text);margin-bottom:8px;line-height:1.1}
.pricing-desc{font-size:13px;color:var(--text-2);line-height:1.55;margin-bottom:24px;min-height:52px}
.pricing-setup{font-family:'Bricolage Grotesque',sans-serif;font-size:28px;font-weight:800;letter-spacing:-.04em;color:var(--text);line-height:1;margin-bottom:2px}
.pricing-setup.grad{color:var(--purple)}
.pricing-setup-lbl{font-size:11px;color:var(--text-3);margin-bottom:4px}
.pricing-monthly{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:700;color:var(--text-2);letter-spacing:-.03em;margin-bottom:2px}
.pricing-monthly.grad{color:var(--purple)}
.pricing-monthly-lbl{font-size:11px;color:var(--text-3);margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--border)}
.pricing-highlight{font-family:'DM Mono',monospace;font-size:11px;color:var(--purple);background:var(--purple-light);padding:8px 12px;border-radius:8px;margin-bottom:14px;font-weight:500;letter-spacing:.02em}
.pricing-highlight.green{color:var(--green);background:var(--green-light)}
.pricing-features{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:28px}
.pricing-features li{font-size:13px;color:var(--text-2);display:flex;align-items:flex-start;gap:9px;line-height:1.4}
.pf-check{width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:8px;font-weight:700}
.pfc-purple{background:var(--purple-light);color:var(--purple)}
.pfc-pink{background:var(--pink-light);color:var(--pink)}
.pfc-blue{background:var(--blue-light);color:var(--blue)}
.btn-pricing-primary{width:100%;background:var(--purple);color:white;padding:13px;border-radius:100px;font-size:14px;font-weight:600;text-decoration:none;border:none;cursor:pointer;text-align:center;display:block;transition:opacity .15s,transform .1s;letter-spacing:-.01em;box-shadow:0 4px 20px rgba(109,74,239,0.2)}
.btn-pricing-primary:hover{opacity:.9;transform:translateY(-1px)}
.btn-pricing-ghost{width:100%;background:white;color:var(--text);padding:13px;border-radius:100px;font-size:14px;font-weight:600;text-decoration:none;border:1.5px solid var(--border-2);cursor:pointer;text-align:center;display:block;transition:border-color .15s,color .15s;letter-spacing:-.01em}
.btn-pricing-ghost:hover{border-color:var(--purple);color:var(--purple)}
.pricing-annual{text-align:center;margin-top:24px;font-size:13px;color:var(--text-3)}
.pricing-annual span{color:var(--green);font-weight:600}

.fit-section{padding:100px 5%}
.fit-inner{max-width:1180px;margin:0 auto}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:52px}
.fit-card{background:var(--white);border:1.5px solid var(--border);border-radius:24px;padding:32px;transition:box-shadow .2s}
.fit-card:hover{box-shadow:0 8px 40px rgba(109,74,239,0.06)}
.fit-card.yes{border-top:3px solid var(--green)}
.fit-card.no{border-top:3px solid var(--red)}
.fit-header{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;font-weight:500}
.fit-card.yes .fit-header{color:var(--green)}
.fit-card.no .fit-header{color:var(--red)}
.fit-row{display:flex;gap:10px;margin-bottom:12px;font-size:13px;color:var(--text-2);line-height:1.55;align-items:flex-start}
.fit-row:last-child{margin-bottom:0}
.fit-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;font-size:8px;font-weight:700}
.fi-yes{background:var(--green-light);color:var(--green)}
.fi-no{background:var(--red-light);color:var(--red)}

.faq-list{margin-top:48px;border:1px solid var(--border);border-radius:20px;overflow:hidden}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item:last-child{border-bottom:none}
.faq-q{padding:20px 28px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.025em;color:var(--text);user-select:none;gap:16px;transition:background .15s}
.faq-q:hover,.faq-item.open .faq-q{background:var(--off)}
.faq-arr{font-size:11px;color:var(--text-3);transition:transform .25s;flex-shrink:0}
.faq-item.open .faq-arr{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-item.open .faq-a{max-height:220px}
.faq-a-inner{padding:0 28px 22px;font-size:14px;color:var(--text-2);line-height:1.7;border-top:1px solid var(--border);padding-top:16px}

.cta-section{padding:80px 5% 100px;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:500px;background:radial-gradient(ellipse,rgba(109,74,239,0.06) 0%,transparent 65%);pointer-events:none}
.cta-inner{max-width:780px;margin:0 auto;text-align:center;background:var(--white);border:1px solid var(--border);border-radius:32px;padding:64px;box-shadow:0 8px 60px rgba(109,74,239,0.08);position:relative;overflow:hidden}
.cta-inner::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--purple)}
.cta-scarcity{display:inline-flex;align-items:center;gap:8px;background:var(--amber-light);border:1px solid rgba(217,119,6,0.3);color:var(--amber);font-family:'DM Mono',monospace;font-size:11px;padding:5px 14px;border-radius:100px;margin-bottom:28px;letter-spacing:.04em}
.cta-inner h2{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(28px,3.5vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:16px;color:var(--text)}
.cta-inner h2 .grad{color:var(--purple)}
.cta-inner p{font-size:17px;color:var(--text-2);line-height:1.65;margin-bottom:36px;font-weight:400;max-width:500px;margin-left:auto;margin-right:auto}
.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.cta-note{font-size:13px;color:var(--text-3)}

footer{background:var(--text);padding:28px 5%}
.footer-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-logo{display:flex;align-items:center;gap:10px}
.footer-logo-name{font-family:'Bricolage Grotesque',sans-serif;font-size:16px;font-weight:800;color:rgba(255,255,255,.8);letter-spacing:-.03em;line-height:1.2}
.footer-logo-sub{font-family:'DM Mono',monospace;font-size:9px;color:rgba(255,255,255,.25);letter-spacing:.06em}
.footer-links{display:flex;gap:28px;list-style:none}
.footer-links a{font-size:13px;color:rgba(255,255,255,.35);text-decoration:none;transition:color .15s}
.footer-links a:hover{color:rgba(255,255,255,.7)}
.footer-copy{font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,.2);white-space:nowrap}


/* ── HERO ── */
@keyframes glowPulse{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:.85;transform:translate(-50%,-50%) scale(1.08)}}
@media(prefers-reduced-motion: reduce){.hero-glow,.hfd-pulse{animation:none !important}}

.hero-wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:76px 0 96px;display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center}
.hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:26px;font-family:'DM Mono',monospace;font-size:13px;color:var(--text-2);letter-spacing:.1em;text-transform:uppercase}
.hero-dot{width:8px;height:8px;border-radius:50%;background:var(--purple);box-shadow:0 0 8px rgba(109,74,239,.5);flex-shrink:0}
.hero-h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(33px,3.35vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.04em;color:var(--text);margin-bottom:22px}
.hero-lead{font-size:17.5px;color:var(--text-2);line-height:1.65;max-width:520px;margin-bottom:34px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.hero-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;font-size:12.5px;color:var(--text-3)}
.hero-trust span{display:flex;align-items:center;gap:7px}

/* data foundation visual */
.hfd{position:relative;width:100%;max-width:440px;justify-self:end}
.hfd-halo{position:absolute;left:-16%;right:-16%;top:-14%;bottom:-12%;background:radial-gradient(58% 52% at 68% 22%,rgba(109,74,239,.20),transparent 70%),radial-gradient(52% 48% at 22% 82%,rgba(214,64,159,.15),transparent 70%);filter:blur(8px);pointer-events:none}
.hfd-srcs{position:relative;display:flex;gap:8px;width:280px;margin:0 auto}
.hfd-src{width:40px;height:40px;border-radius:12px;background:var(--white);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(23,15,48,.05);flex-shrink:0}
.hfd-caption{position:relative;text-align:center;font-family:'DM Mono',monospace;font-size:9px;color:var(--text-3);letter-spacing:.14em;text-transform:uppercase;margin-top:9px}
.hfd-wires{position:relative;display:block;width:280px;height:38px;margin:2px auto -2px}
.hfd-card{position:relative;background:var(--white);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 20px 52px -18px rgba(23,15,48,.24),0 2px 6px rgba(23,15,48,.04)}
.hfd-head{display:flex;align-items:center;gap:9px;padding:13px 15px;background:var(--off);border-bottom:1px solid var(--border)}
.hfd-name{font-family:'Bricolage Grotesque',sans-serif;font-size:14px;font-weight:800;letter-spacing:-.03em;color:var(--text)}
.hfd-tag{font-family:'DM Mono',monospace;font-size:8.5px;color:var(--purple);background:var(--purple-light);padding:3px 8px;border-radius:100px;letter-spacing:.08em}
.hfd-live{margin-left:auto;display:flex;align-items:center;gap:6px;font-family:'DM Mono',monospace;font-size:8.5px;color:var(--green);letter-spacing:.1em}
.hfd-pulse{width:6px;height:6px;border-radius:50%;background:var(--green);animation:hfdPulse 2s ease-in-out infinite}
@keyframes hfdPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(18,183,106,.45)}50%{opacity:.6;box-shadow:0 0 0 5px rgba(18,183,106,0)}}
.hfd-body{padding:13px 15px;display:flex;flex-direction:column;gap:7px}
.hfd-row{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;background:var(--off);border:1px solid var(--border)}
.hfd-bar{width:3px;height:20px;border-radius:2px;flex-shrink:0}
.hfd-lbl{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:.06em;color:var(--text);font-weight:500;width:100px;flex-shrink:0}
.hfd-desc{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hfd-ok{margin-left:auto;font-size:10px;color:var(--green);font-weight:700;flex-shrink:0}
.hfd-foot{display:flex;align-items:center;gap:9px;padding:11px 15px 30px;border-top:1px solid var(--border);font-family:'DM Mono',monospace;font-size:9.5px;color:var(--text-2);letter-spacing:.04em}
.hfd-sep{width:3px;height:3px;border-radius:50%;background:var(--border-2);flex-shrink:0}
.hfd-insight{position:absolute;left:-26px;bottom:-37px;display:flex;align-items:center;gap:11px;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:10px 14px;box-shadow:0 14px 34px -12px rgba(23,15,48,.28)}
.hfd-ins-icon{width:30px;height:30px;border-radius:9px;background:var(--green-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hfd-ins-t{font-size:12.5px;font-weight:600;color:var(--text);letter-spacing:-.01em}
.hfd-ins-s{font-family:'DM Mono',monospace;font-size:9px;color:var(--text-3);letter-spacing:.04em;margin-top:2px}

@media(max-width:1000px){
  .hero-wrap{grid-template-columns:1fr;gap:56px;padding:60px 0 92px}
  .hero-lead{max-width:600px}
  .hfd{justify-self:center;max-width:420px}
  .h1br{display:none}
}
@media(max-width:560px){
  .hfd-insight{position:static;margin-top:14px;box-shadow:0 8px 22px -10px rgba(23,15,48,.22)}
  .hfd-foot{padding-bottom:11px}
  .hfd-lbl{width:auto;white-space:nowrap;font-size:9px}
  .hfd-desc{font-size:10px}
  .hfd-foot{justify-content:center}
}

/* ── HERO VISUAL ── */
.hv-card{background:var(--white);border:1px solid var(--border);border-radius:24px;box-shadow:0 20px 80px rgba(109,74,239,0.1),0 4px 20px rgba(0,0,0,0.04);overflow:hidden;animation:fadeUp .6s .2s ease both}
.hv-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--off)}
.hv-dots{display:flex;gap:5px}
.hv-dots span{width:10px;height:10px;border-radius:50%}
.hv-dots span:nth-child(1){background:#ff5f57}
.hv-dots span:nth-child(2){background:#febc2e}
.hv-dots span:nth-child(3){background:#28c840}
.hv-label{font-family:'DM Mono',monospace;font-size:10px;color:var(--text-3);letter-spacing:.08em;flex:1}
.hv-status{display:flex;align-items:center;gap:6px;font-family:'DM Mono',monospace;font-size:10px;color:var(--green)}
.hv-pulse{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.8s ease infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}
.hv-body{padding:20px}
.hv-source-label{font-family:'DM Mono',monospace;font-size:9px;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.hv-source-list{display:flex;flex-direction:column;gap:6px}
.hv-source{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);font-size:12px;color:var(--text-2);font-weight:500}
.hv-source.done{background:var(--green-light);border-color:rgba(18,183,106,0.2)}
.hv-source-icon{font-size:14px}
.hv-source span:nth-child(2){flex:1}
.hv-check{color:var(--green);font-weight:700;font-size:12px}
.hv-divider{height:1px;background:var(--border);margin:16px 0}
.hv-model-list{display:flex;flex-direction:column;gap:7px}
.hv-model{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);font-size:12px;position:relative;overflow:hidden}
.hv-model.done{border-color:rgba(109,74,239,0.2);background:var(--purple-light)}
.hv-model.active{border-color:var(--purple)}
.hv-model.pending{opacity:.5}
.hv-model-bar{position:absolute;top:0;left:0;height:100%;background:rgba(109,74,239,0.06);z-index:0}
.hv-model-bar-anim{animation:barGrow 3s ease-in-out infinite alternate}
@keyframes barGrow{from{width:35%}to{width:80%}}
.hv-model-name{font-family:'DM Mono',monospace;font-size:10px;color:var(--text);position:relative;z-index:1}
.hv-model-tag{font-family:'DM Mono',monospace;font-size:9px;background:var(--purple-light);color:var(--purple);padding:2px 7px;border-radius:100px;position:relative;z-index:1}
.hv-model-tag.pending-tag{background:var(--off);color:var(--text-3)}
.hv-footer-row{display:flex;align-items:center;justify-content:space-between}
.hv-infra{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-3);font-family:'DM Mono',monospace}
.hv-infra-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}
.hv-time{font-family:'DM Mono',monospace;font-size:10px;color:var(--text-3)}
.hero-bottom{border-top:1px solid var(--border);padding:16px 0;background:var(--off);margin-top:60px}


/* STEPS FLOW */
.steps-grid{position:relative}
.steps-grid::before{content:'';position:absolute;top:48px;left:calc(12.5% + 13px);right:calc(12.5% + 13px);height:1px;background:linear-gradient(90deg,var(--purple) 0%,var(--pink) 100%);opacity:.2;z-index:0;pointer-events:none}

@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}


/* MOBILE MENU */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;margin-left:auto}
.hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .25s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;background:rgba(255,255,255,0.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:16px 5% 24px;z-index:99;flex-direction:column;gap:4px}
.mobile-menu.open{display:flex}
.mobile-menu a{font-size:16px;font-weight:500;color:var(--text-2);text-decoration:none;padding:10px 0;border-bottom:1px solid var(--border);transition:color .15s}
.mobile-menu a:last-child{border-bottom:none;margin-top:8px}
.mobile-menu a:hover{color:var(--text)}
.mobile-menu .mob-cta{background:var(--purple);color:white !important;padding:13px 20px;border-radius:100px;text-align:center;font-weight:600;border-bottom:none;font-size:15px}

@media(max-width:768px){
  /* NAV */
  nav{padding:0 20px;height:60px}
  .nav-logo svg{width:160px}
  .nav-links{display:none}
  .hamburger{display:flex}
  .mobile-menu{top:60px !important}

  /* HERO */
  section[style*="gradient(150deg"]{padding-top:68px}
  section[style*="gradient(150deg"] > div{padding:72px 5% 56px !important}
  section[style*="gradient(150deg"] h1{font-size:clamp(36px,9vw,56px) !important}
  section[style*="gradient(150deg"] p{font-size:16px !important}

  /* ALL TWO-COL GRIDS - inline and class-based */
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important;gap:32px !important}
  [style*="grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:1fr !important}
  .ai-grid,.smb-grid{grid-template-columns:1fr !important}
  [style*="padding-top:52px"]{padding-top:0 !important}
  [style*="padding-top:8px"]{padding-top:0 !important}

  /* SECTIONS */
  .section{padding:56px 5%}
  .section>*{max-width:none}
  .section-alt{padding:56px 5%}
  .fit-section{padding:56px 5%}

  /* STEPS */
  .steps-grid{grid-template-columns:1fr 1fr}

  /* SOL CARDS */
  .sol-grid-2{grid-template-columns:1fr}

  /* FIT */
  .fit-grid{grid-template-columns:1fr}

  /* LAYER DIAGRAM */
  .layer-row{flex-direction:column}
  .layer-label{width:100%;border-right:none;border-bottom:1px solid var(--border)}

  /* TECH BLOCK */
  .tech-block{padding:28px 24px}
  .tech-savings{flex-wrap:wrap;gap:20px}
  .tech-saving{min-width:40%;border-right:none !important;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}

  /* CTA */
  .cta-inner{padding:36px 24px}

  /* STATS ROW in vision/credibility */
  [style*="display:flex;gap:20px;margin-top:36px"]{flex-wrap:wrap}

  /* FOOTER */
  .footer-inner{flex-direction:column;align-items:flex-start;gap:20px}
}

@media(max-width:480px){
  .nav-logo svg{width:130px}
  nav{height:60px}
  section[style*="gradient(150deg"] > div{padding:60px 5% 48px !important}
  section[style*="gradient(150deg"] h1{font-size:36px !important}
  .steps-grid{grid-template-columns:1fr}
  .section{padding:48px 5%}
  .section>*{max-width:none}
  .section-alt{padding:48px 5%}
  .fit-section{padding:48px 5%}
  .cta-inner{padding:28px 20px}
  .tech-block h3{font-size:18px}
  .faq-q{font-size:15px;padding:16px 20px}
  .faq-a-inner{padding:12px 20px 18px}
  [style*="grid-template-columns:1fr 1fr;gap:20px"]{grid-template-columns:1fr !important}
}

/* ══════════════════════════════════════════════════════════════
   SHARED COMPONENTS — subpages and home-page teasers
   ══════════════════════════════════════════════════════════════ */
.nav-links a{white-space:nowrap}
.nav-links a[aria-current="page"]{color:var(--text)}
.mobile-menu a[aria-current="page"]{color:var(--purple)}

/* page hero (subpages) */
.page-hero{position:relative;overflow:hidden;background:var(--white);padding:150px 5% 84px}
.page-hero-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto}
.page-hero h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(36px,4.6vw,60px);font-weight:800;
  letter-spacing:-.04em;line-height:1.05;color:var(--text);max-width:960px;margin-bottom:22px}
.page-hero h1 .grad{color:var(--purple)}
.page-hero .lead{font-size:18.5px;color:var(--text-2);line-height:1.65;max-width:660px}
.page-halo{position:absolute;right:-10%;top:-40%;width:760px;height:760px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(109,74,239,.14),rgba(214,64,159,.07) 55%,transparent 72%)}

/* grids & cards */
.mgrid{display:grid;gap:20px}
.mgrid>*{min-width:0}
.mgrid.c2{grid-template-columns:repeat(2,1fr)}
.mgrid.c3{grid-template-columns:repeat(3,1fr)}
.mcard{position:relative;display:flex;flex-direction:column;background:var(--white);border:1.5px solid var(--border);
  border-radius:20px;padding:28px 28px 26px;color:inherit;text-decoration:none}
a.mcard{transition:transform .2s,box-shadow .2s,border-color .2s}
a.mcard:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(109,74,239,.10);border-color:var(--purple-mid)}
.mcard h3{font-family:'Bricolage Grotesque',sans-serif;font-size:21px;font-weight:700;letter-spacing:-.03em;
  line-height:1.18;color:var(--text);margin-bottom:10px}
.mcard p{font-size:14.5px;color:var(--text-2);line-height:1.62}
.mcard p b{color:var(--text);font-weight:600}
.mcard .foot-line{margin-top:auto;padding-top:18px;font-size:14.5px;color:var(--text);font-weight:600}
.mcard.pick{background:var(--purple-light);border-color:var(--purple-mid)}
.mcard.mute{background:transparent;border-style:dashed}
.mcard.mute h3,.mcard.mute .foot-line{color:var(--text-3)}
.mcard.mute h3{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--text-3)}
.mcard-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.mnum{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.pick .mnum{color:var(--purple)}
.mtag{display:inline-block;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 11px;border-radius:100px;white-space:nowrap;font-weight:500;background:var(--purple-light);color:var(--purple)}
.mtag.solid{background:var(--purple);color:#fff}
.mtag.grey{background:#eef0f4;color:#556070}
.big{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--purple)}
.link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:var(--purple);
  text-decoration:none;transition:gap .15s}
.link-arrow:hover{gap:10px}
.stat-box{padding:20px 24px;background:var(--white);border:1px solid var(--border);border-radius:16px;flex:1;min-width:110px}
.stat-box .big{font-size:36px;margin-bottom:4px}
.stat-box span{display:block;font-size:12px;color:var(--text-2);font-weight:500;line-height:1.4}
.stat-row{display:flex;gap:16px;flex-wrap:wrap}

/* dark band (e.g. Case 1) */
.dark-band{position:relative;overflow:hidden;background:#150f2e;color:#fff;padding:100px 5%}
.dark-band>.inner{position:relative;z-index:1;max-width:1180px;margin:0 auto}
.dark-band h2{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(30px,3.5vw,48px);font-weight:800;
  letter-spacing:-.04em;line-height:1.05;color:#fff;margin-bottom:18px}
.dark-band h2 .grad{color:var(--purple-mid)}
.dark-band .section-lead{color:rgba(255,255,255,.62)}
.dark-band .mcard{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.dark-band .mcard h3{color:#fff}
.dark-band .mcard p{color:rgba(255,255,255,.62)}
.dark-band .mtag{background:rgba(201,179,250,.16);color:var(--purple-mid)}
.dark-band .big{color:var(--purple-mid)}
.band-glow{position:absolute;border-radius:50%;pointer-events:none}

/* before → after */
.ba{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:18px;border-top:1px solid var(--border)}
.ba .was,.ba .now{font-family:'DM Mono',monospace;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase}
.ba .was{color:var(--text-3)}
.ba .now{color:var(--purple)}
.ba b{display:block;font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;text-transform:none;margin-top:6px}
.ba .was b{font-size:26px;color:var(--text-3);text-decoration:line-through;text-decoration-thickness:2px}
.ba .now b{font-size:32px;color:var(--purple)}
.ba .arrow{font-size:22px;color:var(--purple-mid)}

/* stat + text strip */
.strip{display:flex;align-items:center;gap:28px;margin-top:40px;flex-wrap:wrap}
.strip .rule{width:1px;height:58px;background:var(--border-2)}
.dark-band .strip .rule{background:rgba(255,255,255,.14)}
.strip .cap{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-top:10px}
.dark-band .strip .cap{color:rgba(255,255,255,.35)}
.strip p{flex:1 1 320px;font-size:17.5px;line-height:1.55;color:var(--text-2);max-width:700px}
.dark-band .strip p{color:rgba(255,255,255,.62)}

/* home-page highlights */
.cred-hl{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.principles{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.principle{display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:600;color:var(--text)}
.principle i{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px}
.teaser-foot{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}


/* fit checklist */
.fitlist{list-style:none;display:flex;flex-direction:column;gap:11px}
.fitlist li{display:flex;gap:10px;font-size:14.5px;color:var(--text-2);line-height:1.5}
.fitlist i{font-style:normal;font-weight:700;color:var(--text-3);flex-shrink:0}
.fitlist i.ok{color:#12b76a}

@media(max-width:900px){
  .mgrid.c2,.mgrid.c3{grid-template-columns:1fr}
  .cred-hl{grid-template-columns:1fr;gap:36px}
  .page-hero{padding:120px 5% 60px}
  .dark-band{padding:64px 5%}
  .strip .rule{display:none}
}

.footer-links{flex-wrap:wrap}

/* 6-item nav no longer fits below ~900px: switch to the hamburger earlier */
@media(max-width:1060px){.nav-links{display:none}.hamburger{display:flex}}

.mgrid.c4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.mgrid.c4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.mgrid.c4{grid-template-columns:1fr}}

/* ── home: video ── */
.video-head{margin-bottom:34px}
.video-head .section-lead{margin-bottom:0}
.video-frame{position:relative;max-width:1180px;margin:0;aspect-ratio:16/9;border-radius:22px;overflow:hidden;
  background:var(--off);border:1px solid var(--border);box-shadow:0 30px 80px -30px rgba(23,15,48,.35)}
.video-frame video{width:100%;height:100%;display:block;object-fit:cover}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;
  border:none;cursor:pointer;background:var(--purple);color:#fff;display:flex;align-items:center;justify-content:center;
  padding-left:5px;box-shadow:0 0 0 12px rgba(109,74,239,.18),0 14px 40px rgba(109,74,239,.45);transition:transform .2s}
.video-play:hover{transform:translate(-50%,-50%) scale(1.06)}

/* ── home: value ── */
.value-grid{margin-top:40px}
.mcard.value{padding:30px}
.v-ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.mcard.value .mnum{margin-bottom:8px}
.v-out{margin-top:auto;padding-top:16px;font-size:14.5px;font-weight:600;color:var(--purple)}

/* ── home: three steps ── */
.steps-line{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;counter-reset:s}
.steps-line li{background:var(--white);border:1.5px solid var(--border);border-radius:20px;padding:24px 26px;
  font-size:14.5px;line-height:1.6;color:var(--text-2)}
.steps-line span{display:block;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.12em;color:var(--purple);margin-bottom:10px}
.steps-line b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:21px;font-weight:700;letter-spacing:-.03em;
  color:var(--text);margin-bottom:6px}
@media(max-width:900px){.steps-line{grid-template-columns:1fr}}

/* ── shared: in-page jump links ── */
.jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.jump a{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;background:var(--white);border:1.5px solid var(--border);
  border-radius:100px;font-size:14px;font-weight:600;color:var(--text);text-decoration:none;transition:border-color .2s,color .2s}
.jump a:hover{border-color:var(--purple-mid);color:var(--purple)}
.jump span{font-family:'DM Mono',monospace;font-size:10.5px;color:var(--purple);letter-spacing:.06em}
[id]{scroll-margin-top:68px}

/* ── who: profiles ── */
.profile{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}
.profile.flip .gets{order:-1}
.profile-text p{font-size:17px;line-height:1.72;color:var(--text-2);margin-bottom:16px;max-width:600px}
.profile-price{margin-top:22px;padding:16px 20px;border-radius:14px;background:var(--purple-light);font-size:15px;color:var(--text-2)}
.profile-price b{color:var(--purple)}
.gets{list-style:none;display:flex;flex-direction:column;gap:12px}
.gets li{display:flex;gap:16px;align-items:flex-start;background:var(--white);border:1.5px solid var(--border);border-radius:18px;
  padding:20px 22px;font-size:14.5px;line-height:1.6;color:var(--text-2)}
.gets i{font-style:normal;flex-shrink:0;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  font-family:'DM Mono',monospace;font-size:12px;font-weight:500}
.gets b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.03em;color:var(--text);margin-bottom:4px}
@media(max-width:900px){.profile{grid-template-columns:1fr;gap:32px}.profile.flip .gets{order:0}}

/* ── home: value footer ── */
.value-more{text-align:center;margin-top:30px;font-family:'Bricolage Grotesque',sans-serif;font-size:20px;font-weight:700;letter-spacing:-.03em;color:var(--text-3)}
.verticals-label{flex-basis:100%;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin:0 0 4px}
.logos{display:flex;flex-wrap:wrap;align-items:center;column-gap:48px;row-gap:18px;margin-top:34px}
.logos .verticals-label{margin-right:0}
.logos img{display:block;width:auto;filter:grayscale(1);opacity:.6;transition:filter .25s,opacity .25s}
.logos img:hover{filter:none;opacity:1}
.logos .logo-smootio{height:30px}
.logos .logo-vetstor{height:36px;margin:-4px 0}
.principles.detailed{gap:16px;margin-top:28px}
.principles.detailed .principle{align-items:flex-start;font-weight:400}
.principles.detailed .principle i{margin-top:2px}
.principles.detailed b{display:block;font-size:15px;font-weight:600;color:var(--text);margin-bottom:3px}
.principles.detailed span{display:block;font-size:14px;line-height:1.6;color:var(--text-2)}
.cred-hl.detailed{align-items:start;grid-template-columns:1.25fr .75fr}
.stat-row.stacked{flex-direction:column;gap:14px;position:sticky;top:110px;margin-top:40px}
.stat-row.stacked .stat-box{display:flex;align-items:center;gap:22px;padding:26px 30px}
.stat-row.stacked .big{font-size:54px;margin:0;min-width:110px}
.stat-row.stacked span{font-size:14px}
@media(max-width:900px){.stat-row.stacked{position:static;flex-direction:row;flex-wrap:wrap;margin-top:0}
  .stat-row.stacked .stat-box{flex-direction:column;align-items:flex-start;gap:4px;padding:20px 22px}
  .stat-row.stacked .big{font-size:36px;min-width:0}}
.logos .logo-m60{height:40px}
.logos .logo-offforms{height:22px}
.logos-more{font-family:'Bricolage Grotesque',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text-3)}
.principles.boxed{margin-top:0;gap:12px}
.principles.boxed .principle{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:18px 20px;gap:14px}
.principles.boxed .principle i{width:36px;height:36px;border-radius:10px;font-size:15px}

.footer-nav{display:flex;flex-direction:column;align-items:center;gap:12px}
.footer-nav .footer-links{justify-content:center}
.footer-legal a{font-size:12px;opacity:.75}
@media(max-width:768px){.footer-nav{align-items:flex-start}.footer-nav .footer-links{justify-content:flex-start}}


/* ── breadcrumbs ── */
.crumbs{display:flex;align-items:center;gap:9px;margin-bottom:16px;font-family:'DM Mono',monospace;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase}
.crumbs a{color:var(--text-3);text-decoration:none;transition:color .15s}
.crumbs a:hover{color:var(--purple)}
.crumbs span[aria-hidden]{color:var(--border-2)}
.crumbs span[aria-current]{color:var(--purple);font-weight:500}

/* industries + client logos band (own section, between value and how it works) */
.trustband{padding:54px 5%}
.trustband .logos{margin-top:0}
@media(max-width:600px){.trustband{padding:48px 5%}}
.cta-tint{background:var(--off);border-top:1px solid var(--border)}


/* fit check moved into the home page "Who it's for" section */
.fitblock{margin-top:8px}
#who .section-lead{margin-bottom:28px}
.who-list{list-style:none;display:flex;flex-direction:column;gap:16px;margin:0;max-width:880px}
.who-list li{position:relative;padding-left:26px;font-size:16px;line-height:1.7;color:var(--text-2)}
.who-list li::before{content:'';position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--purple)}
.who-list b{color:var(--text);font-weight:700}
.fit-note{margin-top:14px;padding-left:2px;width:calc(50% - 10px);
  font-size:13.5px;line-height:1.55;color:var(--text-3)}
@media(max-width:900px){.fit-note{width:100%}}

/* pricing teaser on the home page */
.price-teaser{margin-top:36px;align-items:stretch}
.price-teaser p{margin-bottom:18px}
.pt-price{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);
  font-size:15px;color:var(--text-2)}
.pt-price b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:800;
  letter-spacing:-.03em;line-height:1.25;color:var(--purple)}
.pt-price span{display:block;margin-top:3px;font-size:13.5px;line-height:1.4;color:var(--text-3)}

/* compact one-week timeline on the home page, above the diagram */
.hp-flow{margin-top:48px}
.tl-intro{margin-top:0;font-size:15.5px;line-height:1.6;color:var(--text-2);max-width:720px}
.tl{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:34px 0 0;padding:0}
.tl li{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-right:10px}
.tl li::after{content:'';position:absolute;top:13px;left:46px;right:-4px;height:2px;background:var(--border-2);opacity:.55}
.tl li:last-child::after{display:none}
.tl-n{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;
  background:var(--purple-light);color:var(--purple);font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.04em}
.tl b{margin-top:14px;font-family:'Bricolage Grotesque',sans-serif;font-size:16px;font-weight:700;
  letter-spacing:-.025em;color:var(--text);line-height:1.25}
.tl em{margin-top:7px;font-style:normal;font-size:13.5px;line-height:1.55;color:var(--text-2)}
.tl-note{margin-top:34px;max-width:860px}
.tl-note p{font-size:14px;color:var(--text-2);line-height:1.65;margin:0}
.tl-note strong{color:var(--text);font-weight:600}
@media(max-width:1000px){.tl{grid-template-columns:repeat(2,1fr);gap:26px 20px}.tl li::after{display:none}}
@media(max-width:600px){.tl{grid-template-columns:1fr;gap:22px}}

/* industry chips in the Who it's for hero (replaces the old jump links) */
.hero-verticals{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:38px}
.hero-verticals .vchip{padding:8px 16px;border-radius:100px;background:var(--white);
  border:1.5px solid var(--border);font-size:14px;font-weight:600;color:var(--text);white-space:nowrap}
.who-hero{padding-bottom:110px}
@media(max-width:768px){.who-hero{padding-bottom:70px}}

/* how it works: why Google Cloud */
.gcp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.gcp-grid>div{display:flex;flex-direction:column;gap:9px;background:var(--off);
  border:1.5px solid var(--border);border-radius:18px;padding:24px 24px 26px}
.gcp-grid b{font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:700;
  letter-spacing:-.025em;color:var(--text);line-height:1.25}
.gcp-grid span{font-size:14.5px;color:var(--text-2);line-height:1.6}
@media(max-width:900px){.gcp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.gcp-grid{grid-template-columns:1fr}}

/* how it works: four ways to use the foundation */
.ways-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:46px}
.way{display:flex;flex-direction:column;background:var(--white);border:1.5px solid var(--border);
  border-radius:20px;padding:28px 28px 26px}
.way i{width:46px;height:46px;flex:none;border-radius:14px;display:flex;align-items:center;
  justify-content:center;margin-bottom:18px}
.way h3{font-family:'Bricolage Grotesque',sans-serif;font-size:19px;font-weight:700;letter-spacing:-.03em;
  color:var(--text);margin-bottom:9px;line-height:1.25}
.way p{font-size:15px;color:var(--text-2);line-height:1.65;margin-bottom:18px}
.ways-tag{display:block;margin-top:auto;padding-top:16px;border-top:1px solid var(--border);
  font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.06em;color:var(--text-3)}
@media(max-width:820px){.ways-grid{grid-template-columns:1fr}}

/* proof band: why the foundation comes first */
.proof-stats{display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:stretch;margin-top:46px;max-width:900px}
.proof-stat{background:var(--white);border:1.5px solid var(--border);border-radius:20px;padding:30px 28px 32px}
.proof-stat.good{border-color:rgba(18,183,106,.35)}
.proof-stat b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(46px,5.5vw,68px);
  font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--text-3);margin-bottom:14px}
.proof-stat.good b{color:var(--green)}
.proof-stat span{font-size:14.5px;color:var(--text-2);line-height:1.6}
.proof-arrow{display:flex;align-items:center;justify-content:center;color:var(--border-2)}
.proof-out{margin-top:30px;font-size:16px;color:var(--text-2);line-height:1.7;max-width:820px}
.proof-out a{color:var(--purple);font-weight:600;text-decoration:none;border-bottom:1px solid var(--purple-mid)}
.proof-out a:hover{border-bottom-color:var(--purple)}
@media(max-width:760px){.proof-stats{grid-template-columns:1fr;gap:14px}.proof-arrow{transform:rotate(90deg);padding:4px 0}}

/* proof band, story variant */
.proof-story{display:grid;grid-template-columns:1.25fr .85fr;gap:56px;align-items:start;margin-top:36px}
.proof-text p{font-size:16px;color:var(--text-2);line-height:1.75;margin-bottom:16px;max-width:620px}
.proof-text strong{color:var(--text);font-weight:600}
.proof-side{background:var(--white);border:1.5px solid var(--border);border-radius:20px;padding:30px 28px}
.proof-jump{display:flex;align-items:center;gap:14px}
.proof-jump span{font-family:'Bricolage Grotesque',sans-serif;font-size:40px;font-weight:800;letter-spacing:-.05em;color:var(--text-3);line-height:1}
.proof-jump i{flex:1;height:2px;background:linear-gradient(90deg,var(--border-2),var(--green));border-radius:2px}
.proof-jump b{font-family:'Bricolage Grotesque',sans-serif;font-size:52px;font-weight:800;letter-spacing:-.05em;color:var(--green);line-height:1}
.proof-label{margin-top:12px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}
.proof-built{list-style:none;margin:26px 0 0;padding-top:22px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:11px}
.proof-built li{position:relative;padding-left:20px;font-size:14.5px;color:var(--text);font-weight:600;line-height:1.4}
.proof-built li::before{content:'';position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--purple)}
@media(max-width:900px){.proof-story{grid-template-columns:1fr;gap:32px}}

/* beta signup form */
.signup-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start;margin-top:8px}
.signup{display:flex;flex-direction:column;gap:22px;max-width:520px}
.signup[hidden],.signup-done[hidden]{display:none}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-size:14.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}
.field label i{font-style:normal;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--purple);background:var(--purple-light);padding:2px 8px;border-radius:100px}
.field label i.opt{color:var(--text-3);background:var(--off)}
.field input{font-family:'DM Sans',sans-serif;font-size:15.5px;color:var(--text);background:var(--white);
  border:1.5px solid var(--border);border-radius:12px;padding:13px 16px;transition:border-color .15s,box-shadow .15s}
.field input::placeholder{color:var(--text-3)}
.field input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(109,74,239,.12)}
.field input[aria-invalid="true"]{border-color:#e5484d}
.field-hint{font-size:13px;color:var(--text-3);line-height:1.5}
.field-err{display:none;font-size:13px;color:#c62a2f;line-height:1.5}
.field-err.on{display:block}
.form-err{margin-top:-8px}
.check{display:flex;align-items:flex-start;gap:11px;font-size:14px;color:var(--text-2);line-height:1.6;cursor:pointer}
.check input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--purple);cursor:pointer}
.check a{color:var(--purple)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#f-submit{align-self:flex-start;border:none;cursor:pointer;font-family:'DM Sans',sans-serif}
#f-submit[disabled]{opacity:.55;cursor:default}
.signup-done{max-width:520px}
.done-tick{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:var(--green-light);color:var(--green);margin-bottom:20px}
.signup-done h2{margin-bottom:12px}
.signup-done p{font-size:16px;color:var(--text-2);line-height:1.7;margin-bottom:0}
.signup-side{background:var(--white);border:1.5px solid var(--border);border-radius:20px;padding:28px 28px 26px}
.side-label{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-3);margin-bottom:20px}
.side-steps{list-style:none;display:flex;flex-direction:column;gap:18px;margin:0;padding:0}
.side-steps li{display:flex;gap:14px;align-items:flex-start}
.side-steps span{width:26px;height:26px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--purple-light);color:var(--purple);font-family:'DM Mono',monospace;font-size:10.5px}
.side-steps b{display:block;font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:3px}
.side-steps div{font-size:14px;color:var(--text-2);line-height:1.55}
.side-note{margin-top:22px;padding-top:18px;border-top:1px solid var(--border);font-size:13.5px;
  color:var(--text-2);line-height:1.6}
@media(max-width:900px){.signup-wrap{grid-template-columns:1fr;gap:38px}}
.nav-cta.ghost{background:transparent;color:var(--text) !important;border:1.5px solid var(--border);padding:7px 18px}
.nav-cta.ghost:hover{opacity:1;border-color:var(--purple-mid);color:var(--purple) !important}
.mobile-menu .mob-cta.ghost{background:transparent;color:var(--text) !important;border:1.5px solid var(--border)}
/* Why trust us: boxes sit under the text, three across */
#credibility .principles.detailed.boxed{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
#credibility .principles.boxed .principle{align-items:flex-start;flex-direction:column;gap:14px;padding:26px 24px 28px}
@media(max-width:900px){#credibility .principles.detailed.boxed{grid-template-columns:1fr}}
/* Who it's for: boxes under the text, matching the home page rhythm */
.profile.stacked{display:block}
.profile.stacked .profile-text p{max-width:760px}
.profile.stacked .gets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.profile.stacked .gets li{flex-direction:column;gap:14px;padding:26px 24px 28px}
@media(max-width:900px){.profile.stacked .gets{grid-template-columns:1fr}}