/* Luchik's daylight world. Decorative motion, never a VPN status. */
:root{--paper:#fffaf2;--ink:#162d52;--muted:#52617b;--line:#d9e4ee;--gold-text:#835307}
.night{background:#eaf5ff;color:#162d52}
.header{border-bottom-color:#c7d9ec}.brand svg,.header nav span{color:#98650c}.brand small{color:#435b7d}
.hero h1{font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;font-weight:800;font-size:clamp(46px,5vw,68px);letter-spacing:-.045em}
.hero h1 em{color:#245acb}.hero .overline{color:#835307}.intro{color:#3c5271}.under-button,.hero-foot{color:#435b7d}.hero-foot span:last-child{color:#835307}
.primary{background:linear-gradient(115deg,#ffe18b,#ffc43d);color:#332b18;border-radius:14px;box-shadow:inset 0 2px #fff8,0 5px 0 #d99d22,0 12px 24px #c38f2520}
.primary:hover{background:#ffdc76;box-shadow:inset 0 2px #fffa,0 5px 0 #d99d22,0 14px 24px #c38f2530}
.steps-section{background:#f3f8ff}.step-index{color:#315eac}.plan{background:#fff;border-color:#d9e4ee;border-radius:20px}.premium{background:#edf4ff;border-color:#b7cdef}.plan-label{color:#435b7d}.secondary{border-color:#aebed4;color:#243e65}.secondary:hover{background:#e8f0fc}
.casual-hero .hero-art{inset:0 -48px 0 200px;overflow:hidden;pointer-events:none}
.luch-stage{position:absolute;width:max(1100px,100%);aspect-ratio:3/2;right:0;top:50%;transform:translateY(-50%);isolation:isolate}
.casual-hero .luch-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;mask-image:none;-webkit-mask-image:none}
.casual-hero .luch-stage img.sky-background{mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent)}
.casual-hero .hero-art:after{z-index:4;background:linear-gradient(90deg,#eaf5ff,transparent 36%),linear-gradient(0deg,#eaf5ff,transparent 12%)}
.luch-rig{position:absolute;left:57%;bottom:25%;width:32%;aspect-ratio:2/3;z-index:2;transform-origin:50% 95%;animation:luch-bounce 4.6s ease-in-out infinite}
.luch-rig[hidden]{display:none}
.light-trails{position:absolute;inset:0;width:100%;height:100%;z-index:1;stroke-dasharray:28 232;animation:light-flow 3s linear infinite;opacity:.85}
.luch-stage *{animation-play-state:paused}
.luch-stage.is-ready *{animation-play-state:running}
.luch-stage.is-suspended *{animation-play-state:paused!important}
.luch-stage.motion-static *{animation:none!important}
@keyframes luch-bounce{0%,42%,100%{transform:rotate(0) translateY(0)}12%{transform:rotate(-1.5deg) translateY(-5px)}25%{transform:rotate(1deg) translateY(-2px)}34%{transform:rotate(-.5deg) translateY(0)}}
@keyframes light-flow{to{stroke-dashoffset:-520}}
@media(max-width:1024px){.casual-hero .hero-art{left:100px;right:-28px}.luch-stage{width:1000px;right:-60px}.casual-hero .hero-art:after{background:linear-gradient(90deg,#eaf5ff,transparent 50%),linear-gradient(0deg,#eaf5ff,transparent 12%)}}
@media(min-width:641px) and (max-width:900px){.luch-stage{width:850px;right:-48px}.casual-hero .hero-copy{width:390px}}
@media(max-width:640px){
  .hero h1{font-size:clamp(32px,10vw,42px)}
  .casual-hero .hero-art{inset:335px -20px 24px -20px}
  .luch-stage{width:650px;right:-44px;top:calc(50% + 60px)}
  .casual-hero .hero-art:after{background:linear-gradient(0deg,#eaf5ff,transparent 18%,transparent 78%,#eaf5ff)}
}
@media(prefers-reduced-motion:reduce){.luch-stage *{animation:none!important}}