.lwd-if{display:contents}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Satoshi',sans-serif;color:#EDF1F7;background:radial-gradient(1100px 700px at 85% -10%,#173458 0%,rgba(23,52,88,0) 60%),radial-gradient(900px 600px at -10% 105%,rgba(240,78,48,0.10) 0%,rgba(240,78,48,0) 55%),linear-gradient(168deg,#0C1728 0%,#0A1220 48%,#0F2039 100%);background-attachment:fixed;background-color:#0A1220;overflow-x:hidden}
a{color:#EDF1F7;text-decoration:none}
a:hover{color:#F1502F}
::selection{background:#F1502F;color:#fff}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.rise{animation:rise 0.85s cubic-bezier(0.16,1,0.3,1) both}
.btnfx{position:relative;overflow:hidden;isolation:isolate;transition:box-shadow 0.4s cubic-bezier(0.16,1,0.3,1)}
.btnfx>*{position:relative;z-index:2}
.btnfx::before{content:"";position:absolute;top:0;bottom:0;left:-130%;width:60%;z-index:1;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.5),transparent);transform:skewX(-20deg);transition:left 0.75s cubic-bezier(0.22,1,0.36,1);pointer-events:none}
.btnfx:hover::before{left:140%}

.btnfx:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(241,80,47,0.55);filter:brightness(1.06) saturate(1.05)}
.btnfx:active{transform:translateY(-1px) scale(0.985)}
.btn-swap{display:inline-block;vertical-align:bottom;line-height:1.15;white-space:nowrap}
.btn-swap>span+span{display:none}

.btn-arrow{display:inline-block;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1)}
.btnfx:hover .btn-arrow{transform:translateX(6px)}
.btnfx--ghost:hover{background:linear-gradient(120deg,#FF6A3D,#F1502F) !important;border-color:transparent !important;color:#fff !important}
.btn-ghost{transition:background 0.5s cubic-bezier(0.16,1,0.3,1),color 0.45s,border-color 0.45s,box-shadow 0.5s,transform 0.5s cubic-bezier(0.16,1,0.3,1)}
.btn-ghost:hover{background:linear-gradient(120deg,#FF6A3D,#F1502F) !important;border-color:transparent !important;color:#fff !important;box-shadow:0 18px 44px rgba(241,80,47,0.45);transform:translateY(-3px)}
.nav-link:hover{color:#F1502F}
.tcard .tframe{transition:border-color 0.5s,box-shadow 0.5s,transform 0.5s cubic-bezier(0.22,1,0.36,1)}
.tcard:hover .tframe{border-color:rgba(241,80,47,0.5);box-shadow:0 22px 60px rgba(0,0,0,0.45);transform:translateY(-6px)}
.tcard .tbadge{transition:transform 0.5s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s}
.tcard:hover .tbadge{transform:rotate(-10deg) scale(1.1)}
.tcard .tname{transition:color 0.3s}
.tcard:hover .tname{color:#F1502F}
.val-card{transition:transform 0.5s cubic-bezier(0.22,1,0.36,1),border-color 0.5s}
.val-card:hover{transform:translateY(-6px);border-color:rgba(241,80,47,0.5)}
.mk-screen{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(160deg,#14263F,#0C1728)}
.mk-dots span{width:8px;height:8px;border-radius:50%;display:inline-block}
@keyframes mkpop{0%{opacity:0;transform:translateY(12px) scale(.94)}7%{opacity:1;transform:none}82%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-7px) scale(.97)}}
.mk-pop{opacity:0;animation:mkpop 5s cubic-bezier(0.16,1,0.3,1) infinite}
@keyframes mkbar{0%{transform:scaleY(0.04)}22%{transform:scaleY(1)}82%{transform:scaleY(1)}92%,100%{transform:scaleY(0.04)}}
.mk-bar{transform-origin:bottom;transform:scaleY(0.04);animation:mkbar 5s cubic-bezier(0.16,1,0.3,1) infinite}
@keyframes mkfill{0%{width:8%}32%{width:100%}82%{width:100%}92%,100%{width:8%}}
.mk-fill{width:8%;animation:mkfill 5s cubic-bezier(0.16,1,0.3,1) infinite}
@keyframes mkline{0%{stroke-dashoffset:220}30%{stroke-dashoffset:0}82%{stroke-dashoffset:0}92%,100%{stroke-dashoffset:220}}
.mk-line{stroke-dasharray:220;stroke-dashoffset:220;animation:mkline 5s cubic-bezier(0.16,1,0.3,1) infinite}
@keyframes mkcursor{0%,100%{opacity:0.35}50%{opacity:1}}
.mk-cursor{animation:mkcursor 1s steps(1) infinite}
@media (prefers-reduced-motion:reduce){.mk-pop,.mk-bar,.mk-fill,.mk-line,.mk-cursor{animation:none;opacity:1;transform:none;width:100%;stroke-dashoffset:0}}
@media (max-width:720px){.vals-grid{grid-template-columns:1fr !important;max-width:420px !important}.vals-grid .val-wide{width:100% !important}}
@media (max-width:940px){.nav-links{display:none !important}}
@media (max-width:860px){.about-grid{grid-template-columns:1fr !important}}