.motion-toggle{border:1px solid #2a3d55;background:#101c2a;color:#aac0dc;display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:9px;font-size:12px;line-height:1.4;margin-left:auto}.motion-toggle svg{width:17px;height:17px}.motion-toggle[aria-pressed=false]{color:#8b9aaf;background:#0a121d}.nav-links{margin-left:auto}.nav .motion-toggle{margin-left:0}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#60d8f1,#ac9bff);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none;z-index:60}
.hero-art{perspective:1100px;isolation:isolate}.logo-float{position:relative;width:min(100%,390px);transform-style:preserve-3d;transform:rotate(-4deg)}.logo-float .brand-visual{position:relative;width:100%;transform:rotateX(var(--logo-rx,0deg)) rotateY(var(--logo-ry,0deg));transform-style:preserve-3d;border:1px solid #5a9cec66;transition:transform .35s ease-out}.logo-depth{position:absolute;inset:2px;border:3px solid #183d66;border-radius:52px;background:#0a1a2d;box-shadow:12px 15px 0 #10315c,16px 20px 45px #000a;transform:translateZ(-22px)}.logo-reflection{position:absolute;inset:-60%;pointer-events:none;background:linear-gradient(120deg,transparent 40%,#cae7ff12 47%,#cae7ff2d 49%,transparent 54%);transform:translateX(-60%) rotate(-10deg)}.motion-enabled .logo-float{animation:logo-drift 7s ease-in-out infinite;animation-play-state:var(--hero-motion,paused)}.motion-enabled .logo-reflection{animation:logo-shine 9s ease-in-out infinite;animation-play-state:var(--hero-motion,paused)}.motion-enabled .orbit-one{animation:orbit-breathe 7s ease-in-out infinite;animation-play-state:var(--hero-motion,paused)}.motion-enabled .orbit-two{animation:orbit-breathe 9s ease-in-out infinite reverse;animation-play-state:var(--hero-motion,paused)}.motion-enabled .art-tag-top{animation:tag-drift 7s ease-in-out infinite;animation-play-state:var(--hero-motion,paused)}.motion-enabled .art-tag-bottom{animation:tag-drift 7s ease-in-out infinite reverse;animation-play-state:var(--hero-motion,paused)}
@keyframes logo-drift{0%,100%{transform:translate3d(0,0,0) rotateX(4deg) rotateY(-13deg) rotateZ(-4deg)}50%{transform:translate3d(0,-12px,18px) rotateX(-3deg) rotateY(9deg) rotateZ(-1deg)}}@keyframes logo-shine{0%,35%{transform:translateX(-65%) rotate(-10deg)}65%,100%{transform:translateX(65%) rotate(-10deg)}}@keyframes orbit-breathe{0%,100%{transform:scale(.96)}50%{transform:scale(1.04)}}@keyframes tag-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.motion-enabled .reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-enabled .reveal-ready.is-revealed{opacity:1;transform:translateY(0)}.motion-enabled .plan-card:hover{transform:translateY(-3px);transition:transform .3s ease,border-color .3s}.motion-enabled .feature-panel{transition:background .3s}.feature-panel.feature-changing h3,.feature-panel.feature-changing>p,.feature-panel.feature-changing .feature-facts{animation:feature-in .35s ease-out}@keyframes feature-in{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.cycle-selector{position:relative;isolation:isolate}.cycle-selector button{position:relative;z-index:1;transition:color .25s,border-color .25s}.cycle-selector:has(.cycle-indicator) button[aria-pressed=true]{background:transparent;border-color:transparent}.cycle-indicator{position:absolute;top:5px;left:5px;border-radius:9px;background:linear-gradient(110deg,#7ee4f3,#72bdff);box-shadow:0 0 20px #5ebfe325;pointer-events:none;z-index:0}.motion-enabled .cycle-indicator{transition:transform .32s cubic-bezier(.2,.7,.2,1),width .32s cubic-bezier(.2,.7,.2,1)}.price{min-height:56px}.plan-card{transition:border-color .3s,box-shadow .3s}.plan-card:hover{border-color:#628db6;box-shadow:0 15px 36px #00162a28}.plan-premium:hover{border-color:#b2a5ff;box-shadow:0 15px 36px #675eab22}