/* OurPrime motion: progressive enhancement, with native scrolling and reduced-motion support. */
:root{--ease-luxe:cubic-bezier(.22,1,.36,1);--ease-soft:cubic-bezier(.2,.75,.25,1)}
.site-header{transition:background .5s ease,box-shadow .5s ease}
.site-header.is-scrolled{background:rgba(5,5,19,.83);box-shadow:0 10px 35px #00000020}
.reading-progress{position:absolute;bottom:-1px;inset-inline:0;height:1px;background:linear-gradient(90deg,#7151d4,#b098fa,#7cd9ef);transform:scaleX(0);transform-origin:left;opacity:.65;pointer-events:none}
.desktop-nav a{position:relative;padding-block:8px}.desktop-nav a::after{content:"";position:absolute;bottom:1px;left:0;right:0;height:1px;background:linear-gradient(90deg,#ad8af2,#83c4f4);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-luxe)}
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1)}
.hero{isolation:isolate}.hero-copy{position:relative;z-index:2;min-width:0}.hero-art{min-width:0;perspective:1400px}
.hero h1{font-weight:550}.hero h1>span{display:inline-block}
.gradient-text{background-image:linear-gradient(110deg,#dbc4ff 0%,#ac91ff 30%,#87acff 58%,#a1dce8 80%,#c3a4ff 100%);background-size:180% 100%;background-position:30% 50%}
.motion-enhanced .study-board{--tilt-x:0deg;--tilt-y:0deg;--scroll-lift:0px;--scroll-turn:0deg;--scene-scale:1;transform:perspective(1400px) translate3d(0,var(--scroll-lift),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(calc(-1.6deg + var(--scroll-turn))) scale(var(--scene-scale));transform-style:preserve-3d;backface-visibility:hidden;box-shadow:0 45px 95px -32px #000b,0 0 0 1px #bb8dff06,inset 0 1px 0 #ddc6ff14;border-color:#ab8ad64d;background:linear-gradient(145deg,#171329f5,#0b0b1df5)}
.study-board::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at var(--light-x,70%) var(--light-y,15%),#c8a8ff0d,transparent 55%);z-index:2;pointer-events:none;border-radius:inherit}
.study-board::after{content:"";height:1px;position:absolute;top:0;inset-inline:11%;background:linear-gradient(90deg,transparent,#e8cbff9c,transparent);pointer-events:none}
.study-board{--demo-accent:#8ccdf0}.study-board.demo-negative{--demo-accent:#e8a0b7}.market-chart{color:var(--demo-accent);transition:color 1.1s ease}
.demo-readout{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 29px 9px;min-height:86px}
.demo-metric-label{display:block;color:#a497ba;font-size:9px;line-height:1.5;letter-spacing:.04em;margin-bottom:4px}
.demo-metric-value{display:block;color:var(--demo-accent);font-size:31px;line-height:1.12;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums;transition:color 1.1s ease}
.demo-scene-info{display:flex;flex-direction:column;gap:5px;align-items:flex-end;text-align:end;max-width:48%}
.demo-trend{font-size:10px;color:#c1b2d6;line-height:1.5}.demo-countdown{font-size:8px;color:#9b8baa;line-height:1.6;font-variant-numeric:tabular-nums}
.demo-cycle-track{position:absolute;bottom:0;inset-inline:0;height:2px;background:#a187c20b;pointer-events:none}.demo-cycle-track>span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#9874d2,var(--demo-accent));opacity:.6}
.demo-price-line{filter:drop-shadow(0 0 4px #aeb5ff17);opacity:.78}.demo-price-dot{filter:drop-shadow(0 0 4px currentColor)}.demo-price-guide{opacity:.7}.demo-axis-note{letter-spacing:.12em}.demo-axis-percent{font-variant-numeric:tabular-nums}
.motion-active .demo-price-glow{animation:demo-beacon 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes demo-beacon{0%,100%{transform:scale(.8);opacity:.7}50%{transform:scale(1.6);opacity:.2}}
.board-controls{display:flex;align-items:center;gap:14px;flex-shrink:0}.board-header{gap:12px}.board-header>div:first-child{min-width:0}.chart-mark{transition:transform .8s var(--ease-luxe)}
.motion-toggle{display:grid;place-items:center;position:relative;width:30px;height:30px;padding:5px;border:1px solid #a994c433;border-radius:50%;background:#ffffff04;color:#c6b5e4;cursor:pointer;transition:background .3s,border-color .3s,transform .3s}
.motion-toggle[hidden]{display:none}.motion-toggle:hover{background:#a98ce61a;border-color:#b59bd666}.motion-toggle:focus-visible{outline:2px solid #94d9f5;outline-offset:5px}.motion-toggle svg{width:16px;height:16px;grid-area:1/1}.motion-toggle .play-symbol{display:none}.motion-toggle[aria-pressed="true"] .play-symbol{display:block}.motion-toggle[aria-pressed="true"] .pause-symbol{display:none}
.motion-enhanced .button,.motion-enhanced .header-join{--mag-x:0px;--mag-y:0px;--press:1;position:relative;isolation:isolate;overflow:hidden;transform:translate3d(var(--mag-x),var(--mag-y),0) scale(var(--press));transition:transform .5s var(--ease-luxe),box-shadow .45s var(--ease-soft),background .4s,border-color .4s;touch-action:manipulation}
.button-primary{background:linear-gradient(112deg,#895aeb 0%,#714cd0 52%,#5e48bb 100%);border:1px solid #c7acff45;box-shadow:0 8px 28px -8px #8050db5e,inset 0 1px 0 #e0c7ff4a}
.button-primary:hover{background:linear-gradient(112deg,#9a6cf3,#7f58dc 52%,#6c57ca);box-shadow:0 14px 36px -9px #a36be57a,inset 0 1px 0 #e6d1ff66}
.button-light{border:1px solid #ffffff8c;box-shadow:0 4px 22px -12px #d7b3ff61,inset 0 1px 0 #fff}
.button::before,.header-join::before{content:"";position:absolute;inset:0;background:radial-gradient(140px circle at var(--pointer-x,50%) var(--pointer-y,50%),#fff2,transparent 75%);opacity:0;transition:opacity .45s;z-index:-1;pointer-events:none}
.button::after,.header-join::after{content:"";position:absolute;top:-50%;left:-60%;width:35%;height:200%;background:linear-gradient(90deg,transparent,#ffffff35,transparent);transform:skewX(-22deg) translateX(-180%);pointer-events:none;z-index:0}
.motion-active .button:hover::before,.motion-active .header-join:hover::before,.motion-active .button:focus-visible::before{opacity:1}
.motion-active .button:hover::after,.motion-active .header-join:hover::after,.motion-active .button:focus-visible::after{animation:button-glint 850ms var(--ease-soft) both}
.button>span,.button>svg,.header-join>span{position:relative;z-index:1}.button-arrow,.header-join>span:last-child{transition:transform .5s var(--ease-luxe)}
.motion-active .button:hover .button-arrow,.motion-active .button:focus-visible .button-arrow,.motion-active .header-join:hover>span:last-child{transform:translate(3px,-3px)}
.motion-enhanced .button:active,.motion-enhanced .header-join:active{--press:.975;transition-duration:100ms}
.button-ripple{position:absolute!important;pointer-events:none;z-index:0!important;width:24px;height:24px;border-radius:50%;background:#ffffff32;transform:translate(-50%,-50%) scale(0);animation:button-ripple 700ms ease-out forwards}
.motion-enhanced .learning-item{transition:border-color .5s,background .5s,transform .8s var(--ease-luxe)}
.motion-active .learning-item:hover{border-color:#b49ae188;background:linear-gradient(180deg,#b091ed05,transparent)}
.topic-icon svg{transition:transform .65s var(--ease-luxe),filter .65s}.motion-active .learning-item:hover .topic-icon svg{transform:translateY(-4px);filter:drop-shadow(0 5px 12px #b59cff3d)}
.feature{transition:border-color .5s}.feature>span:last-child{transition:transform .55s var(--ease-luxe)}.motion-active .feature:hover{border-color:#b294d77a}.motion-active .feature:hover>span:last-child{transform:translate(3px,-3px)}
.final-cta{background:radial-gradient(ellipse at 50% 0,#6d3a9d2f,transparent 78%),#0d091b}.final-cta::before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#b08bd180,transparent);pointer-events:none}
.motion-enhanced [data-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity 850ms var(--ease-soft),transform 1100ms var(--ease-luxe);transition-delay:var(--reveal-delay,0ms)}
.motion-enhanced [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}
.motion-enhanced [data-reveal]:focus-within{opacity:1;transform:none;transition-delay:0ms}
.motion-active .hero h1>.gradient-text{animation:headline-light 14s ease-in-out infinite alternate}
.motion-intro .hero-copy>.eyebrow{animation:hero-rise 1s var(--ease-luxe) both}
.motion-intro .hero h1>span:first-child{animation:hero-rise 1.2s .08s var(--ease-luxe) both}
.motion-intro .hero h1>.gradient-text{animation:hero-rise 1.2s .2s var(--ease-luxe) both,headline-light 14s 1.5s ease-in-out infinite alternate}
.motion-intro .hero-description{animation:hero-rise 1.2s .32s var(--ease-luxe) both}
.motion-intro .hero-art{animation:scene-arrive 1.6s .15s var(--ease-luxe) both}
.motion-intro .hero .hero-note{animation:hero-rise 1s .52s var(--ease-luxe) both}
.motion-intro .candles{animation:chart-reveal 2.3s .25s var(--ease-luxe) both}
.motion-active .orb-one{animation:ambient-drift 12s ease-in-out infinite alternate}
.motion-active .orb-two{animation:ambient-drift 16s -4s ease-in-out infinite alternate-reverse}
.chart-scan{opacity:0;pointer-events:none}.motion-active .chart-scan{animation:chart-scan 11s 2.3s ease-in-out infinite}
.chart-zone{opacity:.9}.motion-active .chart-zone{animation:zone-light 7s 1s ease-in-out infinite alternate}
.motion-active .chart-focus-ring{animation:focus-ring 5s 2.5s ease-out infinite;transform-origin:center;transform-box:fill-box}
.chart-trace{stroke-dasharray:600;stroke-dashoffset:600}.motion-active .chart-trace{animation:trace-draw 12s 1.5s ease-in-out infinite}
.motion-active .study-board:hover .chart-mark{transform:translate(2px,-2px)}
.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
.study-board.scene-idle *,.motion-suspended *,.motion-suspended *::before,.motion-suspended *::after{animation-play-state:paused!important}
.motion-paused [data-reveal]{opacity:1;transform:none;transition:none}.motion-paused .study-board{transform:rotate(-1.6deg)!important}.motion-paused .hero-copy>*,.motion-paused .hero h1>span,.motion-paused .hero-art{opacity:1;filter:none;translate:none}.motion-paused .button,.motion-paused .header-join{transform:none}
@keyframes hero-rise{from{opacity:0;translate:0 21px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes scene-arrive{from{opacity:0;translate:0 24px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
@keyframes headline-light{from{background-position:10% 50%}to{background-position:90% 50%}}
@keyframes ambient-drift{from{translate:-5px 0;scale:.9;opacity:.65}to{translate:13px 15px;scale:1.08;opacity:1}}
@keyframes button-glint{from{transform:skewX(-22deg) translateX(0)}to{transform:skewX(-22deg) translateX(680%)}}
@keyframes button-ripple{to{transform:translate(-50%,-50%) scale(20);opacity:0}}
@keyframes chart-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes chart-scan{0%,10%{opacity:0;transform:translateX(-100px)}22%{opacity:.55}65%{opacity:.4}80%,100%{opacity:0;transform:translateX(600px)}}
@keyframes zone-light{from{opacity:.55}to{opacity:1}}
@keyframes focus-ring{0%{transform:scale(.7);opacity:0}15%{opacity:.5}75%,100%{transform:scale(2.5);opacity:0}}
@keyframes trace-draw{0%,12%{stroke-dashoffset:600;opacity:0}24%{opacity:.5}55%,75%{stroke-dashoffset:0;opacity:.4}95%,100%{stroke-dashoffset:0;opacity:0}}
@media(min-width:1100px){.hero{padding-block:95px 110px}.hero h1{font-size:clamp(57px,4.8vw,73px);line-height:1.08}.hero-description{max-width:428px}.study-board{border-radius:22px}}
@media(max-width:540px){.board-controls{gap:8px}.motion-toggle{width:27px;height:27px}.chart-mark{display:none}.board-header h2{font-size:19px}.board-header{padding-inline:18px}.motion-enhanced .study-board{transform:rotate(-1deg)}.motion-enhanced [data-reveal]{transform:translate3d(0,16px,0)}.motion-enhanced [data-reveal].is-visible{transform:none}}
@media(max-width:540px){.demo-readout{padding:3px 20px 7px;gap:12px;min-height:78px}.demo-metric-value{font-size:27px}.demo-metric-label{font-size:8px;max-width:165px}.demo-trend{font-size:9px}.demo-countdown{font-size:7px}.demo-scene-info{max-width:46%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.motion-enhanced [data-reveal]{opacity:1;transform:none}.motion-enhanced .study-board{transform:rotate(-1deg)!important}.hero-copy>*,.hero h1>span,.hero-art{opacity:1!important;translate:none!important;scale:1!important;filter:none!important}.button,.header-join{transform:none!important}.motion-toggle,.chart-scan,.chart-trace,.chart-focus-ring{display:none!important}.reading-progress{display:none}}
@media print{[data-reveal]{opacity:1!important;transform:none!important}.motion-toggle,.reading-progress{display:none!important}}
