:root{--navy:#102448;--navy2:#0b1730;--blue:#2868d7;--gold:#d8b866;--gold2:#f0d994;--ink:#17243b;--muted:#68758a;--paper:#f7f9fc;--line:#e4e9f1;--white:#fff;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 clamp(20px,6vw,88px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(228,233,241,.8)}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--navy);color:var(--gold2);font-size:17px;font-weight:900;letter-spacing:-1px;box-shadow:0 5px 15px #10244820}.brand-name{font-size:18px;font-weight:500;letter-spacing:-.5px;line-height:1.2}.brand-name b{font-weight:800}.brand-name small{display:block;margin-top:5px;color:var(--muted);font-size:9px;letter-spacing:.7px;font-weight:600}.site-header nav{display:flex;align-items:center;gap:clamp(14px,2.1vw,30px);font-size:13px;font-weight:650}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--blue)}.site-header nav .nav-cta{background:var(--navy);color:white;border-radius:9px;padding:11px 18px}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--navy)}.hero{position:relative;overflow:hidden;min-height:610px;padding:90px clamp(24px,8vw,120px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;background:radial-gradient(ellipse at 78% 45%,#1e4380 0%,transparent 42%),linear-gradient(115deg,#0b1730,#102448 65%,#173866);color:#fff}.hero-glow{position:absolute;width:440px;height:440px;right:7%;top:7%;border-radius:50%;background:#2e68d41b;filter:blur(5px)}.hero-content{position:relative;z-index:2;max-width:680px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:850;color:#9bb8ee;margin:0 0 18px}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px}.hero h1{font-size:clamp(40px,5.3vw,70px);line-height:1.08;letter-spacing:-2.9px;margin:0;font-weight:780;max-width:760px}.hero h1 em,.section-heading h2 em,.games-copy h2 em,.mission h2 em,.contact-copy h2 em{font-style:normal;color:var(--gold)}.hero-copy{font-size:16px;color:#c6d3e8;max-width:510px;margin:25px 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;border:0;border-radius:10px;padding:14px 19px;font-weight:750;font-size:13px;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 25px #0002}.button-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#13223d}.button-outline{border:1px solid #7184a5;color:#fff;background:transparent}.hero-proof{margin-top:34px;color:#a9bad4;font-size:11px;letter-spacing:1px}.proof-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6fd2a2;margin-right:9px}.hero-art{height:390px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #7796c64a;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:340px;height:340px}.orbit-two{width:260px;height:260px;border-color:#d8b86654}.hero-core{width:150px;height:150px;border-radius:42px;transform:rotate(-8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#234d8a,#0c1a35);border:1px solid #e2c16c9c;box-shadow:0 0 75px #3976d44a,inset 0 0 30px #ffffff0b}.hero-core span{font-weight:950;font-size:39px;letter-spacing:-3px;color:var(--gold2)}.hero-core small{font-size:9px;letter-spacing:5px;color:#c8d7ee;margin-left:5px}.float-card{position:absolute;display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #ffffff24;background:#142b4be8;border-radius:13px;box-shadow:0 15px 40px #0002;backdrop-filter:blur(12px)}.float-card b,.float-card small{display:block}.float-card b{font-size:12px}.float-card small{font-size:10px;color:#a9bad4;margin-top:3px}.float-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#d8b86620;color:var(--gold2);font-size:20px}.card-ai{top:35px;left:2%}.card-game{right:0;top:45%}.card-app{bottom:30px;left:7%}.section{padding:92px clamp(24px,8vw,120px)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.section-heading .eyebrow,.contact-section .eyebrow,.games-copy .eyebrow,.mission .eyebrow{color:#4c73b7}.section-heading h2,.games-copy h2,.mission h2,.contact-copy h2{font-size:clamp(31px,4vw,47px);line-height:1.15;letter-spacing:-1.7px;margin:0 0 15px}.section-heading h2 em,.contact-copy h2 em{color:#bd963b}.intro-text{color:var(--muted);font-size:15px;max-width:560px}.services-section{background:var(--paper)}.center{text-align:center;margin-bottom:38px}.center>p:last-child,.section-heading>p:not(.eyebrow){color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:#fff;border:1px solid var(--line);padding:26px;border-radius:16px;transition:transform .2s,border-color .2s}.service-card:hover,.product-card:hover{transform:translateY(-4px);border-color:#c7d7f2}.service-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#eaf1ff;color:var(--blue);font-size:22px}.service-card h3{margin:18px 0 7px;font-size:16px}.service-card p,.product-info p{margin:0;color:var(--muted);font-size:13px}.products-section{background:#fff}.products-section .section-heading{margin-bottom:32px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;transition:transform .2s,border-color .2s}.product-art{height:165px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:white}.art-career{background:radial-gradient(circle at 50% 45%,#3e8fff,#11244b 70%)}.art-varun{background:radial-gradient(circle at 50% 40%,#246e88,#0b1832 70%)}.art-calculator{background:linear-gradient(135deg,#1c4b9a,#102448);font-size:27px;letter-spacing:5px;color:#f2d88f}.art-mahjong{background:radial-gradient(circle at center,#39705d,#112c31 75%);gap:8px}.art-symbol{font-size:54px;font-weight:800;color:#f2d88f;text-shadow:0 0 35px #e6c56888}.art-caption{position:absolute;bottom:13px;left:16px;font-size:8px;letter-spacing:2px;font-weight:850;color:#ffffffb8}.tile{display:grid;place-items:center;width:45px;height:60px;background:#f7f0d8;color:#9e3535;border-radius:5px;font-size:28px;font-weight:800;box-shadow:0 5px 0 #c5b98e}.product-info{padding:19px}.product-type{font-size:9px;letter-spacing:1.6px;color:#4f77bd;font-weight:850}.product-info h3{font-size:18px;letter-spacing:-.5px;margin:7px 0}.status{display:inline-flex;margin-top:15px;padding:6px 9px;border-radius:7px;font-size:10px;font-weight:750}.status-planned{background:#eef2f8;color:#53627a}.status-soon{background:#fff4d8;color:#8b671b}.games-section{background:var(--navy2);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:55px}.games-copy h2{font-size:clamp(36px,4vw,51px)}.games-copy h2 em{color:var(--gold)}.games-copy>p:not(.eyebrow){color:#b6c4da;font-size:14px;max-width:390px;margin:22px 0 28px}.zyrro-card{border:1px solid #ffffff21;border-radius:19px;overflow:hidden;background:#142441;display:grid;grid-template-columns:1fr 1fr}.zyrro-visual{position:relative;min-height:300px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,#83632d,#332a20 70%)}.board{position:absolute;border:3px solid #d7b76c;transform:rotate(0deg);box-shadow:0 0 0 1px #2b2017,inset 0 0 0 1px #d7b76c33}.board-outer{width:68%;aspect-ratio:1}.board-middle{inset:18%;width:64%;height:64%}.board-inner{inset:23%;width:54%;height:54%;display:grid;place-items:center}.board-center{font-size:38px;color:#f0d994;font-weight:900}.stone{position:absolute;width:15px;height:15px;border-radius:50%;background:#f5e6b9;border:2px solid #80612e;box-shadow:0 2px 5px #0008}.stone-one{top:16%;left:16%}.stone-two{top:16%;right:16%}.stone-three{bottom:16%;left:16%}.stone-four{bottom:16%;right:16%}.zyrro-brand{position:absolute;bottom:14px;font-size:17px;letter-spacing:4px;font-weight:900;text-shadow:0 2px 5px #000}.zyrro-brand b{color:#f0d994}.zyrro-info{padding:25px 22px;align-self:center}.zyrro-info h3{font-size:25px;margin:7px 0}.zyrro-info p{font-size:12px;color:#b9c6da}.zyrro-info p b{color:var(--gold2)}.variant-list{display:flex;flex-direction:column;gap:8px;margin-top:18px}.variant-list span{font-size:11px;color:#e2e9f4;padding:9px 10px;border:1px solid #ffffff20;border-radius:7px}.mission{text-align:center;background:#f4f7fc}.mission h2{font-size:clamp(34px,4vw,48px)}.mission>p:last-child{color:var(--muted);font-size:14px}.contact-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.contact-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:390px}.contact-placeholder{display:flex;gap:13px;align-items:center;margin-top:30px}.contact-placeholder>span{display:grid;place-items:center;width:43px;height:43px;background:#edf2fc;color:var(--blue);border-radius:12px;font-size:20px}.contact-placeholder b,.contact-placeholder small{display:block}.contact-placeholder b{font-size:12px}.contact-placeholder small{font-size:11px;color:var(--muted)}.contact-form{padding:28px;border:1px solid var(--line);border-radius:17px;box-shadow:0 12px 40px #12244808;display:flex;flex-direction:column;gap:9px}.contact-form label{font-size:11px;font-weight:750;margin-top:5px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #dfe5ef;border-radius:9px;padding:12px 13px;font:inherit;font-size:12px;color:var(--ink);background:#fff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #b7cdf8;border-color:var(--blue)}.contact-form textarea{resize:vertical}.contact-form .button{margin-top:8px;align-self:flex-start}.form-note{font-size:10px;color:var(--muted);margin:4px 0 0}.site-footer{padding:35px clamp(24px,8vw,120px);background:#081328;color:#fff;text-align:center}.footer-brand{justify-content:center}.footer-brand .brand-mark{background:#19335d}.footer-brand .brand-name{text-align:left}.footer-brand .brand-name small{color:#a5b4ca}.site-footer>p{color:#a5b4ca;font-size:12px;margin:17px 0}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin:20px 0}.footer-links a{font-size:11px;color:#c1cce0}.copyright,.legal-note{display:block;color:#8595ae;font-size:10px}.legal-note{margin-top:7px;color:#b1a070}@media(max-width:1000px){.site-header{padding:0 24px}.site-header nav{gap:14px}.hero{padding-left:6vw;padding-right:6vw}.hero-art{transform:scale(.9)}.section{padding:75px 6vw}.product-grid{grid-template-columns:repeat(2,1fr)}.games-section{gap:28px}.zyrro-card{grid-template-columns:1fr}.zyrro-visual{min-height:260px}.contact-section{gap:35px}}@media(max-width:700px){.site-header{height:72px}.brand-mark{width:43px;height:43px}.brand-name{font-size:16px}.brand-name small{font-size:8px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:71px;left:0;right:0;background:#fff;padding:16px 24px 22px;border-bottom:1px solid var(--line);box-shadow:0 12px 25px #10244812;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:12px 0}.site-header nav .nav-cta{text-align:center;padding:12px;margin-top:7px}.hero{grid-template-columns:1fr;padding:68px 24px 30px;gap:0}.hero h1{font-size:44px;letter-spacing:-2px}.hero-copy{font-size:14px}.hero-art{height:290px;transform:scale(.85);margin-top:-2px}.orbit-one{width:285px;height:285px}.orbit-two{width:220px;height:220px}.hero-core{width:125px;height:125px}.float-card{padding:10px}.card-ai{left:-1%;top:10px}.card-game{right:-2%;top:45%}.card-app{left:0;bottom:10px}.section{padding:65px 24px}.intro{grid-template-columns:1fr;gap:15px}.section-heading h2,.contact-copy h2{font-size:35px}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card{padding:18px}.service-card h3{font-size:14px}.service-card p{font-size:12px}.product-grid{gap:12px}.product-art{height:125px}.product-info{padding:14px}.product-info h3{font-size:16px}.product-info p{font-size:12px}.art-symbol{font-size:40px}.tile{width:32px;height:45px;font-size:20px}.games-section{grid-template-columns:1fr;gap:30px}.games-copy h2{font-size:39px}.zyrro-card{grid-template-columns:1fr}.zyrro-visual{min-height:270px}.zyrro-info{padding:23px}.contact-section{grid-template-columns:1fr;gap:30px}.contact-form{padding:21px}.footer-links{gap:12px}.site-footer{padding:30px 20px}}@media(max-width:390px){.hero h1{font-size:38px}.service-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-art{height:155px}.hero-actions .button{width:100%}}