/* v4: motion & fun */
.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--surface);white-space:nowrap}
.ticker .track{display:inline-flex;gap:0;animation:mq 45s linear infinite}
.ticker span{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;font-family:var(--mono);font-size:13.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--fg);border-right:1px solid var(--line)}
.ticker span svg{flex:none;width:9px;height:18px;max-width:none}
.ticker.dark{background:#0E1A12;border-color:#1D2E23}.ticker.dark span{color:#D6E6DA;border-color:#1D2E23}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sky{position:relative;overflow:hidden}
.sky .inner{position:relative;z-index:1}
.hbg{position:absolute;inset:0;pointer-events:none;opacity:1;z-index:0}
.hbg i{position:absolute;width:16px;height:var(--w);animation:cbob 7s ease-in-out infinite alternate}
.hbg i::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;border-radius:2px;background:currentColor;opacity:.55}
.hbg i::after{content:"";position:absolute;left:0;right:0;top:calc((var(--w) - var(--h))/2);height:var(--h);border-radius:4px;background:color-mix(in srgb,currentColor 45%,var(--bg));opacity:1}
.hbg i.u{color:var(--up)}.hbg i.d{color:var(--down)}
@keyframes cbob{from{transform:translateY(0)}to{transform:translateY(-70px)}}
.cstrip{overflow:hidden;line-height:0}
.cstrip .track{display:inline-flex;animation:mq 60s linear infinite}
.cstrip svg{flex:none}
.cstrip .cu line,.cwall .cu line{stroke:#5CC27A;stroke-width:2}.cstrip .cu rect,.cwall .cu rect{fill:#5CC27A}
.cstrip .cd line,.cwall .cd line{stroke:#F0776B;stroke-width:2}.cstrip .cd rect,.cwall .cd rect{fill:#F0776B}
.cwall{position:relative;background:#0E1A12;color:#fff;overflow:hidden;padding:64px 0 0;margin:0}
.cwall .wrap{position:relative;z-index:1;text-align:center}
.cwall h2{color:#fff;font-size:clamp(30px,4.4vw,54px);line-height:1.04;max-width:820px;margin:14px auto 0}
.cwall h2 em{font-style:normal;color:#C9F27A}
.cwall p{color:#B9CDBF;max-width:600px;margin:14px auto 0}
.cwall .eye{color:#A9CDB0}
.cwall .cstrip{margin-top:44px;opacity:.95;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.cwall .cstrip.b{margin-top:-30px;opacity:.55}
.cwall .cstrip.b .track{animation-duration:90s;animation-direction:reverse}
.cwall .pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.cwall .pills span{padding:9px 16px;border-radius:999px;border:1px solid #2B4433;background:#13251A;font-size:14.5px;font-weight:600;color:#E6F1E8}
.cwall .pills span b{color:#C9F27A}
.drawline path.dl{stroke-dasharray:900;stroke-dashoffset:900;animation:draw 3.2s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.pstrip{overflow:hidden;margin-top:30px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pstrip .track{display:inline-flex;gap:16px;animation:mq 50s linear infinite;padding-right:16px}
.pstrip img{width:320px;height:220px;object-fit:cover;border-radius:20px;flex:none;border:1px solid var(--line)}
.pstrip:hover .track,.ticker:hover .track{animation-play-state:paused}
.smtcard{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 6px}
.smtcard img{height:64px;width:auto}
.smtcard span{font-family:var(--display);font-weight:700;font-size:22px;color:var(--ink);text-align:left;line-height:1.15}
.smtcard small{display:block;font-family:var(--body);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:700}
.floaty{position:absolute;pointer-events:none;opacity:.9;animation:floaty 6s ease-in-out infinite alternate}
@keyframes floaty{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-14px) rotate(3deg)}}
.chip-f{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font-size:14px;font-weight:700;color:var(--fg)}
.chip-f i{width:10px;height:10px;border-radius:50%;background:var(--up);font-style:normal;box-shadow:0 0 0 5px color-mix(in srgb,var(--up) 20%,transparent)}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
.tcard,.plan,.feat6>div{transition:transform .25s,box-shadow .25s}
.tcard:hover,.feat6>div:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:var(--shadow)}
.tcard .ti,.feat6 .ti{transition:transform .3s}
.tcard:hover .ti,.feat6>div:hover .ti{transform:rotate(-8deg) scale(1.08)}
.pulse{position:relative}
.pulse::after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px solid var(--green);opacity:0;animation:pls 2.4s ease-out infinite}
@keyframes pls{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(1.12)}}
@media (max-width:640px){.pstrip img{width:240px;height:170px}.hbg{opacity:.3}}
@media (prefers-reduced-motion:reduce){.ticker .track,.cstrip .track,.pstrip .track,.hbg i,.floaty,.pulse::after{animation:none}.drawline path.dl{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.rv{opacity:1;transform:none;transition:none}}
@media print{.ticker,.hbg,.cstrip,.pstrip{display:none}.rv{opacity:1;transform:none}}

.srail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:4px}
.srail a{width:36px;height:36px;display:grid;place-items:center;background:var(--c);color:#fff;border-radius:9px 0 0 9px;transition:width .2s,filter .2s}
.srail a:hover{width:44px;filter:brightness(1.08);color:#fff}
.srail svg{width:16px;height:16px}
.srow{margin-top:36px;padding-top:26px;border-top:1px solid #22302A}
.srow h4{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:#8FA598;margin:0 0 14px;font-family:var(--body)}
.srow .ic{display:flex;gap:12px;flex-wrap:wrap}
.srow a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#16241B;border:1px solid #2A3C30;color:#E6F1E8;transition:transform .2s,background .2s}
.srow a:hover{transform:translateY(-3px);background:#1F6F2C;color:#fff}
.srow svg{width:17px;height:17px}
@media (max-width:640px){.srail{top:auto;bottom:18px;right:16px;transform:none}.srail a{display:none}.srail a[aria-label="WhatsApp"]{display:grid;width:48px;height:48px;border-radius:50%;box-shadow:0 10px 24px rgba(0,0,0,.25)}.srail a[aria-label="WhatsApp"]:hover{width:48px}.srail svg{width:22px;height:22px}}
@media print{.srail{display:none}}

html,body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='32' viewBox='0 0 22 32'%3E%3Cline x1='11' y1='1' x2='11' y2='31' stroke='%23145A26' stroke-width='2.6' stroke-linecap='round'/%3E%3Crect x='4' y='8' width='14' height='15' rx='3' fill='%231F8A3A' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E") 11 1,auto}
a,button,summary,label,[role=button],.pbtn,.theme-btn{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='32' viewBox='0 0 22 32'%3E%3Cline x1='11' y1='1' x2='11' y2='31' stroke='%239E2A21' stroke-width='2.6' stroke-linecap='round'/%3E%3Crect x='4' y='8' width='14' height='15' rx='3' fill='%23E5483B' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E") 11 1,pointer}
input,textarea{cursor:text}

.bub{position:fixed;left:0;top:0;border-radius:50%;pointer-events:none;z-index:30;opacity:.7;will-change:transform,opacity;animation:bub 1.2s ease-out forwards}
@keyframes bub{0%{transform:translate(var(--x),var(--y)) scale(.4);opacity:.75}100%{transform:translate(calc(var(--x) + var(--dx)),calc(var(--y) + var(--dy,-56px))) scale(1);opacity:0}}
@media (prefers-reduced-motion:reduce){.bub{display:none}}

.gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;pointer-events:auto;animation:gend 0s linear 3.6s forwards}
.gd{position:absolute;top:0;bottom:0;width:50.5%;background:radial-gradient(80% 60% at 50% 110%,rgba(92,194,122,.28),transparent 70%),#0B1610;animation:gopen .8s cubic-bezier(.7,0,.2,1) 2.8s forwards}
.gd.l{left:0;transform-origin:left;border-right:1px solid #1E3326}.gd.r{right:0;animation-name:gopenr}
.gin{position:relative;z-index:1;text-align:center;color:#fff;padding:0 16px;animation:gfade .45s ease 2.6s forwards}
.gk{font-family:var(--mono);font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:#8FB89A;margin-bottom:18px}
.gin svg{width:min(600px,88vw);height:auto;display:block;margin:0 auto;filter:drop-shadow(0 0 18px rgba(92,194,122,.35))}
.gc{opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:ggrow .35s cubic-bezier(.3,1.6,.5,1) forwards}
.gl{stroke-dasharray:420;stroke-dashoffset:420;animation:gdraw 1.1s ease-out 1.35s forwards}
.gtag{opacity:0;animation:gpop .4s cubic-bezier(.3,1.6,.5,1) 2.05s forwards;transform-box:fill-box;transform-origin:center}
.gw{font-family:var(--disp2);font-weight:700;font-size:clamp(40px,8vw,72px);letter-spacing:-.04em;line-height:1;margin-top:20px;opacity:0;animation:gup .5s ease 1.7s forwards}
.gw span{color:#5CC27A}
.gs{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:#A9CDB0;margin-top:12px;opacity:0;animation:gup .5s ease 1.95s forwards}
.gbar{width:200px;height:3px;border-radius:3px;background:#1E3326;margin:22px auto 0;overflow:hidden}
.gbar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#5CC27A,#C9F27A);transform-origin:left;transform:scaleX(0);animation:gload 2.5s linear forwards}
.gskip{position:fixed;z-index:2;right:20px;bottom:20px;animation:gfade .3s ease 2.6s forwards;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid #2B4433;background:transparent;color:#CFE3D3;font:inherit;font-size:14px}
.gskip:hover{background:#13251A}
@keyframes ggrow{from{opacity:0;transform:scaleY(.1)}to{opacity:1;transform:scaleY(1)}}
@keyframes gdraw{to{stroke-dashoffset:0}}
@keyframes gpop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@keyframes gup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes gload{to{transform:scaleX(1)}}
@keyframes gfade{to{opacity:0;transform:scale(.96)}}
@keyframes gopen{to{transform:translateX(-101%)}}
@keyframes gopenr{to{transform:translateX(101%)}}
@keyframes gend{to{visibility:hidden;pointer-events:none}}
.gate.done{display:none}
.nogate .gate{display:none}
@media (prefers-reduced-motion:reduce){.gate{display:none}}
@media print{.gate{display:none}}
@media (max-width:520px){.gs{font-size:10.5px;letter-spacing:.08em}}