.hero-grid{background-image:linear-gradient(rgba(245,239,230,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(245,239,230,.085) 1px,transparent 1px);background-size:40px 40px}@media(min-width:1024px){.hero-grid{background-size:56px 56px}}.dots{background-image:radial-gradient(rgba(14,61,58,.14) 1.2px,transparent 1.2px);background-size:18px 18px}[dir=rtl] .stk,[dir=rtl] .btn{--stk-dir: -1}.stk{--stk-o: 6px;border:2px solid #0E3D3A;border-radius:20px;box-shadow:calc(var(--stk-o) * var(--stk-dir, 1)) var(--stk-o) 0 #0e3d3a;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1)}.stk-sm{--stk-o: 4px;border-radius:16px}.btn{--btn-o: 5px;box-shadow:calc(var(--btn-o) * var(--stk-dir, 1)) var(--btn-o) 0 var(--btn-shadow);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1)}.btn-v{--btn-shadow: #9B59D1}.btn-o{--btn-shadow: #FFB366}.btn-c{--btn-shadow: #F5EFE6}.btn-g{--btn-shadow: #0E3D3A}.arr{transition:transform .25s cubic-bezier(.2,.8,.2,1)}[dir=rtl] .arr{transform:scaleX(-1)}.tilt{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.node{transition:box-shadow .35s cubic-bezier(.2,.8,.2,1),border-color .35s,background-color .35s}.node img{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.stkwrap{display:inline-block;vertical-align:bottom;transition:transform .3s cubic-bezier(.2,.8,.2,1)}@media(hover:hover){.stk:hover{transform:translate(calc(-3px * var(--stk-dir, 1)),-3px);box-shadow:calc((var(--stk-o) + 3px) * var(--stk-dir, 1)) calc(var(--stk-o) + 3px) 0 #0e3d3a}.btn:hover{transform:translate(calc(-3px * var(--stk-dir, 1)),-3px);box-shadow:calc(7px * var(--stk-dir, 1)) 7px 0 var(--btn-shadow)}.btn:hover .arr{transform:translate(5px)}[dir=rtl] .btn:hover .arr{transform:scaleX(-1) translate(5px)}.tilt:hover{transform:perspective(1200px) rotateX(3deg) rotateY(-4deg) translateY(-4px)}.node:hover{box-shadow:0 0 70px #ffb36673,inset 0 0 30px #f5efe61a;border-color:#f5efe6a6;background-color:#f5efe61a}.node:hover img{transform:scale(1.12)}.stkwrap:hover{transform:scale(1.04)}.stkwrap:hover .stkw,.stkwrap:hover .wordL,.stkwrap:hover .qrL,.stkwrap:hover .scanL,.marquee:hover{animation-play-state:paused}}.rise{animation:kRise .9s cubic-bezier(.2,.8,.2,1) both}@keyframes kRise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.pop{animation:kPop .8s cubic-bezier(.2,.8,.2,1) both}@keyframes kPop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.float{animation:kFloat 5.2s ease-in-out infinite}.float2{animation:kFloat 6.4s ease-in-out infinite reverse}.float3{animation:kFloat 4.6s ease-in-out .8s infinite}@keyframes kFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.glow{animation:kGlow 4.5s ease-in-out infinite;transform-origin:center}@keyframes kGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.ring{opacity:0;animation:kRing 3.2s cubic-bezier(.2,.8,.2,1) infinite;transform-box:fill-box;transform-origin:center}@keyframes kRing{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.5);opacity:0}}.live-dot{animation:kLive 1.6s ease-in-out infinite}@keyframes kLive{0%,to{opacity:1}50%{opacity:.25}}.marquee{display:flex;width:-moz-max-content;width:max-content;animation:kMarquee 34s linear infinite}@keyframes kMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}[dir=rtl] .marquee{animation-name:kMarqueeRtl}@keyframes kMarqueeRtl{0%{transform:translate(0)}to{transform:translate(50%)}}.stkw{--stk-w: 2.771em;width:var(--stk-w);animation:kBox 6s cubic-bezier(.2,.8,.2,1) infinite}@keyframes kBox{0%,43%{width:.82em;transform:rotate(-2.5deg);background-color:#ffb366}45%{width:.82em;background-color:#f5efe6}47%{width:.82em;transform:rotate(-2.5deg);background-color:#ffb366}53%{width:calc(var(--stk-w) * 1.054);transform:rotate(1.4deg);background-color:#ffb366}58%,94%{width:var(--stk-w);transform:rotate(-2.5deg);background-color:#ffb366}to{width:.82em;transform:rotate(-2.5deg);background-color:#ffb366}}.wordL{animation:kWord 6s cubic-bezier(.2,.8,.2,1) infinite}@keyframes kWord{0%,48%{opacity:0;transform:scale(.6)}56%{opacity:1;transform:scale(1)}94%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.qrL{animation:kQr 6s cubic-bezier(.2,.8,.2,1) infinite}@keyframes kQr{0%{opacity:0;transform:scale(.8)}6%{opacity:1;transform:scale(1)}44%{opacity:1;transform:scale(1)}50%,to{opacity:0;transform:scale(1.15)}}.scanL{animation:kScan 6s linear infinite}@keyframes kScan{0%,7%{opacity:0;transform:translateY(0)}9%{opacity:1}43%{opacity:1;transform:translateY(1250%)}45%,to{opacity:0;transform:translateY(1250%)}}@media(prefers-reduced-motion:reduce){.rise,.pop{animation-delay:0s}.float,.float2,.float3,.glow,.ring,.live-dot,.marquee,.stkw,.wordL,.qrL,.scanL{animation:none}.glow{opacity:.8}.wordL{opacity:1;transform:none}.qrL,.scanL{opacity:0}.ticker-band{overflow-x:auto}.stk,.btn,.tilt,.node,.node img,.stkwrap,.arr{transition:none}}.phone{position:relative;box-sizing:border-box;width:100%;max-width:360px;padding:18px 12px;border-radius:48px;background:#061f1c;box-shadow:inset 0 0 0 2px #f5efe640,calc(10px * var(--stk-dir, 1)) 10px 0 #0e3d3a}[dir=rtl] .phone{--stk-dir: -1}@media(min-width:1024px){.phone{width:380px;max-width:380px}}.phone-band{position:absolute;top:0;left:0;right:0;height:18px;display:flex;align-items:center;justify-content:center;gap:8px}.phone-speaker{width:46px;height:4px;border-radius:999px;background:#f5efe638}.phone-cam{width:6px;height:6px;border-radius:999px;background:#f5efe657}.phone-key{position:absolute;width:4px;border-radius:2px;background:#0a2a27}.phone-key-silent{left:-3px;top:13%;height:28px}.phone-key-vol-up{left:-3px;top:20%;height:52px}.phone-key-vol-down{left:-3px;top:27.5%;height:52px}.phone-key-power{right:-3px;top:22%;height:74px}.phone-screen{position:relative;width:100%;aspect-ratio:9 / 19.5;border-radius:36px;overflow:hidden;background:#f5efe6}