:root{
  --navy:#061522;
  --navy-2:#081d2f;
  --navy-3:#0b2740;
  --blue:#56a9db;
  --blue-2:#2e8fd0;
  --yellow:#ffc82f;
  --white:#f5f8fb;
  --muted:#9eb4c5;
  --line:rgba(102,187,235,.22);
  --shell:min(1180px, calc(100vw - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.45;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}
.shell{width:var(--shell);margin:0 auto}
.page-noise{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.04;background-image:radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 1.2px);background-size:5px 5px;mix-blend-mode:soft-light}
.site-header{position:absolute;top:0;left:0;right:0;z-index:50;padding:18px 0;background:linear-gradient(180deg,rgba(2,10,17,.75),transparent)}
.nav-wrap{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:28px}
.brand img{width:180px;height:auto;filter:drop-shadow(0 6px 20px rgba(0,0,0,.25))}
.main-nav{display:flex;justify-content:center;gap:28px;font-size:13px}
.main-nav a,.footer-nav a{opacity:.9;transition:.2s}
.main-nav a:hover,.footer-nav a:hover{color:var(--blue)}
.nav-actions{display:flex;align-items:center;gap:14px}.lang-toggle{border:0;background:none;color:var(--white);font-size:12px;letter-spacing:.12em;cursor:pointer;opacity:.85}
.menu-toggle{display:none;background:none;border:0;width:38px;padding:7px;gap:5px;flex-direction:column}.menu-toggle span{height:2px;background:var(--white);width:100%;display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:14px 22px;font-size:12px;font-weight:800;letter-spacing:.08em;transition:.2s;border:1px solid transparent;white-space:nowrap}.btn:hover{transform:translateY(-2px)}
.btn-small{padding:12px 18px}.btn-blue{background:var(--blue);color:#03111d}.btn-yellow{background:var(--yellow);color:#1b1606;box-shadow:0 12px 32px rgba(255,200,47,.16)}.btn-outline{border-color:var(--blue);color:#0b2740;background:transparent}
.hero{min-height:690px;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 42%,rgba(14,105,166,.35),transparent 25%),linear-gradient(90deg,#040d15 0%,#071827 55%,#0a2237 100%);display:flex;align-items:center;padding-top:80px}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(0deg,var(--navy),transparent);z-index:3}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative;z-index:6}
.hero-copy{padding:70px 0 90px;max-width:680px}.eyebrow{font-size:11px;letter-spacing:.32em;font-weight:800;color:#d8e7f1;margin-bottom:18px}.eyebrow.blue{color:var(--blue)}
.hero h1,.section-head h2,.about h2,.cta h2{margin:0;line-height:.94;letter-spacing:-.04em}.hero h1{font-size:clamp(58px,7vw,104px);font-weight:900}.hero h1 em{font-style:normal;color:var(--blue)}
.hero-copy>p{font-size:20px;max-width:660px;color:#e7eef4;margin:26px 0 30px}.hero-cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.play-link{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800}.play{width:42px;height:42px;border:1px solid rgba(255,255,255,.75);border-radius:50%;display:grid;place-items:center;font-size:12px;padding-left:2px}
.hero-sidecopy{justify-self:end;margin-top:60px;padding-right:18px;font-size:11px;letter-spacing:.12em;line-height:1.7;font-weight:700}.hero-sidecopy span{display:block}
.hero-art{position:absolute;inset:0 0 0 42%;z-index:1;overflow:hidden}.hero-art::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0%,transparent 25%),radial-gradient(circle at 45% 40%,rgba(57,157,220,.28),transparent 38%)}
.hero-door{position:absolute;right:7%;top:12%;width:46%;height:76%;border:2px solid rgba(86,169,219,.3);border-radius:240px 240px 18px 18px;box-shadow:inset 0 0 80px rgba(35,146,220,.18),0 0 90px rgba(41,137,198,.12);overflow:hidden;background:linear-gradient(180deg,rgba(7,28,47,.1),rgba(2,10,18,.55))}
.door-space{position:absolute;inset:4%;border-radius:220px 220px 12px 12px;background:radial-gradient(circle at 55% 42%,rgba(28,147,218,.5),rgba(7,30,50,.18) 35%,rgba(3,15,26,.85) 72%),repeating-radial-gradient(circle at 56% 35%,#fff 0 1px,transparent 1.5px 36px);box-shadow:inset 0 0 70px rgba(58,177,242,.25)}
.gear{position:absolute;color:var(--yellow);text-shadow:0 0 20px rgba(255,200,47,.35)}.gear-a{font-size:90px;right:10%;top:20%;animation:spin 18s linear infinite}.gear-b{font-size:48px;left:14%;bottom:18%;animation:spin 12s linear reverse infinite}.spark{position:absolute;color:#fff;text-shadow:0 0 12px #fff}.s1{left:25%;top:22%}.s2{right:25%;bottom:23%}.s3{left:45%;bottom:34%}
.silhouette{position:absolute;right:28%;bottom:10%;width:100px;height:220px;background:linear-gradient(#02070b,#061018);clip-path:polygon(38% 0,61% 0,66% 12%,77% 30%,87% 100%,13% 100%,25% 30%,35% 12%);filter:drop-shadow(0 0 20px rgba(0,0,0,.7))}.silhouette::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:-30px;width:45px;height:45px;border-radius:50%;background:#02070b}.floor-light{position:absolute;right:7%;bottom:0;width:46%;height:140px;background:radial-gradient(ellipse at 50% 0,rgba(75,186,255,.32),transparent 66%);filter:blur(8px)}
.hero-stars,.cta-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.2px);background-size:80px 80px;opacity:.06}
.services{position:relative;z-index:8;background:linear-gradient(180deg,#071827,#061522);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(86,169,219,.08)}.services-grid{display:grid;grid-template-columns:repeat(5,1fr)}.service-card{text-align:center;padding:38px 20px 34px;position:relative}.service-card:not(:last-child)::after{content:"";position:absolute;right:0;top:24%;height:52%;width:1px;background:var(--line)}.service-icon{height:54px;display:grid;place-items:center;font-size:42px;color:var(--blue);line-height:1}.service-card h3{font-size:17px;line-height:1.2;margin:6px 0 10px}.service-card p{font-size:12px;color:var(--muted);margin:0}.door-icon span{width:26px;height:42px;border:2px solid var(--blue);border-radius:12px 12px 2px 2px;display:block;position:relative}.door-icon span::after{content:"";position:absolute;right:4px;top:20px;width:3px;height:3px;border-radius:50%;background:var(--yellow)}.screen-icon{font-size:18px;border:2px solid var(--blue);width:38px;height:28px;margin:0 auto 26px;border-radius:3px}.cube-icon{font-size:58px}
.section-pad{padding:82px 0}.projects{background:radial-gradient(circle at 50% -10%,rgba(15,92,143,.12),transparent 38%),var(--navy)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head h2{font-size:clamp(38px,4vw,64px)}.text-link{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project-card{min-width:0}.project-image{height:270px;border:1px solid rgba(86,169,219,.35);border-radius:10px;overflow:hidden;position:relative;background:#07131f;margin-bottom:14px}.project-card h3{font-size:18px;margin:0 0 8px}.project-card p{font-size:12px;color:var(--muted);min-height:56px;margin:0 0 12px}
.myth{background:radial-gradient(circle at 50% 72%,rgba(61,174,237,.42),transparent 18%),linear-gradient(180deg,#102a40,#07121c 75%)}.myth::before,.myth::after{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,#0a1118,#153047);clip-path:polygon(0 0,100% 0,75% 20%,100% 38%,70% 57%,90% 75%,65% 100%,0 100%)}.myth::after{right:0;transform:scaleX(-1)}.myth-circle{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);width:140px;height:140px;border:2px solid #58b6ec;border-radius:50%;box-shadow:0 0 30px rgba(88,182,236,.6),inset 0 0 30px rgba(88,182,236,.35)}.myth-circle::before,.myth-circle::after{content:"";position:absolute;inset:18%;border:1px solid rgba(86,169,219,.7);transform:rotate(45deg)}.ghost{position:absolute;bottom:36%;width:30px;height:78px;background:linear-gradient(rgba(200,240,255,.9),rgba(86,169,219,.18));border-radius:50% 50% 20% 20%;filter:blur(.4px);box-shadow:0 0 18px rgba(132,214,255,.5)}.g1{left:37%}.g2{left:49%;height:90px}.g3{left:61%}
.boxing{background:linear-gradient(180deg,#32100f,#0d1014 78%)}.boxing-body{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:150px;height:240px;border-radius:18px 18px 4px 4px;background:linear-gradient(90deg,#771d18,#d4382d 45%,#7d1c17);box-shadow:0 0 40px rgba(224,54,43,.35)}.score{position:absolute;top:32px;left:50%;transform:translateX(-50%);font-family:monospace;font-size:32px;color:#ffdd76;text-shadow:0 0 12px #ff3;background:#2b110f;padding:5px 9px;border-radius:5px}.bag{position:absolute;right:-42px;top:62px;width:56px;height:72px;background:radial-gradient(circle at 40% 30%,#9b251e,#3b0e0d 75%);border-radius:48% 48% 58% 58%;transform:rotate(-5deg)}.bag::before{content:"";position:absolute;left:-10px;top:-12px;width:52px;height:8px;background:#501411;border-radius:8px}
.mapping{background:linear-gradient(180deg,#0d1f33,#07101a 76%)}.building{position:absolute;left:14%;right:14%;bottom:8%;height:72%;background:linear-gradient(90deg,#4b3b3a,#8e6d51 40%,#3e3137);clip-path:polygon(8% 12%,49% 0,91% 15%,100% 100%,0 100%);box-shadow:0 0 30px rgba(0,0,0,.5)}.building span{position:absolute;width:18px;height:32px;background:#0c2233;box-shadow:0 0 0 2px rgba(255,214,110,.2)}.building span:nth-child(1){left:23%;top:37%}.building span:nth-child(2){left:47%;top:29%}.building span:nth-child(3){right:23%;top:39%}.building span:nth-child(4){left:48%;bottom:9%;height:45px;width:24px}.dragon-line{position:absolute;font-size:120px;left:38%;top:28%;color:var(--yellow);filter:drop-shadow(0 0 14px rgba(255,200,47,.45));transform:rotate(-18deg)}
.clock{background:radial-gradient(circle at 50% 50%,#50330f,#17110a 62%,#050505 100%)}.clock-face{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border:8px solid #9e6c24;border-radius:50%;box-shadow:0 0 0 4px #34220a,0 0 30px rgba(255,184,72,.4),inset 0 0 25px rgba(0,0,0,.8)}.clock-face span,.clock-face b,.clock-face i,.clock-face em{position:absolute;font-family:Georgia,serif;color:#e9c572;font-style:normal;font-weight:400}.clock-face span{top:9px;left:50%;transform:translateX(-50%)}.clock-face b{right:13px;top:50%;transform:translateY(-50%)}.clock-face i{bottom:9px;left:50%;transform:translateX(-50%)}.clock-face em{left:13px;top:50%;transform:translateY(-50%)}.hand{position:absolute;left:50%;top:50%;transform-origin:0 50%;height:2px;background:#f1d38a}.h1{width:55px;transform:rotate(-35deg)}.h2{width:38px;transform:rotate(92deg)}
.about{position:relative;min-height:500px;background:linear-gradient(90deg,#eef5f8 0%,#dfe9f0 58%,#071827 58%);color:#071827;overflow:hidden}.about-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:50px;min-height:500px;align-items:center}.about-copy{grid-column:1/2;padding:70px 0}.about-copy h2{font-size:clamp(42px,5vw,70px)}.about-copy h2 em{font-style:normal;color:var(--blue)}.about-copy p{color:#243b4c;max-width:620px}.about-points{grid-column:2/3;display:grid;gap:26px;padding-left:12px}.about-points div{display:flex;align-items:center;gap:14px}.about-points span{font-size:30px;color:var(--blue)}.about-points strong{font-size:14px}.about-art{position:absolute;right:0;top:0;width:42%;height:100%;background:linear-gradient(180deg,#0d2a45,#04111d)}.moon-door{position:absolute;right:15%;top:8%;width:58%;height:84%;border:2px solid rgba(86,169,219,.38);border-radius:180px 180px 8px 8px;box-shadow:inset 0 0 50px rgba(60,174,238,.2)}.moon{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#eaf8ff,#8fd7ff 55%,#4a9dd1 80%);box-shadow:0 0 45px rgba(124,211,255,.6)}.moon-door .moon{left:50%;top:20%;transform:translateX(-50%)}.small-figure{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);width:42px;height:100px;background:#01070c;clip-path:polygon(35% 0,65% 0,72% 15%,88% 100%,12% 100%,28% 15%)}.small-figure::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:-18px;width:24px;height:24px;border-radius:50%;background:#01070c}
.stats{background:#071827;border-top:1px solid rgba(86,169,219,.12);border-bottom:1px solid rgba(86,169,219,.12)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.stats-grid div{text-align:center;padding:8px 25px}.stats-grid div:not(:last-child){border-right:1px solid var(--line)}.stats-grid strong{display:block;color:var(--blue);font-size:28px;line-height:1.1}.stats-grid span{display:block;color:#c5d6e2;font-size:11px;margin-top:5px}
.cta{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,rgba(54,150,215,.22),transparent 34%),linear-gradient(180deg,#0a2137,#061522);min-height:410px}.cta-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;min-height:410px;position:relative;z-index:4}.cta h2{font-size:clamp(40px,5vw,68px);max-width:760px}.cta p{max-width:720px;color:#d3e1eb}.cta-moon{position:relative;height:100%}.moon.big{width:190px;height:190px;right:10%;top:12%;position:absolute}.sit-figure{position:absolute;right:22%;bottom:15%;width:92px;height:115px;background:#02070b;border-radius:40% 40% 8px 8px;clip-path:polygon(36% 0,64% 0,70% 17%,80% 42%,100% 72%,82% 100%,16% 100%,0 72%,20% 42%,30% 17%)}.hand-note{position:absolute;right:0;top:38%;font-family:cursive;color:var(--blue);font-size:26px;line-height:1.2;transform:rotate(-6deg)}
.site-footer{background:#03101a;border-top:1px solid rgba(86,169,219,.18);padding:28px 0}.footer-grid{display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:26px}.footer-brand img{width:150px}.footer-brand span{font-size:8px;letter-spacing:.22em;color:var(--blue)}.footer-nav{display:flex;gap:24px;justify-content:center;font-size:11px}.footer-right{font-size:9px;letter-spacing:.17em;color:var(--blue);white-space:nowrap}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){
  .nav-wrap{grid-template-columns:170px 1fr auto}.main-nav{gap:18px}.nav-actions .btn{display:none}.hero-art{left:35%;opacity:.72}.hero-grid{grid-template-columns:1fr}.hero-sidecopy{display:none}.hero-copy{max-width:640px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(2)::after,.service-card:nth-child(4)::after{display:none}.project-grid{grid-template-columns:repeat(2,1fr)}.about{background:linear-gradient(90deg,#eef5f8 0%,#dfe9f0 66%,#071827 66%)}.about-grid{grid-template-columns:1.4fr .8fr}.about-points{grid-column:2/3}.about-art{width:34%;opacity:.9}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand img{margin:auto}.footer-nav{flex-wrap:wrap}.footer-right{white-space:normal}
}
@media(max-width:760px){
  :root{--shell:min(100% - 28px,1180px)}
  .site-header{position:fixed;background:rgba(3,15,25,.94);backdrop-filter:blur(12px)}.nav-wrap{grid-template-columns:1fr auto auto}.brand img{width:135px}.menu-toggle{display:flex;order:2}.nav-actions{order:3}.lang-toggle{font-size:10px}.main-nav{position:fixed;top:79px;left:14px;right:14px;background:#071827;border:1px solid var(--line);border-radius:12px;padding:18px;display:none;flex-direction:column;align-items:flex-start;gap:16px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.main-nav.open{display:flex}.hero{min-height:760px;padding-top:78px}.hero-art{left:15%;opacity:.56}.hero-door{right:-5%;width:78%}.silhouette{right:28%}.hero-copy{padding:100px 0 90px}.hero h1{font-size:56px}.hero-copy>p{font-size:17px;max-width:520px}.services-grid{grid-template-columns:1fr 1fr}.service-card{padding:28px 14px}.service-card:nth-child(odd)::after{display:block}.service-card:nth-child(even)::after{display:none}.service-card:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.project-grid{grid-template-columns:1fr}.project-image{height:320px}.section-head{align-items:flex-start;flex-direction:column}.about{background:#e7f0f5}.about-grid{grid-template-columns:1fr}.about-copy{grid-column:1;padding-bottom:20px}.about-points{grid-column:1;padding:0 0 60px}.about-art{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid div:nth-child(2){border-right:0}.stats-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.cta-grid{grid-template-columns:1fr;min-height:560px;padding:70px 0}.cta-moon{position:absolute;right:-20px;bottom:0;width:55%;height:55%;opacity:.55}.hand-note{display:none}.footer-nav{gap:14px}
}

/* v0.2 — image-backed version, using visuals extracted from the approved simulation */
.hero-art.hero-photo{
  left:38%;
  background-image:linear-gradient(90deg,#061522 0%,rgba(6,21,34,.74) 16%,rgba(6,21,34,.08) 48%,rgba(6,21,34,.12) 100%),url('../img/hero-visual.webp');
  background-size:cover;
  background-position:center;
  filter:saturate(1.03) contrast(1.04);
}
.hero-art.hero-photo::before{display:none}
.photo-card{background:#07131f}
.photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,filter .45s ease}
.project-card:hover .photo-card img{transform:scale(1.035);filter:brightness(1.05)}
.about-art.photo-about{background:#071827}
.about-art.photo-about img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.cta-moon.photo-cta{position:absolute;inset:0 0 0 auto;width:58%;height:100%;overflow:hidden;z-index:-1}
.cta-moon.photo-cta::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#071827 0%,rgba(7,24,39,.52) 25%,rgba(7,24,39,.04) 65%)}
.cta-moon.photo-cta img{width:100%;height:100%;object-fit:cover;object-position:center right;display:block}
.cta-grid{z-index:3}
@media(max-width:1000px){
  .hero-art.hero-photo{left:30%;opacity:.82}
  .cta-moon.photo-cta{width:70%;opacity:.75}
}
@media(max-width:760px){
  .hero-art.hero-photo{left:0;opacity:.5;background-position:65% center}
  .project-image{height:300px}
  .about-art.photo-about{display:none}
  .cta-moon.photo-cta{display:block;right:-18%;width:100%;height:60%;top:auto;bottom:0;opacity:.48}
}