/*
Theme Name: Strawbay Site
Theme URI: https://strawbay.io
Author: Strawbay
Author URI: https://strawbay.io
Description: Strawbay marketing site as a single installable theme. On activation it self-installs everything: integration module (applications, flows, packages), all pages, media, hero and customer marquee. Anchored Fintech Integrations.
Version: 1.0
License: Proprietary
Text Domain: strawbay-test
*/

@font-face{font-family:'SG';src:url('assets/fonts/sg-700.woff2') format('woff2');font-weight:700;font-display:swap;}
@font-face{font-family:'SG';src:url('assets/fonts/sg-500.woff2') format('woff2');font-weight:500;font-display:swap;}
@font-face{font-family:'IN';src:url('assets/fonts/inter-400.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'IN';src:url('assets/fonts/inter-500.woff2') format('woff2');font-weight:500;font-display:swap;}
@font-face{font-family:'IN';src:url('assets/fonts/inter-700.woff2') format('woff2');font-weight:700;font-display:swap;}
@font-face{font-family:'MO';src:url('assets/fonts/mono-400.woff2') format('woff2');font-weight:400;font-display:swap;}
:root{
  --purple:#6C5CCB;--indigo:#3D2FB8;--night:#14122E;--ink:#1B1A2E;--slate:#5A5872;
  --mist:#EDEAFB;--cloud:#F7F6FD;--green:#7CCE60;--greent:#EAF6E4;--line:#E4E1F2;--white:#fff;--maxw:1200px;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{overflow-x:hidden;}
html{scroll-behavior:smooth;}
body{font-family:'IN',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3,.dsp{font-family:'SG',sans-serif;letter-spacing:-0.02em;line-height:1.06;}
.mono{font-family:'MO',monospace;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.eyebrow{font-family:'MO';font-size:12px;letter-spacing:0.2em;text-transform:uppercase;color:var(--green);}
.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-family:'MO';font-size:14px;padding:11px 22px;border:1px solid transparent;white-space:nowrap;cursor:pointer;transition:.18s;}
.pill-solid{background:var(--purple);color:#fff;}
.pill-solid:hover{background:var(--indigo);}
.pill-ghost{background:transparent;color:var(--ink);border-color:var(--line);}
.pill-ghost.on-dark{color:#fff;border-color:rgba(255,255,255,.5);}
.btn-pill{font-family:'SG';font-weight:700;font-size:16px;padding:15px 32px;border-radius:999px;display:inline-flex;align-items:center;cursor:pointer;transition:.18s;}
.btn-purple{background:var(--purple);color:#fff;}
.btn-purple:hover{background:var(--indigo);transform:translateY(-1px);}

header.hdr{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:18px;}
.brand{display:flex;align-items:center;gap:8px;}
.brand img{height:38px;width:38px;}
.bwords{display:flex;flex-direction:column;line-height:1;}
.bname{font-family:'SG';font-weight:700;font-size:20px;color:var(--purple);}
.bslogan{font-family:'MO';font-size:10px;letter-spacing:0.02em;color:var(--green);margin-top:4px;white-space:nowrap;}
.nav{display:flex;align-items:center;gap:2px;}
.nav .item{position:relative;}
.nav .item>a{display:inline-flex;align-items:center;gap:5px;padding:10px 13px;font-size:15px;color:var(--slate);font-weight:500;white-space:nowrap;}
.nav .item:hover>a{color:var(--ink);}
.nav .item>a .chev{font-size:10px;color:var(--slate);}
.nav .menu{position:absolute;top:calc(100% + 4px);left:0;min-width:290px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(27,26,46,.12);padding:10px;display:none;}
/* invisible bridge across the gap so the dropdown does not vanish while the
   pointer travels from the menu item down onto the submenu */
.nav .menu::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;}
.nav .item:hover .menu{display:block;}
/* keep the dropdown open while the pointer is anywhere over the item or submenu */
.nav .item:focus-within .menu{display:block;}
.nav .menu a{display:block;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:500;color:var(--ink);}
.nav .menu a small{display:block;font-weight:400;color:var(--slate);font-size:12px;margin-top:1px;}
.nav .menu a:hover{background:var(--cloud);color:var(--indigo);}
.hcta{display:flex;gap:10px;align-items:center;}
.burger{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--ink);}

.hero{position:relative;min-height:640px;background:var(--night);overflow:hidden;max-width:var(--maxw);margin:0 auto;}
.hero .bg{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:72% 24%;}
.hero .scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,46,.80) 0%,rgba(20,18,46,.56) 38%,rgba(20,18,46,.26) 66%,rgba(20,18,46,.12) 100%);}
.hero .wrap{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:580px;padding-top:56px;padding-bottom:84px;}
.hero .content{max-width:640px;}
.hero h1{font-size:52px;color:#fff;margin:18px 0 22px;min-height:118px;transition:opacity .35s;}
.hero .sub{font-size:19px;color:rgba(255,255,255,.92);max-width:560px;margin-bottom:32px;}
.hero .actions{display:flex;gap:14px;flex-wrap:wrap;}
.hero .micro{display:flex;gap:26px;flex-wrap:wrap;margin-top:30px;font-family:'MO';font-size:13px;color:rgba(255,255,255,.7);}
.hero .micro b{color:var(--green);}
.webinar{position:relative;margin:-72px auto 0;max-width:var(--maxw);z-index:3;line-height:0;}
.webinar .top{display:block;width:100%;height:72px;}
.webinar .bar{background:var(--purple);line-height:normal;}
.webinar .bar .wrap{display:flex;align-items:center;justify-content:center;height:46px;}
.webinar span{font-size:14px;color:#fff;}
.webinar b{font-weight:700;}
.webinar a{color:#fff;font-weight:500;display:inline-flex;align-items:center;gap:5px;text-decoration:none;}
.webinar a span{text-decoration:underline;}
.webinar a svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}

section.block{padding:84px 0;}
.sec-head{max-width:680px;margin-bottom:44px;}
.sec-head.center{margin:0 auto 44px;text-align:center;}
.sec-head h2{font-size:36px;color:var(--purple);margin:12px 0 12px;}
.sec-head p{font-size:18px;color:var(--slate);}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.cards.four{grid-template-columns:repeat(4,1fr);gap:18px;}
.grid2x4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;transition:.2s;}
.card:hover{box-shadow:0 16px 40px rgba(27,26,46,.07);transform:translateY(-2px);}
.card .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'SG';font-weight:700;font-size:17px;margin-bottom:14px;background:var(--mist);color:var(--indigo);}
.card .ic.g{background:var(--greent);color:#3B6D11;}
.card h3{font-size:18px;margin-bottom:7px;}
.card p{font-size:14px;color:var(--slate);}
.ind{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--cloud);}
.ind .k{font-family:'MO';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);}
.ind h3{font-size:19px;margin:8px 0 6px;}
.ind p{font-size:13px;color:var(--slate);}
.prod{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;}
.prod h3{font-size:15px;margin-bottom:5px;}
.prod p{font-size:12.5px;color:var(--slate);line-height:1.45;}
.prod .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px;vertical-align:middle;}
.chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.chip{font-family:'MO';font-size:14px;color:var(--slate);background:var(--cloud);border:1px solid var(--line);border-radius:10px;padding:12px 20px;}
.trustbar{background:var(--cloud);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.trustbar .wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;padding:20px 24px;}
.trustbar .lbl{font-family:'MO';font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);}
.cpill{font-family:'MO';font-size:13px;padding:7px 14px;border-radius:22px;background:#fff;border:1px solid var(--line);color:var(--indigo);}
.proof{position:relative;border-radius:24px;overflow:hidden;min-height:420px;display:flex;align-items:flex-end;}
.proof img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 24%;}
.proof .sc{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,46,.78),rgba(20,18,46,.25));}
.proof .inner{position:relative;padding:46px;max-width:680px;}
.proof .q{font-family:'SG';font-weight:700;font-size:30px;color:#fff;line-height:1.25;}
.proof .q .hl{color:var(--green);}
.proof .by{font-family:'MO';font-size:13px;color:#C9C6E6;margin-top:16px;}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px;}
.stat{background:var(--cloud);border-radius:16px;padding:22px;}
.stat .num{font-family:'SG';font-weight:700;font-size:38px;color:var(--indigo);line-height:1;}
.stat .d{font-family:'SG';font-weight:500;font-size:16px;margin-top:8px;}
.stat .w{font-family:'MO';font-size:12px;color:var(--slate);margin-top:4px;}
.cta{position:relative;background:var(--purple);border-radius:24px;padding:60px 40px;text-align:center;color:#fff;overflow:hidden;}
.cta .edge{position:absolute;top:0;left:0;width:100%;height:6px;background:var(--green);}
.cta h2{font-size:38px;color:#fff;margin-bottom:14px;}
.cta p{font-size:18px;color:#E7E3FB;margin-bottom:26px;}
.cta .btn-white{background:#fff;color:var(--indigo);}
.cta .btn-white:hover{background:var(--greent);}
.btn-ghost-light{background:transparent;border:1px solid rgba(255,255,255,.55);color:#fff;}
.btn-ghost-light:hover{background:rgba(255,255,255,.12);border-color:#fff;}
footer.ft{position:relative;background:var(--night);color:#C9C6E6;padding:66px 0 32px;}
footer.ft .topedge{position:absolute;top:0;left:0;width:100%;height:4px;background:var(--green);}
.ft .top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:26px;}
.ft .brand .bname{color:#fff;}
.ft .desc{font-size:14px;color:#8C89B0;max-width:240px;margin-top:14px;}
.ft h4{font-family:'SG';color:#fff;font-size:14px;margin-bottom:13px;}
.ft ul{list-style:none;}
.ft li{margin-bottom:8px;font-size:14px;color:#A9A6CC;}
.ft li a:hover{color:#fff;}
.ft .bottom{display:flex;justify-content:space-between;align-items:center;margin-top:42px;padding-top:22px;border-top:1px solid #2c2960;font-family:'MO';font-size:12px;color:#8C89B0;flex-wrap:wrap;gap:10px;}
.endorse{display:inline-flex;align-items:center;gap:8px;}
.endorse .dot{width:6px;height:6px;border-radius:50%;background:var(--green);}
.blingdale{display:inline-flex;align-items:center;opacity:.78;transition:opacity .18s,transform .18s;}
.blingdale:hover{opacity:1;transform:translateY(-1px);}
.blingdale img{height:30px;width:auto;display:block;}

/* ---- Interactivity: subtle lift, zoom & colour shifts on hover ---- */
.ind,.prod,.chip,.cpill,.stat{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease;}
.card:hover,.ind:hover,.prod:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 40px rgba(27,26,46,.10);border-color:#D9D2F0;}
.card .ic{transition:transform .25s ease,background .2s ease,color .2s ease;}
.card:hover .ic{transform:scale(1.1) rotate(-4deg);}
.chip:hover{background:var(--mist);border-color:var(--purple);color:var(--ink);transform:translateY(-2px);}
.cpill:hover{border-color:var(--purple);color:var(--purple);transform:translateY(-2px);}
.stat:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(27,26,46,.08);}
.stat .num{transition:transform .2s ease;display:inline-block;}
.stat:hover .num{transform:scale(1.05);}
.proof{transition:box-shadow .25s ease;}
.proof img{transition:transform .6s ease;}
.proof:hover img{transform:scale(1.05);}
.ft li a{transition:color .15s ease,padding-left .15s ease;}
.ft li a:hover{padding-left:4px;}
.btn-pill:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(108,92,203,.28);}
a.brand{transition:opacity .15s ease;}
a.brand:hover{opacity:.85;}
@media(max-width:980px){
  /* header → mobile burger menu */
  .hdr .wrap{gap:10px;}
  .bslogan{display:none;}
  .hcta{display:none;}
  .burger{display:block;}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 22px 44px rgba(27,26,46,.14);padding:8px 0 16px;max-height:calc(100vh - 74px);overflow-y:auto;}
  .hdr.nav-open .nav{display:flex;}
  .nav .item{position:static;}
  .nav .item>a{padding:13px 24px;font-size:16px;width:100%;}
  .nav .menu{position:static;display:block;border:none;box-shadow:none;border-radius:0;min-width:0;padding:0 24px 10px;}
  .nav .menu a{padding:8px 12px;}
  /* hero */
  .hero{min-height:auto;}
  .hero .wrap{min-height:0;padding-top:44px;padding-bottom:72px;}
  .hero h1{font-size:34px;min-height:0;}
  .hero .sub{font-size:16px;}
  /* sections */
  .grid4,.cards,.cards.four,.grid2x4,.stats,.ft .top{grid-template-columns:1fr 1fr;}
  .sec-head h2,.cta h2,.proof .q{font-size:28px;}
  section.block{padding:60px 0;}
}
@media(max-width:560px){
  .grid4,.cards,.cards.four,.grid2x4,.stats,.ft .top{grid-template-columns:1fr;}
  .hero h1{font-size:30px;}
  .brand img{height:32px;width:32px;}
  .bname{font-size:18px;}
  .webinar .bar .wrap{flex-direction:column;height:auto;padding:12px 24px;gap:4px;}
}

/* ---- global image lightbox ---- */
.content img.sb-zoomable{cursor:zoom-in;transition:filter .15s ease;}
.content img.sb-zoomable:hover{filter:brightness(.97);}
.sb-lb{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:32px;background:rgba(20,18,46,.82);backdrop-filter:blur(3px);}
.sb-lb.is-open{display:flex;}
.sb-lb-fig{margin:0;max-width:92vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:12px;}
.sb-lb-fig img{max-width:92vw;max-height:82vh;width:auto;height:auto;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.4);}
.sb-lb-cap{font-family:'MO','JetBrains Mono',monospace;font-size:12px;letter-spacing:.04em;color:#EDEAFB;text-align:center;max-width:680px;}
.sb-lb-close{position:absolute;top:20px;right:24px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s;}
.sb-lb-close:hover{background:rgba(255,255,255,.18);border-color:#fff;}

/* ---- footer contact block ---- */
.ft-contact{display:block;font-style:normal;margin-top:18px;max-width:260px;font-size:14px;line-height:1.6;color:#A9A6CC;}
.ft-contact span{display:block;margin-bottom:12px;}
.ft-contact .ft-co{font-family:'SG';font-weight:700;color:#fff;margin-bottom:3px;}
.ft-contact .ft-vat{font-family:'MO';font-size:12px;letter-spacing:.04em;color:#8C89B0;}
.ft-contact .ft-reach a{color:var(--green);}
.ft-contact .ft-reach a:hover{color:#fff;}
@media(max-width:860px){ .ft-contact{max-width:none;} }

/* ---- article blockquote (case studies) ---- */
.content .sb-quote{margin:28px 0;padding:24px 26px;background:var(--cloud);border-left:4px solid var(--purple);border-radius:0 14px 14px 0;}
.content .sb-quote p{font-family:'SG','Space Grotesk',sans-serif;font-weight:700;font-size:20px;line-height:1.4;color:var(--ink);margin:0;}
.content .sb-quote cite{display:block;margin-top:14px;font-family:'MO','JetBrains Mono',monospace;font-style:normal;font-size:13px;color:var(--slate);}
.content .sb-quote .hl{color:var(--green);}

/* ---- article body heading rhythm (clear space above headings) ---- */
/* Article body: match the brand editor styles (editor-style.css) — purple H2s, airy rhythm. */
.content h2{font-size:28px;color:var(--purple);margin:1.9em 0 .5em;}
.content h3{font-size:18px;color:var(--ink);margin:1.5em 0 .4em;}
.content h2:first-child,.content h3:first-child{margin-top:0;}
.content .lead{font-size:20px;line-height:1.55;color:var(--ink);margin:0 0 1.4em;}
.content p{margin:0 0 1.35em;}
.content p:last-child{margin-bottom:0;}

/* ---- clickable story cards (stretched-link pattern, wpautop-safe) ---- */
.card.sb-story{position:relative;}
.card.sb-story .sb-readlink{color:var(--green);font-size:13px;display:inline-block;margin-top:12px;}
.card.sb-story .sb-readlink::after{content:"";position:absolute;inset:0;}
.card.sb-story:hover .sb-readlink{text-decoration:underline;}

/* ---- crew cards (About) ---- */
.sb-crew{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 2px 4px rgba(27,26,46,.04);transition:transform .2s ease,box-shadow .2s ease;}
.sb-crew:hover{box-shadow:0 16px 40px rgba(27,26,46,.10);transform:translateY(-3px);}
.sb-crew-photo{aspect-ratio:1/1;background-size:cover;background-position:center top;background-color:var(--cloud);}
.sb-crew h3{font-size:16px;margin:16px 20px 2px;}
.sb-crew .sb-role{font-family:'MO';font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin:0 20px 8px;}
.sb-crew .sb-bio{font-size:13px;color:var(--slate);margin:0 20px 20px;line-height:1.5;}

/* ---- whole-card external link (group / partner cards) ---- */
.card.sb-linked{position:relative;cursor:pointer;}
.card.sb-linked .sb-stretch{position:absolute;inset:0;z-index:1;}

/* ---- crew member dialog ---- */
.sb-crew.is-clickable{cursor:pointer;}
.sb-cm{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;}
.sb-cm.is-open{display:flex;}
.sb-cm-backdrop{position:absolute;inset:0;background:rgba(20,18,46,.82);backdrop-filter:blur(3px);}
.sb-cm-box{position:relative;z-index:1;background:#fff;border-radius:20px;max-width:540px;width:100%;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.4);}
.sb-cm-photo{aspect-ratio:1/1;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:var(--cloud);}
.sb-cm-body{padding:24px 28px 30px;}
.sb-cm-name{font-size:24px;color:var(--ink);margin:0 0 2px;}
.sb-cm-role{font-family:'MO';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin:0 0 14px;}
.sb-cm-bio{font-size:15px;color:var(--slate);line-height:1.7;margin:0;}
.sb-cm-close{position:absolute;top:14px;right:16px;z-index:2;width:40px;height:40px;border-radius:999px;border:none;background:rgba(255,255,255,.85);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;transition:background .15s;}
.sb-cm-close:hover{background:#fff;}

/* ---- crew dialog LinkedIn link ---- */
.sb-cm-li{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-family:'MO','JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#fff;background:var(--purple,#6C5CCB);padding:9px 16px;border-radius:999px;text-decoration:none;transition:background .15s,transform .12s;}
.sb-cm-li:hover{background:var(--indigo,#3D2FB8);transform:translateY(-1px);}
.sb-cm-li svg{width:16px;height:16px;fill:currentColor;}

/* ---- stance tags (compliance) ---- */
.sb-tag{display:inline-block;font-family:'MO','JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 11px;border-radius:999px;margin-bottom:12px;}
.sb-tag.t-now{background:var(--greent);color:#3B6D11;}
.sb-tag.t-road{background:var(--mist);color:var(--indigo);}
.sb-tag.t-na{background:var(--cloud);color:var(--slate);border:1px solid var(--line);}

/* ---- compliance card icons ---- */
.sb-cicon{display:block;width:32px;height:32px;color:var(--purple);margin-bottom:14px;}
.sb-cicon svg{width:100%;height:100%;display:block;overflow:visible;}
.sb-cicon,.sb-cicon svg *{transition:transform .25s ease;}
.sb-cicon .acc{animation:sbcpulse 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
@keyframes sbcpulse{0%,100%{opacity:.45}50%{opacity:1}}
.card{transition:transform .2s ease,box-shadow .2s ease;}
/* hover: icon springs to life */
.card:hover .sb-cicon{transform:scale(1.14) rotate(-5deg);}
.card:hover .sb-cicon .acc{animation:sbcping .6s ease;opacity:1;}
@keyframes sbcping{0%{transform:scale(1)}45%{transform:scale(1.35)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.sb-cicon .acc{animation:none;}.card:hover .sb-cicon{transform:none;}}

/* ============ FRONT PAGE — wow hero + sections ============ */
.sb-hero2{position:relative;background:var(--night);overflow:hidden;max-width:var(--maxw);margin:0 auto;}
.sb-hero2::before{content:"";position:absolute;top:-180px;right:-140px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(108,92,203,.55),rgba(108,92,203,0) 62%);z-index:0;pointer-events:none;}
.sb-hero2::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg,#000,transparent 75%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 75%);}
.sb-hero2 .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center;padding:74px 24px 88px;}
.sb-hero2 .h2col{max-width:560px;}
.sb-hero2 .eyebrow{color:var(--green);}
.sb-hero2 h1{font-family:'SG';font-weight:700;letter-spacing:-.02em;font-size:54px;line-height:1.04;color:#fff;margin:16px 0 20px;}
.sb-hero2 h1 .hl{color:var(--green);}
.sb-hero2 .sub{font-size:19px;line-height:1.6;color:rgba(255,255,255,.9);max-width:520px;margin-bottom:30px;}
.sb-hero2 .actions{display:flex;gap:14px;flex-wrap:wrap;}
.sb-hero2 .micro{display:flex;gap:26px;flex-wrap:wrap;margin-top:30px;font-family:'MO';font-size:13px;color:rgba(255,255,255,.72);}
.sb-hero2 .micro b{color:var(--green);}
/* browser-chrome framed live demo */
.sb-screen-wrap{position:relative;z-index:1;}
.sb-screen-wrap::before{content:"";position:absolute;inset:-26px -26px -40px;background:radial-gradient(60% 60% at 62% 40%,rgba(124,206,96,.22),transparent 70%);filter:blur(8px);z-index:0;pointer-events:none;}
.sb-screen{position:relative;z-index:1;border-radius:14px;overflow:hidden;background:#0e0c24;box-shadow:0 34px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.07);transform:perspective(1600px) rotateY(-4deg) rotateX(1.5deg);transition:transform .5s ease;}
.sb-screen:hover{transform:perspective(1600px) rotateY(0) rotateX(0);}
.sb-screen-bar{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;background:#1b1840;border-bottom:1px solid rgba(255,255,255,.07);}
.sb-screen-bar i{width:11px;height:11px;border-radius:50%;display:block;}
.sb-screen-bar i:nth-child(1){background:#ff5f57;}
.sb-screen-bar i:nth-child(2){background:#febc2e;}
.sb-screen-bar i:nth-child(3){background:#28c840;}
.sb-screen-bar .sb-url{margin-left:12px;font-family:'MO';font-size:11px;color:rgba(255,255,255,.4);}
.sb-screen .sb-demo{margin:0;--sbd-max:100%;}
.sb-screen .sb-demo,.sb-screen .sb-demo-stage,.sb-screen .sb-demo-video{border-radius:0 !important;max-width:100%;display:block;}
.sb-screen .sb-demo-cap{display:none;}
@media(max-width:980px){
  .sb-hero2 .wrap{grid-template-columns:1fr;gap:34px;padding:54px 24px 64px;}
  .sb-hero2 h1{font-size:36px;}
  .sb-screen{transform:none;}
  .sb-hero2 .h2col{max-width:none;}
}
/* ---- "see the console" demo band ---- */
.sb-demoband{background:var(--cloud);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sb-demoband .sb-screen{max-width:880px;margin:8px auto 0;transform:none;}
.sb-demoband .sb-screen:hover{transform:translateY(-3px);}

/* linked industry / product cards on front page */
a.ind,a.prod{display:block;color:inherit;}
a.ind:hover,a.prod:hover{border-color:#D9D2F0;}
.sb-agent{border:1px solid var(--line);border-radius:18px;padding:26px;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.sb-agent:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(27,26,46,.10);border-color:#D9D2F0;}
.sb-agent .sb-aname{font-family:'SG';font-weight:700;font-size:19px;color:var(--ink);}
.sb-agent .sb-arole{font-family:'MO';font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin:2px 0 12px;}
.sb-agent p{font-size:14px;color:var(--slate);}
.sb-agent .sb-aglyph{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:var(--mist);color:var(--indigo);}
.sb-agent .sb-aglyph svg{width:24px;height:24px;}

/* two-column split: text + media (used on Agents & MCP hero) */
.sb-split{display:flex;gap:42px;align-items:center;margin:6px 0 10px;flex-wrap:wrap;}
.sb-split-text{flex:1 1 320px;min-width:300px;}
.sb-split-media{flex:1 1 400px;min-width:300px;}
.sb-split .sb-demo{margin:0;max-width:100%;}
@media(max-width:820px){.sb-split{gap:22px;}.sb-split-text,.sb-split-media{flex-basis:100%;}}

/* secondary pill for light backgrounds */
.btn-pill.btn-ghost{background:transparent;color:var(--purple);box-shadow:inset 0 0 0 1.5px var(--purple);}
.btn-pill.btn-ghost:hover{background:var(--purple);color:#fff;box-shadow:none;}