/* Brainchild Technologies — brainchildtechnologies.net
   Layout, colour and type values come from the design export
   (brainchild_1.html). Font is self-hosted rather than fetched from
   Google Fonts, because the CSP in _headers allows 'self' only. */

/* ---------- Font (self-hosted, variable 300–600) ---------- */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(/fonts/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(/fonts/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---------- Design export ---------- */
body{margin:0;background:#050d15;font-family:Manrope,"Helvetica Neue",sans-serif;color:#e6eef5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ol,ul,li{margin:0}
ol,ul{padding:0;list-style:none}
button{font-family:inherit}
html{scroll-behavior:smooth}
#how-it-works,#why,#founder,#capabilities{scroll-margin-top:36px}

.v{position:relative;container-type:inline-size;width:100%;background:#050d15;overflow:hidden;isolation:isolate}
.v *{box-sizing:border-box}
.v-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.v-bg-a{position:absolute;top:-340px;right:-8%;width:1100px;height:900px;background:radial-gradient(ellipse at center,rgba(56,130,190,0.36) 0%,rgba(20,60,95,0.15) 38%,rgba(5,13,21,0) 70%)}
.v-bg-b{position:absolute;top:1500px;left:-18%;width:900px;height:900px;background:radial-gradient(circle at center,rgba(40,100,155,0.13) 0%,rgba(5,13,21,0) 68%)}
.v-bg-c{position:absolute;bottom:-160px;left:28%;width:1000px;height:800px;background:radial-gradient(ellipse at center,rgba(56,130,190,0.1) 0%,rgba(5,13,21,0) 68%)}
.v-wrap{position:relative;z-index:1}
.v-band{position:relative;z-index:0}
.v-band::before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:100cqw;z-index:-1;pointer-events:none}
.v-band-demo::before{top:-70px;bottom:-60px;background:linear-gradient(180deg,rgba(2,6,10,0) 0%,rgba(2,6,10,0.7) 16%,rgba(2,6,10,0.82) 70%,rgba(2,6,10,0) 100%)}
.v-band-why::before{top:-90px;bottom:-70px;background:linear-gradient(180deg,rgba(9,13,17,0) 0%,rgba(10,14,18,0.92) 15%,rgba(11,15,19,0.96) 58%,rgba(9,13,17,0) 100%)}
.v-band-founder::before{top:-140px;bottom:-240px;background:radial-gradient(ellipse 68% 58% at 50% 38%,rgba(52,122,182,0.16) 0%,rgba(5,13,21,0) 70%)}
.v-band-why .v-loss-tile{background:linear-gradient(180deg,#0b1218,#080d12);border-color:rgba(142,166,186,0.09)}
.v-band-why .v-pill{color:#8199aa;border-color:rgba(142,166,186,0.14)}
.v-band-why .v-h2{color:#e9eff4}
.v-band-why .v-loss-vis{background:#060a0e;border-color:rgba(142,166,186,0.05)}
.v-in{width:100%;max-width:1320px;margin:0 auto;padding-left:clamp(20px,5.6cqi,84px);padding-right:clamp(20px,5.6cqi,84px)}

.v-sec{padding-top:clamp(84px,10cqi,152px)}
.v-rule{height:1px;background:linear-gradient(90deg,rgba(150,185,215,0) 0%,rgba(150,185,215,0.16) 22%,rgba(150,185,215,0.16) 78%,rgba(150,185,215,0) 100%)}
.v-label{font-size:11.5px;letter-spacing:0.26em;color:#7ea4c4}
.v-h1{font-size:clamp(42px,6.1cqi,86px);line-height:1.04;letter-spacing:-0.035em;font-weight:300;color:#f4f8fc}
.v-h2{font-size:clamp(29px,3.7cqi,52px);line-height:1.12;letter-spacing:-0.03em;font-weight:300;color:#f2f7fb}
.v-h3{font-size:18.5px;font-weight:500;letter-spacing:-0.01em;color:#f1f5f9}
.v-lead{font-size:clamp(16px,1.35cqi,19px);line-height:1.68;color:#a8bbcc;max-width:620px}
.v-body{font-size:14.5px;line-height:1.65;color:#93a7ba}

.v-nav{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.v-navcta{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 19px;border-radius:999px;border:1px solid rgba(160,195,225,0.26);background:linear-gradient(180deg,rgba(98,177,232,0.1),rgba(98,177,232,0.03));font-size:14px;font-weight:500;color:#eaf2f9;transition:border-color 0.25s ease,background 0.25s ease,transform 0.2s ease}
.v-navcta:hover{border-color:rgba(98,177,232,0.7);background:linear-gradient(180deg,rgba(98,177,232,0.2),rgba(98,177,232,0.07));transform:translateY(-1px)}

.v-hero{position:relative;text-align:center;padding-top:clamp(56px,7.5cqi,124px);padding-bottom:clamp(40px,4.4cqi,72px)}
.v-hero .v-lead{margin-left:auto;margin-right:auto}
.v-hero .v-ctas{justify-content:center}
.v-heroglow{position:absolute;left:50%;top:-180px;width:min(1240px,122cqw);height:860px;z-index:-1;pointer-events:none;opacity:0.95;transform:translateX(-50%);--tm:1}
.v-heroglow i{position:absolute;display:block;border-radius:50%;filter:blur(54px);will-change:transform;animation-timing-function:cubic-bezier(0.37,0,0.63,1)}
.v-hg1{left:2%;top:18%;width:50%;height:56%;background:radial-gradient(circle at 50% 50%,rgba(120,196,246,0.95) 0%,rgba(52,126,192,0.5) 44%,rgba(6,16,26,0) 68%);animation:vdrift1 26s cubic-bezier(0.37,0,0.63,1) infinite}
.v-hg2{right:0%;top:2%;width:44%;height:50%;background:radial-gradient(circle at 50% 50%,rgba(92,172,234,0.85) 0%,rgba(32,96,158,0.4) 44%,rgba(6,16,26,0) 68%);animation:vdrift2 22s cubic-bezier(0.37,0,0.63,1) infinite}
.v-hg3{left:24%;bottom:-2%;width:54%;height:44%;background:radial-gradient(circle at 50% 50%,rgba(146,212,250,0.62) 0%,rgba(42,110,178,0.26) 46%,rgba(6,16,26,0) 70%);animation:vdrift3 30s cubic-bezier(0.37,0,0.63,1) infinite}
@keyframes vdrift1{
  0%{transform:translate3d(0,0,0) scale(1)}
  22%{transform:translate3d(calc(38px * var(--tm)),calc(-26px * var(--tm)),0) scale(1.03)}
  46%{transform:translate3d(calc(15px * var(--tm)),calc(30px * var(--tm)),0) scale(1.01)}
  70%{transform:translate3d(calc(-33px * var(--tm)),calc(19px * var(--tm)),0) scale(1.04)}
  88%{transform:translate3d(calc(-16px * var(--tm)),calc(-12px * var(--tm)),0) scale(1.02)}
  100%{transform:translate3d(0,0,0) scale(1)}}
@keyframes vdrift2{
  0%{transform:translate3d(0,0,0) scale(1.02)}
  26%{transform:translate3d(calc(-29px * var(--tm)),calc(21px * var(--tm)),0) scale(1)}
  52%{transform:translate3d(calc(19px * var(--tm)),calc(33px * var(--tm)),0) scale(1.03)}
  74%{transform:translate3d(calc(33px * var(--tm)),calc(-17px * var(--tm)),0) scale(1.01)}
  100%{transform:translate3d(0,0,0) scale(1.02)}}
@keyframes vdrift3{
  0%{transform:translate3d(0,0,0) scale(1)}
  30%{transform:translate3d(calc(25px * var(--tm)),calc(-29px * var(--tm)),0) scale(1.03)}
  58%{transform:translate3d(calc(-21px * var(--tm)),calc(-13px * var(--tm)),0) scale(1.01)}
  82%{transform:translate3d(calc(-30px * var(--tm)),calc(23px * var(--tm)),0) scale(1.02)}
  100%{transform:translate3d(0,0,0) scale(1)}}
@media (prefers-reduced-motion: reduce){.v-heroglow i{animation:none}}
.v-pill-wrap{display:flex;align-items:center;justify-content:center;gap:18px;width:100%}
.v-pill-wrap::before,.v-pill-wrap::after{content:"";height:1px;flex:1 1 0;max-width:220px}
.v-pill-wrap::before{background:linear-gradient(90deg,rgba(150,185,215,0) 0%,rgba(150,185,215,0.26) 100%)}
.v-pill-wrap::after{background:linear-gradient(90deg,rgba(150,185,215,0.26) 0%,rgba(150,185,215,0) 100%)}
.v-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:999px;border:1px solid rgba(150,185,215,0.18);background:rgba(255,255,255,0.022);font-size:11px;letter-spacing:0.22em;color:#9ab6cd;white-space:nowrap}
.v-centered{text-align:center}
.v-centered .v-lead{margin-left:auto;margin-right:auto}
.v-ctas{display:flex;flex-wrap:wrap;gap:13px;margin-top:36px}
.v-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:54px;padding:0 26px;border-radius:999px;font-size:15px;font-weight:500;white-space:nowrap;transition:transform 0.22s ease,box-shadow 0.3s ease,background 0.3s ease,border-color 0.3s ease}
.v-btn-dark{background:linear-gradient(180deg,#7cc2f1,#4f9fd6);color:#062134;box-shadow:0 14px 30px -14px rgba(98,177,232,0.9),inset 0 1px 0 rgba(255,255,255,0.45)}
.v-btn-dark:hover{transform:translateY(-2px);box-shadow:0 22px 42px -14px rgba(98,177,232,0.95),inset 0 1px 0 rgba(255,255,255,0.55)}
.v-btn-line{border:1px solid rgba(180,210,235,0.3);color:#e9f1f8;background:rgba(255,255,255,0.015)}
.v-btn-line:hover{transform:translateY(-2px);border-color:rgba(98,177,232,0.6);background:rgba(98,177,232,0.08)}
.v-btn-arrow{transition:transform 0.3s cubic-bezier(0.2,0.7,0.2,1)}
.v-btn:hover .v-btn-arrow{transform:translateX(4px)}

.v-tabs{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px}
.v-tab{display:flex;align-items:center;gap:9px;height:44px;padding:0 20px 0 16px;border-radius:999px;font-size:14.5px;white-space:nowrap;transition:background 0.3s ease,border-color 0.3s ease,color 0.3s ease,transform 0.18s ease,box-shadow 0.3s ease}
.v-tab:hover{color:#e9f1f8}
.v-tab:active{transform:scale(0.97)}
.v-tab:focus:not(:focus-visible){outline:none}
.v-tab svg{opacity:0.85}
.v-blurb{max-width:640px;margin:20px auto 0;text-align:center;font-size:15.5px;line-height:1.6;color:#93a7ba}
.v-seg{display:flex;gap:4px;width:max-content;margin:26px auto 0;padding:4px;border-radius:999px;background:linear-gradient(180deg,rgba(16,30,43,0.95),rgba(9,18,27,0.95));border:1px solid rgba(150,185,215,0.16);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}
.v-seg-btn{display:flex;align-items:center;gap:9px;height:44px;padding:0 22px;border-radius:999px;border:none;font-size:14.5px;font-weight:500;transition:background 0.3s ease,color 0.3s ease,box-shadow 0.3s ease}
.v-seg-btn:focus:not(:focus-visible){outline:none}

.v-demo{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:600px;margin:26px auto 0}
.v-card{position:relative;border-radius:22px;background:linear-gradient(180deg,#0f1d29,#0a141d);border:1px solid rgba(150,185,215,0.13);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 40px 80px -44px rgba(0,0,0,1);transition:transform 0.4s cubic-bezier(0.2,0.7,0.2,1),border-color 0.4s ease,box-shadow 0.4s ease}
.v-chat{overflow:hidden;display:flex;flex-direction:column;min-height:440px}
.v-chat-head{display:flex;align-items:center;gap:12px;padding:15px 18px;background:linear-gradient(180deg,#16242f,#121e28);border-bottom:1px solid rgba(150,185,215,0.08)}
.v-av{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#eaf4ff}
.v-chat-body{flex-grow:1;background:#080f16;padding:20px 16px 16px;display:flex;flex-direction:column;gap:9px}
.v-msg{max-width:80%;padding:9px 13px 7px;display:flex;flex-direction:column;gap:3px;box-shadow:0 14px 26px -20px rgba(0,0,0,1)}
.v-msg-in{background:#18242e;border:1px solid rgba(150,185,215,0.07);border-radius:14px 14px 14px 5px}
.v-msg-out{background:linear-gradient(180deg,#10624f,#0b4c3f);border-radius:14px 14px 5px 14px}
.v-msg-t{font-size:14.5px;line-height:1.5;color:#e7eef4}
.v-msg-m{align-self:flex-end;display:flex;align-items:center;gap:5px;font-size:10px;color:rgba(203,223,238,0.45)}
.v-rail{align-self:center;display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:14px}
.v-rail-step{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:#8ba2b6}
.v-rail-dot{width:6px;height:6px;border-radius:50%;background:#62b1e8}
.v-done{display:inline-flex;align-items:center;gap:9px;margin-top:3px;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;color:#8fe3b7;background:rgba(61,220,132,0.1);border:1px solid rgba(95,211,160,0.28);box-shadow:0 0 34px -14px rgba(95,211,160,0.8)}
.v-input{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#080f16;border-top:1px solid rgba(255,255,255,0.045)}
.v-input-box{flex-grow:1;height:42px;border-radius:999px;background:#18242e;border:1px solid rgba(150,185,215,0.06);display:flex;align-items:center;padding:0 18px;font-size:14px;color:#7c8fa1}
.v-mic{width:42px;height:42px;border-radius:50%;background:#0a7d63;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.v-wave{height:46px;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden}
.v-bar{width:3px;border-radius:3px;background:linear-gradient(180deg,#8fcaf2,#3f8ec7);animation:vwave 1.25s ease-in-out infinite alternate;transform-origin:50% 50%}
@keyframes vwave{from{transform:scaleY(0.4)}to{transform:scaleY(1)}}
.v-line-tag{flex-shrink:0;width:66px;font-size:10px;letter-spacing:0.14em}

.v-caps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:52px;border-top:1px solid rgba(150,185,215,0.14)}
.v-cap{position:relative;display:flex;flex-direction:column;gap:9px;padding:30px 20px 32px;border-left:1px solid rgba(150,185,215,0.1);transition:background 0.4s ease}
.v-cap:first-child{border-left:none;padding-left:0}
.v-cap::before{content:"";position:absolute;left:-1px;top:0;width:1px;height:0;background:linear-gradient(180deg,#62b1e8,rgba(98,177,232,0));transition:height 0.5s cubic-bezier(0.2,0.7,0.2,1)}
@media (hover: hover) and (pointer: fine){
  .v-cap:hover::before{height:100%}
  .v-cap:hover{background:linear-gradient(180deg,rgba(98,177,232,0.06),rgba(98,177,232,0))}
    .v-card:hover{border-color:rgba(98,177,232,0.28)}
}
.v-cap-i{width:40px;height:40px;align-self:center;margin-bottom:8px}
.v-cap-n{font-size:11.5px;letter-spacing:0.2em;color:#5c7f9e}
.v-cap-eg{font-size:13px;line-height:1.5;color:#6f8598}

.v-story{margin-top:clamp(36px,4cqi,60px)}
.v-story-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4cqi,64px);align-items:start;margin-top:20px}
.v-loss{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.v-loss-tile{display:flex;flex-direction:column;gap:16px;padding:20px 20px 24px;border-radius:18px;background:linear-gradient(180deg,#0c1620,#09121a);border:1px solid rgba(150,185,215,0.1);transition:transform 0.4s cubic-bezier(0.2,0.7,0.2,1),border-color 0.4s ease}
.v-loss-tile:hover{transform:translateY(-3px);border-color:rgba(150,185,215,0.2)}
.v-loss-vis{height:168px;border-radius:12px;background:#070d13;border:1px solid rgba(150,185,215,0.05);padding:16px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.v-mini{display:inline-block;max-width:88%;padding:7px 11px;font-size:12.5px;line-height:1.4;color:#dde7ef}
.v-mini-in{align-self:flex-start;background:#18242e;border-radius:10px 10px 10px 3px}
.v-mini-out{align-self:flex-end;background:#134a3e;border-radius:10px 10px 3px 10px}
.v-miss{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;background:#101b25;border:1px solid rgba(228,130,130,0.12)}

.v-founder{display:grid;grid-template-columns:auto minmax(0,1fr);gap:34px;align-items:start;padding:clamp(26px,3.2cqi,44px);border-radius:24px;background:linear-gradient(180deg,rgba(15,29,42,0.85),rgba(8,17,26,0.85));border:1px solid rgba(150,185,215,0.12);box-shadow:inset 0 1px 0 rgba(255,255,255,0.045),0 40px 80px -50px rgba(0,0,0,1);margin-top:28px}
.v-portrait{width:112px;height:112px;border-radius:50%;object-fit:cover;border:1px solid rgba(160,195,225,0.25);box-shadow:0 0 0 6px rgba(98,177,232,0.06)}
.v-li{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(160,195,225,0.24);font-size:13px;font-weight:500;color:#a8bbcc;transition:color 0.25s ease,border-color 0.25s ease,background 0.25s ease}
.v-li:hover{color:#ffffff;border-color:rgba(98,177,232,0.65);background:rgba(98,177,232,0.08)}

.v-foot{margin-top:clamp(68px,8cqi,116px);padding:44px 0 40px;border-top:1px solid rgba(150,185,215,0.12)}
.v-foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px}
.v-foot-col{display:flex;flex-direction:column;gap:11px}
.v-foot-h{font-size:11.5px;letter-spacing:0.22em;color:#6d8296}
.v-foot-l{font-size:14.5px;color:#9cb0c2;transition:color 0.22s ease}
.v-foot-l:hover{color:#ffffff}
.v-foot-bar{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;align-items:center;margin-top:40px;padding-top:22px;border-top:1px solid rgba(150,185,215,0.08);font-size:13px;color:#6d8296}

@keyframes vmsgA{from{opacity:0;transform:translateY(12px) scale(0.985)}to{opacity:1;transform:none}}
@keyframes vmsgB{from{opacity:0;transform:translateY(12px) scale(0.985)}to{opacity:1;transform:none}}
@keyframes vstepA{0%{opacity:0;transform:translateY(6px)}35%{opacity:1;transform:none}100%{opacity:0.45;transform:none}}
@keyframes vstepB{0%{opacity:0;transform:translateY(6px)}35%{opacity:1;transform:none}100%{opacity:0.45;transform:none}}
@keyframes vdoneA{0%{opacity:0;transform:translateY(8px) scale(0.92)}60%{opacity:1;transform:scale(1.04)}100%{opacity:1;transform:none}}
@keyframes vdoneB{0%{opacity:0;transform:translateY(8px) scale(0.92)}60%{opacity:1;transform:scale(1.04)}100%{opacity:1;transform:none}}
@keyframes vrise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.v-rise{animation:vrise 1s cubic-bezier(0.2,0.7,0.2,1) both}
.v-rise-2{animation-delay:0.1s}
.v-rise-3{animation-delay:0.2s}
.v-rise-4{animation-delay:0.3s}
.v-rise-5{animation-delay:0.42s}
.v-reveal{transition:opacity 1s cubic-bezier(0.2,0.7,0.2,1),transform 1s cubic-bezier(0.2,0.7,0.2,1)}
.v.v-anim .v-reveal:not(.is-in){opacity:0;transform:translateY(26px)}
.v-loss-tile.v-reveal:nth-child(2){transition-delay:0.1s}
.v-loss-tile.v-reveal:nth-child(3){transition-delay:0.2s}
@media (prefers-reduced-motion: reduce){.v *{animation:none !important;transition:none !important}.v.v-anim .v-reveal:not(.is-in){opacity:1;transform:none}.v-track-fill{height:100%}}

.v-flow{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2cqi,30px);width:100%;max-width:1080px;margin:clamp(46px,5.5cqi,80px) auto 0;text-align:left}
.v-flow-col{display:flex;flex-direction:column;gap:10px;flex:1 1 0;min-width:0;max-width:300px}
.v-flow-cap{font-size:10.5px;letter-spacing:0.2em;color:#5c7f9e;margin-bottom:3px}
.v-flow-item{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:13px;border:1px solid rgba(150,185,215,0.12);background:linear-gradient(180deg,rgba(18,32,45,0.92),rgba(10,20,29,0.92));box-shadow:0 18px 34px -30px rgba(0,0,0,1)}
.v-flow-item svg{flex-shrink:0}
.v-flow-item span{font-size:13.5px;line-height:1.35;color:#c4d6e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-flow-out .v-flow-item{border-color:rgba(98,177,232,0.2);background:linear-gradient(180deg,rgba(20,38,55,0.92),rgba(11,22,33,0.92))}
.v-flow-out .v-flow-item span{color:#e0edf7}
.v-flow-arrow{flex:0 0 auto;display:block;color:#3e668a}
.v-flow-core{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:13px}
.v-flow-orb{position:relative;width:clamp(124px,14cqi,178px);height:clamp(124px,14cqi,178px);display:grid;place-items:center}
.v-flow-orb i{position:absolute;border-radius:50%;border:1px solid rgba(98,177,232,0.2)}
.v-flow-r1{inset:0;background:radial-gradient(circle at 50% 42%,rgba(98,177,232,0.17),rgba(98,177,232,0) 68%)}
.v-flow-r2{inset:12%;border-color:rgba(98,177,232,0.3)}
.v-flow-r3{inset:25%;border-color:rgba(98,177,232,0.44);background:linear-gradient(180deg,rgba(17,35,51,0.97),rgba(8,17,26,0.97));box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}
.v-flow-ping{position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(98,177,232,0.5);animation:vflowping 3.6s cubic-bezier(0.25,0.7,0.35,1) infinite}
@keyframes vflowping{0%{transform:scale(1);opacity:0.5}72%{transform:scale(1.4);opacity:0}100%{transform:scale(1.4);opacity:0}}
.v-flow-mark{position:relative;z-index:1;height:clamp(40px,4.6cqi,56px);width:auto}
.v-flow-lab{font-size:15px;color:#eaf2f9;letter-spacing:-0.01em}
.v-flow-sub{font-size:11px;letter-spacing:0.18em;color:#5fd3a0;margin-top:-7px}
@media (prefers-reduced-motion: reduce){.v-flow-ping{animation:none;opacity:0}}
.v-clock{margin:clamp(38px,4.4cqi,60px) auto 0;max-width:880px;text-align:left}
.v-clock-row{display:grid;grid-template-columns:186px minmax(0,1fr);align-items:center;gap:18px;margin-top:14px}
.v-clock-k{font-size:13.5px;color:#8ea4b6;text-align:right}
.v-clock-k b{display:block;font-weight:500;color:#e6eef5;font-size:14.5px}
.v-clock-bar{position:relative;height:30px;border-radius:8px;background:rgba(150,185,215,0.07);border:1px solid rgba(150,185,215,0.09);overflow:hidden}
.v-clock-fill{position:absolute;top:0;bottom:0;border-radius:7px}
.v-clock-day{left:37.5%;width:50%;background:linear-gradient(180deg,rgba(150,185,215,0.34),rgba(150,185,215,0.19));box-shadow:inset 0 1px 0 rgba(255,255,255,0.07)}
.v-clock-all{left:0;width:100%;background:linear-gradient(90deg,#2f6f9e,#62b1e8 48%,#2f6f9e);box-shadow:0 0 22px -6px rgba(98,177,232,0.55)}
.v-clock-scale{display:grid;grid-template-columns:186px minmax(0,1fr);gap:18px;margin-top:10px}
.v-clock-ticks{display:flex;justify-content:space-between;font-size:11px;letter-spacing:0.08em;color:#5c7f9e}
.v-clock-miss{position:absolute;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#d88b8b;box-shadow:0 0 0 3px rgba(216,139,139,0.16)}
.v-clock-note{display:flex;align-items:center;gap:9px;margin-top:18px;padding-left:204px;font-size:12.5px;color:#7d8f9d}
.v-clock-note i{width:7px;height:7px;border-radius:50%;background:#d88b8b;box-shadow:0 0 0 3px rgba(216,139,139,0.16);flex-shrink:0}
.v-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2cqi,28px);margin-top:clamp(40px,4.6cqi,64px);text-align:left}
.v-step{display:flex;flex-direction:column;padding:26px 26px 28px;border-radius:20px;border:1px solid rgba(150,185,215,0.11);background:linear-gradient(180deg,rgba(15,28,40,0.78),rgba(8,16,24,0.78));box-shadow:0 34px 60px -48px rgba(0,0,0,1)}
.v-step-art{display:block;width:100%;height:auto;margin-bottom:22px;opacity:0.97;border-radius:14px;background:radial-gradient(ellipse 70% 80% at 50% 38%,rgba(98,177,232,0.09),rgba(98,177,232,0) 72%)}
.v-step-n{font-size:11.5px;letter-spacing:0.2em;color:#5c7f9e;margin-bottom:9px}
.v-step h3{font-size:19px;font-weight:500;letter-spacing:-0.01em;color:#f1f5f9;margin-bottom:9px}
.v-step p{font-size:14.5px;line-height:1.6;color:#98adbf}
@container (max-width: 1080px){
  .v-steps{gap:14px}
  .v-step{padding:22px 20px 24px}
  .v-clock-row,.v-clock-scale{grid-template-columns:150px minmax(0,1fr);gap:14px}
  .v-clock-note{padding-left:164px}
  .v-flow{gap:12px}
  .v-flow-item{padding:11px 13px}
  .v-flow-item span{font-size:12.5px}
  .v-flow-col{max-width:270px}
  .v-caps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v-cap:nth-child(3n+1){border-left:none;padding-left:0}
  .v-cap:nth-child(n+4){border-top:1px solid rgba(150,185,215,0.1)}
  .v-story-grid{grid-template-columns:minmax(0,1fr);gap:20px}
}
.v-rail-dots{display:none}
@container (max-width: 760px){
  .v-steps{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:32px}
  .v-step{padding:20px 20px 22px;border-radius:16px}
  .v-step-art{margin-bottom:16px}
  .v-clock{max-width:100%}
  .v-clock-row,.v-clock-scale{grid-template-columns:minmax(0,1fr);gap:7px}
  .v-clock-k{text-align:left}
  .v-clock-note{padding-left:0}
  .v-flow{flex-direction:column;gap:10px;margin-top:38px;max-width:420px}
  .v-flow-col{max-width:100%;width:100%}
  .v-flow-arrow{transform:rotate(90deg)}
  .v-flow-cap{text-align:center}
  .v-flow-item span{white-space:normal}
  .v-flow-orb{width:132px;height:132px}
  .v-flow-mark{height:44px}
  .v-rail-dots{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:18px}
  .v-rail-dots i{display:block;width:6px;height:6px;border-radius:999px;background:rgba(150,185,215,0.2);transition:width 0.34s cubic-bezier(0.2,0.7,0.2,1),background 0.34s ease}
  .v-rail-dots i.on{width:22px;background:#62b1e8}
  .v-nav{height:76px}
    .v-hero{padding-top:30px;padding-bottom:26px}
  .v-heroglow{top:-70px;height:520px;opacity:0.5;--tm:0.55}
  .v-heroglow i{filter:blur(40px)}
  .v-pill-wrap::before,.v-pill-wrap::after{max-width:40px}
  .v-btn{width:100%}
  .v-sec{padding-top:72px}
  .v-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:clamp(20px,5.6cqi,84px);margin-left:calc(-1 * clamp(20px,5.6cqi,84px));margin-right:calc(-1 * clamp(20px,5.6cqi,84px));padding:4px clamp(20px,5.6cqi,84px);margin-top:24px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 52px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 52px),transparent 100%)}
  .v-tabs::-webkit-scrollbar{display:none}
  .v-tabs .v-tab{scroll-snap-align:start;flex-shrink:0;height:42px;padding:0 15px 0 13px;font-size:13.5px}
  .v-blurb{text-align:left;font-size:14.5px;margin-top:16px}
  .v-seg{margin-top:20px}
  .v-demo{margin-top:20px}
  .v-chat{min-height:0}
  .v-msg{max-width:88%}
  .v-caps{display:flex;grid-template-columns:none;gap:12px;margin-top:28px;border-top:none;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(20px,5.6cqi,84px);margin-left:calc(-1 * clamp(20px,5.6cqi,84px));margin-right:calc(-1 * clamp(20px,5.6cqi,84px));padding:2px clamp(20px,5.6cqi,84px) 6px;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 46px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 46px),transparent 100%)}
  .v-caps::-webkit-scrollbar{display:none}
  .v-cap{flex:0 0 76%;scroll-snap-align:start;gap:8px;padding:22px 20px 24px;border-left:none;border:1px solid rgba(150,185,215,0.12);border-radius:16px;background:linear-gradient(180deg,#0e1b27,#0a141d);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 24px 48px -36px rgba(0,0,0,1)}
  .v-cap:first-child{padding-left:20px}
  .v-cap::before{display:none}
  .v-loss{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(20px,5.6cqi,84px);margin-left:calc(-1 * clamp(20px,5.6cqi,84px));margin-right:calc(-1 * clamp(20px,5.6cqi,84px));padding:2px clamp(20px,5.6cqi,84px) 6px;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 46px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 46px),transparent 100%)}
  .v-loss::-webkit-scrollbar{display:none}
  .v-loss-tile{flex:0 0 79%;scroll-snap-align:start}
  .v-founder{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px}
  .v-portrait{width:88px;height:88px}
  .v-foot-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .v-foot-bar{margin-top:30px}
}

/* ---------- Site additions (not from the export) ---------- */
img { display: block; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid #62b1e8; outline-offset: 3px; border-radius: 4px; }

.v-skip {
  position: absolute; left: -9999px; top: 0; z-index: 10;
  padding: 10px 16px; border-radius: 0 0 10px 0;
  background: #62b1e8; color: #062134; font-size: 14px; font-weight: 500;
}
.v-skip:focus { left: 0; }

/* ---------- Voice call states ---------- */
/* :where() keeps this reset at zero specificity, so the .v-btn-* classes still win */
:where(button.v-btn) { appearance: none; -webkit-appearance: none; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.v-btn[disabled] { cursor: default; opacity: 0.75; }
.v-btn[disabled]:hover { transform: none; }
.v-call-ico { display: flex; align-items: center; justify-content: center; width: 21px; height: 21px; }
.v-btn-end { border-color: rgba(216, 139, 139, 0.5); color: #f0b7b7; background: rgba(216, 139, 139, 0.05); }
.v-btn-end:hover { border-color: rgba(216, 139, 139, 0.85); background: rgba(216, 139, 139, 0.12); }

.v-dot-pulse { width: 10px; height: 10px; border-radius: 50%; background: currentColor; animation: vpulse 1.1s ease-in-out infinite; }
@keyframes vpulse { 0%, 100% { opacity: 0.35; transform: scale(0.75); } 50% { opacity: 1; transform: scale(1); } }

.v-live {
  display: inline-flex; align-items: center; gap: 11px;
  height: 54px; padding: 0 22px; border-radius: 999px;
  border: 1px solid rgba(95, 211, 160, 0.28); background: rgba(95, 211, 160, 0.08);
  font-size: 11.5px; font-weight: 500; letter-spacing: 0.16em; color: #8fe3b7;
}
.v-live-bars { display: flex; align-items: center; gap: 3px; height: 17px; }
.v-live-bars i {
  width: 3px; height: 17px; border-radius: 3px; background: #5fd3a0;
  animation: vwave 1.25s ease-in-out infinite alternate; transform-origin: 50% 50%;
}
.v-live-bars i:nth-child(2) { animation-delay: 0.18s; }
.v-live-bars i:nth-child(3) { animation-delay: 0.36s; }
.v-live-bars i:nth-child(4) { animation-delay: 0.12s; }
.v-live-bars i:nth-child(5) { animation-delay: 0.3s; }

.v-call-note {
  margin: 18px auto 0; max-width: 540px;
  font-size: 14.5px; line-height: 1.6; color: #e2a9a9;
}
.v-call-note a { color: #62b1e8; text-decoration: underline; text-underline-offset: 3px; }
.v-note-btn {
  appearance: none; -webkit-appearance: none; border: 1px solid rgba(180, 210, 235, 0.3);
  background: rgba(255, 255, 255, 0.015); color: #e9f1f8; font: inherit; font-size: 14px;
  cursor: pointer; border-radius: 999px; padding: 6px 16px; margin-left: 4px;
}
.v-note-btn:hover { border-color: rgba(98, 177, 232, 0.6); background: rgba(98, 177, 232, 0.08); }

@container (max-width: 760px) {
  .v-live { width: 100%; justify-content: center; }
}