:root{
  --black:#050708;
  --ink:#f7f8f6;
  --teal:#0b252a;
  --teal-2:#102f35;
  --mist:#d4e6df;
  --sky:#c5d5e8;
  --clay:#e7d3bf;
  --lavender:#efe5f9;
  --muted:#aabbb6;
  --line:rgba(255,255,255,.18);
  --serif:"Bodoni Moda",Georgia,serif;
  --sans:Manrope,Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--ink);font-family:var(--sans)}
::selection{background:var(--mist);color:#071d20}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--black)}
::-webkit-scrollbar-thumb{background:#406e7a;border-radius:999px;border:3px solid var(--black)}
:focus-visible{outline:3px solid var(--mist);outline-offset:4px}
.skip-link{position:fixed;z-index:30;top:-5rem;left:1rem;background:var(--mist);color:#071d20;padding:.85rem 1rem;text-decoration:none}
.skip-link:focus{top:1rem}

.announcement{min-height:38px;padding:.45rem 1rem;display:flex;align-items:center;justify-content:center;gap:1rem;background:#000;color:#fff;font-size:.73rem;text-align:center}
.announcement a{color:inherit;text-underline-offset:3px}
.site-header{height:78px;padding:0 clamp(1.25rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:relative;z-index:10;background:var(--black);border-bottom:1px solid var(--line)}
.wordmark{color:inherit;font-size:1.55rem;font-weight:700;letter-spacing:-.07em;text-decoration:none}
.wordmark span{color:#e7a476}
.site-header nav{display:flex;gap:2rem}
.site-header nav a,.footer-nav a{color:inherit;text-decoration:none;font-size:.78rem;font-weight:600}
.site-header nav a:hover,.footer-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:1.4rem;border:1px solid transparent;border-radius:999px;padding:.9rem 1.2rem;font:600 .78rem var(--sans);text-decoration:none;cursor:pointer;transition:transform .2s var(--ease),background .2s,border-color .2s}
.pill:hover{transform:translateY(-2px)}
.pill span{font-size:1.15rem;line-height:1}
.pill-dark{background:var(--ink);color:#071d20}
.pill-light{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.pill-light:hover{background:#fff;color:#071d20}
.menu-toggle{display:none}

.hero{min-height:calc(100svh - 116px);display:flex;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(125% 95% at 6% -10%,#103138 0%,#0a2429 44%,#050708 100%);color:#fff}
.hero-rule{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:clamp(74px,7vw,118px) 100%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 58%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 58%,transparent)}
.hero-field{position:absolute;inset:0;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 58%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 58%,transparent)}
.hero-content{position:relative;z-index:1;flex:1;max-width:1480px;margin:auto;padding:clamp(4.5rem,8vw,8rem) clamp(1.25rem,7vw,8rem) clamp(2.5rem,4vw,4rem);display:flex;flex-direction:column;justify-content:space-between}
.kicker,.section-heading>p,.usps-heading>p,.founder-copy>p:first-child,.contact-copy>p{margin:0;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.hero .kicker{color:#d7e5df}
.hero h1,.editorial-intro h2,.section-heading h2,.center-heading h2,.usps h2,.founder h2,.fit h2,.contact h2{margin:0;font:500 clamp(3.5rem,6.8vw,7.2rem)/.88 var(--serif);letter-spacing:-.04em}
.hero h1{font-size:clamp(3.9rem,11.2vw,12rem);letter-spacing:-.045em}
.hero h1 em{font-weight:400;color:#cfe0da}
.hero-bottom{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.75fr) auto;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);margin-top:clamp(2.5rem,5vw,4.5rem);padding-top:clamp(1.4rem,2.5vw,2rem);border-top:1px solid rgba(255,255,255,.22)}
.hero-bottom>p{max-width:31rem;margin:0;color:#e4efea;font-size:1.04rem;line-height:1.65}
.hero-bottom>.pill{justify-self:end}
.capacity-note{max-width:21rem;display:flex;gap:.7rem;align-items:flex-start;padding-left:clamp(1.25rem,3vw,2.5rem);border-left:1px solid rgba(255,255,255,.18);color:#d3e0db;font-size:.72rem;line-height:1.5}
.capacity-note i{width:8px;height:8px;flex:none;margin-top:.25rem;border-radius:50%;background:#d4e6df;box-shadow:0 0 0 6px rgba(212,230,223,.13)}

.stack-strip{padding:1.5rem clamp(1.25rem,4vw,4.5rem);display:grid;grid-template-columns:1.1fr 2fr 1.25fr;align-items:center;gap:2rem;background:#07191d;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stack-strip p{margin:0;color:#e8efec;font-size:.76rem;font-weight:600}
.stack-strip small{color:var(--muted);font-size:.65rem;line-height:1.45}
.stack-logos{display:flex;justify-content:space-around;align-items:center;gap:1rem;color:#fff}
.stack-logos span{font:500 clamp(1rem,1.7vw,1.5rem)/1 var(--serif);letter-spacing:-.04em;white-space:nowrap}
.stack-logos span:nth-child(2){font-family:var(--sans);font-weight:700;letter-spacing:-.08em}
.stack-logos span:nth-child(3){font-family:var(--sans);font-size:1rem;font-weight:700;letter-spacing:-.06em}
.stack-logos span:nth-child(4){font-family:var(--sans);font-size:.86rem;font-weight:700}

.editorial-intro{padding:clamp(6rem,11vw,11rem) clamp(1.25rem,7vw,8rem);display:grid;grid-template-columns:.15fr 1.2fr .65fr;gap:4vw;background:#0b252a}
.intro-number{color:var(--mist);font:500 1rem var(--serif)}
.intro-copy>p{max-width:48rem;margin:2rem 0 0;color:#d6e3de;font-size:1.13rem;line-height:1.7}
.editorial-intro .intro-aside{align-self:end;border-top:1px solid rgba(255,255,255,.6);padding-top:1rem}
.editorial-intro .intro-aside>span{font-size:.72rem;font-weight:700}
.editorial-intro ul{list-style:none;padding:0;margin:1.2rem 0 0}
.editorial-intro li{padding:.72rem 0;border-top:1px solid var(--line);color:#d6e3de;font-size:.83rem}
.editorial-intro li:last-child{border-bottom:1px solid var(--line)}

.usps{padding:clamp(6rem,10vw,10rem) clamp(1.25rem,7vw,8rem);display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;background:#000}
.usps-heading h2{margin-top:1.3rem}
.usp-list{border-top:1px solid var(--line)}
.usp-list article{display:grid;grid-template-columns:72px 1fr;gap:1.3rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}
.usp-list span{color:var(--mist);font:500 1.1rem var(--serif)}
.usp-list h3{margin:0;font:500 clamp(1.55rem,2.3vw,2.35rem)/1 var(--serif);letter-spacing:-.03em}
.usp-list p{max-width:34rem;margin:1rem 0 0;color:#c7d6d1;line-height:1.65}

.journey,.secondary{padding:clamp(6rem,10vw,10rem) clamp(1.25rem,4vw,4.5rem);background:#071317}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;max-width:1320px;margin:0 auto 4rem}
.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1380px;margin:auto}
.journey-card{min-height:460px;padding:2rem;display:flex;flex-direction:column;position:relative;border-radius:18px;color:#071d20;overflow:hidden}
.journey-card.sky{background:var(--sky)}.journey-card.mint{background:var(--mist)}.journey-card.clay{background:var(--clay)}
.journey-card>span,.niche-label>span{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.journey-card h3{max-width:24rem;margin:4rem 0 1.5rem;font:500 clamp(2rem,3vw,3rem)/1 var(--serif);letter-spacing:-.04em}
.journey-card p{max-width:29rem;margin:0;line-height:1.65}
.card-index{margin-top:auto;font:500 5rem/1 var(--serif);opacity:.25}

.dark-story{padding:clamp(6rem,10vw,10rem) clamp(1.25rem,5vw,6rem);background:#000}
.dark-story .pill{margin-top:2.4rem}
.lead-visual{min-height:520px;padding:2.8rem;display:grid;place-items:center;border-radius:38px;background:linear-gradient(180deg,#0d0e10 0%,#1b1e21 55%,#d5d2cc 128%)}
.lead-sequence{width:min(350px,100%);padding:1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#0d1113;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.sequence-head{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.72rem}.sequence-head b{font-weight:500}.sequence-head i{display:inline-block;width:7px;height:7px;margin-right:.4rem;border-radius:50%;background:#d4e6df}
.lead-sequence article,.sequence-result{padding:1.2rem;border-radius:12px;background:#eef2ef;color:#071d20}
.lead-sequence article small,.sequence-result small{display:block;margin-bottom:.65rem;color:#40565a}.lead-sequence article strong,.sequence-result strong{font-size:.95rem}.lead-sequence article p{margin:.45rem 0 0;color:#40565a;font-size:.78rem}.lead-sequence article.qualified{background:var(--mist)}
.lead-sequence article strong span{display:inline-block}
.sequence-route{height:52px;display:flex;align-items:center;gap:1rem;padding-left:1rem}.route-line{width:2px;height:100%;background:repeating-linear-gradient(to bottom,#d4e6df 0 6px,transparent 6px 14px);background-size:2px 28px}.sequence-route em{color:#cbd8d3;font-size:.72rem}.route-dots{display:inline-flex;gap:3px;margin-left:.45rem}.route-dots i{width:3px;height:3px;border-radius:50%;background:currentColor}
.sequence-result{display:flex;align-items:center;gap:1rem;margin-top:18px}.sequence-result>span{padding:.6rem;border-radius:7px;background:var(--clay);font-weight:700}.sequence-result p{margin:0}.sequence-result b{width:24px;height:24px;margin-left:auto;display:grid;place-items:center;border-radius:50%;background:#071d20;color:#f7f8f6}

/* The lead sequence stays quietly alive once it is in view. */
.motion-ready .lead-sequence.is-visible .sequence-head i{animation:status-pulse 2.4s ease-in-out infinite}
.motion-ready .lead-sequence.is-visible article:first-of-type{animation:card-breathe 5.6s ease-in-out infinite}
.motion-ready .lead-sequence.is-visible article:first-of-type strong span{animation:word-rise .55s var(--ease) both}
.motion-ready .lead-sequence.is-visible article:first-of-type strong span:nth-of-type(1){animation-delay:.05s}
.motion-ready .lead-sequence.is-visible article:first-of-type strong span:nth-of-type(2){animation-delay:.12s}
.motion-ready .lead-sequence.is-visible article:first-of-type strong span:nth-of-type(3){animation-delay:.19s}
.motion-ready .lead-sequence.is-visible article:first-of-type strong span:nth-of-type(4){animation-delay:.26s}
.motion-ready .lead-sequence.is-visible article:first-of-type strong span:nth-of-type(5){animation-delay:.33s}
.motion-ready .lead-sequence.is-visible .route-line{animation:route .6s .35s var(--ease) both,route-flow 1.4s linear 1s infinite}
.motion-ready .lead-sequence.is-visible .route-dots i{animation:dot-blink 1.2s ease-in-out infinite}
.motion-ready .lead-sequence.is-visible .route-dots i:nth-child(2){animation-delay:.2s}
.motion-ready .lead-sequence.is-visible .route-dots i:nth-child(3){animation-delay:.4s}
.motion-ready .lead-sequence.is-visible .sequence-result{animation:result-glow 4.8s ease-in-out infinite}
.motion-ready .lead-sequence.is-visible .sequence-result b{animation:tick-pop 3.6s var(--ease) infinite}
@keyframes status-pulse{0%,100%{box-shadow:0 0 0 0 rgba(212,230,223,.45)}50%{box-shadow:0 0 0 5px rgba(212,230,223,0)}}
@keyframes card-breathe{0%,100%{box-shadow:0 0 0 0 rgba(212,230,223,0)}50%{box-shadow:0 0 0 3px rgba(212,230,223,.22)}}
@keyframes word-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes route-flow{from{background-position:0 0}to{background-position:0 28px}}
@keyframes dot-blink{0%,100%{opacity:.25}40%,60%{opacity:1}}
@keyframes result-glow{0%,100%{box-shadow:0 0 0 0 rgba(212,230,223,0)}50%{box-shadow:0 0 0 3px rgba(212,230,223,.2)}}
@keyframes tick-pop{0%,82%,100%{transform:scale(1)}88%{transform:scale(1.14)}94%{transform:scale(1)}}

.systems{padding:clamp(6rem,10vw,10rem) clamp(1.25rem,4vw,4.5rem);background:#102f35}.systems .section-heading>p{color:#b8df9e}.system-demo{max-width:1380px;margin:auto;padding:1rem;border:1px solid var(--line);border-radius:24px;background:#071317;overflow:hidden}.system-demo-top{display:flex;justify-content:space-between;gap:1rem;padding:.7rem .4rem 1.1rem;color:#b8cbc5;font-size:.72rem}.system-demo-top i,.screen-bar i{display:inline-block;width:7px;height:7px;margin-right:.4rem;border-radius:50%;background:#b8df9e}.system-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--line);overflow-x:auto}.system-tab{border:0;border-radius:999px 999px 0 0;background:transparent;color:#b8cbc5;padding:.85rem 1rem;font:600 .78rem var(--sans);white-space:nowrap;cursor:pointer}.system-tab:hover,.system-tab:focus-visible{background:rgba(255,255,255,.09);color:#fff}.system-tab.is-active{background:var(--mist);color:#071d20}.system-panel{display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;align-items:center;padding:clamp(2.5rem,6vw,6rem) clamp(1rem,3vw,3.5rem) clamp(2rem,4vw,4rem)}.system-label{margin:0 0 1.2rem;color:#b8df9e;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.system-copy h3{max-width:34rem;margin:0;font:500 clamp(2.5rem,4.5vw,5.4rem)/.94 var(--serif);letter-spacing:-.04em}.system-description{max-width:31rem;margin:2rem 0 0;color:#d4e1dc;line-height:1.7}.system-result{display:inline-block;margin-top:2rem;padding:.65rem .8rem;border:1px solid var(--line);border-radius:999px;color:#d7e5df;font-size:.72rem}.system-screen{padding:1rem;border-radius:18px;background:#edf1ee;color:#071d20;box-shadow:0 24px 60px rgba(0,0,0,.24)}.screen-bar{display:flex;justify-content:space-between;gap:1rem;padding:.1rem .2rem 1rem;font-size:.72rem}.screen-bar b{font-weight:600}.screen-message{max-width:86%;margin-top:.7rem;padding:1rem;border-radius:12px}.screen-message small{display:block;margin-bottom:.45rem;color:#304247;font-size:.72rem}.screen-message strong{font-size:.9rem;line-height:1.45}.screen-message.incoming{background:var(--mist)}.screen-message.outgoing{margin-left:auto;background:var(--sky)}.screen-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(7,29,32,.16);font-size:.72rem}.screen-footer strong{font-weight:700}

.center-heading{max-width:840px;margin:0 auto 5rem;text-align:center}.center-heading>span{display:inline-block;margin-bottom:1.2rem;padding:.45rem .75rem;border-radius:999px;background:#111;color:#b9c3c0;font-size:.72rem}.center-heading>p{max-width:42rem;margin:1.5rem auto 0;color:#aebbb7;line-height:1.6}
.process{padding:clamp(6rem,10vw,10rem) clamp(1.25rem,5vw,6rem);background:#000;border-top:1px solid rgba(255,255,255,.08)}.process-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.process-grid article{text-align:center}.process-icon{width:78px;height:78px;margin:0 auto 1.4rem;display:grid;place-items:center;border-radius:18px;background:#101112}.process-icon svg{width:31px;height:31px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.process-grid article:nth-child(3) svg{fill:#fff;stroke:none}.process-grid h3{margin:0;font:500 1.55rem/1.1 var(--serif);letter-spacing:-.03em}.process-grid p{max-width:21rem;margin:.8rem auto 0;color:#aebbb7;line-height:1.55}
.frameworks{padding:clamp(6rem,10vw,10rem) clamp(1.25rem,5vw,6rem);background:#000;border-top:1px solid rgba(255,255,255,.08)}.framework-row{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr;gap:6vw;align-items:center}.voice-visual{min-height:520px;padding:2.8rem;display:grid;place-items:center;border-radius:38px;background:linear-gradient(180deg,#12172f 0%,#293855 52%,#83c8d6 100%)}.phone-shell{width:min(310px,100%);min-height:430px;padding:1.4rem;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#0d1113;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35)}.phone-top{display:flex;align-items:center;justify-content:center;position:relative;color:#dce7e3}.phone-top span{position:absolute;left:0;width:7px;height:7px;border-radius:50%;background:#d4e6df}.phone-top small{font-size:.68rem}.call-copy{margin-top:4.5rem}.call-copy small{color:#84958f;font-size:.72rem}.call-lines{position:relative;min-height:4.6rem;margin:.8rem 0}.call-lines .say{position:absolute;inset:0 auto auto 0;width:100%;margin:0;color:#e7eeeb;font-size:.9rem;line-height:1.55;opacity:0}.call-lines .s4{opacity:1}.voice-bars{height:54px;margin:auto 0 1.2rem;display:flex;align-items:center;justify-content:center;gap:5px}.voice-bars i{width:3px;border-radius:3px;background:#8bd3df;animation:voice 1.2s ease-in-out infinite}.voice-bars i:nth-child(1),.voice-bars i:nth-child(7){height:12px}.voice-bars i:nth-child(2),.voice-bars i:nth-child(6){height:22px;animation-delay:.12s}.voice-bars i:nth-child(3),.voice-bars i:nth-child(5){height:34px;animation-delay:.24s}.voice-bars i:nth-child(4){height:46px;animation-delay:.36s}@keyframes voice{50%{transform:scaleY(.45);opacity:.65}}.call-button{width:45px;height:45px;margin:0 auto 1.5rem;display:grid;place-items:center;border-radius:50%;background:#e85b4d}.call-button svg{width:20px;height:20px;fill:#fff;transform:rotate(135deg)}.appointment-chip{display:flex;align-items:center;gap:.7rem;padding:1rem;border-radius:12px;background:#eef2ef;color:#071d20}.appointment-chip>span{width:9px;height:9px;border-radius:50%;background:#071d20}.appointment-chip small,.appointment-chip strong{display:block}.appointment-chip small{font-size:.68rem;color:#40565a}.appointment-chip strong{margin-top:.25rem;font-size:.82rem}.framework-copy>span{color:#aebbb7;font-size:.72rem}.framework-copy h3,.framework-copy h2{max-width:40rem;margin:1.2rem 0 2.4rem;font:500 clamp(2.4rem,4vw,4.3rem)/1 var(--serif);letter-spacing:-.04em}.framework-features{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.framework-features article{padding-top:1rem;border-top:1px solid rgba(255,255,255,.18)}.framework-features h4,.framework-features h3{margin:0;font:500 1rem var(--serif)}.framework-features p{margin:.65rem 0 0;color:#aebbb7;font-size:.82rem;line-height:1.55}

/* Systemen: chat- en workflow-rijen onder de voice-rij */
.framework-row+.framework-row{margin-top:clamp(5rem,9vw,8.5rem);padding-top:clamp(5rem,9vw,8.5rem);border-top:1px solid rgba(255,255,255,.08)}
.chat-visual,.flow-visual{min-height:520px;padding:2.8rem;display:grid;place-items:center;border-radius:38px}
.chat-visual{background:linear-gradient(180deg,#0b2a30 0%,#16444c 55%,#a8cec2 118%)}
.flow-visual{background:linear-gradient(180deg,#141a20 0%,#2c3a4a 52%,#c5d5e8 128%)}
.chat-shell{width:min(340px,100%);min-height:430px;padding:0 0 .9rem;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#000;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden}
.ios-status{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.3rem .1rem;font:600 .72rem var(--sans);color:#fff}
.ios-icons{display:flex;align-items:center;gap:5px;color:#fff}
.ios-icons svg{height:11px;width:auto}
.chat-top{display:flex;align-items:center;justify-content:center;position:relative;padding:.7rem .9rem .75rem;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(28,28,30,.92)}
.chat-top .back{position:absolute;left:.95rem;width:9px;height:16px;color:#0a84ff}
.chat-id{display:flex;align-items:center;gap:.5rem}
.chat-id .avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#3a3a3c;font:600 .64rem var(--sans);letter-spacing:.03em;color:#fff}
.chat-id small{font-size:.72rem;font-weight:600;color:#fff}
.chat-actions{position:absolute;right:.95rem;display:flex;align-items:center;gap:.8rem;color:#0a84ff}
.chat-actions svg{width:16px;height:11px}
.chat-actions svg:last-child{width:12px;height:12px}
.chat-log{display:flex;flex-direction:column;gap:.38rem;flex:1;padding:.9rem .75rem .6rem}
.chat-time{align-self:center;margin:0 0 .45rem;color:#8e8e93;font-size:.62rem;font-weight:600}
.msg{max-width:74%;margin:0;padding:.5rem .8rem;border-radius:17px;font-size:.82rem;line-height:1.4;position:relative;z-index:1}
.msg-ai{align-self:flex-start;background:#26252a;color:#fff}
.msg-user{align-self:flex-end;background:#0a68f0;color:#fff}
.tail-in::before{content:"";position:absolute;z-index:-1;bottom:0;left:-7px;width:12px;height:13px;background:#26252a;border-bottom-right-radius:10px}
.tail-in::after{content:"";position:absolute;z-index:-1;bottom:0;left:-13px;width:8px;height:13px;background:#000;border-bottom-right-radius:6px}
.tail-out::before{content:"";position:absolute;z-index:-1;bottom:0;right:-7px;width:12px;height:13px;background:#0a68f0;border-bottom-left-radius:10px}
.tail-out::after{content:"";position:absolute;z-index:-1;bottom:0;right:-13px;width:8px;height:13px;background:#000;border-bottom-left-radius:6px}
.typing{display:flex;gap:4px;align-self:flex-start;margin:0;padding:.62rem .8rem;border-radius:17px;background:#26252a;opacity:0;position:relative}
.typing i{width:6px;height:6px;border-radius:50%;background:#8e8e93}
.read-receipt{align-self:flex-end;margin:.05rem .3rem 0 0;color:#8e8e93;font-size:.62rem;font-weight:500}
.chat-input{display:flex;align-items:center;gap:.55rem;margin:auto .8rem 0;padding:.4rem .45rem;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#000;color:#8e8e93;font-size:.8rem}
.chat-input span{flex:1}
.chat-input i{width:2px;height:14px;background:#8e8e93}
.chat-input b{width:23px;height:23px;flex:none;display:grid;place-items:center;border-radius:50%;background:#3a3a3c;font-weight:400}
.chat-input b.plus{font-size:.95rem;color:#fff}
.chat-input b.send{font-size:.68rem;font-weight:700;color:#8e8e93}
.visual-note{display:block;margin-top:1.2rem;color:rgba(7,29,32,.72);font-size:.68rem;text-align:center}
.flow-stack{width:min(400px,100%);margin:0;padding:0 0 0 1.75rem;display:flex;flex-direction:column;gap:.9rem;list-style:none;position:relative}
.flow-stack::before{content:"";position:absolute;left:6px;top:16px;bottom:16px;width:1px;background:rgba(255,255,255,.18)}
.flow-node{display:flex;align-items:center;gap:1rem;position:relative;padding:.95rem 1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0d1113;color:#fff;box-shadow:0 18px 44px rgba(0,0,0,.28)}
.flow-node i{position:absolute;left:-27.5px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;background:#3c4a48;border:2px solid #0d1113}
.flow-node small{display:block;color:#8fa39d;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase}
.flow-node strong{display:block;margin-top:.25rem;font-size:.85rem;font-weight:600}

.motion-ready .row-chat.is-visible .m1{animation:msg-m1 16s ease infinite}
.motion-ready .row-chat.is-visible .t1{animation:msg-t1 16s linear infinite}
.motion-ready .row-chat.is-visible .m2{animation:msg-m2 16s ease infinite}
.motion-ready .row-chat.is-visible .t2{animation:msg-t2 16s linear infinite}
.motion-ready .row-chat.is-visible .m3{animation:msg-m3 16s ease infinite}
.motion-ready .row-chat.is-visible .m4{animation:msg-m4 16s ease infinite}
.motion-ready .row-chat.is-visible .r1{animation:msg-r1 16s linear infinite}
.motion-ready .row-chat.is-visible .t3{animation:msg-t3 16s linear infinite}
.motion-ready .row-chat.is-visible .m5{animation:msg-m5 16s ease infinite}
.motion-ready .row-chat.is-visible .chat-input i{animation:caret 1.1s steps(2) infinite}
.motion-ready .row-chat.is-visible .typing i{animation:tp 1.2s ease-in-out infinite}
.motion-ready .row-chat.is-visible .typing i:nth-child(2){animation-delay:.15s}
.motion-ready .row-chat.is-visible .typing i:nth-child(3){animation-delay:.3s}
@keyframes msg-m1{0%{opacity:0;transform:translateY(10px)}2.5%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@keyframes msg-t1{0%,8%{opacity:0}11%,15%{opacity:1}18%,100%{opacity:0}}
@keyframes msg-m2{0%,18%{opacity:0;transform:translateY(10px)}21%,90%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes msg-t2{0%,26%{opacity:0}29%,33%{opacity:1}36%,100%{opacity:0}}
@keyframes msg-m3{0%,36%{opacity:0;transform:translateY(10px)}39%,90%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes msg-m4{0%,47%{opacity:0;transform:translateY(10px)}50%,90%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes msg-r1{0%,52%{opacity:0}54%,90%{opacity:1}96%,100%{opacity:0}}
@keyframes msg-t3{0%,57%{opacity:0}60%,64%{opacity:1}67%,100%{opacity:0}}
@keyframes msg-m5{0%,67%{opacity:0;transform:translateY(10px)}70%,90%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes caret{50%{opacity:0}}
@keyframes tp{0%,60%,100%{transform:scale(.75);opacity:.45}30%{transform:scale(1);opacity:1}}
.motion-ready .row-voice.is-visible .s1{animation:say-1 24s ease infinite}
.motion-ready .row-voice.is-visible .s2{animation:say-2 24s ease infinite}
.motion-ready .row-voice.is-visible .s3{animation:say-3 24s ease infinite}
.motion-ready .row-voice.is-visible .s4{animation:say-4 24s ease infinite}
.motion-ready .row-voice.is-visible .appointment-chip{animation:say-chip 24s ease infinite}
@keyframes say-1{0%{opacity:0;transform:translateY(6px)}1.5%,21%{opacity:1;transform:none}25%,100%{opacity:0}}
@keyframes say-2{0%,25%{opacity:0;transform:translateY(6px)}27.5%,46%{opacity:1;transform:none}50%,100%{opacity:0}}
@keyframes say-3{0%,50%{opacity:0;transform:translateY(6px)}52.5%,71%{opacity:1;transform:none}75%,100%{opacity:0}}
@keyframes say-4{0%,75%{opacity:0;transform:translateY(6px)}77.5%,96%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes say-chip{0%,76%{opacity:0;transform:translateY(8px)}79%,95%{opacity:1;transform:none}98%,100%{opacity:0}}
.motion-ready .row-flow.is-visible .flow-node{animation:node-pulse 7.5s var(--ease) infinite}
.motion-ready .row-flow.is-visible .flow-node i{animation:dot-on 7.5s var(--ease) infinite}
.motion-ready .row-flow.is-visible .flow-node:nth-child(2),.motion-ready .row-flow.is-visible .flow-node:nth-child(2) i{animation-delay:1.5s}
.motion-ready .row-flow.is-visible .flow-node:nth-child(3),.motion-ready .row-flow.is-visible .flow-node:nth-child(3) i{animation-delay:3s}
.motion-ready .row-flow.is-visible .flow-node:nth-child(4),.motion-ready .row-flow.is-visible .flow-node:nth-child(4) i{animation-delay:4.5s}
.motion-ready .row-flow.is-visible .flow-node:nth-child(5),.motion-ready .row-flow.is-visible .flow-node:nth-child(5) i{animation-delay:6s}
.motion-ready .row-flow.is-visible .flow-stack::after{content:"";position:absolute;left:4.5px;top:0;width:3px;height:26px;border-radius:3px;background:linear-gradient(180deg,transparent,#d4e6df,transparent);animation:rail-run 7.5s linear infinite}
@keyframes node-pulse{0%,100%{border-color:rgba(255,255,255,.1);transform:none}8%{border-color:rgba(212,230,223,.75);transform:translateY(-2px)}22%{border-color:rgba(255,255,255,.1);transform:none}}
@keyframes dot-on{0%,100%{background:#3c4a48;box-shadow:none}8%{background:#d4e6df;box-shadow:0 0 0 4px rgba(212,230,223,.16)}22%{background:#3c4a48;box-shadow:none}}
@keyframes rail-run{0%{top:0;opacity:0}8%{opacity:1}86%{opacity:1}96%,100%{top:calc(100% - 26px);opacity:0}}
.motion-ready .lead-sequence:not(.in-view) :is(.sequence-head i,article:first-of-type,.route-line,.route-dots i,.sequence-result,.sequence-result b),
.motion-ready .row-chat:not(.in-view) :is(.m1,.m2,.m3,.m4,.m5,.t1,.t2,.t3,.r1,.chat-input i,.typing i),
.motion-ready .row-voice:not(.in-view) :is(.s1,.s2,.s3,.s4,.appointment-chip,.voice-bars i),
.motion-ready .row-flow:not(.in-view) :is(.flow-node,.flow-node i),
.motion-ready .row-flow:not(.in-view) .flow-stack::after,
.motion-ready .process-grid:not(.in-view) :is(.process-icon,.process-icon svg,.process-icon path){animation-play-state:paused}
.process,.framework-row,.calc,.founder,.secondary,.fit,.faq{content-visibility:auto;contain-intrinsic-size:auto 900px}
.stack-strip{padding:2.4rem clamp(1.25rem,4vw,4.5rem);grid-template-columns:1fr;text-align:center}.stack-strip p{font-size:.82rem;color:#aebbb7}.stack-logos{max-width:1100px;width:100%;margin:auto;justify-content:space-between}.stack-strip small{max-width:48rem;margin:auto}.stack-logos span:last-child{font-family:var(--sans);font-size:1rem;font-weight:700;letter-spacing:-.08em}

.founder{display:grid;grid-template-columns:.85fr 1.15fr;min-height:720px;background:#000}.founder-image{min-height:720px;position:relative;overflow:hidden}.founder-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;filter:brightness(1.18)}.founder-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 52%)}.founder-image span{position:absolute;z-index:1;left:2rem;bottom:2rem;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;font-size:.7rem}.founder-copy{align-self:center;padding:clamp(4rem,9vw,10rem) clamp(1.5rem,8vw,9rem)}.founder-copy>p:first-child{color:var(--muted)}.founder h2{max-width:48rem;margin:1.2rem 0 2rem}.founder-copy>p:not(:first-child){max-width:34rem;color:#cbd8d3;font-size:1.05rem;line-height:1.7}.founder-copy strong{display:block;margin:2rem 0;color:#fff;font-size:1rem}.founder-copy strong small{display:block;margin-top:.35rem;color:#aabbb6;font-size:.78rem;font-weight:500}


.secondary{background:#071317}.secondary .section-heading{margin-bottom:4rem}.secondary-visual{max-width:1380px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.niche-panel{position:relative;min-height:600px;margin:0;border-radius:24px;overflow:hidden}.niche-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.78) saturate(.82)}.niche-label{position:absolute;left:1.25rem;right:1.25rem;bottom:1.25rem;padding:1.5rem;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#071d20;color:#fff}.niche-label strong{display:block;margin:.7rem 0 1rem;font:500 2.15rem/1 var(--serif)}.niche-label p{margin:0;color:#d5e1dc;font-size:.82rem;line-height:1.65}

.fit{padding:clamp(6rem,11vw,11rem) clamp(1.25rem,7vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#0b252a}.fit h2{margin-top:1.5rem}.fit-list{align-self:end}.fit-list article{display:grid;grid-template-columns:.3fr 1fr;gap:1rem;padding:1.25rem 0;border-top:1px solid var(--line)}.fit-list article:last-child{border-bottom:1px solid var(--line)}.fit-list span{color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase}.fit-list strong{font-size:.92rem}

/* Calculator: paper input cards, a desert-clay result field, thin tracked sliders. */
.calc{padding:clamp(6rem,10vw,10rem) clamp(1.25rem,4vw,4.5rem);background:#000;border-top:1px solid rgba(255,255,255,.08)}
.calc-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.calc-field{padding:1.8rem;border-radius:18px;background:#eef2ef;color:#071d20;display:flex;flex-direction:column;gap:1.1rem}
.calc-field label{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#40565a}
.calc-field output{font:500 clamp(2.2rem,3.4vw,3.2rem)/1 var(--serif);letter-spacing:-.03em}
.calc-field input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2px;margin:.6rem 0;border-radius:2px;background:rgba(7,29,32,.3);cursor:pointer}
.calc-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#071d20;border:3px solid #eef2ef;box-shadow:0 0 0 1px rgba(7,29,32,.35);cursor:grab}
.calc-field input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#071d20;border:3px solid #eef2ef;box-shadow:0 0 0 1px rgba(7,29,32,.35);cursor:grab}
.calc-field input[type=range]:focus-visible{outline:2px solid #e4c8af;outline-offset:6px}
.calc-result{padding:1.8rem;border-radius:18px;background:#e4c8af;color:#071d20;display:flex;flex-direction:column;justify-content:center;gap:.8rem}
.calc-result p{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(7,29,32,.72)}
.calc-result strong{font:500 clamp(3rem,5.4vw,5rem)/.95 var(--serif);letter-spacing:-.03em}
.calc-result small{color:rgba(7,29,32,.72);font-size:.78rem}
.calc-note{max-width:44rem;margin:2.5rem auto 0;color:#8fa39e;font-size:.78rem;line-height:1.65;text-align:center}
.fit-note{max-width:27rem;margin:2.2rem 0 0;color:#aebbb7;font-size:.9rem;line-height:1.6}
.faq{padding:clamp(6rem,11vw,11rem) clamp(1.25rem,7vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#000}.faq .section-heading{display:block;margin:0}.faq-list{align-self:end}.faq details{padding:1.25rem 0;border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:2rem;cursor:pointer;font:600 1rem var(--sans);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"";width:9px;height:9px;flex:none;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .25s var(--ease)}.faq details[open] summary::after{transform:rotate(225deg)}.faq details p{max-width:38rem;margin:1rem 2rem 0 0;color:#cbd8d3;line-height:1.7}

.contact{padding:clamp(6rem,10vw,10rem) clamp(1.25rem,7vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#c5d5e8;color:#071d20}.contact-copy>p{color:#24444a}.contact h2{margin:1.5rem 0 2rem}.contact-copy>span{display:block;max-width:31rem;line-height:1.65}.booking-frame{align-self:center;background:#f8f7f3;border:1px solid rgba(7,29,32,.14);border-radius:18px;padding:clamp(1.2rem,2.4vw,1.8rem);box-shadow:0 24px 60px rgba(7,29,32,.1)}.booking-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem}.booking-head span{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#24444a}.booking-head small{font-size:.72rem;color:#577078}.booking-frame iframe{width:100%;min-height:640px;border:0;display:block}.booking-note{display:block;margin-top:1rem;font-size:.76rem;color:#2c4a50;line-height:1.5}
footer{padding:2.5rem clamp(1.25rem,4vw,4.5rem);display:flex;justify-content:space-between;align-items:center;gap:2rem;background:#000;color:#fff;font-size:.72rem}footer p{max-width:300px;margin:0;color:#b8cbc5}.footer-nav{display:flex;gap:1.2rem}

/* Legal pages: dark hero band, then a paper reading surface. */
.legal-hero{padding:clamp(7rem,12vw,10rem) clamp(1.25rem,5vw,6rem) clamp(3rem,5vw,4.5rem);background:#071317;color:#fff}
.legal-hero .kicker{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.legal-hero h1{max-width:20ch;margin:1.2rem 0;font:500 clamp(2.8rem,6vw,5.5rem)/.98 var(--serif);letter-spacing:-.03em;overflow-wrap:break-word;hyphens:auto}
.legal-hero>p:last-child{margin:0;color:#b8cbc5;font-size:.82rem}
.legal-body{padding:clamp(3.5rem,7vw,6rem) clamp(1.25rem,5vw,6rem);background:#f8f7f3;color:#071d20}
.legal-content{max-width:44rem;margin:auto}
.legal-content h2{margin:2.8rem 0 .9rem;font:500 1.65rem/1.15 var(--serif);letter-spacing:-.02em}
.legal-content h2:first-of-type{margin-top:0}
.legal-content p{margin:0 0 1rem;line-height:1.75;color:#33474d}
.legal-content .legal-intro{font-size:1.05rem;color:#071d20}
.legal-content ul{margin:0 0 1rem;padding-left:1.15rem;color:#33474d;line-height:1.75}
.legal-content li{margin-bottom:.4rem}
.legal-content mark{padding:.05em .3em;border-radius:4px;background:rgba(228,200,175,.75);color:#071d20}

.motion-ready .hero-rule{opacity:0}.motion-ready.motion-started .hero-rule{opacity:1;transition:opacity 1.4s ease}.motion-ready .hero .kicker,.motion-ready .hero h1,.motion-ready .hero-bottom,.motion-ready .capacity-note{opacity:0;transform:translateY(22px);clip-path:inset(0 0 100%)}.motion-ready.motion-started .hero .kicker,.motion-ready.motion-started .hero h1,.motion-ready.motion-started .hero-bottom,.motion-ready.motion-started .capacity-note{opacity:1;transform:none;clip-path:inset(0);transition:opacity .65s ease,transform .8s var(--ease),clip-path .8s var(--ease)}.motion-ready.motion-started .hero h1{transition-delay:.1s}.motion-ready.motion-started .hero-bottom{transition-delay:.25s}.motion-ready.motion-started .capacity-note{transition-delay:.42s}.motion-ready .reveal{opacity:0;transform:translateY(30px)}.motion-ready .reveal.is-visible{opacity:1;transform:none;transition:opacity .65s ease,transform .8s var(--ease)}.motion-ready .journey-card.reveal:nth-child(2){transition-delay:.08s}.motion-ready .journey-card.reveal:nth-child(3){transition-delay:.16s}.motion-ready .secondary-visual.is-visible img{animation:image-settle 1s var(--ease) both}.motion-ready .secondary-visual.is-visible .niche-label{animation:label-rise .7s .35s var(--ease) both}.motion-ready .secondary-visual.is-visible .niche-panel:nth-child(2) img{animation-delay:.12s}.motion-ready .secondary-visual.is-visible .niche-panel:nth-child(2) .niche-label{animation-delay:.48s}@keyframes route{from{transform:scaleY(0);transform-origin:top}to{transform:scaleY(1);transform-origin:top}}@keyframes image-settle{from{filter:brightness(.9) saturate(.35);transform:scale(1.03)}to{filter:brightness(.78) saturate(.82);transform:none}}@keyframes label-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
/* pathLength="1" on every shape lets one dash value drive shapes of different real lengths. The draw itself runs from script.js (Web Animations API) so hover can replay it. */
.process-icon{transition:transform .4s var(--ease),background .3s ease}
.process-grid article:hover .process-icon{transform:translateY(-5px);background:#17191b}
.motion-ready .process-icon [pathLength]{stroke-dasharray:1;stroke-dashoffset:1}
.motion-ready .process-grid article:nth-child(3) .process-icon svg{fill:transparent;stroke:#fff}
/* Ambient loops keep the icons quietly alive after they draw in. */
.motion-ready .process-grid.is-visible article:nth-child(1) .process-icon svg{transform-box:fill-box;transform-origin:center;animation:icon-search 6.5s ease-in-out infinite}
.motion-ready .process-grid.is-visible article:nth-child(2) .process-icon svg{transform-box:fill-box;transform-origin:center;animation:icon-build 4.8s ease-in-out infinite}
.motion-ready .process-grid.is-visible article:nth-child(2) .process-icon path:last-of-type{animation:icon-build-lines 2.4s ease-in-out infinite}
.motion-ready .process-grid.is-visible article:nth-child(3) .process-icon{animation:icon-flash 4.2s ease-in-out infinite}
@keyframes icon-search{0%,100%{transform:translate(0,0) rotate(0deg)}20%{transform:translate(3.2px,-2.6px) rotate(6deg)}45%{transform:translate(-3px,-1px) rotate(-5deg)}70%{transform:translate(2.4px,2.8px) rotate(4deg)}}
@keyframes icon-build{0%,100%{transform:rotate(0deg) translateY(0)}30%{transform:rotate(-7deg) translateY(-1.5px)}65%{transform:rotate(6deg) translateY(1px)}}
@keyframes icon-build-lines{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes icon-flash{0%,100%{background:#101112}10%{background:#17191b}13%{background:#101112}17%{background:#2a2e31}22%{background:#101112}}

@media(max-width:800px){
  .announcement{font-size:.68rem;flex-direction:column;gap:.2rem;padding:.55rem 1rem;line-height:1.4}.site-header{height:68px}.site-header>.pill{display:none}.menu-toggle{display:flex;align-items:center;gap:3px;padding:.6rem;border:0;background:none;color:#fff;position:relative;z-index:12}.menu-toggle span{width:4px;height:4px;border-radius:50%;background:currentColor}.menu-toggle b{margin-left:.35rem;font:600 .72rem var(--sans)}.site-header nav{position:absolute;top:68px;left:0;right:0;padding:2rem 1.25rem;flex-direction:column;background:#071317;visibility:hidden;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .25s,transform .35s var(--ease),visibility 0s .35s}.site-header nav.open{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}.site-header nav a{font:500 2rem var(--serif)}.hero{min-height:auto}.hero-content{padding-top:4.5rem;gap:3rem}.hero h1{font-size:clamp(3.5rem,15vw,5.4rem)}.hero-bottom{grid-template-columns:1fr;gap:1.5rem;align-items:start}.hero-bottom>p{font-size:1rem}.hero-bottom>.pill{justify-self:start}.capacity-note{max-width:26rem;padding-left:0;border-left:0;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.18)}.stack-strip{grid-template-columns:1fr;gap:1rem}.stack-logos{justify-content:flex-start;flex-wrap:wrap;gap:1rem 1.4rem}.stack-strip small{max-width:34rem}.editorial-intro,.usps,.system-panel,.founder,.fit,.faq,.contact{grid-template-columns:1fr}.editorial-intro{gap:1.3rem}.intro-copy h2,.section-heading h2,.center-heading h2,.usps h2,.founder h2,.fit h2,.contact h2{font-size:clamp(3.35rem,14vw,5rem)}.intro-copy>p{font-size:1rem}.editorial-intro .intro-aside{margin-top:1.5rem}.usps{gap:3rem}.usp-list article{grid-template-columns:42px 1fr}.section-heading{display:block;margin-bottom:3rem}.section-heading h2{margin-top:1rem}.journey-grid{grid-template-columns:1fr}.journey-card{min-height:380px}.system-demo-top{align-items:flex-start;flex-direction:column}.system-tabs{flex-wrap:wrap;overflow:visible;border-bottom:0;gap:.4rem}.system-tab{padding:.7rem .8rem;border-radius:999px;background:rgba(255,255,255,.06);font-size:.68rem}.system-panel{gap:3rem;padding:2.5rem 1rem 1.5rem}.system-copy h3{font-size:clamp(2.65rem,12vw,4.6rem)}.system-screen{padding:.8rem}.screen-message{max-width:94%}.founder{min-height:0}.founder-image{min-height:560px}.founder-copy{padding:4.5rem 1.25rem}.secondary-visual{grid-template-columns:1fr}.niche-panel{min-height:440px}.niche-label{left:1rem;right:1rem;bottom:1rem}.fit,.faq{gap:3rem}.contact{gap:4rem}.booking-frame iframe{min-height:560px}footer{align-items:flex-start;flex-direction:column}.footer-nav{flex-wrap:wrap}
}
@media(max-width:800px){.center-heading{margin-bottom:3.5rem}.process-grid,.framework-row{grid-template-columns:1fr}.process-grid{gap:3.5rem}.process-grid p{max-width:25rem}.framework-row{gap:3.5rem}.voice-visual{min-height:470px;padding:1.5rem;border-radius:24px}.phone-shell{min-height:410px}.chat-shell{min-height:400px}.lead-visual,.chat-visual,.flow-visual{min-height:0;padding:1.5rem;border-radius:24px}.flow-stack{padding-left:1.6rem}.flow-node i{left:-25.6px}.framework-copy h3,.framework-copy h2{font-size:clamp(2.55rem,11.5vw,4rem)}.framework-features{grid-template-columns:1fr}.stack-logos{justify-content:center}.stack-strip small{font-size:.7rem}.calc-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.voice-bars i{animation:none!important}}

/* Chat widget: donker assistentpaneel met dezelfde bubbeltaal als de iMessage-mock. */
.chatw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chatw-fab{position:fixed;right:1.25rem;bottom:1.25rem;z-index:60;display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.2rem;border:0;border-radius:999px;background:var(--ink);color:#071d20;font:600 .78rem var(--sans);cursor:pointer;box-shadow:0 16px 40px rgba(0,0,0,.4);transition:transform .2s var(--ease)}
.chatw-fab:hover{transform:translateY(-2px)}
.chatw-fab[hidden]{display:none}
.chatw-fab svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chatw-panel{position:fixed;right:1.25rem;bottom:1.25rem;z-index:61;width:min(392px,calc(100vw - 2.5rem));height:min(620px,calc(100dvh - 2.5rem));display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(180deg,#10181a 0%,#0a0f10 55%,#06090a 100%);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.5);overflow:hidden}
.chatw-panel[hidden]{display:none}
body.motion-ready .chatw-panel:not([hidden]){animation:chatw-in .45s var(--ease) both}
@keyframes chatw-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.chatw-head{display:flex;align-items:center;gap:.55rem;padding:.8rem .9rem;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}
.chatw-logo{font-size:1.15rem;font-weight:700;letter-spacing:-.07em}
.chatw-logo span{color:#e7a476}
.chatw-dot{display:inline-block;width:7px;height:7px;margin:0 .45rem .08rem 0;border-radius:50%;background:#d4e6df}
.chatw-titles{flex:1;min-width:0}
.chatw-titles small{display:block;color:#9aa3a6;font-size:.68rem}
.chatw-icon-btn{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;background:transparent;color:#c3d5d0;cursor:pointer;transition:background .2s,color .2s}
.chatw-icon-btn:hover{background:rgba(255,255,255,.1);color:#fff}
.chatw-icon-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chatw-view{flex:1;display:flex;flex-direction:column;min-height:0}
.chatw-view[hidden]{display:none}
.chatw-msgs{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}
.chatw-msg{max-width:82%;padding:.6rem .8rem;border-radius:16px;font-size:.82rem;line-height:1.5;overflow-wrap:anywhere}
.chatw-msg.in{align-self:flex-start;background:#1b2225;border-bottom-left-radius:5px}
.chatw-msg.out{align-self:flex-end;background:#0a68f0;color:#fff;border-bottom-right-radius:5px}
.chatw-link{color:inherit;font-weight:600;text-underline-offset:3px}
.chatw-msg.in .chatw-link{color:var(--mist)}
.chatw-typing{display:inline-flex;gap:4px;padding:.75rem .85rem}
.chatw-typing i{width:6px;height:6px;border-radius:50%;background:#9aa3a6;animation:chatw-tp 1s infinite}
.chatw-typing i:nth-child(2){animation-delay:.15s}
.chatw-typing i:nth-child(3){animation-delay:.3s}
@keyframes chatw-tp{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-3px);opacity:1}}
.chatw-chips{padding:0 1rem .75rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}
.chatw-chips[hidden]{display:none}
.chatw-chips>small{color:#9aa3a6;font-size:.68rem}
.chatw-chip{padding:.55rem .85rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:transparent;color:var(--ink);font:500 .78rem var(--sans);cursor:pointer;text-align:left;transition:background .2s,border-color .2s}
.chatw-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.45)}
.chatw-form{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid rgba(255,255,255,.12)}
.chatw-input{flex:1;min-width:0;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#13191b;color:var(--ink);font:400 .82rem var(--sans)}
.chatw-input::placeholder{color:#8fa8a1}
.chatw-input:focus-visible{outline:2px solid var(--mist);outline-offset:1px}
.chatw-send{flex:none;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--ink);color:#071d20;cursor:pointer;transition:transform .2s var(--ease),opacity .2s}
.chatw-send:hover{transform:translateY(-1px)}
.chatw-send:disabled{opacity:.35;cursor:default;transform:none}
.chatw-send svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.chatw-hhead{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;border-bottom:1px solid rgba(255,255,255,.1)}
.chatw-hhead strong{flex:1;font-size:.8rem}
.chatw-hlist{flex:1;overflow-y:auto;padding:.5rem}
.chatw-hitem{display:block;width:100%;padding:.7rem .75rem;border:0;border-radius:12px;background:transparent;color:var(--ink);font:500 .8rem var(--sans);text-align:left;cursor:pointer;transition:background .2s}
.chatw-hitem:hover{background:rgba(255,255,255,.08)}
.chatw-hitem strong{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chatw-hitem small{display:block;margin-top:.2rem;color:#9aa3a6;font-size:.68rem}
.chatw-hempty{padding:2rem 1rem;color:#9aa3a6;font-size:.8rem;text-align:center}
@media(max-width:800px){.chatw-panel{inset:0;width:auto;height:100dvh;border-radius:0;border:0}body.chatw-open{overflow:hidden}.chatw-fab{right:1rem;bottom:1rem}}