html{scroll-padding-top:90px}
.site-header{width:min(1460px,calc(100% - 44px))}
.site-header nav{gap:clamp(12px,1.4vw,23px)}
.site-header nav a{font-size:11px}
.brand-logo{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;line-height:1}
.brand-logo img{display:block;width:160px;height:auto}
.brand-logo span{font-size:10px;font-weight:700;letter-spacing:.21em;color:#fff;align-self:flex-end;margin-bottom:3px}
.story-hero{min-height:min(850px,100vh);background:#07122e url('hero-video-poster.jpg') center center/cover no-repeat}
.hero-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.story-hero::before{content:"";position:absolute;z-index:1;inset:0;min-width:0;min-height:0;width:auto;height:auto;right:0;top:0;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,rgba(3,8,29,.63),rgba(4,10,31,.3) 62%,rgba(4,8,20,.1))}
.story-hero::after{content:none}
.story-hero .hero-light{display:none}
.story-hero .hero-copy{padding-top:150px}
.story-hero .hero-kicker{max-width:1060px}
.story-hero h1{font-size:clamp(70px,7.7vw,120px);line-height:.9;max-width:1000px;margin:34px 0 22px;letter-spacing:-.075em;text-shadow:0 2px 22px #07132c55}
.story-hero h1 em{color:#c8d5ff}
.story-hero .hero-copy>p{font-size:clamp(19px,1.55vw,23px);max-width:670px;line-height:1.34;color:#f0f3ff}
.story-hero .hero-actions{margin-top:25px}
.story-hero .pill{min-width:190px}
.section-deck{max-width:850px;color:#bfc4d6;font-size:19px;line-height:1.48}
.workflow{background:#050507}
.workflow h2,.services-head h2,.platform h2,.proof h2,.faq h2{font-size:clamp(52px,6.3vw,98px);font-weight:500;line-height:.98;letter-spacing:-.07em;margin:0 0 30px}
.workflow h2 em,.services-head h2 em,.platform h2 em,.faq h2 em{font-style:normal;color:#b7c5ff}
.workflow-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;margin-top:80px}
.broken-flow,.connected-flow{position:relative;min-height:470px;border-radius:28px;padding:32px;overflow:hidden}
.broken-flow{background:#f5f5f7;color:#11121b}
.connected-flow{background:#0b1234;border:1px solid #6572b577}
.panel-kicker{font-size:11px;letter-spacing:.12em}
.broken-chips{display:flex;align-content:center;justify-content:center;flex-wrap:wrap;gap:14px;margin:85px auto 70px;max-width:380px}
.broken-chips span{border:1px dashed #aeb2c1;border-radius:100px;padding:12px 17px;color:#4d5265;transform:rotate(var(--twist,0deg))}
.broken-chips span:nth-child(2){--twist:-9deg}.broken-chips span:nth-child(3){--twist:8deg}.broken-chips span:nth-child(5){--twist:-6deg}
.broken-flow p,.connected-flow p{position:absolute;left:32px;bottom:25px;margin:0;font-size:16px}
.connected-flow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.37}
.connected-flow::after{content:"";position:absolute;inset:0;background:linear-gradient(#0b1234bb,#0b123466 45%,#0b1234d0);pointer-events:none}
.connected-flow>*:not(img){position:relative;z-index:1}
.connected-flow ol{display:flex;flex-wrap:wrap;gap:11px;list-style:none;padding:0;margin:110px 0 80px;max-width:590px}
.connected-flow li{padding:14px 18px;border:1px solid #b2c4ff88;border-radius:100px;background:#c6d4ff22;backdrop-filter:blur(10px);font-size:16px;white-space:nowrap}
.connected-flow li:not(:last-child)::after{content:"→";margin-left:13px;color:#c7d6ff}
.connected-flow p{z-index:1}
.voice-feature{background:radial-gradient(ellipse at 30% 70%,#1a2d8c,#080d29 54%,#040407)}
.voice-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}
.voice-intro h2{font-size:clamp(60px,7.6vw,118px);line-height:.91;letter-spacing:-.075em;font-weight:500;margin:20px 0 32px}
.voice-intro h2 em{font-style:normal;color:#b8c7ff}
.voice-intro>p{font-size:19px;line-height:1.45;color:#c3c8e2;max-width:600px}
.voice-prompts{display:flex;flex-direction:column;gap:11px;margin-top:45px}
.voice-prompts span{display:flex;align-items:center;gap:13px;color:#e7ebff;font-size:14px}
.voice-prompts span::before{content:"↗︎";display:grid;place-items:center;width:26px;height:26px;border:1px solid #a8baff;border-radius:50%;font-size:12px;color:#c6d5ff}
.voice-console{min-height:600px;padding:31px;border-color:#829bff88;background:radial-gradient(circle at 50% 48%,#314ab2 0%,#111c57 32%,#0b1030 66%,#060713)}
.voice-orb-stage{height:230px;margin:65px 0 16px;display:grid;place-items:center;position:relative;isolation:isolate}
.voice-orb-stage::before{content:"";position:absolute;width:235px;height:235px;border-radius:50%;background:radial-gradient(circle,#6a9dff70 0%,#4766e339 43%,transparent 69%);filter:blur(23px);animation:orb-halo 5s ease-in-out infinite alternate}
.voice-orb{position:relative;width:190px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 37% 25%,#eff8ff 0%,#9bc6ff 9%,#5e88e8 23%,#273f99 43%,#101c56 61%,#070d2c 82%,#060a1e 100%);box-shadow:inset -18px -24px 34px #030b30bb,inset 10px 12px 20px #d4e8ff61,0 0 26px #9bbfff88,0 0 80px #4b6de9a3;animation:orb-float 6s ease-in-out infinite}
.voice-orb::before{content:"";position:absolute;inset:-27%;border-radius:43%;background:conic-gradient(from 30deg,transparent 0deg,#f3faff9c 54deg,transparent 116deg,#7da4ffb3 191deg,transparent 260deg,#e7f7ff6b 315deg,transparent 360deg);filter:blur(23px);mix-blend-mode:screen;animation:orb-turn 13s linear infinite}
.voice-orb::after{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse at 28% 35%,#d6f5ffad,transparent 35%),radial-gradient(ellipse at 74% 68%,#5383ffb0,transparent 46%);filter:blur(14px);mix-blend-mode:screen;animation:orb-current 7s ease-in-out infinite alternate}
.voice-console.live .voice-orb{animation-duration:2.5s;box-shadow:inset -18px -24px 34px #030b30bb,inset 10px 12px 20px #d4e8ff61,0 0 35px #d6ebffbb,0 0 105px #6d8fffcc}
@keyframes orb-float{50%{transform:translateY(-8px) scale(1.025)}}
@keyframes orb-turn{to{transform:rotate(360deg)}}
@keyframes orb-current{to{transform:translate(14px,-9px) scale(1.12);opacity:.68}}
@keyframes orb-halo{to{transform:scale(1.16);opacity:.64}}
.voice-console .demo-subtitle{font-size:16px;min-height:48px;max-width:390px;margin:0 auto;color:#d6defc}
.voice-console .demo-button{min-width:225px}
.voice-console .demo-bottom{margin-top:45px}
.services{background:radial-gradient(ellipse at 80% 5%,#1a225b,#060817 45%,#050505)}
.services-head{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:60px}
.services-head>p{max-width:370px;color:#c0c3d4;font-size:18px;line-height:1.45}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.service-grid .system-tile{height:345px}
.service-grid .system-tile b{font-size:clamp(30px,3vw,46px);max-width:290px}
.service-grid .system-tile small{font-size:15px;line-height:1.36;max-width:320px}
.service-grid .platform-tile{background:linear-gradient(145deg,#192587,#0a113d);color:#fff;border:1px solid #7183d4}
.service-grid .platform-tile small{color:#c9d4ff}
.automation{background:#080a15}
.ecommerce{background:#f6f6f8;color:#090b17}
.ecommerce .section-label,.ecommerce .section-label span:first-child{color:#4c5368}
.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.split-feature h2{font-size:clamp(57px,6vw,92px);font-weight:500;line-height:.95;letter-spacing:-.07em;margin:18px 0 32px}
.split-feature p{color:#bfc3d5;font-size:19px;line-height:1.45;max-width:560px}
.ecommerce .split-feature p{color:#5e6474}
.feature-visual{position:relative;min-height:500px;border:1px solid #7282e077;border-radius:28px;overflow:hidden;background:#111b4b}
.feature-visual img{width:100%;height:500px;object-fit:cover;opacity:.8}
.feature-overlay{position:absolute;inset:35px;display:flex;flex-direction:column;justify-content:space-between;align-items:end}
.feature-overlay span{padding:13px 17px;border:1px solid #d6e1ff99;border-radius:100px;background:#101b4daa;backdrop-filter:blur(14px);font-size:12px;letter-spacing:.08em}
.feature-overlay span:nth-child(even){align-self:start}
.commerce-board{display:grid;gap:14px;border-radius:30px;padding:35px;background:linear-gradient(150deg,#dbe2ff,#a9bcff 55%,#223fbb)}
.commerce-card{min-height:215px;display:flex;flex-direction:column;background:#fbfcff;border-radius:20px;padding:25px;box-shadow:0 20px 35px #1024712b}
.commerce-card small{font-size:11px;letter-spacing:.11em;color:#47547d}
.commerce-card strong{font-size:30px;line-height:1;letter-spacing:-.05em;font-weight:500;margin:auto 0 13px}
.commerce-card span{font-size:14px;color:#5b6274}
.platform{background:radial-gradient(ellipse at 52% 65%,#1a2e8c,#0b123f 52%,#050507)}
.platform-head{max-width:1050px}
.platform-head p{font-size:19px;color:#c6cbe0;max-width:700px;line-height:1.48}
.platform-map{display:flex;flex-wrap:wrap;gap:9px;margin:55px 0 35px}
.platform-map span{padding:14px 19px;border:1px solid #aabaff80;border-radius:100px;background:#ffffff16;color:#edf1ff;font-size:14px}
.platform-preview{min-height:390px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:50px;border-radius:28px;border:1px solid #c4d3ff74;background:linear-gradient(110deg,#f5f7ff 0%,#d2dcff 48%,#b3c4ff 100%);color:#07103b;overflow:hidden}
.platform-preview small{font-size:11px;letter-spacing:.13em}
.platform-preview strong{display:block;font-size:clamp(37px,4vw,61px);font-weight:500;line-height:1;letter-spacing:-.06em;margin-top:35px}
.platform-preview>b{position:absolute;right:50px;top:45px;font-size:11px;letter-spacing:.13em;font-weight:500}
.preview-lines{display:grid;gap:13px}
.preview-lines span{display:block;height:46px;border:1px solid #7288c572;border-radius:8px;background:linear-gradient(90deg,#fff9,#bcccfb88)}
.preview-lines span:nth-child(2){width:85%}.preview-lines span:nth-child(3){width:95%}.preview-lines span:nth-child(4){width:70%}
.web-development{background:linear-gradient(145deg,#050507 15%,#0d1646 67%,#172785 100%)}
.process{background:radial-gradient(ellipse at 5% 95%,#1b2ca7,#0a1141 26%,#050505 62%)}
.proof{background:#f7f8fb;color:#0b0e1c}
.proof .section-label,.proof .section-label span:first-child{color:#4f5673}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}
.proof-grid p{font-size:19px;line-height:1.45;color:#5c6274;max-width:600px}
.proof-grid ol{list-style:none;margin:0;padding:0}
.proof-grid li{display:grid;grid-template-columns:45px 1fr;gap:3px 15px;padding:19px 0;border-top:1px solid #c8cbda}
.proof-grid li:last-child{border-bottom:1px solid #c8cbda}
.proof-grid li>span{grid-row:span 2;font-size:12px;color:#717894}
.proof-grid li strong{font-size:24px;letter-spacing:-.04em;font-weight:500}
.proof-grid li small{font-size:14px;color:#62697c}
.faq{background:#080a19}
.faq-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:10%}
.faq details{border-top:1px solid #4b5174;padding:24px 0}
.faq details:last-child{border-bottom:1px solid #4b5174}
.faq summary{cursor:pointer;font-size:22px;letter-spacing:-.035em;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:#b8c8ff}
.faq details[open] summary::after{content:"−"}
.faq details p{font-size:16px;line-height:1.5;color:#b5bbd2;max-width:540px}
.booking-link{margin-top:25px;width:max-content}
.booking-pending{margin:29px 0 0;max-width:410px;padding:15px 18px;border:1px solid #8a9de372;border-radius:15px;background:#2d3c8752;color:#e0e7ff;font-size:15px;line-height:1.4}
.lead-form .form-availability{margin:0 0 14px;padding:12px 14px;border:1px solid #8499e466;border-radius:9px;background:#35478e44;color:#dbe3ff;font-size:13px;line-height:1.4}
footer{padding-top:90px}
.footer-top{align-items:center}
.footer-top .brand-logo img{width:260px}
.footer-top .brand-logo span{font-size:12px;margin-bottom:5px}
.footer-top .pill{min-width:175px}
.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:95px 0 0;padding-top:40px;border-top:1px solid #5a638b}
.footer-links div{display:flex;flex-direction:column;gap:13px}
.footer-links span{font-size:11px;letter-spacing:.12em;color:#9da9db;margin-bottom:13px}
.footer-links a{font-size:15px;color:#e6e9f8}
.footer-links a:hover{color:#fff;text-decoration:underline}
.footer-links .pending-link{font-size:14px;letter-spacing:0;color:#a8afd0;margin:0}
.reveal-wordmark{transform:translateY(35px);opacity:.08;transition:transform 1s ease,opacity 1s ease}
.reveal-wordmark.visible{transform:translateY(0);opacity:1}
@media(max-width:1100px){.site-header nav{gap:10px}.site-header nav a{font-size:10px}.workflow-grid,.voice-feature-grid{gap:22px}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.site-header nav a{font-size:15px}.story-hero{min-height:760px}.story-hero .hero-copy{padding-top:170px}.workflow-grid,.voice-feature-grid,.split-feature,.proof-grid,.faq-grid{grid-template-columns:1fr}.workflow-grid{margin-top:55px}.voice-console{margin-top:35px}.services-head{display:block}.services-head>p{margin:25px 0 0}.split-feature{gap:45px}.footer-links{grid-template-columns:repeat(2,1fr);gap:45px}.commerce-board{order:2}}
@media(max-width:700px){.story-hero{min-height:700px;background-position:38% center}.story-hero::before{background:linear-gradient(90deg,#071330c9,#0815369c)}.story-hero .hero-copy{padding:150px 20px 0}.story-hero h1{font-size:clamp(60px,13.6vw,88px);margin:38px 0 25px}.story-hero .hero-copy>p{font-size:17px;max-width:430px}.story-hero .hero-kicker span:last-child{display:none}.workflow h2,.services-head h2,.platform h2,.proof h2,.faq h2{font-size:clamp(47px,10.7vw,75px)}.section-deck{font-size:16px}.broken-flow,.connected-flow{min-height:360px;padding:24px;border-radius:23px}.broken-chips{margin:55px auto 65px}.broken-flow p,.connected-flow p{left:24px;bottom:22px;font-size:14px}.connected-flow ol{margin:65px 0 70px;gap:7px}.connected-flow li{font-size:12px;padding:11px 13px}.voice-intro h2{font-size:clamp(56px,12vw,90px)}.voice-intro>p{font-size:17px}.voice-console{min-height:500px;padding:20px}.voice-orb-stage{margin:35px 0 12px;height:195px}.voice-orb{width:160px}.voice-orb-stage::before{width:205px;height:205px}.voice-console .demo-bottom{font-size:8px;margin-top:28px}.service-grid{grid-template-columns:1fr 1fr}.service-grid .system-tile{height:260px;padding:17px}.service-grid .system-tile b{font-size:25px}.service-grid .system-tile small{font-size:11px}.split-feature h2{font-size:clamp(52px,11vw,78px)}.split-feature p{font-size:17px}.feature-visual,.feature-visual img{height:400px;min-height:400px}.platform-preview{grid-template-columns:1fr;padding:30px;min-height:400px}.platform-preview>b{right:30px;top:32px}.platform-preview strong{font-size:42px}.preview-lines{margin-top:10px}.footer-links{margin-top:60px}.footer-top{display:flex}.footer-top .pill{font-size:11px;min-width:0}}
@media(max-width:700px){.brand-logo img{width:130px}.brand-logo span{font-size:8px;margin-bottom:2px}}
@media(max-width:700px){.footer-top{flex-wrap:wrap;gap:22px}.footer-top .brand-logo img{width:200px}.footer-top .brand-logo span{font-size:10px;margin-bottom:3px}}
@media(max-width:430px){.story-hero{min-height:710px}.story-hero h1{font-size:59px}.story-hero .hero-actions{flex-direction:column;align-items:flex-start}.story-hero .hero-copy>p{max-width:330px}.connected-flow li:not(:last-child)::after{margin-left:5px}.service-grid{grid-template-columns:1fr}.service-grid .system-tile{height:210px}.service-grid .system-tile b{font-size:29px}.service-grid .system-tile small{font-size:13px}.footer-links{gap:35px 18px}.footer-links a{font-size:13px}.footer-top .pill{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){.reveal-wordmark{transform:none;opacity:1}.voice-orb-stage::before,.voice-orb,.voice-orb::before,.voice-orb::after{animation:none!important}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}
/* Keep the caption in document flow so tall headings can never cover it. */
.story-hero .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:36px 4% 32px;}
@media(max-width:800px){
  .story-hero .hero-bottom{margin:28px 20px 30px;display:block;}
  .story-hero .hero-bottom span:last-child{display:none;}
}
@media(max-width:700px){
  .footer-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;}
  .footer-top .brand-logo,.footer-top>.pill{margin:0;flex-shrink:0;}
  .footer-top .brand-logo img{width:clamp(90px,33vw,150px);}
  .footer-top .brand-logo span{font-size:8px;margin-bottom:2px;}
  .footer-top>.pill{gap:9px;padding:10px 11px;font-size:10px;}
}