:root{--night:#060b17;--night2:#0a142a;--cream:#fff8ec;--ink:#121a2c;--purple:#9d4dff;--blue:#2457ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1400px,calc(100% - 64px));margin:auto}
header{position:absolute;top:0;left:0;right:0;z-index:30}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand img{width:220px;height:64px;object-fit:cover;border-radius:9px}.nav nav{display:flex;align-items:center;gap:30px;color:#fff;font-size:14px}.nav .lang{border:0;background:transparent;color:#fff;cursor:pointer}.top-cta{padding:13px 18px;border-radius:12px;background:linear-gradient(90deg,#5f5cff,#b03dff)}.menu{display:none}
.hero{min-height:730px;padding:130px 0 70px;color:white;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 40%,rgba(51,86,255,.35),transparent 31%),radial-gradient(circle at 35% 72%,rgba(158,76,255,.23),transparent 28%),linear-gradient(#060b17,#0a142a)}.hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-185px;height:300px;background:var(--cream);border-radius:50% 50% 0 0/30% 30% 0 0}.hero-grid{position:relative;z-index:4;display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}.copy{position:relative;z-index:8}.badge{display:inline-block;padding:8px 12px;border:1px solid #ffffff2e;border-radius:999px;background:#ffffff08;font-size:12px}.copy h1{font-size:clamp(48px,5vw,80px);line-height:1.02;letter-spacing:-.055em;margin:22px 0}.copy h1 span{background:linear-gradient(90deg,#2caaff,#a34cff);-webkit-background-clip:text;color:transparent}.copy p{max-width:570px;color:#c2cad8;font-size:18px;line-height:1.65}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;padding:14px 20px;border-radius:13px;font-weight:700}.primary{color:white;background:linear-gradient(90deg,#2457ff,#a344ff);box-shadow:0 16px 40px #5644ff55}.ghost{color:white;border:1px solid #ffffff38;background:#ffffff08}.scroll{display:flex;gap:10px;margin-top:44px;color:#b8c0cf;font-size:13px}
#stars{position:absolute;inset:0;width:100%;height:100%}.phones{height:540px;display:flex;align-items:center;justify-content:center;gap:18px;position:relative;perspective:1200px}.phone{position:relative;z-index:5;display:block;filter:drop-shadow(0 30px 45px rgba(0,0,0,.5));transition:.3s}.phone img{display:block;width:100%;height:auto}.phone.main{width:300px;z-index:7;animation:float 5s ease-in-out infinite}.phone.side{width:220px;opacity:.85}.phone.left{transform:rotate(-8deg) translateY(25px);animation:side 6s ease-in-out infinite}.phone.right{transform:rotate(8deg) translateY(25px);animation:side 6.5s ease-in-out infinite reverse}.phone:hover{transform:translateY(-10px) rotate(0) scale(1.03);opacity:1;z-index:10}@keyframes float{50%{transform:translateY(-12px)}}@keyframes side{50%{translate:0 -10px}}.orbit{position:absolute;border-radius:50%;pointer-events:none}.orbit.one{width:750px;height:220px;border:2px solid #6556ff88;box-shadow:0 0 40px #2f66ff,0 0 85px #9f3cff99;transform:rotate(-5deg);animation:spin 14s linear infinite}.orbit.two{width:580px;height:165px;border:1px solid #4ee77d77;transform:rotate(8deg);animation:spin 18s linear infinite reverse}@keyframes spin{to{rotate:360deg}}
.stats-wrap{position:relative;z-index:10;margin-top:-48px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fffaf2;border:1px solid #fff;border-radius:22px;padding:26px;box-shadow:0 25px 70px #0a102a25}.stats article{display:flex;gap:14px;align-items:center;justify-content:center;border-right:1px solid #dfd5c8}.stats article:last-child{border-right:0}.stats strong{font-size:32px}.stats span{font-size:13px;color:#5f6879}
.cream{padding:38px 0 70px;background:var(--cream)}.lower-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.card{background:#fffdf8;border:1px solid #e6dccf;border-radius:22px;padding:28px;min-height:220px}.future h2{font-size:34px;margin:0 0 10px;background:linear-gradient(90deg,#2457ff,#9a4fff);-webkit-background-clip:text;color:transparent}.future p{color:#687184}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.slots div{min-height:105px;border:1px dashed #cfc5b8;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px}.slots span{font-size:12px}.instagram{display:grid;grid-template-columns:1fr .9fr;gap:15px;overflow:hidden}.instagram h3{font-size:25px;margin-top:0}.instagram a{color:#4453cc;font-weight:700}.desk{min-height:160px;border-radius:18px;background:radial-gradient(circle at 70% 25%,#704dff55,transparent 30%),linear-gradient(135deg,#101626,#0a0d14);display:grid;place-items:center;color:white;font-weight:700}.bottom-bars{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px;margin-top:18px}.play,.values{background:#fffdf8;border:1px solid #e6dccf;border-radius:18px;padding:18px}.play{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.play>span{font-size:35px}.play div{display:flex;flex-direction:column}.play em{font-size:12px;color:#777;font-style:normal}.values{display:grid;grid-template-columns:repeat(3,1fr)}.values div{display:flex;flex-direction:column;align-items:center;border-right:1px solid #e2d8cb}.values div:last-child{border-right:0}.values span{font-size:12px;color:#777}
.studio,.contact{padding:90px 0;text-align:center}.studio{background:#071020;color:white}.studio h2,.contact h2{font-size:42px}.studio p{color:#b9c2d1}.contact{background:#f1e8da}footer{padding:24px 0;background:#fff8ec;border-top:1px solid #e6dccf}footer .container{display:flex;justify-content:space-between;align-items:center}footer img{width:170px;height:50px;object-fit:cover}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}.subpage{min-height:100vh;display:grid;place-items:center;background:#071020;color:white;text-align:center}.subpage main{padding:30px}.subpage img{width:250px;border-radius:10px}.subpage h1{font-size:56px}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.copy{text-align:center}.copy p{margin:auto}.actions,.scroll{justify-content:center}.hero{min-height:1050px}.phones{height:520px}.lower-grid,.bottom-bars{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats article:nth-child(2){border-right:0}.nav nav{display:none}.menu{display:block;background:none;border:0;color:white;font-size:22px}}
@media(max-width:650px){.container{width:min(100% - 26px,1400px)}.brand img{width:170px;height:50px}.hero{padding-top:115px;min-height:1000px}.copy h1{font-size:48px}.phones{height:470px}.phone.main{width:235px;position:absolute}.phone.side{width:155px;position:absolute}.phone.left{left:0}.phone.right{right:0}.orbit.one{width:480px}.orbit.two{width:370px}.stats{grid-template-columns:1fr}.stats article{border-right:0;border-bottom:1px solid #dfd5c8;padding:10px}.stats article:last-child{border-bottom:0}.slots{grid-template-columns:1fr 1fr}.instagram{grid-template-columns:1fr}.values{grid-template-columns:1fr}.values div{border-right:0;border-bottom:1px solid #e2d8cb;padding:10px}.values div:last-child{border-bottom:0}}