:root{--ink:#111522;--muted:#666b78;--paper:#f6f5f1;--orange:#ff6838;--blue:#4f72ff;--pink:#ff4f96;--green:#2bbd86;--line:#dddcd6;--dark:#090b13}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.nav-wrap{position:sticky;top:0;z-index:50;background:rgba(246,245,241,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,21,34,.08)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-.03em}.brand b{color:var(--orange)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;font-weight:800}.nav-links{display:flex;gap:30px;font-size:14px;font-weight:600}.nav-links a:hover{color:var(--orange)}.nav-cta{font-size:14px;font-weight:700;padding:11px 15px;border:1px solid var(--ink);border-radius:10px}.hero{min-height:720px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-top:70px;padding-bottom:80px}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.eyebrow span{display:block;width:22px;height:3px;background:var(--orange)}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;letter-spacing:-.045em}h1{font-size:clamp(62px,7vw,102px);line-height:.9;margin:25px 0 30px}h1 em,h2 em{color:var(--orange);font-style:normal}.hero-lead{max-width:580px;color:var(--muted);font-size:19px;line-height:1.6}.hero-actions{display:flex;gap:12px;margin:34px 0}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 20px;border-radius:12px;font-size:14px;font-weight:700}.primary{background:var(--orange);color:#fff;box-shadow:0 10px 30px rgba(255,104,56,.25)}.ghost{border:1px solid var(--line)}.hero-proof{display:flex;gap:28px;font-size:12px;color:var(--muted)}.hero-proof span{display:flex;align-items:center;gap:7px}.hero-proof b{font-family:Manrope;font-size:22px;color:var(--ink)}.hero-visual{position:relative}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:240px;height:240px;background:#ffd5c6;right:-20px;top:-70px}.orb-two{width:180px;height:180px;background:#cdd6ff;left:-45px;bottom:-50px}.stage-card{position:relative;transform:rotate(2deg);background:#11141e;border:8px solid #fff;border-radius:26px;box-shadow:0 35px 80px rgba(16,18,28,.22);overflow:hidden}.stage-top{height:46px;color:#aab0c1;display:flex;align-items:center;gap:8px;padding:0 16px;font-size:9px;letter-spacing:.12em}.stage-top span:last-child{margin-left:auto}.live-dot{width:7px;height:7px;border-radius:50%;background:#ff435f;box-shadow:0 0 0 5px rgba(255,67,95,.12)}.screen{position:relative;aspect-ratio:16/10;background:radial-gradient(circle at 48% 38%,#34394b,#171b28 62%,#10131c)}.battle-mini{position:absolute;left:12%;right:12%;top:7%;display:flex;align-items:center;gap:10px;color:#fff;font-size:7px}.battle-mini i{height:10px;flex:1;background:#4f72ff;border-radius:20px;overflow:hidden}.battle-mini i span{display:block;width:58%;height:100%;background:#ff7a3c}.welcome-mini{position:absolute;top:23%;left:25%;padding:8px 13px;border-radius:10px;background:rgba(10,12,20,.86);color:#fff;font-size:8px;border:1px solid rgba(255,255,255,.15)}.welcome-mini b{color:#ffbd66}.wheel-mini{position:absolute;left:9%;top:43%;display:grid;place-items:center;width:86px;height:86px;border-radius:50%;border:4px dashed #ffb43b;background:#242838;font-size:25px;box-shadow:0 0 30px rgba(255,180,59,.2)}.wheel-mini span{font-size:6px;color:#fff}.tip-mini{position:absolute;right:6%;bottom:8%;width:155px;padding:13px;border-radius:13px;background:linear-gradient(135deg,#ff5c8b,#ff843e);color:white;display:flex;flex-direction:column}.tip-mini span,.tip-mini small{font-size:7px}.tip-mini b{font-size:15px;margin:3px 0}.followers-mini{position:absolute;left:8%;bottom:7%;padding:8px 13px;background:rgba(255,255,255,.9);border-radius:10px;display:flex;flex-direction:column}.followers-mini b{font-size:13px}.followers-mini span{font-size:7px;text-transform:uppercase}.ticker{overflow:hidden;background:var(--orange);color:#fff;padding:16px 0;white-space:nowrap;font-family:Manrope;font-size:12px;font-weight:800;letter-spacing:.14em}.ticker div{width:max-content;animation:ticker 25s linear infinite}.ticker i{margin:0 25px}@keyframes ticker{to{transform:translateX(-50%)}}.apps-section,.install-section{padding:125px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:55px}.section-heading h2{font-size:clamp(45px,5vw,72px);line-height:1}.section-heading>p{color:var(--muted);font-size:17px;line-height:1.7;max-width:490px}.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.app-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:42% 58%;min-height:390px;transition:.25s}.app-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(17,21,34,.08)}.app-card.featured{grid-column:span 2;grid-template-columns:45% 55%;min-height:460px}.app-art{display:grid;place-items:center;min-height:100%;position:relative;overflow:hidden}.app-art:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}.app-art img{width:56%;max-width:230px;position:relative;z-index:1;filter:drop-shadow(0 22px 20px rgba(0,0,0,.17))}.overlay-art{background:linear-gradient(145deg,#ff7b4d,#ff4f96)}.menu-art{background:linear-gradient(145deg,#26be8b,#79dfae)}.wheel-art{background:linear-gradient(145deg,#ff4f96,#8056e8)}.battle-art{background:linear-gradient(145deg,#ff793d 0 49%,#4f72ff 51%)}.core-art{background:linear-gradient(145deg,#151927,#383f58)}.core-icon{position:relative;z-index:2;color:#fff;font:800 90px/1 Manrope}.core-icon span{color:var(--orange);font-size:40px;position:absolute}.app-body{padding:35px;display:flex;flex-direction:column}.app-meta{display:flex;justify-content:space-between;align-items:center;color:#8a8e98;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:700}.badge{padding:6px 8px;border-radius:6px;background:#fff0eb;color:var(--orange)}.badge.green{background:#e6f8f1;color:#16865f}.badge.pink{background:#ffeaf3;color:#c52b68}.badge.blue{background:#e9edff;color:#3657d6}.badge.orange{background:#fff0e7;color:#dc5c20}.app-body h3{font-size:31px;margin:20px 0 12px}.app-body p{color:var(--muted);line-height:1.6;margin:0}.app-body ul{list-style:none;padding:0;margin:20px 0;color:#474b57;font-size:13px}.app-body li{margin:7px 0}.app-body li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}.learn{margin-top:auto;padding:0;border:0;background:none;text-align:left;font-weight:800;color:var(--ink);cursor:pointer}.learn span{color:var(--orange);margin-left:5px}.stack-section{background:var(--dark);color:#fff;padding:125px 0}.section-heading.light>p{color:#969dab}.stack-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:30px;border:1px solid #272b38;border-radius:18px;background:#10131c}.stack-flow div{display:flex;flex-direction:column}.stack-flow b{font-size:15px}.stack-flow small{color:#818897;margin-top:5px}.stack-flow>span{color:var(--orange);font-size:21px}.compat{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px}.compat>div{padding:20px 45px 10px 0;border-right:1px solid #272b38}.compat>div+div{padding-left:45px}.compat>div:last-child{border:0}.compat span{color:var(--orange);font:800 12px Manrope}.compat h3{font-size:21px;margin:16px 0 10px}.compat p{color:#949aa8;line-height:1.6;font-size:14px}.steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:100px 1fr;padding:31px 0;border-bottom:1px solid var(--line)}.steps>li>span{color:var(--orange);font:800 13px Manrope}.steps h3{font-size:20px;margin-bottom:7px}.steps p{color:var(--muted);margin:0;line-height:1.6}.steps code{background:#e9e8e3;padding:2px 5px;border-radius:4px}.cta-section{text-align:center;padding:130px 0;background:#171a26;color:#fff}.cta-section .eyebrow{justify-content:center}.cta-section h2{font-size:clamp(60px,8vw,110px);line-height:.88;margin:30px 0 45px}.cta-section .button{margin:5px}.light-button{border-color:#454956}.footer{min-height:130px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}dialog{width:100%;max-width:none;height:100%;max-height:none;border:0;padding:0;background:rgba(9,11,19,.78);backdrop-filter:blur(8px)}dialog::backdrop{background:transparent}.dialog-shell{position:absolute;right:0;top:0;width:min(760px,100%);min-height:100%;background:var(--paper);padding:65px clamp(28px,6vw,70px);box-shadow:-20px 0 60px rgba(0,0,0,.2);overflow:auto}.dialog-close{position:absolute;right:25px;top:20px;border:0;background:#e7e5df;width:38px;height:38px;border-radius:50%;font-size:24px;cursor:pointer}.guide-head .guide-tag{text-transform:uppercase;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.15em}.guide-head h2{font-size:52px;margin:12px 0 18px}.guide-head>p{font-size:18px;color:var(--muted);line-height:1.65}.guide-section{padding:30px 0;border-top:1px solid var(--line)}.guide-section h3{font-size:22px;margin-bottom:15px}.guide-section p,.guide-section li{color:#555b67;line-height:1.65}.guide-section li{margin:8px 0}.guide-section code{color:#d84f24;background:#ebe9e3;padding:2px 5px;border-radius:4px}.guide-section table{width:100%;border-collapse:collapse;font-size:13px}.guide-section td{border-bottom:1px solid var(--line);padding:12px 5px;vertical-align:top}.guide-section td:first-child{font-weight:700;color:var(--ink);width:38%}.guide-note{padding:16px;background:#fff0e9;border-left:3px solid var(--orange);border-radius:5px;color:#743923!important}.guide-links{display:flex;gap:10px;flex-wrap:wrap}.guide-links a{padding:11px 14px;background:var(--ink);color:#fff;border-radius:8px;font-weight:700;font-size:13px}@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{max-width:600px}.section-heading{grid-template-columns:1fr}.app-card,.app-card.featured{grid-column:auto;grid-template-columns:1fr}.app-art{min-height:260px}.app-grid{grid-template-columns:1fr 1fr}.stack-flow{align-items:flex-start;flex-direction:column}.stack-flow>span{transform:rotate(90deg)}.compat{grid-template-columns:1fr}.compat>div,.compat>div+div{padding:24px 0;border-right:0;border-bottom:1px solid #272b38}}@media(max-width:650px){.shell{width:min(100% - 28px,1180px)}.nav{height:66px}.nav-cta{display:none}.hero{padding-top:45px}.hero h1{font-size:58px}.hero-proof{flex-direction:column;gap:9px}.hero-actions{flex-direction:column}.app-grid{grid-template-columns:1fr}.apps-section,.install-section,.stack-section{padding:85px 0}.section-heading{gap:20px}.section-heading h2{font-size:44px}.steps li{grid-template-columns:50px 1fr}.footer{flex-direction:column;justify-content:center;gap:10px}.dialog-shell{padding-top:65px}.guide-head h2{font-size:42px}}