.ex{background:linear-gradient(#0f1c16,#0a120e);border:1px solid #23cf7c40;border-radius:18px;width:100%;max-width:640px;margin-left:auto;position:relative;overflow:hidden;box-shadow:0 60px 120px -40px #23cf7c66,0 30px 60px -30px #000000e6}.ex-bars{z-index:2;gap:5px;display:flex;position:absolute;top:12px;left:14px;right:14px}.ex-bar{cursor:pointer;background:#ffffff2e;border:0;border-radius:999px;flex:1;height:4px;padding:0;overflow:hidden}.ex-bar.done{background:#23cf7c}.ex-bar span{transform-origin:0;background:#23cf7c;height:100%;animation:linear both exbar;display:block}@keyframes exbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ex-stage{aspect-ratio:600/380;animation:.6s cubic-bezier(.23,1,.32,1) both exin}@keyframes exin{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}.ex-svg{width:100%;height:100%;display:block}.ex-cap{border-top:1px solid #23cf7c24;align-items:center;gap:14px;padding:16px 20px 18px;display:flex}.ex-cap span{color:var(--g-dark);font-size:13px;font-weight:800}.ex-cap p{color:var(--ink);margin:0;font-size:16px;font-weight:600;animation:.45s cubic-bezier(.23,1,.32,1) both sxpop}.ex-breathe{transform-box:fill-box;transform-origin:bottom;animation:3s ease-in-out infinite exbreathe}@keyframes exbreathe{50%{transform:scaleY(1.015)}}.ex-glow{animation:1.2s ease-in-out infinite exglow}@keyframes exglow{50%{fill:#23cf7c}}.ex-float{animation:4s ease-in-out infinite exfloat}@keyframes exfloat{50%{transform:translateY(-6px)}}.ex-scroll{animation:4.5s cubic-bezier(.45,0,.2,1) both exscroll}@keyframes exscroll{0%,10%{transform:translateY(40px)}55%,to{transform:translateY(-68px)}}.ex-type{width:0;animation:.7s steps(12,end) both extype}@keyframes extype{to{width:var(--w)}}.ex-press{transform-box:fill-box;transform-origin:50%;animation:.5s both express}@keyframes express{50%{transform:scale(.94)}}.ex-pop{opacity:0;transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.23,1,.32,1) both expop}@keyframes expop{0%{opacity:0;transform:translateY(10px)scale(.92)}to{opacity:1;transform:none}}.ex-waves path{opacity:0;animation:1.2s ease-out infinite exwave}@keyframes exwave{0%{opacity:0}30%{opacity:1}to{opacity:0}}.ex-drive{animation:2.2s cubic-bezier(.23,1,.32,1) both exdrive}@keyframes exdrive{0%{transform:translate(-260px)}to{transform:none}}.ex-walk{opacity:0;animation:1.6s ease-out 1.6s both exwalk}@keyframes exwalk{0%{opacity:1;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.ex-sign{stroke-dasharray:320;stroke-dashoffset:320px;animation:1.8s ease-in-out .4s both exsign}@keyframes exsign{to{stroke-dashoffset:0}}.ex-conf{opacity:0;animation:1.4s ease-out both exconf}@keyframes exconf{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx), 120px) rotate(200deg)}}.tw-list{grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 0;padding:0;list-style:none;display:grid}.tw-list li{border:1px solid var(--line-l);background:#fff;border-left:3px solid #23cf7c;padding:16px 18px}.tw-list b{color:var(--ink-l);font-size:15.5px;display:block}.tw-list span{color:var(--text-l);font-size:14px;line-height:1.5}.tw-body{background:#f6f9f7;flex-direction:column;gap:14px;padding:18px 20px 22px;display:flex}.tw-top{justify-content:space-between;align-items:center;display:flex}.tw-top b{color:#0b1611;font-size:18px;display:block}.tw-top span{color:#6b7c74;font-size:12px}.tw-live{background:#e6f6ee;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-weight:700;color:#067647!important;display:inline-flex!important}.tw-live i{background:#23cf7c;border-radius:999px;width:7px;height:7px;animation:1.2s steps(2,jump-none) infinite mvrec}@keyframes mvrec{50%{opacity:.2}}.tw-kpis{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tw-kpis>div{background:#fff;border:1px solid #e3eae6;border-radius:12px;padding:14px}.tw-kpis>div>span{color:#6b7c74;font-size:11.5px;font-weight:700;display:block}.tw-kpis b{letter-spacing:-.04em;color:#0b1611;margin-top:6px;font-size:26px;display:block}.tw-kpis em{color:#8a9a92;font-size:11.5px;font-style:normal}.tw-kpis>div:last-child{background:#23cf7c;border-color:#23cf7c}.tw-kpis>div:last-child>span,.tw-kpis>div:last-child em,.tw-kpis>div:last-child b{color:#04130b}.tw-ch{background:#fff;border:1px solid #e3eae6;border-radius:12px;flex-direction:column;gap:9px;padding:14px;display:flex}.tw-ch-k{color:#6b7c74;font-size:11.5px;font-weight:700}.tw-ch-row{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;display:grid}.tw-ch-row span{color:#0b1611;font-size:12.5px;font-weight:600}.tw-ch-row i{height:10px;width:var(--w);transform-origin:0;animation:1.2s cubic-bezier(.23,1,.32,1) both twgrow;animation-delay:var(--d);background:linear-gradient(90deg,#23cf7c,#9fe4c1);border-radius:999px}@keyframes twgrow{0%{transform:scaleX(0)}}.tb{flex-direction:column;gap:14px;max-width:520px;margin-right:auto;display:flex}.tb-card,.tb-now{background:linear-gradient(#0d1511,#090e0b);border:1px solid #ffffff14;flex-direction:column;gap:4px;padding:20px 22px;display:flex;position:relative}.tb-card span,.tb-now span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.tb-card b{letter-spacing:-.03em;color:#ffb59a;align-self:flex-start;font-size:26px;position:relative}.tb-card b:after{content:"";transform-origin:0;background:#ff7a50;height:3px;transition:transform .6s cubic-bezier(.23,1,.32,1);position:absolute;top:55%;left:-4px;right:-4px;transform:scaleX(0)}.tb-card.x b:after{transform:scaleX(1)}.tb-card em,.tb-now em{color:var(--muted);font-size:14px;font-style:normal}.tb-now{opacity:.35;border-color:#23cf7c4d;transition:all .5s cubic-bezier(.23,1,.32,1);transform:translateY(8px)}.tb-now.on{opacity:1;background:#23cf7c;border-color:#23cf7c;transform:none}.tb-now b{letter-spacing:-.03em;color:var(--ink);font-size:24px}.tb-now.on span,.tb-now.on b,.tb-now.on em{color:#04130b}.tc{padding-right:60px;position:relative}.tc-board{max-width:calc(100% - 130px)}.tc-cols{background:#f6f9f7;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:230px;padding:14px;display:grid}.tc-col{background:#eef3f0;border-radius:10px;flex-direction:column;gap:8px;padding:8px;display:flex}.tc-h{letter-spacing:.06em;text-transform:uppercase;color:#6b7c74;font-size:11px;font-weight:700}.tc-ghost{color:#8a9a92;background:#fff;border:1px solid #e3eae6;border-radius:8px;padding:10px;font-size:12px;font-weight:600}.tc-card{background:#fff;border:1.5px solid #23cf7c;border-radius:8px;padding:10px;box-shadow:0 10px 20px -10px #0d996499}.tc-card b{color:#0b1611;font-size:13px;display:block}.tc-card span{color:#6b7c74;font-size:11px}.tc-card.win{background:#23cf7c}.tc-card.win span{color:#04130b}.tc-phone{background:#0b1611;border:5px solid #1d2b24;border-radius:30px;width:170px;height:300px;padding:40px 10px 10px;position:absolute;bottom:-30px;right:0;box-shadow:0 40px 80px -30px #0a281cb3}.tc-notch{background:#1d2b24;border-radius:999px;width:60px;height:16px;margin-left:-30px;position:absolute;top:10px;left:50%}.tc-notif{background:#fffffff2;border-radius:12px;padding:10px 12px}.tc-notif b{color:#0b1611;font-size:12px;display:block}.tc-notif span{color:#6b7c74;font-size:11px}@media (max-width:1080px){.ex,.tb{margin:0}}@media (max-width:700px){.tw-list{grid-template-columns:minmax(0,1fr)}.tc{padding-bottom:20px;padding-right:0}.tc-phone{display:none}.tc-board{max-width:none}.tc-cols{grid-template-columns:1fr 1fr}.ex-cap p{font-size:14.5px}}