/* The service story: native scrolling, readable type, one evolving visual. */
.hero h1{font-size:clamp(48px,5.3vw,82px);letter-spacing:-.065em}
.service-showcase{background:#050506;position:relative;isolation:isolate}
.show-intro{padding:80px 6% 40px;max-width:1500px;margin:auto}
.show-intro h2{font-size:clamp(38px,4.6vw,72px);line-height:1.06;letter-spacing:-.06em;font-weight:500;margin:16px 0 22px}
.show-intro h2 em{font-style:normal;color:#ff343e}
.show-intro>p:last-child{color:#aaa7b0;font-size:16px}
.show-runway{position:relative}
.show-stage{position:relative;isolation:isolate;overflow:clip;border-block:1px solid #ffffff1a;background:radial-gradient(ellipse at 74% 48%,#34101666,transparent 58%),#050506}
.show-marker{position:absolute;top:calc(var(--marker) * 25%);pointer-events:none}
.show-field,.show-rails{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.show-rails{perspective:600px;overflow:hidden;opacity:.2}
.show-rails i{position:absolute;width:65%;height:130%;left:40%;top:0;border:1px solid #b13845;transform:rotateX(62deg) rotateZ(-28deg) translateY(calc(var(--show-progress,0) * -120px));border-radius:50%}
.show-rails i:nth-child(2){scale:.76}.show-rails i:nth-child(3){scale:1.24}
.show-nav{position:relative;display:grid;grid-template-columns:repeat(4,1fr);max-width:1400px;margin:0 auto;padding:0 4%;z-index:5}
.show-nav a{display:flex;align-items:center;gap:12px;padding:24px 8px;border-bottom:1px solid #ffffff20;font-size:14px;color:#9b969e;transition:color .2s,border-color .2s}
.show-nav a span{font-size:11px;color:#76616a;letter-spacing:.1em}
.show-nav a[aria-current="step"]{border-color:#ff3541;color:#fff}.show-nav a[aria-current="step"] span{color:#ff4a54}
.show-panes{position:relative;max-width:1400px;margin:auto}
.show-pane{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:7%;padding:60px 5%;min-height:650px;perspective:1400px}
.show-copy{min-width:0;max-width:510px;position:relative;z-index:2}
.show-kicker{font-size:12px!important;letter-spacing:.12em;color:#ff737c!important;margin:0 0 25px!important}
.show-copy h3{font-size:clamp(36px,3.8vw,59px);font-weight:500;line-height:1.08;letter-spacing:-.06em;margin:0 0 24px}
.show-copy h3 em{font-style:normal;color:#ff343e}
.show-copy>p{color:#b3adb7;font-size:17px;line-height:1.65;max-width:440px;margin-bottom:22px}
.show-tags{display:block;color:#85808a;font-size:12px;line-height:1.7;margin:0 0 30px}
.show-copy .button{display:inline-flex;align-items:center;gap:20px;font-size:14px;min-height:50px}
.show-art{position:relative;height:430px;min-width:0;transform-style:preserve-3d;transform:perspective(1300px) rotateY(var(--art-turn,-6deg)) rotateX(3deg);will-change:transform}
.show-disclaimer{position:absolute;left:0;right:0;bottom:-28px;text-align:center;letter-spacing:.1em;font-size:9px;color:#78717f}
.show-browser,.show-crm,.show-call{border:1px solid #ffffff35;background:linear-gradient(135deg,#222127,#0c0c10);border-radius:16px;box-shadow:0 35px 75px #0009,0 0 50px #ff25330a;overflow:hidden}
.show-browser{position:absolute;inset:0 8% 45px 0;transform:translateZ(10px)}
.show-toolbar{height:40px;border-bottom:1px solid #ffffff15;display:flex;align-items:center;gap:5px;padding:0 16px}
.show-toolbar i{width:5px;height:5px;background:#67616e;border-radius:50%}.show-toolbar i:first-child{background:#ff3a46}
.show-toolbar span{font-size:8px;letter-spacing:.1em;color:#b0a5b7;margin-left:auto}.show-toolbar b{color:#ff6c76;font-size:10px;margin-left:auto}
.show-site{position:relative;isolation:isolate;padding:27px 26px;overflow:hidden;height:calc(100% - 40px)}
.show-brand{font-size:18px;font-weight:600;letter-spacing:-.05em;display:block;margin-bottom:36px}
.show-site>small{font-size:8px;letter-spacing:.12em;color:#a8a0ae;display:block;margin-bottom:13px}
.show-site>strong{font-size:clamp(30px,3vw,44px);font-weight:500;letter-spacing:-.055em;line-height:1.05;max-width:75%;display:block}
.show-site em{font-style:normal;color:#ff4955}.show-faux-button{display:inline-flex;gap:30px;background:#f0444e;border-radius:4px;padding:12px 17px;font-size:11px;margin-top:23px}
.show-sculpture{position:absolute;right:-100px;top:60px;width:260px;height:260px;z-index:-1;perspective:700px}
.show-sculpture i{position:absolute;inset:0;border:18px solid #ff303d88;border-radius:50%;transform:rotateY(68deg) rotateX(25deg);box-shadow:inset 2px 0 8px #fff4,0 0 30px #ff26331c}
.show-sculpture i:nth-child(2){transform:rotateY(30deg) rotateX(65deg)}.show-sculpture i:nth-child(3){transform:rotateY(-35deg) rotateX(25deg)}
.show-event{position:absolute;bottom:5px;right:0;left:12%;display:flex;align-items:center;gap:17px;padding:20px 22px;background:linear-gradient(110deg,#282027,#131215);border:1px solid #ff657666;border-radius:12px;box-shadow:0 18px 35px #0008;transform:translateZ(55px) translateY(var(--event-lift,0px))}
.show-event-icon{width:38px;height:38px;flex-shrink:0;background:#ff39451c;border:1px solid #ff45504d;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#ff6c78}.show-event-icon svg{width:22px;height:22px}
.show-event small{display:block;color:#ff8992;letter-spacing:.1em;font-size:8px;margin-bottom:6px}.show-event strong{font-size:16px;line-height:1.35;display:block;font-weight:500}.show-event div>span{font-size:11px;color:#9c94a3;display:block;margin-top:5px}
.show-message{padding:25px 28px;border-radius:16px;position:relative;width:84%;border:1px solid #ffffff25;background:linear-gradient(130deg,#27242c,#101014);box-shadow:0 25px 45px #0006;transform:translateZ(15px)}
.show-message>span{font-size:9px;color:#b7a9c3;letter-spacing:.1em;display:block;margin-bottom:13px}.show-message strong{font-size:24px;font-weight:500;line-height:1.4;letter-spacing:-.035em}.show-message small{display:block;font-size:12px;color:#958b9e;margin-top:13px}
.show-message.outgoing{margin-left:auto;background:linear-gradient(130deg,#411b24,#180e13);border-color:#ff657754;transform:translateZ(45px)}.show-message.outgoing>span{color:#ff7b88}
.show-connection{height:44px;position:relative;left:48%;border-left:1px solid #ff5b6866;width:1px}.show-connection i{position:absolute;left:-2px;width:4px;height:4px;border-radius:50%;background:#ff5b6d;animation:show-packet 2s linear infinite}.show-connection i:nth-child(2){animation-delay:-.7s}.show-connection i:nth-child(3){animation-delay:-1.4s}
@keyframes show-packet{from{transform:translateY(0);opacity:0}30%{opacity:1}to{transform:translateY(40px);opacity:0}}
.show-status{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:22px;font-size:12px;color:#bcaab9}.show-status svg{width:20px;height:20px;color:#ff5865}
.show-crm{position:absolute;inset:0 0 55px;padding-bottom:12px}.show-crm .show-toolbar span{margin-left:0;font-size:8px}
.show-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px 18px}.show-pipeline>div>small{font-size:8px;color:#9b8eaa;letter-spacing:.04em;display:block;margin-bottom:14px}
.show-lead{background:linear-gradient(140deg,#39222c,#1d151d);border:1px solid #fc596d69;padding:14px 12px;border-radius:7px;transform:translateX(var(--lead-shift,0px))}
.show-lead i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f3637e25;font-size:9px;font-style:normal;margin-bottom:9px;color:#ff9baa}.show-lead strong{display:block;font-size:12px;font-weight:500}.show-lead span{font-size:9px;line-height:1.5;color:#b3a3bd;display:block;margin-top:6px}.show-lead b{font-size:8px;color:#ff8b99;display:block;margin-top:13px;font-weight:400}
.show-placeholder{height:120px;border:1px dashed #ffffff19;border-radius:7px;background:#ffffff02}
.show-record{margin:0 18px;padding:14px 15px;background:#ffffff03;border:1px solid #ffffff13;border-radius:7px}.show-record>span{font-size:8px;letter-spacing:.08em;color:#b6a6c3}.show-record p{margin:11px 0 0;display:flex;justify-content:space-between;font-size:10px;color:#91879b}.show-record b{font-weight:400;color:#c6b9ce}
.show-call{padding:25px;position:absolute;inset:0 4% 50px 0}.show-call-top{display:flex;gap:15px;align-items:center}.show-call-orb{width:53px;height:53px;border:1px solid #ff5e7166;border-radius:50%;display:grid;place-items:center;font-size:15px;color:#ff788b;background:radial-gradient(circle at 30% 25%,#6c253e,#100b12);box-shadow:0 0 0 6px #ff26370a,0 0 0 7px #ff637b18}.show-call-top small{font-size:8px;letter-spacing:.08em;color:#a58fae}.show-call-top strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.04em;margin-top:6px}
.show-wave{height:84px;display:flex;align-items:center;justify-content:center;gap:6px;margin:5px 0}.show-wave i{height:var(--h);width:3px;flex-shrink:0;background:linear-gradient(#ff253c,#fa8f9e);border-radius:6px;animation:show-voice 1.3s ease-in-out infinite;animation-delay:calc(var(--i) * -77ms);transform-origin:center}
@keyframes show-voice{0%,100%{scale:1 .35;opacity:.45}50%{scale:1 1;opacity:1}}
.show-transcript{border-top:1px solid #ffffff19;padding-top:17px}.show-transcript small{font-size:8px;color:#a895b2;letter-spacing:.09em}.show-transcript p{font-size:14px;color:#d1c9d7;margin:6px 0 16px}.show-transcript small:nth-of-type(2){color:#ff7c8d}
.show-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 5%;border-top:1px solid #ffffff14;max-width:1400px;margin:auto;font-size:9px;letter-spacing:.1em;color:#817887}
.show-bottom b{font-weight:400;color:#ff697b}.show-scroll-cue{display:flex;align-items:center;gap:10px}.show-scroll-cue svg{width:13px;height:13px;color:#ff5166}
.show-scope{font-size:12px;color:#847b8e;text-align:center;margin:0;padding:24px 6% 35px}
/* JS enhances the complete static document into a reversible scene. */
.show-ready .show-runway{height:390svh}
.show-ready .show-stage{height:100svh;min-height:500px;position:sticky;top:0;display:flex;flex-direction:column}
.show-ready .show-nav{width:100%;flex-shrink:0}
.show-ready .show-panes{flex:1;width:100%}
.show-ready .show-pane{position:absolute;inset:0;min-height:0;padding-top:35px;padding-bottom:55px;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,32px,0);transition:opacity .42s ease,transform .65s cubic-bezier(.16,1,.3,1),visibility .42s}
.show-ready .show-pane.is-current{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0)}
.show-ready .show-pane .show-art{transition:opacity .5s,transform .75s cubic-bezier(.16,1,.3,1)}
.show-ready .show-pane:not(.is-current) .show-art{transform:perspective(1300px) translateZ(-100px) rotateY(14deg) translateX(75px)}
.show-ready .show-pane:not(.is-current) *{animation-play-state:paused!important}
.show-ready .show-bottom{width:100%;flex-shrink:0}
@media(max-width:1000px){.show-pane{gap:4%}.show-copy h3{font-size:40px}.show-art{height:400px}.show-message{padding:22px}.show-message strong{font-size:21px}.show-event{left:4%;padding:16px}.show-event strong{font-size:14px}.show-wave{gap:4px}.show-call{padding:22px}.show-call-top strong{font-size:17px}}
@media(max-width:760px){
 .hero h1{font-size:clamp(31px,7.7vw,53px)!important;letter-spacing:-.06em;line-height:1.07}
 .show-intro{padding:52px 6% 28px}.show-intro h2{font-size:40px}.show-intro>p:last-child{font-size:14px}
 .show-nav{padding:0 5%;gap:8px}.show-nav a{flex-direction:column;align-items:flex-start;gap:5px;padding:16px 2px;font-size:11px;line-height:1.3}.show-nav a span{font-size:9px}
 .show-pane{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:30px 7% 45px;min-height:0}
 .show-copy{max-width:none}.show-kicker{font-size:10px!important;margin-bottom:13px!important}.show-copy h3{font-size:34px;margin-bottom:14px;line-height:1.04}.show-copy>p{font-size:14px;line-height:1.55;max-width:450px;margin-bottom:12px}.show-tags{display:none}.show-copy .button{font-size:12px;padding:12px 17px;min-height:43px;gap:18px}
 .show-art{height:290px;width:100%;max-width:440px;margin:0 auto;transform:perspective(1000px) rotateY(var(--art-turn,-3deg)) rotateX(2deg)}
 .show-browser{inset:0 7% 28px 0;border-radius:10px}.show-toolbar{height:28px;padding:0 10px}.show-toolbar span{font-size:6px}.show-toolbar i{width:4px;height:4px}.show-site{padding:17px;height:calc(100% - 28px)}.show-brand{font-size:14px;margin-bottom:21px}.show-site>small{font-size:6px;margin-bottom:9px}.show-site>strong{font-size:27px}.show-faux-button{font-size:8px;margin-top:14px;padding:9px 12px;gap:20px}.show-sculpture{width:180px;height:180px;right:-80px;top:40px}.show-sculpture i{border-width:12px}
 .show-event{left:8%;bottom:0;padding:13px 14px;gap:11px;border-radius:9px}.show-event-icon{width:30px;height:30px;font-size:10px}.show-event small{font-size:6px;margin-bottom:4px}.show-event strong{font-size:12px}.show-event div>span{font-size:9px;margin-top:3px}.show-disclaimer{font-size:6px;bottom:-17px;letter-spacing:.07em}
 .show-message{padding:17px 19px;border-radius:10px;width:85%}.show-message>span{font-size:7px;margin-bottom:8px}.show-message strong{font-size:18px;line-height:1.3}.show-message small{font-size:9px;margin-top:9px}.show-connection{height:27px}.show-status{font-size:9px;margin-top:13px}.show-status svg{width:16px;height:16px}
 .show-crm{inset:0 0 35px;border-radius:10px}.show-crm .show-toolbar span{font-size:6px}.show-crm .show-toolbar b{font-size:8px}.show-pipeline{padding:14px 12px;gap:7px}.show-pipeline>div>small{font-size:6px;margin-bottom:9px}.show-lead{padding:10px 8px}.show-lead i{width:20px;height:20px;font-size:7px;margin-bottom:6px}.show-lead strong{font-size:10px}.show-lead span{font-size:7px;margin-top:4px}.show-lead b{font-size:6px;margin-top:7px}.show-placeholder{height:95px}.show-record{margin:0 12px;padding:9px 11px}.show-record>span{font-size:6px}.show-record p{font-size:8px;margin-top:6px}
 .show-call{padding:18px;inset:0 2% 35px 0;border-radius:10px}.show-call-top{gap:12px}.show-call-orb{width:38px;height:38px;font-size:12px}.show-call-top small{font-size:6px}.show-call-top strong{font-size:15px}.show-wave{height:59px;gap:4px}.show-wave i{width:2px;max-height:45px}.show-transcript{padding-top:11px}.show-transcript small{font-size:6px}.show-transcript p{font-size:11px;margin:4px 0 10px}
 .show-ready .show-runway{height:360svh}.show-ready .show-stage{min-height:720px}.show-ready .show-pane{padding:24px 7% 35px;gap:27px;justify-content:center}.show-ready .show-bottom{font-size:7px;padding:16px 6%}.show-bottom>span:first-child{max-width:120px;line-height:1.5}.show-scroll-cue{font-size:7px;gap:5px}.show-scope{font-size:11px;text-align:left}
}
@media(max-width:360px){.show-copy h3{font-size:29px}.show-copy>p{font-size:13px}.show-art{height:270px}.show-ready .show-stage{min-height:700px}.show-nav a{font-size:10px}.show-call-top strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.show-pane,.show-art{transition:none!important}.show-field{display:none}.show-stage *{animation:none!important}.show-art{transform:none!important}}
body.motion-off .show-stage *{animation:none!important}body.motion-off .show-field{display:none}

@media(min-width:761px) and (max-height:740px){
 .show-ready .show-pane{padding-top:18px;padding-bottom:30px}
 .show-ready .show-art{height:330px}
 .show-ready .show-copy h3{font-size:37px;margin-bottom:16px}
 .show-ready .show-copy>p{font-size:15px;margin-bottom:14px}
 .show-ready .show-kicker{margin-bottom:16px!important}
 .show-ready .show-tags{margin-bottom:20px;font-size:10px}
 .show-ready .show-nav a{padding-block:19px}
 .show-ready .show-brand{margin-bottom:22px}
 .show-ready .show-site>strong{font-size:32px}
 .show-ready .show-message{padding:18px 22px}
 .show-ready .show-message strong{font-size:20px}
 .show-ready .show-message small{font-size:10px}
 .show-ready .show-connection{height:26px}
 .show-ready .show-status{margin-top:13px}
 .show-ready .show-pipeline{padding-block:15px}
 .show-ready .show-record{padding:10px 13px}
 .show-ready .show-record p{margin-top:7px}
 .show-ready .show-wave{height:60px;margin:0}
 .show-ready .show-transcript{padding-top:10px}
 .show-ready .show-transcript p{font-size:12px;margin-bottom:10px}
 .show-ready .show-call{padding:20px}
 .show-ready .show-event{padding:14px 18px}
}
/* Reserve a dedicated outcome lane so floating cards never cover the demo text. */
.show-crm{bottom:90px}
.show-pipeline{padding:15px 18px}
.show-lead{padding:10px 11px}.show-lead i{margin-bottom:6px}.show-lead b{margin-top:8px}
.show-placeholder{height:105px}
.show-record{padding:11px 15px}.show-record p{margin-top:8px}
.show-call{bottom:90px}.show-wave{height:70px}.show-transcript p{margin-bottom:12px}
@media(min-width:761px) and (max-height:740px){
 .show-ready .art-2,.show-ready .art-3{height:350px}
 .show-ready .show-crm{bottom:80px}
 .show-ready .show-pipeline{padding:11px 14px}
 .show-ready .show-pipeline>div>small{margin-bottom:8px}
 .show-ready .show-lead{padding:8px}.show-ready .show-lead i{width:21px;height:21px;margin-bottom:5px}
 .show-ready .show-lead span{font-size:8px}.show-ready .show-lead b{font-size:7px;margin-top:6px}
 .show-ready .show-record{padding:8px 12px}.show-ready .show-record p{font-size:9px;margin-top:5px}
 .show-ready .show-placeholder{height:95px}
 .show-ready .show-call{bottom:80px;padding:18px}
 .show-ready .show-wave{height:47px}.show-ready .show-transcript p{margin-bottom:8px;font-size:11px}
 .show-ready .show-call-top strong{font-size:16px}
}
@media(max-width:760px){
 .show-art{height:320px}
 .show-crm{bottom:77px}
 .show-pipeline{padding:11px 12px}
 .show-lead{padding:8px}.show-lead i{margin-bottom:5px}.show-lead b{margin-top:5px}
 .show-placeholder{height:88px}
 .show-record{padding:8px 10px}.show-record p{margin-top:5px}
 .show-call{bottom:77px;padding:16px 18px}
 .show-wave{height:43px}.show-wave i{max-height:36px}
 .show-transcript{padding-top:9px}.show-transcript p{margin:4px 0 8px;font-size:10px}
 .show-event{padding:12px 14px}
}
@media(max-width:360px){.show-art{height:300px}.show-call{padding:13px 15px}.show-wave{height:37px}.show-call-top strong{font-size:12px}.show-record{padding:6px 10px}.show-pipeline{padding-block:8px}.show-lead span{font-size:6px}}

.hero h1{position:relative;isolation:isolate;text-shadow:0 2px 6px #000,0 0 15px #000b}
.hero h1:before{content:'';position:absolute;inset:-15px -15px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 50%,#000d 0%,#0009 50%,transparent 80%)}
.show-faux-button svg{width:13px;height:13px}
/* Final preview alignment: more room between the opening words and the portal. */
.hero .eyebrow,.hero h1{position:relative;left:-12px;top:-20px}
@media(max-width:760px){
 .hero .eyebrow,.hero h1{left:0;top:-12px}
 .show-nav a{align-items:center;text-align:center;justify-content:center}
 .show-art{transform:none!important;will-change:auto}
 .show-browser{right:0}
 .show-event{left:0;right:0;transform:none}
 .show-call{left:0;right:0}
 .show-message{width:92%}
 .show-rails{opacity:.15}
}
.show-stage:not(.show-in-view) *{animation-play-state:paused!important}
@media(max-width:760px){
 .show-pane{perspective:none}
 .show-art{transform-style:flat}
 .show-message,.show-browser{transform:none}
 .hero .scene,.hero .scene-world{height:auto}
 .hero .ai-workflow{position:relative;inset:auto;width:100%}
 .hero-services{grid-auto-rows:1fr}
 .hero-services .ai-module{min-height:145px;padding-bottom:38px}
}