/* Oliver AI: cyan light, a focused entrance, and a visible order of work. */
@property --halo-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.video-stage{--sheet-angle:0deg}
.vsl-player{position:relative;z-index:1;border-color:#89e9f24a;box-shadow:0 20px 60px #0009}
.vsl-halo{position:absolute;inset:-2px;border-radius:13px;pointer-events:none;z-index:0;box-shadow:0 0 30px #22d3ee25,0 0 85px -18px #22d3ee50}
.vsl-halo::before{content:'';position:absolute;inset:-44px;z-index:-1;background:radial-gradient(ellipse at 50% 55%,#22d3ee30,transparent 68%);filter:blur(22px)}
.vsl-halo::after{content:'';position:absolute;inset:0;padding:2px;border-radius:inherit;background:conic-gradient(from var(--halo-angle),#22d3ee12 0deg,#22d3ee12 230deg,#22d3eeaa 280deg,#d8fbff 310deg,#22d3ee12 345deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.hero-sheet-left{--sheet-angle:-9deg;--sheet-shift:45px}
.hero-sheet-right{--sheet-angle:10deg;--sheet-shift:-45px}
.hero-sheet{filter:brightness(.64) saturate(.8)}
.sheet-title{font-size:26px;line-height:1.08;letter-spacing:-1px;max-width:9ch}
.sheet-redaction{display:inline-block;background:#132227;border-radius:1px;color:transparent!important;line-height:1.08;vertical-align:baseline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.sheet-phase p .sheet-redaction{margin-top:4px}
.ai-knowledge{padding-bottom:20px}
.ai-reasoning{max-width:1160px;padding:0 0 65px}
.reasoning-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.reasoning-card{grid-column:span 2;padding:28px 26px 30px;background:linear-gradient(155deg,#111719,#080b0d);border:1px solid #ffffff17;border-radius:15px;display:flex;flex-direction:column;align-items:flex-start}
.reasoning-card:nth-child(n+4){grid-column:span 3}
.reasoning-card h3{font-family:'Rajdhani',sans-serif;font-size:31px;line-height:1.12;font-weight:600;letter-spacing:-.5px;margin:0 0 18px}
.reasoning-card p{font-size:15px;line-height:1.75;color:#9eafb7;margin:0 0 22px;max-width:52ch}
.reasoning-card strong{font-size:16px;font-weight:400;line-height:1.6;color:#e0f7fa;margin-top:auto;-webkit-user-select:text;user-select:text}
.audience{max-width:1040px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:55px 0 65px;border-block:1px solid #ffffff12}
.audience h2{font-size:40px;letter-spacing:-1.5px;margin-bottom:20px}
.audience-intro>p{font-size:17px;line-height:1.7;color:#9eafb7}
.audience-checks{list-style:none;padding:0;margin:0;display:grid;gap:28px}
.audience-checks li{display:grid;grid-template-columns:28px 1fr;gap:15px}
.audience-checks li>span{display:grid;place-items:center;border-radius:50%;width:26px;height:26px;color:var(--cyan);background:#22d3ee0c;border:1px solid #22d3ee35;font-size:15px}
.audience-checks h3{font-size:19px;line-height:1.4;letter-spacing:-.4px;margin:0 0 6px}
.audience-checks p{color:#9eafb7;font-size:14px;line-height:1.7;margin:0}
.faq{position:relative;isolation:isolate;max-width:900px;padding-top:78px}
.faq::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 48% 44% at 50% 50%,#22d3ee0d 0%,transparent 100%)}
.faq h2{font-size:36px;margin:0 auto 35px;max-width:24ch}
.faq details{padding:0;margin-bottom:12px;border:1px solid #ffffff1c;border-radius:15px;background:linear-gradient(140deg,#111719,#080b0d);overflow:hidden;transition:border-color .25s,background .25s}
.faq details[open]{border-color:#22d3ee45;background:linear-gradient(130deg,#112025,#080c0e 85%)}
.faq summary{padding:24px 62px 24px 28px;font-size:17px;line-height:1.5;outline-offset:-5px;border-radius:14px}
.faq summary:hover{color:#adf3fc}
.faq summary::after{content:'';width:10px;height:10px;right:28px;top:28px;border-right:1.5px solid #a8c0c8;border-bottom:1.5px solid #a8c0c8;transform:rotate(45deg);transition:transform .25s}
.faq details[open] summary::after{content:'';transform:translateY(5px) rotate(225deg);border-color:var(--cyan)}
.faq .faq-answer{padding:0 28px 26px}
.faq .faq-answer p{margin:0;font-size:16px;line-height:1.85;max-width:72ch;color:#b5c6ce}
.plan-benefits{position:relative;isolation:isolate;--plan-progress:1}
.plan-benefits::before,.plan-benefits::after{content:'';position:absolute;top:14px;bottom:var(--line-end,14px);left:12px;width:1px;background:#29454e;z-index:-1}
.plan-benefits::after{background:var(--cyan);transform-origin:top;transform:scaleY(var(--plan-progress));box-shadow:0 0 12px #22d3ee75}
.plan-benefits li{grid-template-columns:24px minmax(0,1fr);border-bottom:0;gap:19px}
.plan-step{position:relative;align-self:start;background:#0d181d;border:1px solid #33545e;border-radius:50%;width:25px;height:25px;font-size:9px;line-height:23px;text-align:center;transition:background .3s,border-color .3s,color .3s}
.plan-benefits li.is-reached .plan-step{background:#22d3ee;border-color:#9cedf7;color:#062029;box-shadow:0 0 16px #22d3ee20}
.cta>span{transition:transform .22s ease}.cta:hover>span{transform:translateX(4px)}
/* One top-to-bottom sequence; the player, frame, light and sheets enter together. */
@keyframes oliver-enter{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
@keyframes oliver-stage{from{opacity:0;transform:translate3d(0,30px,0) scale(.975)}to{opacity:1;transform:none}}
@keyframes oliver-brand{from{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:none}}
@keyframes oliver-light{to{--halo-angle:360deg}}
@media(prefers-reduced-motion:no-preference){
 .site-header .wordmark{animation:oliver-brand .9s .05s both cubic-bezier(.16,1,.3,1)}
 .hero .intro-pill{animation:oliver-enter .9s .2s both cubic-bezier(.16,1,.3,1)}
 .hero h1{animation:oliver-enter .9s .3s both cubic-bezier(.16,1,.3,1)}
 .hero-copy{animation:oliver-enter .9s .42s both cubic-bezier(.16,1,.3,1)}
 .video-stage{animation:oliver-stage .9s .52s both cubic-bezier(.16,1,.3,1)}
 .hero>.cta,.hero>.cta-note{animation:oliver-enter .9s .68s both cubic-bezier(.16,1,.3,1)}
 .vsl-halo::after{animation:oliver-light 8s linear 2}
 .motion-ready .reasoning-card{opacity:0;transform:translateY(14px);transition:opacity .65s var(--reveal-delay,0ms),transform .65s var(--reveal-delay,0ms)}
 .motion-ready .reasoning-card.is-visible{opacity:1;transform:none}
}
@media(max-width:850px){.reasoning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reasoning-card,.reasoning-card:nth-child(n+4){grid-column:auto}.reasoning-card:last-child{grid-column:1/-1}.audience{gap:32px}.reasoning-card h3{font-size:29px}}
@media(max-width:650px){.ai-reasoning{max-width:470px;padding-bottom:42px}.reasoning-grid{grid-template-columns:1fr;gap:12px}.reasoning-card{padding:25px}.reasoning-card h3{font-size:30px}.audience{max-width:470px;grid-template-columns:1fr;gap:20px;padding:38px 0 42px}.audience h2{font-size:33px}.audience-intro>p{font-size:16px}.audience-checks{gap:25px}.audience-checks h3{font-size:18px}.faq{padding-top:48px}.faq h2{font-size:31px}.faq summary{padding:21px 48px 21px 21px;font-size:16px}.faq summary::after{right:23px;top:25px}.faq .faq-answer{padding:0 21px 23px}.faq .faq-answer p{font-size:15px}.vsl-halo::before{inset:-22px;filter:blur(15px)}}
@media(max-width:520px){.sheet-title{font-size:16px;letter-spacing:-.5px}.hero-sheet-left{--sheet-angle:-8deg}.hero-sheet-right{--sheet-angle:9deg}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reasoning-card{opacity:1!important;transform:none!important}.plan-benefits::after{transform:scaleY(1)}}