@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Myanmar:wght@400;500;600;700&display=swap');
.hero{overflow:hidden}
:root{--bg:#10151f;--panel:#191f2a;--cream:#f5f0e6;--muted:#aeb3be;--gold:#f6ca75;--coral:#f2947c;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans','Noto Sans Myanmar',sans-serif;font-size:16px;line-height:1.7}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{height:94px;max-width:1320px;padding:0 52px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px}.brand-icon{color:var(--gold);margin-right:8px}.dot{color:var(--coral)}nav{display:flex;gap:32px;font-size:14px}.lang{background:none;color:var(--cream);border:1px solid var(--line);padding:8px 14px;border-radius:30px;font-size:12px}.hero{max-width:1320px;margin:auto;padding:85px 52px 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:45px;min-height:690px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--gold);margin-bottom:25px}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:9px}h1,h2,h3{font-family:Manrope,'Noto Sans Myanmar',sans-serif;margin:0;line-height:1.13;letter-spacing:-2px}h1{font-size:76px;font-weight:600}html[lang=my] h1{font-size:49px;line-height:1.65;letter-spacing:-1px}em{font-style:normal;color:var(--gold)}.lead{color:var(--muted);max-width:490px;line-height:1.9;margin:26px 0}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.button{border:0;border-radius:8px;padding:15px 22px;font-size:14px;font-weight:700;display:inline-block;text-align:center}.primary{background:var(--gold);color:#171a22}.primary:hover{background:#ffe0a0}.text-link{background:none;border:0;color:var(--cream);font-size:14px;text-decoration:underline;text-underline-offset:6px}.hero-notes{display:flex;gap:22px;margin-top:36px;font-size:11px;color:var(--muted)}.hero-art{position:relative;min-height:510px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#76513b40,transparent 70%)}.art-orbit{position:absolute;width:450px;height:450px;border:1px solid #f6ca7525;border-radius:50%;transform:rotate(-20deg)}.showcase{width:325px;transform:rotate(-8deg);padding:24px 26px;border:1px solid #ffffff35;background:linear-gradient(140deg,#252432,#10141f);border-radius:26px;box-shadow:22px 28px 70px #0007;position:relative}.mini-brand{font-size:11px;font-weight:700;display:flex;justify-content:space-between}.mini-brand span,.preview-header span{font-size:8px;border:1px solid var(--line);border-radius:20px;padding:0 8px;color:var(--muted)}.wheel-scene{position:relative;display:grid;place-items:center;margin:30px auto;width:240px;height:240px}.wheel{width:240px;height:240px;border-radius:50%;background:repeating-conic-gradient(from -22.5deg,#f6cb78 0deg 45deg,#f19b88 45deg 90deg,#454064 90deg 135deg,#f3e6cd 135deg 180deg);border:9px solid #e3b762;box-shadow:0 0 0 5px #342c24,0 12px 24px #0007;position:relative;transition:transform 3s cubic-bezier(.12,.7,.14,1)}.wheel span{position:absolute;font-size:9px;font-weight:800;color:#201a28;left:87px;top:20px}.wheel span:nth-child(2){transform:rotate(90deg);left:158px;top:95px}.wheel span:nth-child(3){transform:rotate(180deg);left:71px;top:178px}.wheel span:nth-child(4){transform:rotate(-90deg);left:2px;top:96px}.wheel-center{position:absolute;border-radius:50%;width:57px;height:57px;display:grid;place-items:center;background:#f5e6c7;border:6px solid #dcc080;color:#332b41;font-size:25px}.pointer{position:absolute;top:-6px;width:25px;height:36px;clip-path:polygon(0 0,100% 0,50% 100%);background:#f4e8cc;z-index:2;filter:drop-shadow(0 4px 2px #0005)}.showcase-caption{font-size:14px;text-align:center;line-height:1.5}.fake-field{margin-top:20px;border:1px solid var(--line);border-radius:8px;font-size:9px;padding:12px;display:flex;justify-content:space-between}.float-label{position:absolute;background:var(--cream);color:#222633;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:1px;padding:13px 18px;box-shadow:0 10px 30px #0003}.label-top{top:22px;right:0;transform:rotate(6deg);z-index:1}.label-bottom{bottom:20px;left:0;transform:rotate(-4deg)}.gift-float{position:absolute;bottom:62px;right:0;font-size:76px;transform:rotate(14deg);filter:drop-shadow(0 15px 15px #0004)}.ticker{max-width:1216px;margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:24px 0;font-size:11px;letter-spacing:2px;color:var(--muted)}.ticker i{color:var(--gold);font-size:20px}.section{max-width:1320px;margin:auto;padding:95px 52px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:46px}.section-heading>p{max-width:370px;color:var(--muted)}h2{font-size:46px;font-weight:500}html[lang=my] h2{font-size:33px;line-height:1.65;letter-spacing:-.5px}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.design-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#171d27}.design-preview{padding:20px;min-height:280px;background:#0b0e18;position:relative}.preview-header{font-size:9px;display:flex;justify-content:space-between}.small-wheel{width:170px;height:170px;margin:22px auto;border:6px solid #e0ba74;border-radius:50%;background:repeating-conic-gradient(#f6cd7e 0 45deg,#827091 45deg 90deg);position:relative;box-shadow:0 12px 25px #0004}.small-wheel:after{content:'✦';position:absolute;inset:60px;border-radius:50%;background:#f6e9ca;display:grid;place-items:center;color:#292036}.preview-input{background:#f5cb79;color:#242232;text-align:center;font-size:8px;letter-spacing:1px;border-radius:5px;padding:9px}.aurora .design-preview{background:radial-gradient(ellipse at top right,#7453cb65,transparent),#111426}.aurora .small-wheel{width:130px;height:130px;background:repeating-conic-gradient(#b59af8 0 45deg,#6bd4d4 45deg 90deg);border-color:#c6b5ec}.aurora .small-wheel:after{inset:44px}.split-preview{display:flex;gap:13px;align-items:center;min-height:204px}.winner-lines{font-size:8px;display:flex;flex-direction:column;gap:10px}.winner-lines span{padding:7px;background:#ffffff0d;border-radius:5px}.studio .design-preview{background:#ddd8d0;color:#282b32}.studio .preview-header span{color:#6b6b77;border-color:#6665}.light-card{background:#faf8f2;margin:14px auto 0;padding:12px 18px;border-radius:8px;max-width:240px;text-align:center}.light-card>p{font-size:7px;letter-spacing:1px;margin:0}.studio .small-wheel{width:138px;height:138px;margin:12px auto;border-color:#d6bdb0;background:repeating-conic-gradient(#e8ae9e 0 45deg,#e9d2b1 45deg 90deg)}.studio .small-wheel:after{inset:47px}.design-body{padding:24px}.code{font-size:10px;letter-spacing:2px;color:var(--gold)}h3{font-size:23px;letter-spacing:-.7px;margin-top:14px}.design-body p{color:var(--muted);font-size:13px;min-height:46px}.demo-button{background:none;border:0;border-top:1px solid var(--line);padding:18px 0 0;width:100%;text-align:left;color:var(--cream);font-size:13px}.small-note{font-size:11px;color:var(--muted);margin-top:18px}.statement{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:linear-gradient(100deg,#211e23,#171d27);border-radius:18px;max-width:1216px;padding:60px}.feature-list article{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.feature-list article:first-child{padding-top:0}.feature-list article>span{font-size:11px;color:var(--coral)}.feature-list h3{margin:0;font-size:21px}.feature-list p{font-size:14px;color:var(--muted);margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps b{color:var(--coral);font-size:11px;letter-spacing:1px}.steps h3{font-size:22px}.steps p{font-size:14px;color:var(--muted)}.campaign{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:center}.campaign p{color:var(--muted)}.game-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.game-tags span{border:1px solid var(--line);padding:8px 12px;border-radius:30px;font-size:11px;color:var(--muted)}.game-tags .available{border-color:var(--gold);color:var(--gold)}.campaign-image{border-radius:16px;overflow:hidden;min-height:240px;background:radial-gradient(circle,#5f397d,#182133)}.campaign-image img{width:100%;display:block}.faq{max-width:1000px;padding-top:30px}.faq h2{margin-bottom:36px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:16px}details p{color:var(--muted);font-size:14px;max-width:700px}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;background:#1c2230;max-width:1216px;border-radius:20px;padding:60px}.contact h2{font-size:40px}.contact p{color:var(--muted)}.contact .actions{margin-top:28px;gap:12px}.messenger{background:#a697ef;color:#111522}.telegram{background:#d4e7f5;color:#13202e}form label,dialog label{display:block;font-size:11px;margin-bottom:13px;color:var(--muted)}input,select,textarea{display:block;width:100%;border:1px solid #ffffff25;border-radius:6px;padding:12px;background:#121823;color:var(--cream);font-size:13px;margin-top:5px}textarea{min-height:90px;resize:vertical}form .button{width:100%}footer{max-width:1320px;padding:55px 52px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}footer .brand{font-size:20px;color:var(--cream)}footer button{background:none;border:0;color:var(--muted);font-size:11px}dialog{background:#191d2b;color:var(--cream);border:1px solid #ffffff30;border-radius:20px;padding:35px;width:min(440px,92vw);max-height:92vh;overflow:auto;text-align:center}dialog::backdrop{background:#070a12bf;backdrop-filter:blur(7px)}dialog h2{font-size:27px;letter-spacing:-1px;margin-top:12px}dialog p{font-size:13px;color:var(--muted)}dialog .close{position:absolute;top:8px;right:14px;background:none;border:0;font-size:26px;color:var(--cream)}dialog .text-link{margin-top:15px}dialog.studio{background:#f2eee6;color:#252733}dialog.studio p,dialog.studio label{color:#555}dialog.studio .close,dialog.studio .text-link{color:#222}dialog.aurora{background:radial-gradient(at top,#51427d,#171c2a)}button:disabled{opacity:.55;cursor:wait}#copy-status{white-space:pre-wrap;font-size:12px}#notice-text{line-height:1.8}
@media(max-width:1000px){header{padding:0 28px}.hero{padding:55px 28px;gap:20px}h1{font-size:59px}html[lang=my] h1{font-size:36px}.hero-art{transform:scale(.85);margin:-30px}.section{padding:70px 28px}.statement,.contact{margin:0 28px;padding:40px;gap:35px}.design-grid{gap:12px}.design-preview{padding:14px}.split-preview{gap:5px}.winner-lines{font-size:7px}.campaign{gap:30px}.ticker{margin:0 28px;font-size:9px}footer{padding:40px 28px}}@media(max-width:700px){header{height:75px;padding:0 20px}.brand{font-size:21px}nav{display:none}.hero{grid-template-columns:1fr;padding:45px 24px 35px;gap:12px}.hero-copy{text-align:center}h1{font-size:61px}html[lang=my] h1{font-size:35px}.lead{font-size:14px}.hero-copy .actions,.hero-notes{justify-content:center}.hero-notes{gap:12px;font-size:9px}.hero-art{min-height:450px;transform:scale(.86);margin:-15px -15px}.ticker{overflow:auto;gap:25px;white-space:nowrap;margin:0 24px}.ticker i{font-size:14px}.section{padding:62px 24px}.section-heading{display:block;margin-bottom:30px}h2{font-size:36px}html[lang=my] h2{font-size:28px}.section-heading>p{font-size:14px}.design-grid{grid-template-columns:1fr;gap:24px}.design-preview{padding:22px;min-height:300px}.design-body p{min-height:auto}.aurora .small-wheel{width:160px;height:160px}.aurora .small-wheel:after{inset:55px}.split-preview{justify-content:center;gap:25px;min-height:215px}.winner-lines{font-size:9px}.statement,.contact{grid-template-columns:1fr;margin:0 14px;padding:35px 24px;gap:35px}.steps{grid-template-columns:1fr;gap:20px}.campaign{grid-template-columns:1fr;gap:25px}.campaign-image{max-width:380px;margin:auto}.contact h2{font-size:34px}footer{flex-wrap:wrap;padding:35px 24px}footer p{flex-basis:100%;margin:0}dialog .wheel-scene{width:220px;height:220px}dialog .wheel{width:220px;height:220px}.eyebrow{font-size:10px} .art-orbit{width:380px;height:380px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wheel{transition-duration:.1s}}
.hub-preview{padding:0!important;min-height:0!important;height:410px!important;background:#080b12!important}.hub-preview iframe{width:100%;height:100%;display:block;border:0}.hub-demo-dialog{width:min(1160px,96vw);height:min(930px,94dvh);max-height:94dvh;padding:0;overflow:hidden;border-radius:16px;text-align:left;display:none}.hub-demo-dialog[open]{display:flex;flex-direction:column}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:14px 50px 14px 22px;background:#1c2431;border-bottom:1px solid #ffffff20;font-size:12px;color:#efcf85;min-height:52px}.hub-demo-dialog .close{top:8px;right:15px}.hub-demo-dialog iframe{width:100%;height:100%;min-height:0;flex:1;border:0;display:block;background:#080b12}.design-card.studio .hub-preview{background:#101017!important}

/* Myanmar-first copy, brand gallery and illustrative admin delivery. */
html[lang=my] body{font-family:'Noto Sans Myanmar','Myanmar Text',Arial,sans-serif;line-height:1.8}html[lang=my] h1{font-size:clamp(36px,4.5vw,72px);line-height:1.5;letter-spacing:-.02em}html[lang=my] h2{font-size:clamp(28px,3.1vw,46px);line-height:1.55;letter-spacing:-.02em}html[lang=my] h3{font-size:23px;line-height:1.7}html[lang=my] .eyebrow{letter-spacing:.04em;line-height:1.8}.design-body h3{font-size:26px}.hub-preview{height:455px!important}.design-card.classic .hub-preview{background:#0b355a!important}.design-card.studio .hub-preview{background:#211a30!important}.admin-delivery{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.admin-delivery p{color:#b9c0cf;max-width:640px}.delivery-list{list-style:none;padding:0;margin:26px 0}.delivery-list li{padding:10px 0;display:flex;gap:12px}.delivery-list li:before{content:'✓';color:#f2d081}.admin-delivery .button{margin-top:18px}.admin-mockup{border:1px solid #b8a3dc3b;border-radius:18px;background:#151423;box-shadow:0 30px 70px #0004;overflow:hidden}.mock-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:20px;background:#201d31;border-bottom:1px solid #ffffff12}.mock-top b{color:#dfccfa}.mock-top span{font:10px Arial;letter-spacing:1px;color:#aaa1be}.mock-body{display:grid;grid-template-columns:130px 1fr;min-height:350px}.mock-body aside{padding:22px 12px;background:#110f1c;display:flex;flex-direction:column;gap:14px;font-size:11px;color:#a69bbd}.mock-body aside b{color:#e5dbf4}.mock-body aside span{padding:8px}.mock-body aside .active{border-radius:7px;background:#b998e325;color:#e8d6ff}.mock-content{padding:22px;min-width:0}.mock-content h3{font-size:20px!important;margin:8px 0 20px}.mock-pill{font-size:10px;color:#bda1e4}.mock-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.mock-stats>div{border:1px solid #ffffff12;border-radius:10px;padding:15px;background:#ffffff04}.mock-stats small{font-size:10px;color:#a69bbd;display:block}.mock-stats b{font:700 26px Arial;color:#dfccfa;display:block;margin-top:8px}.mock-prize{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #ffffff0f}.mock-prize img{width:36px;height:40px;object-fit:contain}.mock-prize strong{font:600 11px Arial}.mock-prize small{display:block;font-size:10px;color:#a69bbd;margin-top:5px}.mock-prize>span{margin-left:auto;color:#b9a5d9}.mock-account{margin-top:22px;font-size:11px;color:#d0bbe9}.mock-foot{padding:12px 20px;margin:0!important;border-top:1px solid #ffffff12;font-size:10px;color:#9c92b0!important}.hero-notes{line-height:1.8}.small-note{line-height:1.9}html[lang=my] .button{letter-spacing:0}.demo-toolbar{font-family:'Noto Sans Myanmar',sans-serif}
@media(max-width:900px){.admin-delivery{grid-template-columns:1fr;gap:30px}.admin-mockup{max-width:620px}}@media(max-width:500px){.mock-body{grid-template-columns:90px 1fr}.mock-content{padding:14px}.mock-body aside{font-size:9px;padding:18px 8px}.mock-content h3{font-size:16px!important}.mock-top{padding:16px}.hub-preview{height:455px!important}.design-body h3{font-size:23px!important}}

