@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080d1c;--bg2:#0d162b;--panel:#101b32;--panel2:#152440;--border:#263752;--text:#f3f7ff;--muted:#a0b2d0;--cyan:#65e6f3;--purple:#a18cff;--green:#7bf5bf;--shadow:rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'DM Sans',system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}::selection{background:#65e6f3;color:#071126}.site-bg{position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse 48% 26% at 72% 7%,#2b27646a,transparent),radial-gradient(ellipse 45% 30% at 0% 38%,#00596933,transparent),#080d1c}.site-bg:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#9ddaf306 1px,transparent 1px),linear-gradient(90deg,#9ddaf306 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 70%)}.container{width:min(1170px,calc(100% - 44px));margin:0 auto}.header{position:sticky;top:0;z-index:30;background:#080d1cd9;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff10}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-symbol{width:43px;height:43px;display:grid;place-items:center;color:#081526;font-weight:900;font:700 23px 'Space Grotesk';background:linear-gradient(135deg,var(--cyan),#72a6ff 52%,#ab79ff);border-radius:14px;box-shadow:0 8px 30px #54c5ed30;flex:0 0 auto}.brand strong{display:block;font:700 17px/1.15 'Space Grotesk';letter-spacing:-.5px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1.8px;margin-top:3px}.links{display:flex;align-items:center;gap:31px}.links a{color:#c6d3e9;font-weight:600;font-size:13px;transition:.2s}.links a:hover,.links a.active{color:var(--cyan)}.nav-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #344665;border-radius:12px;padding:13px 19px;font-size:14px;font-weight:700;white-space:nowrap;background:#15243b;color:#eef7ff;transition:transform .2s,border-color .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);border-color:#7ae9ef}.btn-primary{border:0;background:linear-gradient(110deg,#64eced,#58bff7 55%,#ac8efa);color:#061728;box-shadow:0 12px 38px #51bbed30}.btn-ghost{background:#121d32}.menu-toggle{display:none;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:11px;width:43px;height:43px;background:#14223c;color:white;font-size:22px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:2.3px;text-transform:uppercase;color:var(--cyan)}.eyebrow:before{content:'';width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 16px var(--green)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.13;letter-spacing:-1.3px}h1{font-size:clamp(42px,5.9vw,76px);margin:20px 0 22px}h2{font-size:clamp(31px,4.5vw,49px);margin:17px 0}h3{font-size:23px;letter-spacing:-.6px}.gradient-text{background:linear-gradient(100deg,#7aedf2,#7eafff 48%,#b59aff);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:18px;color:#b9c9df;max-width:620px}.muted{color:var(--muted)}.hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:70px 0 85px}.hero p{max-width:590px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.hero-meta{display:flex;flex-wrap:wrap;gap:21px;margin-top:44px;font-size:12px;color:#9cacc6}.hero-meta span{display:flex;align-items:center;gap:8px}.hero-meta b{color:var(--green);font-weight:900}.showcase{height:495px;position:relative;isolation:isolate}.glow-ball{position:absolute;z-index:-1;inset:10% 1% 2% 2%;background:radial-gradient(circle at 54% 44%,#44bdf14e,transparent 34%),radial-gradient(circle at 70% 44%,#a55fff59,transparent 48%);filter:blur(22px)}.window{position:absolute;right:1%;top:0;width:91%;border:1px solid #50709b80;border-radius:21px;background:#0e1a30;box-shadow:0 38px 100px #000a,0 0 60px #3182e51f;overflow:hidden;transform:perspective(1100px) rotateY(-8deg) rotateX(3deg)}.window-top{height:40px;display:flex;align-items:center;gap:8px;padding:0 16px;background:#14213b;border-bottom:1px solid #ffffff10}.window-top i{width:9px;height:9px;border-radius:50%;background:#fc6c87}.window-top i:nth-child(2){background:#f8ce6e}.window-top i:nth-child(3){background:#69deaf}.window-top span{margin:auto;color:#8fa9c7;font-size:10px;letter-spacing:1px}.window-body{padding:22px 22px 28px}.window-title{font:700 18px 'Space Grotesk';margin-bottom:11px}.window-title em{font-style:normal;color:var(--cyan)}.mini-banner{background:linear-gradient(120deg,#1c4569,#352859);border:1px solid #5e759c55;padding:24px;border-radius:14px;display:flex;justify-content:space-between;align-items:center}.mini-banner strong{font:700 23px/1.2 'Space Grotesk'}.mini-banner small{display:block;color:#99e9f1;font-size:10px;letter-spacing:1.2px;margin-bottom:7px}.mini-orb{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 25% 23%,#7cf0fd,#6475de 51%,#713eb5);font-size:28px;box-shadow:0 0 35px #54bcfb4e}.mini-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.mini-box{border:1px solid #344d68;background:#172743;border-radius:10px;padding:15px 13px;font-size:11px;color:#b9d0e3}.mini-box strong{display:block;color:white;font-size:15px;margin-top:5px}.tiny-selects{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;color:#bdcfdf;font-size:10px}.tiny-selects span{background:#15233c;border:1px solid #2a3d5c;border-radius:8px;padding:9px}.mini-action{margin-top:14px;background:linear-gradient(100deg,#68eced,#8e94f5);border-radius:9px;color:#101a32;text-align:center;font-size:12px;font-weight:800;padding:11px}.float-tag{position:absolute;left:-7%;bottom:9%;padding:15px 21px;display:flex;gap:11px;align-items:center;background:#172846ee;border:1px solid #6083aa;border-radius:15px;box-shadow:0 19px 45px #0007;transform:rotate(-5deg)}.float-tag b{color:var(--green);font-size:25px}.float-tag span{font-size:12px;color:#cad8ea;line-height:1.4}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:22px;background:#0f192d9e;overflow:hidden;margin:0 0 95px}.stat{padding:28px 31px}.stat+.stat{border-left:1px solid var(--border)}.stat b{display:block;font:700 30px 'Space Grotesk';letter-spacing:-1px}.stat span{color:var(--muted);font-size:13px}.section{padding:55px 0 95px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-head p{max-width:560px;margin-bottom:0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(160deg,#15243d,#0f192d);border:1px solid var(--border);border-radius:22px;padding:27px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-5px);border-color:#5b91b9}.card:before{content:'';position:absolute;inset:0 auto auto 0;width:200px;height:140px;background:radial-gradient(ellipse,#56b8e315,transparent 70%);pointer-events:none}.product-logo{width:67px;height:67px;border:1px solid #ffffff13;border-radius:19px;display:grid;place-items:center;background:#203450;overflow:hidden;margin-bottom:25px}.product-logo img{width:100%;height:100%;object-fit:cover}.qr-symbol{font-size:36px;color:#73f0ed;line-height:1}.commerce-symbol{font-size:31px;color:#c0a3ff}.pill{display:inline-flex;gap:5px;align-items:center;padding:5px 10px;border-radius:99px;border:1px solid #466c6a;background:#153835;color:#a9ffcf;font-size:10px;font-weight:700;letter-spacing:.6px}.pill.secondary{border-color:#655d85;background:#292144;color:#cabfff}.card h3{margin:22px 0 11px}.card p{min-height:91px;color:var(--muted);font-size:14px}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--border);font-weight:700;font-size:13px;color:var(--cyan)}.card-bottom a{color:var(--cyan)}.card-bottom span{color:#9fb3cd;font-size:11px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:27px;background:#111d33;border:1px solid var(--border);border-radius:18px}.feature-icon{width:48px;height:48px;border-radius:14px;background:#183f54;display:grid;place-items:center;color:var(--cyan);font-size:23px;margin-bottom:21px}.feature h3{font-size:20px}.feature p{color:var(--muted);font-size:14px;margin:0}.about-band{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;padding:50px;border:1px solid #49628a;background:linear-gradient(125deg,#162947,#1b2140 80%);border-radius:28px;box-shadow:0 26px 70px #0004}.about-band p{color:#bfcee6}.orbit{position:relative;width:230px;height:230px;border:1px solid #6487c980;border-radius:50%;margin:auto;display:grid;place-items:center}.orbit:before,.orbit:after{content:'';position:absolute;inset:27px;border:1px solid #5ccde76f;border-radius:50%}.orbit:after{inset:-31px;border-style:dashed;border-color:#5d70a34f}.orbit-center{height:115px;width:115px;background:linear-gradient(140deg,#59e3ee,#7975de 55%,#ae84ff);display:grid;place-items:center;border-radius:32px;transform:rotate(-11deg);box-shadow:0 0 55px #5bc9e366;color:#061326;font:800 42px 'Space Grotesk'}.cta{padding:100px 0}.cta-panel{text-align:center;border:1px solid #486c9a;border-radius:28px;padding:65px 22px;background:radial-gradient(ellipse 50% 90% at 50% 0%,#55399055,transparent),linear-gradient(#172340,#0c172a)}.cta-panel p{color:var(--muted);max-width:650px;margin:0 auto 27px}.footer{border-top:1px solid var(--border);background:#070d19}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:55px;padding:55px 0 40px}.footer p{font-size:13px;color:var(--muted);max-width:300px;margin-top:16px}.footer h4{margin:0 0 16px;font:700 14px 'Space Grotesk'}.footer a{display:block;color:var(--muted);font-size:13px;margin:10px 0}.footer a:hover{color:var(--cyan)}.copyright{border-top:1px solid #ffffff10;padding:17px 0;display:flex;justify-content:space-between;color:#8295b4;font-size:12px}.subhero{padding:78px 0 46px}.subhero h1{font-size:clamp(40px,5vw,65px)}.breadcrumb{display:flex;gap:10px;color:#8fa6c7;font-size:12px}.breadcrumb a:hover{color:var(--cyan)}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:10px 0 80px}.product-mock{display:flex;justify-content:center;align-items:center;min-height:500px;background:radial-gradient(ellipse,#32459277,transparent 65%);border-radius:28px}.product-mock img{max-height:530px;max-width:76%;object-fit:contain;filter:drop-shadow(0 22px 48px #0009);border-radius:13px}.feature-list{display:grid;gap:17px;margin:25px 0 33px}.feature-list div{display:flex;gap:12px;color:#c4d1e5;font-size:14px}.feature-list i{font-style:normal;color:var(--green)}.paper{border:1px solid var(--border);border-radius:22px;background:#101b30;padding:35px 43px;margin:30px auto 85px;max-width:890px}.paper h2{font-size:27px;margin:32px 0 14px}.paper h3{font-size:19px;margin:25px 0 12px}.paper h2:first-child{margin-top:0}.paper p,.paper li{color:#b9c9df;font-size:15px}.paper ul{padding-left:21px}.paper a{color:var(--cyan);text-decoration:underline}.notice{padding:16px 19px;border:1px solid #507b92;background:#123146;border-radius:14px;color:#cae8f1;font-size:13px}.faq{display:grid;gap:12px;max-width:860px;margin:auto}.faq details{border:1px solid var(--border);border-radius:15px;background:#111e35;padding:18px 20px}.faq summary{cursor:pointer;font-weight:700;list-style:none}.faq summary:after{content:'+';float:right;color:var(--cyan);font-size:24px;line-height:1}.faq details[open] summary:after{content:'−'}.faq p{color:var(--muted);font-size:14px;margin:12px 0 0}.reveal{opacity:0;transform:translateY(15px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:unset;padding-top:67px}.hero h1{max-width:800px}.showcase{max-width:610px;width:100%;margin:auto}.cards{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.product-layout{grid-template-columns:1fr 1fr;gap:20px}.window{right:5%}}@media(max-width:750px){.nav{height:72px}.links{display:none;position:absolute;left:0;right:0;top:72px;background:#0e1930;border-bottom:1px solid var(--border);padding:20px 25px;flex-direction:column;align-items:flex-start;gap:18px}.links.open{display:flex}.nav-actions .btn{display:none}.menu-toggle{display:flex}.hero{padding:55px 0 55px}.hero h1{font-size:clamp(43px,9vw,66px)}.hero .lead{font-size:16px}.showcase{height:410px}.window{width:90%;right:3%}.float-tag{left:0;bottom:-10px}.stats{margin-bottom:55px}.stat{padding:20px}.stat b{font-size:23px}.stat span{font-size:11px}.section{padding:45px 0}.cards,.features{grid-template-columns:1fr}.section-head{display:block}.about-band{grid-template-columns:1fr;padding:30px}.orbit{margin:20px auto}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1/-1}.product-layout{grid-template-columns:1fr}.product-mock{min-height:430px}.paper{padding:25px 23px}.copyright{gap:15px;flex-wrap:wrap}}@media(max-width:420px){.container{width:min(100% - 30px,1170px)}.brand strong{font-size:15px}.brand small{font-size:8px}.showcase{height:365px}.window{transform:none}.window-body{padding:13px}.mini-banner{padding:16px}.mini-banner strong{font-size:17px}.mini-orb{width:45px;height:45px}.float-tag{padding:10px}.stats{grid-template-columns:1fr}.stat+.stat{border-left:0;border-top:1px solid var(--border)}.stat{padding:17px}.hero-meta{gap:12px}}

/* Asya Coding logo update v1.2.0 */
.brand .site-wordmark{display:block;width:clamp(158px,19vw,246px);height:auto;max-height:58px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 13px rgba(39,197,235,.14))}
.footer .brand .site-wordmark{width:min(100%,242px);max-height:65px}
.orbit-center img{width:82%;height:82%;object-fit:contain;display:block;margin:auto}
@media(max-width:750px){.brand .site-wordmark{width:168px;max-height:50px}}
@media(max-width:420px){.brand .site-wordmark{width:150px;max-height:46px}}
