/* Motion settings: adjust these values to tune all decorative effects. */
:root{--reveal-shift:22px;--reveal-duration:580ms;--reveal-ease:cubic-bezier(.18,.7,.25,1);--glow-opacity:.12;--glow-blur:22px;--pulse-cycle:7s}
@keyframes welkin-enter{from{opacity:.08;transform:translate3d(0,var(--reveal-shift),0)}to{opacity:1;transform:translate3d(0,0,0)}}
.effect-enter{animation:welkin-enter var(--reveal-duration) var(--reveal-ease) var(--reveal-delay,0ms) backwards}
.hero-stage{isolation:isolate;background:radial-gradient(ellipse at 70% 65%,#ffc50112,transparent 65%),#f1f3ee}.hero-stage::after{content:"";position:absolute;inset:8% 12%;border-radius:50%;background:#ffc501;filter:blur(var(--glow-blur));opacity:var(--glow-opacity);z-index:-1;pointer-events:none;animation:welkin-glow var(--pulse-cycle) ease-in-out infinite}
@keyframes welkin-glow{0%,100%{opacity:.045;transform:scale(.94)}50%{opacity:var(--glow-opacity);transform:scale(1.02)}}
.hero-actions .button{position:relative;isolation:isolate;box-shadow:0 7px 22px #ffc50122;overflow:hidden}.hero-actions .button::after{content:"";position:absolute;inset:-30% auto -30% -70%;width:35%;background:linear-gradient(90deg,transparent,#fff4,transparent);transform:skewX(-22deg);pointer-events:none;animation:welkin-shine 8s ease-in-out infinite}
@keyframes welkin-shine{0%,78%{left:-70%;opacity:0}82%{opacity:.7}94%{left:140%;opacity:0}100%{left:140%;opacity:0}}
.scenarios{background:linear-gradient(180deg,#fff,#fafaf5 55%,#fff)}.air-section{background:radial-gradient(ellipse at 83% 48%,#ffc5010a,transparent 60%)}.models-section{background:linear-gradient(180deg,#fff,#f5f5ef 80%,#eceee6)}
.model-card{position:relative;isolation:isolate;border-radius:8px;transition:transform 240ms ease,box-shadow 240ms ease;outline:1px solid transparent;outline-offset:10px}.model-card::before{content:"";position:absolute;inset:-10px;border-radius:10px;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,35%),#ffc50115,transparent 65%);opacity:0;z-index:-1;pointer-events:none;transition:opacity 240ms ease}.model-card:focus-within,.model-card.model-selected{outline-color:#8f7300;box-shadow:0 8px 25px #ffc50118}.model-card:focus-within::before,.model-card.model-selected::before{opacity:1}
@media(hover:hover) and (pointer:fine){.model-card:hover{transform:translateY(-4px);outline-color:#b09940;box-shadow:0 12px 30px #0000000c}.model-card:hover::before{opacity:1}}
.tech-section{position:relative;isolation:isolate;overflow:hidden;--light-progress:0;--depth:0px;background:#101110}.tech-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 45%,#ffc50113,transparent 65%);opacity:calc(.15 + var(--light-progress)*.85)}.filter-ring{transform:translate3d(0,var(--depth),0);transition:transform 160ms linear}.specs-section{background:linear-gradient(180deg,#f8f8f3,white 25%)}.support{background:linear-gradient(180deg,white,#fafaf4 90%)}.order-section{background:radial-gradient(ellipse at 15% 50%,#ffd843,transparent 70%),var(--yellow)}
@media(max-width:600px){:root{--reveal-shift:16px;--reveal-duration:480ms;--glow-opacity:.08}.filter-ring{transform:none}.hero-stage::after{filter:blur(16px)}}
@media(prefers-reduced-motion:reduce){.effect-enter{animation:none!important;opacity:1;transform:none}.hero-stage::after,.hero-actions .button::after{animation:none!important}.hero-actions .button::after{display:none}.filter-ring,.model-card:hover{transform:none}.model-card,.model-card::before{transition:none}.tech-section::before{opacity:.4}}
@media print{.effect-enter{animation:none!important}.hero-stage::after,.hero-actions .button::after{display:none}}