:root{--why-accent: var(--why-accent-color, #7c3aed);--why-accent2: var(--why-accent2-color, #a3e635);--why-bg: var(--why-bg-color, #0d0d0d);--why-text: var(--why-text-color, #ffffff);--why-text-muted: var(--why-text-muted-color, rgba(255,255,255,.5));--why-card-bg: var(--why-card-bg-color, #1a1a2e);--why-card-border: var(--why-card-border-color, rgba(124,58,237,.25));--why-radius: 20px}.why-oora{position:relative;background-color:var(--why-bg);overflow:clip;isolation:isolate}.why-oora__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:0;pointer-events:none}.why-oora__bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.why-oora__sticky-track{position:relative}.why-oora__sticky-inner{position:sticky;top:0;height:100vh;display:flex;align-items:center;z-index:2;overflow:hidden}.why-oora__layout{width:100%;max-width:1200px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.why-oora__left{display:flex;flex-direction:column;gap:32px;position:relative;z-index:2}.why-oora__label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--why-accent2);background:#a3e6351a;border:1px solid rgba(163,230,53,.2);padding:6px 14px;border-radius:50px;width:fit-content}.why-oora__label-dot{width:6px;height:6px;border-radius:50%;background:var(--why-accent2);animation:why-pulse 2s ease-in-out infinite}.why-oora__heading{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:var(--why-text);margin:0}.why-oora__heading em{font-style:normal;color:var(--why-accent);position:relative}.why-oora__subtext{font-size:1rem;line-height:1.6;color:var(--why-text-muted);max-width:380px;margin:0}.why-oora__progress{display:flex;align-items:center;gap:12px}.why-oora__progress-track{flex:1;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden;max-width:120px}.why-oora__progress-fill{height:100%;background:var(--why-accent);border-radius:2px;width:0%;transition:width .4s cubic-bezier(.4,0,.2,1)}.why-oora__progress-label{font-size:12px;font-weight:600;color:var(--why-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.why-oora__visual-wrap{position:relative;width:100%;max-width:340px;aspect-ratio:3/4}.why-oora__visual-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse at center,rgba(124,58,237,.3) 0%,transparent 70%);z-index:0;animation:why-glow-pulse 4s ease-in-out infinite}.why-oora__visual-img{position:relative;width:100%;height:100%;object-fit:contain;z-index:1;filter:drop-shadow(0 20px 60px rgba(124,58,237,.4));animation:why-float 6s ease-in-out infinite;transform-origin:center bottom}.why-oora__visual-placeholder{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:var(--why-radius);z-index:1;animation:why-float 6s ease-in-out infinite}.why-oora__visual-placeholder svg{opacity:.3}.why-oora__orbit{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0;pointer-events:none}.why-oora__orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px dashed rgba(124,58,237,.15);border-radius:50%;animation:why-orbit-spin 20s linear infinite}.why-oora__orbit-ring:nth-child(2){top:10%;right:10%;bottom:10%;left:10%;animation-duration:15s;animation-direction:reverse;border-color:#a3e6351a}.why-oora__orbit-dot{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-50%);width:8px;height:8px;background:var(--why-accent);border-radius:50%;box-shadow:0 0 12px var(--why-accent)}.why-oora__orbit-ring:nth-child(2) .why-oora__orbit-dot{background:var(--why-accent2);box-shadow:0 0 12px var(--why-accent2);top:auto;bottom:0;transform:translate(-50%) translateY(50%)}.why-oora__right{position:relative;align-self:center}.why-oora__stack{width:100%;display:flex;flex-direction:column;gap:10px}.why-oora__pillar{position:relative;background:var(--why-card-bg);border:1px solid var(--why-card-border);border-radius:var(--why-radius);padding:28px 32px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;transform:translateY(40px);opacity:0;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s ease,box-shadow .3s ease;will-change:transform,opacity;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.why-oora__pillar.is-revealed{opacity:1}.why-oora__pillar.is-stacked{transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,box-shadow .3s ease}.why-oora__pillar:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--why-accent),transparent);opacity:0;transition:opacity .4s ease .3s}.why-oora__pillar.is-revealed:before{opacity:1}.why-oora__pillar-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#7c3aed26;border:1px solid rgba(124,58,237,.2);color:var(--why-accent);transition:background .3s,border-color .3s}.why-oora__pillar-content{display:flex;flex-direction:column;gap:6px}.why-oora__pillar-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.why-oora__pillar-title{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--why-text);margin:0;line-height:1.2}.why-oora__pillar-stat{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--why-accent2);background:#a3e6351a;border:1px solid rgba(163,230,53,.2);padding:3px 10px;border-radius:50px;white-space:nowrap;flex-shrink:0}.why-oora__pillar-text{font-size:.875rem;line-height:1.5;color:var(--why-text-muted);margin:0}.why-oora__pillar-num{position:absolute;top:16px;right:20px;font-size:11px;font-weight:700;color:#ffffff1a;letter-spacing:.05em;font-variant-numeric:tabular-nums}.why-oora__scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:1;transition:opacity .4s ease;pointer-events:none;z-index:10}.why-oora__scroll-hint.is-hidden{opacity:0}.why-oora__scroll-hint-text{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--why-text-muted)}.why-oora__scroll-hint-arrow{width:24px;height:24px;border-right:2px solid var(--why-text-muted);border-bottom:2px solid var(--why-text-muted);transform:rotate(45deg);animation:why-bounce 1.5s ease-in-out infinite}@keyframes why-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(2deg)}}@keyframes why-glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes why-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes why-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes why-bounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(6px)}}.why-oora__intro{position:relative;z-index:2;padding:80px 48px 0;max-width:1200px;margin:0 auto}@media(prefers-reduced-motion:reduce){.why-oora__visual-img,.why-oora__visual-placeholder,.why-oora__orbit-ring,.why-oora__label-dot,.why-oora__scroll-hint-arrow{animation:none!important}.why-oora__pillar{transition:opacity .2s ease!important}}@media(max-width:768px){.why-oora__sticky-track{height:auto!important}.why-oora__sticky-inner{position:relative;height:auto;padding:60px 0}.why-oora__layout{grid-template-columns:1fr;gap:40px;padding:0 20px}.why-oora__left{align-items:center;text-align:center}.why-oora__subtext{max-width:100%}.why-oora__visual-wrap{max-width:220px;margin:0 auto;aspect-ratio:1/1}.why-oora__right{height:auto}.why-oora__stack{display:flex;flex-direction:column;gap:12px;height:auto;padding-bottom:48px}.why-oora__pillar{position:relative;bottom:auto;left:auto;right:auto;transform:translateY(32px) scale(.97);opacity:0;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .5s ease}.why-oora__pillar.is-revealed{transform:translateY(0) scale(1);opacity:1}.why-oora__pillar.is-stacked{transform:translateY(0) scale(1)!important}.why-oora__scroll-hint,.why-oora__progress,.why-oora__orbit{display:none}.why-oora__intro{padding:60px 20px 0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/why-oora.css.map */