/* A continuous journey through the real product, in ANOVYR's own palette. */
.cinematic-home{--cinema-paper:#eef3f6;--cinema-ink:#060d15}
.cinema-intro{background:radial-gradient(ellipse at 50% 62%,#173c56 0,transparent 58%),#060d15}
.cinema-ready:not(.motion-paused) .cinema-intro{height:210svh}
.intro-head h1{font-weight:500;letter-spacing:-.065em}
.hero-composition{grid-template-columns:1fr 1.3fr 1fr;gap:56px}
.hero-visual{position:relative;display:grid;place-items:center;perspective:1300px;min-width:0;width:100%;isolation:isolate}
.hero-visual .hero-capture{position:relative;width:min(100%,290px);margin:0;justify-self:center;z-index:3;border-radius:12px;border-color:#97b9d6;box-shadow:0 22px 80px #0008}
.depth-screen{position:absolute;left:50%;top:50%;width:82%;max-width:260px;border-radius:12px;border:1px solid #8acfff65;overflow:hidden;pointer-events:none;box-shadow:0 20px 60px #0006;will-change:transform,opacity}
.depth-risk{transform:translate(-82%,-51%) rotateY(20deg) rotateZ(-9deg) scale(.88);opacity:.45}
.depth-findings{transform:translate(-15%,-49%) rotateY(-20deg) rotateZ(9deg) scale(.88);opacity:.45}
.focus-caption{position:absolute;z-index:4;left:50%;bottom:8%;transform:translateX(-50%);width:max-content;max-width:110%;padding:13px 18px;border:1px solid #89cfff65;border-radius:4px;background:#091623f2;box-shadow:0 12px 36px #0005;pointer-events:none}
.focus-index{display:block;font:12px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:#a3d8ff}
.focus-message{display:block;margin-top:4px;color:#edf5fc;font-size:16px;letter-spacing:-.02em}
.hero-value{padding-left:12px}.hero-value .demo-detail{font-size:12px;color:#c2ced8}
.hero-chapters{display:flex;gap:30px;font:12px/1.5 ui-monospace,monospace;letter-spacing:.04em;color:#94a8b8}
.hero-chapters span{position:relative;padding:12px 0}
.hero-chapters .is-current{color:#eaf5ff}
.hero-chapters .is-current:after{content:"";position:absolute;height:1px;left:0;right:0;bottom:4px;background:#9bd5ff}
.intro-bottom{border-top-color:#829aae40}.motion-toggle{border-style:solid;min-height:44px;font-size:12px}
.signal-section{padding:140px 0 112px;background:#edf3f6}.signal-section h2{margin-top:48px;line-height:1.04;font-weight:400}
.signal-bottom{border-top-style:solid;gap:120px}.signal-bottom>div{gap:14px}
.story-lock{background:radial-gradient(ellipse at 74% 55%,#1d486554,transparent 62%),#08131e}
.story-top{font:12px/1.5 ui-monospace,monospace;letter-spacing:.08em;border-top-color:#9ab9cf42}
.story-copy h2{font-weight:400}.story-copy .micro-label{font-family:ui-monospace,monospace;letter-spacing:.1em}
.case-study{border-radius:8px;border-color:#9db2c4;box-shadow:0 25px 90px #0005;transform:none}
.cinema-ready:not(.story-flow) .story-frame:not([hidden]) .case-study{animation:evidence-enter .7s cubic-bezier(.2,.7,.15,1) both}
.cinema-ready:not(.story-flow) .story-frame:not([hidden]) .story-copy{animation:chapter-enter .65s cubic-bezier(.2,.7,.15,1) both}
.story-navigation{position:relative}.story-navigation:after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;transform:scaleX(var(--story-progress,0));transform-origin:left;background:#a8dfff;pointer-events:none}
.story-navigation button{border-top:2px solid #3c5568;padding-top:20px;font-size:14px}
.story-navigation button[aria-selected=true]{border-color:#3c5568}.story-navigation button:hover{background:transparent;color:#fff}
.story-disclosure{color:#b1c2d0;font-size:12px}
.real-platform{padding-top:140px;background:#e2edf3}.real-heading h2{font-weight:400}.real-screens{gap:130px}
.real-screens figure>a,.real-screens figure:nth-child(2)>a{transform:none;border-radius:9px;box-shadow:0 22px 65px #1d3e5526}
.real-screens figure>a:hover{transform:translateY(-8px)}
.cinematic-home .ask-section{padding-top:135px;padding-bottom:135px}.cinematic-home .conversation{transform:none;border-radius:9px;box-shadow:0 24px 70px #0003}
.chapter-number{border-top-style:solid;border-bottom-style:solid}
.cinema-close{position:relative;text-align:center;padding:105px 0 110px;background:radial-gradient(ellipse at 50% 24%,#143c56 0,transparent 62%),#060d15;color:#f0f5f8}
.cinema-close .micro-label{color:#a5bdd0;letter-spacing:.15em;font-family:ui-monospace,monospace}
.cinema-close .closing-wordmark{font-size:clamp(72px,16vw,240px);font-weight:400;letter-spacing:-.055em;line-height:1.1;margin:42px 0 34px;color:#edf4f9}
.cinema-close h2{font-size:clamp(28px,3.4vw,48px);line-height:1.25;font-weight:400;letter-spacing:-.04em;margin:0 auto 32px;color:#c2d1dd}
.cinema-close .btn{background:#ecf5fb;color:#12283c}.cinema-close p{color:#98b0c2;font-size:14px;margin:23px auto 0;max-width:none}
.cinematic-home .footer{border-top:1px solid #99bed529}
.depth-reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.15,1)}
.depth-reveal.is-waiting{opacity:0;transform:translateY(22px)}
@keyframes evidence-enter{from{opacity:0;transform:translate3d(30px,14px,0) scale(.96)}to{opacity:1;transform:none}}
@keyframes chapter-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(min-width:901px) and (max-height:880px){.hero-visual .hero-capture{width:min(275px,34svh)}.depth-screen{width:min(250px,31svh)}}
@media(max-width:1100px){.hero-composition{gap:32px}.hero-chapters{gap:18px}.hero-value>strong{font-size:40px}}
@media(min-width:601px) and (max-width:900px){.hero-composition{grid-template-columns:1fr 1.2fr;gap:48px}.hero-visual{margin-bottom:115px}.hero-visual .hero-capture{width:min(245px,32svh)}.hero-value{bottom:20px}.hero-chapters{gap:12px;font-size:11px}.hero-statement h2{font-size:40px}}
@media(max-width:600px){
 .intro-head .micro-label,.intro-release{font-size:12px;letter-spacing:0}.intro-head{gap:5px}.intro-head h1{margin-top:8px}
 .cinema-ready:not(.motion-paused) .intro-release{display:none}
 .cinema-ready:not(.motion-paused) .cinema-intro{height:250svh;height:calc(100dvh + 150svh)}
 .cinema-ready:not(.motion-paused) .intro-lock{position:sticky;top:0;padding-top:78px;min-height:0;height:100svh;height:100dvh}
 .cinema-ready:not(.motion-paused) .hero-composition{padding:0;display:block;min-height:0}
 .cinema-ready:not(.motion-paused) .hero-statement{position:static}
 .cinema-ready:not(.motion-paused) .hero-statement h2{font-size:30px;top:14px}
 .cinema-ready:not(.motion-paused) .hero-statement p{font-size:12px;top:14px;line-height:1.65}
 .cinema-ready:not(.motion-paused) .hero-visual{position:absolute;top:78px;bottom:72px;display:grid;place-items:center;height:auto;width:100%;margin:0;container-type:size}
 .cinema-ready:not(.motion-paused) .hero-visual .hero-capture{width:clamp(100px,calc((100svh - 390px) * .48),225px);width:min(225px,51cqh);max-width:none;margin:0}
 .depth-screen{width:clamp(95px,calc((100svh - 390px) * .44),205px);width:min(205px,46cqh);max-width:70%}
 .focus-caption{bottom:0;padding:9px 12px;max-width:90%}.focus-message{font-size:14px}.focus-index{font-size:12px}
 .cinema-ready:not(.motion-paused) .hero-statement .btn{bottom:14px;font-size:12px;padding:0 16px}
 .cinema-ready:not(.motion-paused) .hero-value{bottom:24px;right:0;padding:0;max-width:145px}
 .cinema-ready:not(.motion-paused) .hero-value>strong,.cinema-ready:not(.motion-paused) .hero-value>p{display:none}
 .cinema-ready:not(.motion-paused) .hero-value .demo-detail{font-size:12px;line-height:1.5;display:block}
 .intro-bottom{flex-wrap:wrap;column-gap:10px;row-gap:0}.hero-chapters{order:-1;width:100%;justify-content:space-between;gap:5px;font-size:12px}.hero-chapters span{padding:8px 0 12px}
 .intro-bottom>a{font-size:14px}.cinema-ready:not(.motion-paused) .intro-bottom{padding-top:0;padding-bottom:8px}
 .signal-section{padding:84px 0 70px}.signal-section h2{font-size:clamp(46px,11.8vw,68px);margin:30px 0 38px}
 .signal-bottom p,.story-copy p{font-size:16px}.signal-bottom>div{font-size:12px}
 .story-navigation button{font-size:14px;padding:15px 0 5px}.cinema-ready .story-disclosure{font-size:12px;line-height:1.5}
 .cinema-ready .story-copy h2{font-size:36px;line-height:1.08}.cinema-ready .story-copy .micro-label{font-size:12px}
 .real-platform{padding-top:80px}.real-screens{gap:52px}.real-heading h2{font-size:48px}
 .cinematic-home .ask-section{padding:80px 0}.cinema-close{padding:78px 0 85px}.cinema-close .closing-wordmark{font-size:16.7vw;margin:30px 0}.cinema-close h2{font-size:28px;margin-bottom:29px}.cinema-close p{max-width:270px;font-size:14px}
 .cinematic-home .ask-layout{grid-template-columns:minmax(0,1fr)}.cinematic-home .ask-layout>*{min-width:0}
 .motion-paused .hero-composition{min-height:680px}.motion-paused .hero-visual{margin:34px auto 115px;width:70%}.motion-paused .hero-visual .hero-capture{width:200px;max-width:100%}.motion-paused .hero-statement .btn{top:auto;bottom:26px}.motion-paused .hero-value{bottom:20px}.motion-paused .hero-chapters{display:none}
}
@media(max-width:370px){.intro-head .micro-label,.intro-release{font-size:12px}.hero-statement p{max-width:145px}.hero-chapters{font-size:11px}.cinema-ready:not(.motion-paused) .hero-statement h2{font-size:27px}.story-navigation button{font-size:12px}}
@media(max-height:620px) and (orientation:landscape){.hero-chapters{display:none}.focus-caption{display:none}}
@media(max-width:600px) and (max-height:620px) and (orientation:portrait){
 .cinema-ready:not(.motion-paused) .intro-lock{padding-top:72px}
 .cinema-ready:not(.motion-paused) .intro-head .micro-label{display:none}
 .cinema-ready:not(.motion-paused) .intro-head h1{font-size:50px}
 .cinema-ready:not(.motion-paused) .hero-statement h2{font-size:25px}
 .cinema-ready:not(.motion-paused) .hero-statement p{font-size:12px;max-width:150px}
 .cinema-ready:not(.motion-paused) .hero-visual{top:70px;bottom:66px}
}
@media(prefers-reduced-motion:reduce){.depth-screen,.focus-caption,.hero-chapters{display:none}.depth-reveal.is-waiting{opacity:1;transform:none}}
.motion-paused .depth-screen,.motion-paused .focus-caption{display:none}.motion-paused .depth-reveal.is-waiting{opacity:1;transform:none}