@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .22s ease both}::view-transition-new(root){animation:page-in .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes page-out{to{opacity:0;transform:translateY(-12px)}}@keyframes page-in{from{opacity:0;transform:translateY(18px)}}
.cinematic-site{background:#05070c}.cinematic-site header{background:#05070c;border-color:#ffffff12}.cinematic-site .breadcrumb{padding-block:15px;color:#94a3ba;font-size:12px}.cinematic-site .logo img{-webkit-user-drag:none}.cinematic-site main{animation:page-in .45s ease both}.cinematic-site.is-leaving main{opacity:0;transform:translateY(-12px);transition:opacity .18s,transform .18s}
.cinema{--story-p:0;--camera-p:0;position:relative;isolation:isolate;background:#05070c;min-height:760px}.cinema-ready .cinema{height:310svh}.cinema-sticky{position:relative;min-height:760px;overflow:hidden;overflow:clip;isolation:isolate;background:radial-gradient(ellipse at 75% 52%,color-mix(in srgb,var(--scene-accent),transparent 91%),transparent 53%),#05070c}.cinema-ready .cinema-sticky{position:sticky;top:0;height:100svh;min-height:620px;max-height:1200px}
.cinema-atmosphere{position:absolute;inset:-20%;z-index:-1;background:url('/assets/omni-core-800.webp') 75% center/contain no-repeat;opacity:.16;filter:saturate(.65);transform:scale(calc(1 + var(--story-p)*.65)) rotate(calc(var(--story-p)*-14deg));pointer-events:none;mask-image:linear-gradient(to bottom,transparent,black 25%,black 70%,transparent)}
.cinema-grid{position:relative;height:calc(100% - 90px);min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.cinema-copy{grid-column:1;grid-row:1;z-index:5;padding-block:40px;max-width:700px;transform:none}.cinema-copy.chapter-1,.cinema-copy.chapter-2{display:none}.cinema-ready .cinema-copy{display:block;opacity:0;visibility:hidden;transform:translateY(30px);transition:opacity .42s ease,transform .65s cubic-bezier(.16,1,.3,1),visibility .42s;pointer-events:none}.cinema-ready .cinema-copy.is-current{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.cinema-kicker{display:block;font-size:12px;letter-spacing:.15em;color:#b4c5e0;margin-bottom:27px;font-weight:500}.cinema-copy h1,.cinema-copy h2{font-size:clamp(48px,5.7vw,86px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:0 0 29px;color:#f1f4ff;text-wrap:balance}.cinema-copy h1 br,.cinema-copy h2 br{display:block}.cinema-copy p{font-size:18px;line-height:1.8;max-width:480px;color:#a4b1c8;margin:0 0 30px}.cinema-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.cinema-actions .btn{background:#e8efff;color:#0d1525;box-shadow:none;border-radius:30px;padding:14px 24px;min-height:52px;font-size:14px;font-weight:600}.cinema-actions .btn:hover{background:white;box-shadow:0 8px 36px #a9c7ff22}.cinema-text-link{font-size:14px;color:#c2cce0;padding:13px 0;border-bottom:1px solid #9caec54a}.cinema-visual{position:relative;grid-column:2;grid-row:1;height:600px;perspective:1700px;min-width:0;transform-style:preserve-3d}
.cinema .cinema-sculpture{position:absolute;inset:-80px -150px -60px -90px;width:auto;max-width:none;aspect-ratio:auto;max-height:none;margin:0;background:none;transform:translate3d(calc(var(--story-p)*-20px),calc(var(--story-p)*-50px),0) scale(calc(1 + var(--story-p)*.12));opacity:var(--object-opacity,1);transition:opacity .2s;z-index:1;pointer-events:none}.cinema-sculpture .sculpture-fallback{opacity:.85;mask-image:radial-gradient(ellipse,black 10%,transparent 70%)}.cinema-sculpture.webgl-ready .sculpture-fallback{opacity:0}.cinema-sculpture canvas{filter:drop-shadow(0 0 27px color-mix(in srgb,var(--scene-accent),transparent 85%))}
.context-shards{position:absolute;inset:0;transform-style:preserve-3d;z-index:2;pointer-events:none;opacity:var(--shard-opacity,1)}.context-shard{position:absolute;width:210px;padding:20px 22px;background:linear-gradient(140deg,#20304cbd,#0b1424d9);border:1px solid #b1c7ea35;box-shadow:0 20px 50px #0005;border-radius:9px;backdrop-filter:blur(12px);transform:translate3d(calc(var(--shard-x)*var(--join)),calc(var(--shard-y)*var(--join)),calc(var(--story-p)*-200px)) rotateY(calc(var(--tilt)*var(--join)));opacity:calc(.4 + var(--join)*.6)}.context-shard>span{font-size:11px;color:var(--scene-accent);letter-spacing:.2em}.context-shard b{display:block;font-size:15px;line-height:1.45;font-weight:500;margin:10px 0 5px}.context-shard small{font-size:12px;color:#9caec9}.shard-0{--shard-x:-55px;--shard-y:-45px;--tilt:-18deg;left:8%;top:12%}.shard-1{--shard-x:55px;--shard-y:-25px;--tilt:18deg;right:-5%;top:30%}.shard-2{--shard-x:-45px;--shard-y:40px;--tilt:-15deg;left:-5%;bottom:18%}.shard-3{--shard-x:45px;--shard-y:50px;--tilt:22deg;right:0;bottom:4%}
.cinema-screen{position:absolute;left:-30px;right:-80px;top:100px;z-index:4;opacity:var(--screen-opacity,0);transform:translate3d(0,calc(70px - var(--screen-p)*70px),calc(-140px + var(--screen-p)*140px)) rotateY(calc(-24deg + var(--screen-p)*24deg)) rotateX(calc(12deg - var(--screen-p)*12deg)) scale(calc(.78 + var(--screen-p)*.22));pointer-events:none;filter:drop-shadow(0 28px 90px #0008)}.cinema-screen .product-sim{border-color:#a2bcec66;background:#0d1728f5;box-shadow:0 0 90px color-mix(in srgb,var(--scene-accent),transparent 91%)}
.visual-caption{position:absolute;bottom:-5px;left:0;right:0;text-align:center;font-size:13px;color:#a4b6d3;line-height:1.6;padding:10px 25px;z-index:5}.cinema-bottom{position:absolute;bottom:27px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:8}.chapter-controls{display:flex;gap:12px}.chapter-controls button{background:none;color:#889bb9;border:0;display:flex;align-items:center;gap:9px;padding:12px 0;min-height:44px;font-size:12px}.chapter-controls button i{display:block;width:40px;height:2px;background:#ffffff25;transition:width .4s,background .4s}.chapter-controls button[aria-pressed=true]{color:#e3edff}.chapter-controls button[aria-pressed=true] i{width:70px;background:var(--scene-accent)}.cinema-scroll-cue{font-size:11px;letter-spacing:.13em;color:#9cacc6;display:flex;align-items:center;gap:20px}.cinema-scroll-cue span{font-size:23px}.skip-story{font-size:12px;color:#b5c6e2;padding:12px 0}.cinema-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--scene-accent);transform:scaleX(var(--story-p));transform-origin:left;opacity:.7}.content-start{scroll-margin-top:25px}
.cinematic-site .media-section{border-top:0;margin-top:0;padding-block:50px;background:#080c14}.cinematic-site .section-head h2,.cinematic-site .value-story h2{letter-spacing:-.04em}.cinematic-site .feature-grid article{background:linear-gradient(145deg,#0e1728,#090e19);border-color:#ffffff16}.cinematic-site .closing-inner{background:radial-gradient(ellipse at 80% 20%,#234f8f35,transparent 60%),#0d1524}.cinematic-site .closing{padding-bottom:45px}.cinematic-site .page-jumps{margin-top:35px}.cinematic-site .next-world{background:#080d17;border-block:1px solid #91aee82a;margin-top:20px;padding-block:75px}.next-world a{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:28px;padding-block:10px;font-size:clamp(34px,5.5vw,75px);letter-spacing:-.055em;line-height:1.2}.next-world a b{font-size:clamp(50px,7vw,90px);font-weight:400;color:#a4c5ff;transition:transform .4s}.next-world a:hover b{transform:translate(10px,-10px)}.next-world p{color:#a5b5cd;font-size:17px;margin-bottom:0}.cinematic-site footer{padding-top:55px}
.demo-showcase{padding-block:85px;perspective:1600px}.demo-showcase-head{max-width:750px;margin-bottom:36px}.demo-showcase-head h2{font-size:clamp(32px,4vw,53px);letter-spacing:-.045em;line-height:1.15;margin:20px 0}.demo-showcase-head p{font-size:17px;color:#a6b5ce;line-height:1.8}.demo-path{display:flex;gap:20px;justify-content:space-between;margin-top:20px;font-size:14px;color:#b0c3e2}.demo-path span{padding:15px 0;border-top:1px solid #a2c0f635;flex:1}.product-sim{border:1px solid #8ba9dd40;border-radius:14px;background:linear-gradient(135deg,#14223c,#0a1221);overflow:hidden;box-shadow:0 25px 90px #0005;text-align:left;min-width:0;position:relative;isolation:isolate}.sim-top{display:flex;justify-content:space-between;gap:15px;padding:19px 23px;border-bottom:1px solid #91afe22b;background:#0f192c;align-items:center}.sim-brand{font-size:24px;font-weight:600;letter-spacing:-1px;color:white}.sim-brand span{color:#a6b9ff}.sim-label{font-size:10px;letter-spacing:.08em;color:#9eb6dd}.sim-workspace{display:grid;grid-template-columns:60px minmax(0,1fr);min-height:310px}.sim-sidebar{display:flex;flex-direction:column;align-items:center;gap:28px;background:#0a1323;border-right:1px solid #abc4ed1a;padding-block:27px;color:#91a9d5}.sim-sidebar i{font-style:normal;font-size:20px}.sim-content{padding:25px 28px;min-width:0}.sim-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.sim-heading h3{margin:0;font-size:18px;line-height:1.4;letter-spacing:-.03em;font-weight:500}.sim-heading>span{font-size:11px;color:#91a8cd}.sim-bottom{padding:12px 22px;font-size:11px;color:#a0b5d6;background:#0b1425;border-top:1px solid #a4c0e922}.sim-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sim-column>span{font-size:13px;color:#b6c6df;display:block;margin-bottom:17px}.sim-card{padding:19px 17px;border:1px solid #91b2eb38;background:#192c4b;border-radius:8px;box-shadow:0 10px 30px #0002;transition:transform .5s,background .5s}.sim-card small{font-size:10px;letter-spacing:.08em;color:#86a9e0}.sim-card b{display:block;font-size:15px;line-height:1.5;margin:14px 0 8px;font-weight:500;color:#e1ecff}.sim-card p{font-size:12px;line-height:1.65;color:#a6bddf;margin:0}.sim-card em{font-size:11px;display:inline-block;font-style:normal;margin-top:17px;padding:4px 9px;background:#376aca33;border:1px solid #84a5ee33;border-radius:4px;color:#bbd2ff}.sim-ghost{height:35px;border:1px dashed #9db8e32b;margin-top:12px;border-radius:5px}.sim-chat{display:grid;gap:17px}.sim-bubble{padding:17px 20px;border-radius:11px;max-width:83%;background:#1d2e4a;border:1px solid #96b5e22b}.sim-bubble small{font-size:10px;letter-spacing:.08em;color:#adc0df}.sim-bubble p{font-size:15px;line-height:1.65;margin:9px 0 0;color:#dce6f8}.sim-bubble.agent{margin-left:auto;background:linear-gradient(120deg,#31366b,#1c3563);border-color:#a5b7fb44}.sim-event{font-size:12px;text-align:center;color:#b6caff;padding:10px}.sim-event span{margin-inline:20px}.sim-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sim-metrics>div{padding:17px;border:1px solid #98b5e42b;border-radius:8px;background:#192a45}.sim-metrics span{font-size:12px;color:#a6bad7}.sim-metrics b{display:block;margin-top:10px;font-size:16px;color:#d5e4ff;font-weight:500}.sim-chart{height:140px;display:flex;gap:12px;align-items:flex-end;padding:25px 15px 0;margin-top:15px;border-bottom:1px solid #7699d644;background:repeating-linear-gradient(to top,transparent 0,transparent 34px,#ffffff06 35px)}.sim-chart>span{flex:1;height:var(--bar);background:linear-gradient(#7c91ed,#304e86);border-radius:5px 5px 0 0;transform-origin:bottom;transition:transform .8s}.sim-foot{font-size:12px;color:#9cb5db;margin-bottom:0}.sim-call{text-align:center;padding:20px 0}.sim-wave{display:flex;gap:7px;height:90px;justify-content:center;align-items:center}.sim-wave i{width:7px;height:var(--wave);background:linear-gradient(#a79bff,#477ef3);border-radius:10px;transform:scaleY(calc(.7 + var(--story-p,.4)*.3))}.sim-call>b{display:block;font-size:22px;font-weight:500;margin-top:20px}.sim-call p{font-size:13px;color:#aac0e2}.sim-call-steps{display:flex;justify-content:center;gap:20px;margin-top:20px;font-size:12px;color:#c6d5f4}.sim-knowledge{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sim-knowledge>div{padding:17px;border:1px solid #8caee731;border-radius:8px;background:#172a46}.sim-knowledge>div>span{font-size:11px;color:#91aaff;display:block}.sim-knowledge b{font-size:14px;display:block;font-weight:500;margin-top:9px}.sim-knowledge small{font-size:11px;color:#a7bbdc;display:block;margin-top:7px}.sim-meter{height:3px;background:#ffffff0b;margin-top:16px}.sim-meter i{height:100%;display:block;background:linear-gradient(90deg,#607de9,#aa9cf2)}
.sim-compact .sim-workspace{grid-template-columns:45px minmax(0,1fr);min-height:280px}.sim-compact .sim-content{padding:19px}.sim-compact .sim-top{padding:13px 18px}.sim-compact .sim-heading>span{display:none}.sim-compact .sim-kanban{gap:9px}.sim-compact .sim-card{padding:14px 10px}.sim-compact .sim-bottom{font-size:10px;padding:10px 16px}.sim-compact .sim-label{font-size:9px}.sim-compact .sim-brand{font-size:20px}.sim-compact .sim-metrics>div{padding:11px}.sim-compact .sim-metrics b{font-size:13px}.sim-compact .sim-metrics{gap:8px}.sim-compact .sim-sidebar{gap:23px}.sim-compact .sim-bubble p{font-size:14px}.screen-gallery .product-sim{box-shadow:none}.screen-gallery .sim-heading h3{font-size:17px;margin:0}.screen-gallery .sim-bubble p{font-size:14px;line-height:1.6;color:#d4e0f5;margin:8px 0 0}.screen-gallery .sim-card p{font-size:12px;line-height:1.6;margin:7px 0}.screen-gallery .sim-foot{font-size:12px}.screen-gallery .sim-call p{font-size:13px}.screen-gallery .sim-metrics b{font-size:12px}
.journey-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0 22px}.journey-controls button{padding:15px 18px;background:#0c1423;border:1px solid #adc4ed26;border-radius:7px;color:#a4b8d8;display:flex;align-items:center;gap:15px;font-size:15px;min-height:52px;transition:background .3s,border-color .3s}.journey-controls button span{font-size:12px;color:#7f9dce}.journey-controls button[aria-selected=true]{background:#1a2c4b;border-color:#819edb80;color:#eef4ff}.journey-stages [role=tabpanel]{animation:page-in .4s ease both}.journey-stages [hidden]{display:none}.cinema-ready [data-reveal]{transition:opacity .65s ease,transform .8s cubic-bezier(.16,1,.3,1)}.cinema-ready [data-reveal].will-reveal{opacity:0;transform:translateY(25px)}.cinema-ready [data-reveal].is-revealed{opacity:1;transform:none}
@media(min-width:1600px){.cinema-grid{width:min(1500px,calc(100% - 120px))}.cinema-copy h1,.cinema-copy h2{font-size:94px}.cinema-visual{height:680px}.cinema-screen{top:155px;right:-25px}.cinema .cinema-sculpture{inset:-60px -110px}.cinema-kicker{font-size:13px}}
@media(max-width:1100px){.cinema-copy h1,.cinema-copy h2{font-size:clamp(44px,6vw,65px)}.cinema-grid{gap:0;grid-template-columns:1.08fr .92fr}.cinema-visual{height:480px}.cinema-copy p{font-size:16px;max-width:390px}.cinema .cinema-sculpture{inset:-60px -105px -45px -70px}.context-shard{width:175px;padding:16px}.context-shard b{font-size:13px}.shard-0{left:3%;top:7%}.shard-1{right:-10%}.cinema-screen{left:-45px;right:-35px;top:65px}.cinema-screen .sim-sidebar{display:none}.cinema-screen .sim-workspace{grid-template-columns:1fr}.cinema-screen .sim-content{padding:16px}.cinema-screen .sim-compact .sim-label{font-size:8px}.cinema-text-link{font-size:13px}.cinema-actions{gap:15px}.cinema-copy h1 br,.cinema-copy h2 br{display:none}.cinema-bottom{bottom:20px}.cinema-scroll-cue{font-size:10px}.cinema-screen .sim-column>span{font-size:11px}.cinema-screen .sim-card b{font-size:13px}.cinema-screen .sim-card p{font-size:11px}.cinema-screen .sim-card em{font-size:10px}}
@media(max-width:760px){.cinema-ready .cinema{height:280svh}.cinema-ready .cinema-sticky{min-height:620px}.cinema-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0;height:calc(100% - 65px);align-content:start;gap:0;padding-top:35px}.cinema-copy{grid-column:1;grid-row:1;padding:0;max-width:none}.cinema-kicker{font-size:10px;letter-spacing:.1em;margin-bottom:16px}.cinema-copy h1,.cinema-copy h2{font-size:clamp(36px,7.5vw,53px);letter-spacing:-.05em;line-height:1.06;margin-bottom:15px;max-width:640px}.cinema-copy p{font-size:15px;line-height:1.65;max-width:540px;margin-bottom:20px}.cinema-actions{gap:16px}.cinema-actions .btn{min-height:45px;padding:11px 18px;font-size:12px}.cinema-text-link{font-size:12px;padding:9px 0}.cinema-visual{grid-column:1;grid-row:2;height:100%;min-height:260px;max-height:440px;width:100%;max-width:560px;margin:auto}.cinema .cinema-sculpture{inset:-50px -15px -35px -15px}.context-shard{width:155px;padding:12px 15px;border-radius:7px}.context-shard b{font-size:12px;margin:7px 0 4px}.context-shard small{font-size:10px}.context-shard>span{font-size:10px}.shard-0{left:9%;top:10%;--shard-x:-20px;--shard-y:-10px}.shard-1{right:5%;top:20%;--shard-x:15px;--shard-y:-5px}.shard-2{left:6%;bottom:15%;--shard-x:-10px;--shard-y:10px}.shard-3{right:5%;bottom:4%;--shard-x:15px;--shard-y:10px}.cinema-screen{top:22px;left:0;right:0;max-width:490px;margin-inline:auto}.cinema-screen .sim-top{padding:10px 14px}.cinema-screen .sim-workspace{min-height:180px}.cinema-screen .sim-content{padding:12px 14px}.cinema-screen .sim-heading{margin-bottom:12px}.cinema-screen .sim-heading h3{font-size:14px}.cinema-screen .sim-brand{font-size:17px}.cinema-screen .sim-label{font-size:8px}.cinema-screen .sim-bubble{padding:9px 12px}.cinema-screen .sim-bubble p{font-size:12px;line-height:1.5;margin-top:5px}.cinema-screen .sim-bubble small{font-size:8px}.cinema-screen .sim-chat{gap:9px}.cinema-screen .sim-event{font-size:10px;padding:4px}.cinema-screen .sim-bottom{font-size:8px;padding:8px 12px}.cinema-screen .sim-column>span{font-size:10px;margin-bottom:8px}.cinema-screen .sim-card{padding:10px 8px}.cinema-screen .sim-card b{font-size:11px;margin-block:8px 5px}.cinema-screen .sim-card small,.cinema-screen .sim-card p,.cinema-screen .sim-card em{font-size:9px}.cinema-screen .sim-card em{margin-top:9px}.cinema-screen .sim-ghost{height:20px}.cinema-screen .sim-chart{height:85px;margin-top:5px}.cinema-screen .sim-metrics b{font-size:10px}.cinema-screen .sim-metrics span{font-size:9px}.cinema-screen .sim-metrics>div{padding:8px}.cinema-screen .sim-foot{font-size:10px}.cinema-screen .sim-call{padding:0}.cinema-screen .sim-wave{height:65px;transform:scale(.7)}.cinema-screen .sim-call>b{font-size:17px;margin-top:8px}.cinema-screen .sim-call p,.cinema-screen .sim-call-steps{font-size:10px}.cinema-screen .sim-knowledge{gap:9px}.cinema-screen .sim-knowledge>div{padding:9px}.cinema-screen .sim-knowledge b{font-size:11px}.cinema-screen .sim-knowledge small{font-size:9px}.cinema-screen .sim-meter{margin-top:8px}.visual-caption{font-size:10px;bottom:-5px;padding:5px}.cinema-bottom{bottom:13px;gap:10px}.cinema-scroll-cue{display:none}.chapter-controls{gap:10px}.chapter-controls button{font-size:10px;gap:6px}.chapter-controls button i{width:20px}.chapter-controls button[aria-pressed=true] i{width:35px}.skip-story{font-size:11px}.demo-showcase{padding-block:55px}.demo-showcase-head{margin-bottom:26px}.demo-showcase-head p{font-size:16px}.demo-path{gap:10px;font-size:12px}.product-sim .sim-label{font-size:9px}.sim-workspace{grid-template-columns:42px minmax(0,1fr)}.sim-content{padding:20px 16px}.sim-kanban{gap:9px}.sim-card{padding:14px 10px}.sim-card b{font-size:13px}.sim-card p{font-size:11px}.sim-heading h3{font-size:16px}.sim-heading>span{display:none}.sim-column>span{font-size:11px}.sim-sidebar{gap:30px}.sim-bubble{max-width:95%}.sim-bubble p{font-size:14px}.sim-event{font-size:11px}.sim-top{padding:15px}.sim-brand{font-size:21px}.sim-bottom{font-size:10px}.sim-metrics{gap:8px}.sim-metrics>div{padding:12px 9px}.sim-metrics b{font-size:12px}.sim-metrics span{font-size:10px}.sim-chart{gap:7px}.sim-knowledge{gap:10px}.sim-knowledge>div{padding:14px 10px}.sim-knowledge b{font-size:13px}.journey-controls{gap:7px}.journey-controls button{display:block;padding:12px 8px;font-size:12px;text-align:left}.journey-controls button span{display:block;margin-bottom:6px;font-size:10px}.next-world{padding-block:55px!important}.next-world a{font-size:35px;gap:20px}.next-world p{font-size:15px}.cinematic-site .media-section{padding-block:35px}}
@media(max-width:380px){.cinema-grid{padding-top:24px}.cinema-copy h1,.cinema-copy h2{font-size:35px}.cinema-copy p{font-size:14px;margin-bottom:15px}.cinema-kicker{font-size:9px;margin-bottom:12px}.cinema-text-link{font-size:11px}.context-shard{width:135px}.sim-sidebar{display:none}.sim-workspace,.sim-compact .sim-workspace{grid-template-columns:1fr}.sim-content{padding:15px 12px}.sim-kanban{gap:7px}.sim-card b{font-size:12px}.cinema-screen{top:20px}.cinema-screen .sim-content{padding:10px}.cinema-screen .sim-bubble p{font-size:11px}.cinema-screen .sim-heading{margin-bottom:9px}.cinema-actions{gap:12px}.cinema-actions .btn{font-size:11px}.cinema-visual{min-height:260px}.sim-compact .sim-sidebar{display:none}}
@media(min-width:761px) and (max-height:760px){.cinema-ready .cinema-sticky{min-height:520px}.cinema-grid{min-height:0}.cinema-visual{height:440px}.cinema-copy h1,.cinema-copy h2{font-size:clamp(42px,5vw,65px)}.cinema-kicker{margin-bottom:18px}.cinema-copy p{font-size:16px}.cinema-screen{top:45px}.cinema .cinema-sculpture{inset:-30px -120px -10px -70px}}
@media(max-width:760px) and (max-height:700px){.cinema-ready .cinema-sticky{min-height:540px}.cinema-grid{padding-top:22px}.cinema-copy h1,.cinema-copy h2{font-size:33px;margin-bottom:12px}.cinema-copy p{font-size:13px;margin-bottom:12px;line-height:1.55}.cinema-kicker{margin-bottom:11px;font-size:9px}.cinema-actions .btn{min-height:40px;font-size:11px;padding:9px 15px}.cinema-text-link{font-size:11px}.cinema-visual{min-height:220px}.cinema-screen{top:12px;transform:translate3d(0,calc(45px - var(--screen-p)*45px),0) rotateY(calc(-15deg + var(--screen-p)*15deg)) scale(.91);transform-origin:top center}.cinema-screen .sim-heading{display:none}.cinema-screen .sim-workspace{min-height:155px}.cinema-screen .sim-bottom{display:none}.visual-caption{bottom:-10px}.context-shard{padding:10px}.shard-3{bottom:0}.shard-2{bottom:3%}}
@media(max-height:470px){.cinema-ready .cinema{height:auto}.cinema-ready .cinema-sticky{position:relative;height:auto;min-height:420px}.cinema-grid{min-height:350px;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr;height:auto;padding-block:30px 65px}.cinema-copy{grid-column:1;grid-row:1}.cinema-visual{grid-column:2;grid-row:1;height:300px;min-height:0}.cinema-copy h1,.cinema-copy h2{font-size:35px}.cinema-copy p{font-size:14px}.context-shard{display:none}.cinema-bottom{bottom:12px}.cinema-screen{top:0;left:10px;right:-10px}.cinema .cinema-sculpture{inset:-10px -45px}.visual-caption{display:none}.cinema-actions .cinema-text-link{display:none}}

/* Keep every cinematic headline and its actions inside the safe viewport area. */
@media(min-width:761px){
  .cinema-copy h1,.cinema-copy h2{
    font-size:clamp(48px,min(5.1vw,8vh),82px);
    line-height:1.02;
  }
}
@media(min-width:1600px) and (max-height:1100px){
  .cinema-copy h1,.cinema-copy h2{
    font-size:clamp(58px,min(4.4vw,7.6vh),76px);
  }
  .cinema-copy p{margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){.cinematic-site main{animation:none}.cinema-ready .cinema{height:auto}.cinema-ready .cinema-sticky{position:relative;height:auto;min-height:700px}.cinema-grid{min-height:630px}.cinema-copy{transition:none!important}.cinema-ready .cinema-copy:not(.chapter-0){display:none}.chapter-controls,.cinema-scroll-cue{display:none}.cinema-sculpture,.context-shard{transform:none!important}.context-shards{opacity:.45}.cinema-screen{display:none}.cinema-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none}.journey-stages [role=tabpanel]{animation:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
.is-motion-off .cinema{height:auto}.is-motion-off .cinema-sticky{position:relative;height:auto;min-height:700px}.is-motion-off .cinema-grid{min-height:630px}.is-motion-off .cinema-copy:not(.chapter-0){display:none}.is-motion-off .chapter-controls,.is-motion-off .cinema-scroll-cue{display:none}.is-motion-off .cinema-screen{display:none}.is-motion-off .cinema-sculpture,.is-motion-off .context-shard{transform:none!important}.is-motion-off [data-reveal]{opacity:1!important;transform:none!important}

/* Rotating light follows card contours; no overlay intercepts interaction. */
@property --card-light-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
:is(.module-card,.feature-grid>article,.outcome-card,.plan,.press-featured>article,.press-item,.conversion-button){position:relative;isolation:isolate}
@supports (mask-composite:exclude){
:is(.module-card,.feature-grid>article,.outcome-card,.plan,.press-featured>article,.press-item,.conversion-button)::after{
content:"";position:absolute;inset:-1px;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;
background:conic-gradient(from var(--card-light-angle),transparent 0deg 225deg,#527fff35 260deg,#657dff 294deg,#b6a2ff 320deg,#e6f5ff 331deg,#67caff 340deg,transparent 360deg);
-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
filter:drop-shadow(0 0 5px #7b9fff);animation:card-light-orbit 7s linear infinite;animation-play-state:paused;opacity:.85;
}
.card-light-visible::after{animation-play-state:running!important}
:is(.module-card,.feature-grid>article,.outcome-card,.plan,.press-featured>article,.press-item,.conversion-button):nth-child(3n+2)::after{animation-delay:-2.3s}
:is(.module-card,.feature-grid>article,.outcome-card,.plan,.press-featured>article,.press-item,.conversion-button):nth-child(3n)::after{animation-delay:-4.6s}
:is(.module-card,.feature-grid>article,.outcome-card,.plan,.press-featured>article,.press-item,.conversion-button):is(:hover,:focus-within)::after{opacity:1;filter:drop-shadow(0 0 8px #8baaff)}
.is-motion-off :is(.module-card,.feature-grid>article,.outcome-card,.plan,.press-featured>article,.press-item,.conversion-button)::after{animation:none!important}
@media(prefers-reduced-motion:reduce){:is(.module-card,.feature-grid>article,.outcome-card,.plan,.press-featured>article,.press-item,.conversion-button)::after{animation:none!important}}
}
@keyframes card-light-orbit{to{--card-light-angle:360deg}}

/* Persistent navigation and deliberate conversion pauses. */
:root{--nav-height:90px}
body.cinematic-site{padding-top:var(--nav-height)}
.cinematic-site header{position:fixed;inset:0 0 auto;z-index:100;background:#080d19f5;backdrop-filter:blur(18px);box-shadow:0 8px 35px #0003}
.cinematic-site .nav-wrap{padding-block:15px}
.cinematic-site .mobile-nav{max-height:calc(100dvh - var(--nav-height));overflow-y:auto;overscroll-behavior:contain}
.cinematic-site .mobile-nav[hidden]{display:none}
html{scroll-padding-top:calc(var(--nav-height) + 24px)}
.cinematic-site [id]{scroll-margin-top:calc(var(--nav-height) + 24px)}
.cinema-ready .cinema-sticky{top:var(--nav-height);height:calc(100svh - var(--nav-height))}
.conversion-pause{padding-block:35px 50px}
.conversion-inner{display:flex;justify-content:space-between;align-items:center;gap:35px;border-block:1px solid #98b9ff24;padding:35px 0;background:radial-gradient(ellipse at 85% 50%,#3f4c9c20,transparent 65%)}
.conversion-copy{max-width:650px}.conversion-copy h2{font-size:clamp(25px,3vw,36px);line-height:1.2;letter-spacing:-.035em;margin:0 0 12px}.conversion-copy p{font-size:17px;line-height:1.7;color:#b3c2db;margin:0}
.btn.conversion-button{flex-shrink:0;position:relative;isolation:isolate;border:1px solid #8eabff60;border-radius:999px;background:linear-gradient(120deg,#243a72,#29204f);color:#f6f8ff;padding:17px 25px;min-height:56px;font-size:16px;font-weight:600;box-shadow:0 8px 32px #637dff20;white-space:normal;max-width:100%;text-align:center;transition:box-shadow .25s,background .25s}
.btn.conversion-button:hover{background:linear-gradient(120deg,#314d8f,#3f2d71);box-shadow:0 8px 40px #8197ff40}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #c1d4ff;outline-offset:5px}
@media(max-width:900px){.cinematic-site .nav-right .btn{font-size:14px;min-height:44px}.cinematic-site .menu-toggle{min-width:44px;min-height:44px}.cinematic-site .mobile-nav a{font-size:16px;min-height:44px}.conversion-inner{flex-direction:column;align-items:flex-start;gap:24px}}
@media(max-width:760px){
.cinematic-site main p,.cinematic-site main li{font-size:1rem;line-height:1.8}
.cinematic-site .cinema-copy p{font-size:1rem;line-height:1.7;margin-bottom:20px}
.cinematic-site .cinema-kicker,.cinematic-site .eyebrow{font-size:.8125rem;line-height:1.6;letter-spacing:.07em}
.cinematic-site .btn,.cinematic-site .cinema-text-link,.cinematic-site .skip-story,.cinematic-site .journey-controls button,.cinematic-site .demo-path{font-size:.875rem;min-height:44px}
.cinematic-site .cinema-actions .btn{padding:13px 19px;min-height:48px}
.cinematic-site main small,.cinematic-site .press-meta,.cinematic-site .press-badge,.cinematic-site .media-note,.cinematic-site .visual-caption{font-size:.8125rem;line-height:1.6}
.cinematic-site .cinema-grid{padding-top:25px}
.cinematic-site .cinema-visual{min-height:230px}
.cinematic-site .cinema-screen .sim-label,.cinematic-site .cinema-screen .sim-bottom,.cinematic-site .cinema-screen .sim-card small,.cinematic-site .cinema-screen .sim-card em,.cinematic-site .cinema-screen .sim-card p{display:none}
.cinematic-site .cinema-screen .sim-card b,.cinematic-site .cinema-screen .sim-column>span,.cinematic-site .cinema-screen .sim-metrics span{font-size:.8125rem}
.cinematic-site .cinema-screen .sim-bubble p{font-size:.875rem;line-height:1.6}
.cinematic-site .context-shard b{font-size:.875rem}.cinematic-site .context-shard small,.cinematic-site .context-shard>span{font-size:.75rem}
.cinematic-site .product-sim:not(.cinema-screen .product-sim) .sim-kanban{grid-template-columns:1fr}
.cinematic-site .demo-showcase .sim-column>span,.cinematic-site .screen-gallery .sim-column>span,.cinematic-site .sim-label{font-size:.8125rem}
.cinematic-site .sim-card b,.cinematic-site .sim-knowledge b,.cinematic-site .sim-metrics b{font-size:1rem}
.cinematic-site .sim-metrics,.cinematic-site .sim-knowledge{grid-template-columns:1fr}
.cinematic-site .cinema-screen .sim-metrics,.cinematic-site .cinema-screen .sim-knowledge{grid-template-columns:repeat(2,minmax(0,1fr))}
.cinematic-site .journey-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
.cinematic-site .nav-wrap{padding:12px 16px;gap:10px}.cinematic-site .nav-right .btn{font-size:.875rem;max-width:none}.cinematic-site .nav-right .btn span{display:none}
.conversion-pause{padding-block:20px 35px}.conversion-inner{padding-block:28px}.btn.conversion-button{width:100%;font-size:1rem;padding:17px 20px}.conversion-copy p{max-width:38ch}
}
@media(max-width:420px){.cinematic-site .nav-right .btn{font-size:.8125rem;max-width:145px}.cinematic-site .logo img{width:94px;height:auto}.cinematic-site .nav-wrap{gap:8px}.cinematic-site .cinema-actions{gap:10px}}

.guide-content .conversion-pause{width:100%;padding-inline:0}.guide-content .conversion-inner{flex-direction:column;align-items:flex-start}.guide-content .conversion-copy h2{font-size:28px}
@media(max-width:760px){.cinematic-site .demo-showcase .sim-card p,.cinematic-site .screen-gallery .sim-card p,.cinematic-site .screen-gallery .sim-bubble p{font-size:1rem;line-height:1.75}.cinematic-site .cinema-actions .conversion-button{width:auto}.cinematic-site .cinema-screen .sim-knowledge small{font-size:.75rem}.cinematic-site .cinema-screen .sim-knowledge b{font-size:.8125rem}}

/* More breathing room and brighter, clearly prioritized conversion actions. */
.cinematic-site{--page-gutter:clamp(32px,7vw,120px)}
.cinematic-site .wrap{width:min(1200px,calc(100% - var(--page-gutter)*2));margin-inline:auto}
.cinematic-site footer{width:min(1200px,calc(100% - var(--page-gutter)*2));margin-inline:auto}
.cinematic-site .guide-content .conversion-pause{width:100%}
.cinematic-site .conversion-copy{min-width:0}
.cinematic-site .btn.conversion-button{background:linear-gradient(115deg,#364acb 0%,#5940c5 58%,#5034a8 100%);border:1px solid #b7c5ff;box-shadow:0 10px 35px #624eff50,0 0 18px #80a0ff25,inset 0 1px 0 #ffffff35;color:#fff;font-size:1rem;font-weight:700;line-height:1.45;min-height:60px;padding:17px 26px;gap:18px;transition:box-shadow .25s,transform .25s,background .25s}
.cinematic-site .btn.conversion-button::after{padding:2px;opacity:1;filter:drop-shadow(0 0 8px #b4bdff);animation-duration:4.5s}
.cinematic-site .btn.conversion-button>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#ffffff1c;border:1px solid #ffffff35;font-size:20px;line-height:1;transition:background .25s,transform .25s}
.cinematic-site .btn.conversion-button:hover,.cinematic-site .btn.conversion-button:focus-visible{background:linear-gradient(115deg,#4055d9,#6849d4 58%,#6040bc);box-shadow:0 12px 42px #795dff75,0 0 25px #92adff40,inset 0 1px 0 #ffffff45;transform:translateY(-2px)}
.cinematic-site .btn.conversion-button:hover>span{background:#ffffff30;transform:rotate(8deg)}
.cinematic-site .btn.conversion-button:active{transform:translateY(0)}
@media(min-width:901px){.cinematic-site .conversion-inner>.conversion-button{max-width:360px;flex-shrink:1}.cinematic-site .conversion-copy{flex:1}}
@media(max-width:760px){.cinematic-site{--page-gutter:28px}.cinematic-site .btn.conversion-button{padding:16px 21px;min-height:58px;gap:12px}.cinematic-site .cinema-actions .conversion-button{width:auto}}
@media(max-width:380px){.cinematic-site{--page-gutter:24px}.cinematic-site .btn.conversion-button{padding-inline:17px}}
@media(prefers-reduced-motion:reduce){.cinematic-site .btn.conversion-button,.cinematic-site .btn.conversion-button>span{transition:none;transform:none}}
.is-motion-off .btn.conversion-button,.is-motion-off .btn.conversion-button>span{transition:none;transform:none}

/* Cool editorial surfaces give long reading sequences a lighter rhythm. */
.cinematic-site .light-surface{background:#edf2fa;box-shadow:0 0 0 100vmax #edf2fa;clip-path:inset(0 -100vmax);color:#202e47;padding-block:70px;margin-block:35px}
.cinematic-site .light-surface :is(h2,h3,h4,strong,b,summary){color:#172640}
.cinematic-site .light-surface :is(p,li,label,td){color:#42536d}
.cinematic-site .light-surface :is(.eyebrow,small,.source-link){color:#3b5688}
.cinematic-site .light-surface h2 span{color:#445bb0}
.cinematic-site .light-surface a:not(.btn){color:#324ca0}
.cinematic-site .light-surface :is(.feature-grid article,.outcome-card,.steps article,details,.table-scroll){background:#fff;border-color:#c8d4e5;box-shadow:0 8px 25px #263d6410}
.cinematic-site .light-surface :is(th,td){border-color:#ced9e8}
.cinematic-site .light-surface thead th{background:#dfe8f6;color:#233e6c}
.cinematic-site .light-surface tbody th{color:#233e6c}
.cinematic-site .light-surface caption{color:#42536d}
.cinematic-site .light-surface .feature-grid article{border-radius:14px}
.cinematic-site .light-surface .btn{color:#fff}
.cinematic-site .light-surface .section-head{border-color:#c6d2e5}
.cinematic-site .cinema-copy h1,.cinematic-site .cinema-copy h2{letter-spacing:-.035em;word-spacing:.035em;line-height:1.1}
.cinematic-site main :is(h2,h3,h4){word-spacing:.025em}
@media(max-width:760px){.cinematic-site .light-surface{padding-block:46px;margin-block:24px}.cinematic-site .cinema-copy h1,.cinematic-site .cinema-copy h2{letter-spacing:-.025em;line-height:1.12}}

.company-letter{align-items:start}.company-letter img{position:sticky;top:calc(var(--nav-height) + 35px)}.company-letter p{line-height:1.85}.ceo-signature strong{font-size:28px;color:#eff4ff}.ceo-signature{margin-top:30px}.cinematic-site header a[aria-current=page]{color:#c4ccff}
@media(max-width:1150px){.cinematic-site header nav{display:none}.cinematic-site header .menu-toggle{display:block;min-width:44px;min-height:44px}.cinematic-site header .login{display:none}}
@media(max-width:760px){.company-letter img{position:static}}