@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#080b15;--panel:#111729;--text:#f7f8fc;--muted:#a6aec4;--red:#ff304b;--blue:#35a8ff;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.background-web{position:absolute;inset:0 0 auto;height:900px;pointer-events:none;opacity:.16;background-image:linear-gradient(30deg,transparent 49.5%,#43506f 50%,transparent 50.5%),linear-gradient(150deg,transparent 49.5%,#43506f 50%,transparent 50.5%);background-size:130px 130px;mask-image:linear-gradient(to bottom,#000,transparent)}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid var(--line);position:relative;z-index:5;background:rgba(8,11,21,.8);backdrop-filter:blur(12px)}.brand{font-size:19px;font-weight:900;letter-spacing:1.5px}.brand>span:last-child{color:var(--red)}.brand-mark{color:var(--red);margin-right:8px}.navigation{display:flex;gap:32px}.navigation a{font-size:12px;color:#c5cadd;letter-spacing:1.5px;text-transform:uppercase}.navigation a:hover,.text-link:hover{color:var(--red)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}
.hero{min-height:690px;padding:75px 7% 80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;max-width:1600px;margin:auto}.hero-copy{position:relative;z-index:2;padding-bottom:25px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;color:var(--red);margin:0 0 20px}.pulse{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:10px;box-shadow:0 0 14px var(--red)}h1,h2,h3,.story-word{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;line-height:.93;letter-spacing:.2px}h1{font-size:clamp(60px,7.4vw,104px);margin:0 0 25px;font-weight:900}h1 span,h2 span{color:var(--red)}.hero-description{max-width:470px;color:var(--muted);line-height:1.8;font-size:14px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.button{padding:15px 19px;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700;display:inline-flex;gap:25px;align-items:center;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--red);box-shadow:0 10px 35px #ff304b30}.button-primary:hover{background:#ff5369}.button-ghost{border:1px solid var(--line)}.hero-stats{display:flex;gap:35px;margin-top:48px}.hero-stats div{display:flex;flex-direction:column;gap:5px}.hero-stats strong{font-family:'Barlow Condensed',sans-serif;font-size:25px}.hero-stats span{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}
.hero-art{height:500px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 62% 45%,#153b70 0,#101d39 35%,#0a1020 70%);border:1px solid #ffffff13;clip-path:polygon(8% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}.moon{position:absolute;width:170px;height:170px;border-radius:50%;background:linear-gradient(135deg,#eaf5ff,#609bdb);top:45px;right:95px;box-shadow:0 0 90px #4da1ff55}.city{position:absolute;bottom:0;width:100%;height:42%;background:repeating-linear-gradient(90deg,#101a2b 0 25px,#253553 26px 28px,#101a2b 29px 52px);clip-path:polygon(0 25%,8% 25%,8% 10%,14% 10%,14% 40%,22% 40%,22% 0,31% 0,31% 35%,39% 35%,39% 15%,49% 15%,49% 48%,59% 48%,59% 10%,68% 10%,68% 32%,76% 32%,76% 0,84% 0,84% 42%,92% 42%,92% 20%,100% 20%,100% 100%,0 100%)}.city-back{opacity:.6;transform:scale(1.12);transform-origin:bottom}.city-front{height:25%;opacity:.8;filter:brightness(.6)}.web-lines{position:absolute;inset:-30%;background:repeating-conic-gradient(from 12deg at 65% 32%,transparent 0deg 14deg,#8acaff1c 14.3deg 14.7deg,transparent 15deg 30deg);mask-image:radial-gradient(ellipse at 65% 32%,#000,transparent 65%)}.hero-silhouette{position:absolute;width:220px;height:300px;right:22%;bottom:15%;filter:drop-shadow(0 0 25px #ff304b40);transform:rotate(-8deg)}.hero-head{position:absolute;left:83px;top:20px;width:72px;height:83px;border-radius:48% 48% 42% 42%;background:linear-gradient(120deg,#f33b52 0 45%,#172d60 46%);transform:rotate(13deg);z-index:2}.hero-head:after{content:"";position:absolute;left:12px;top:35px;width:22px;height:12px;background:#f4f7ff;clip-path:polygon(0 0,100% 25%,80% 100%);transform:rotate(9deg)}.hero-head span{position:absolute;right:9px;top:35px;width:22px;height:12px;background:#f4f7ff;clip-path:polygon(0 25%,100% 0,20% 100%);transform:rotate(-9deg)}.hero-body{position:absolute;top:88px;left:62px;width:110px;height:125px;border-radius:40% 40% 20% 20%;background:linear-gradient(110deg,#e72b43 0 48%,#15336b 49%);clip-path:polygon(20% 0,80% 0,100% 25%,83% 100%,17% 100%,0 25%)}.hero-arm{position:absolute;top:98px;width:38px;height:130px;border-radius:22px;background:linear-gradient(#e62c46,#132c5a);transform-origin:top center}.arm-left{left:65px;transform:rotate(45deg)}.arm-right{right:28px;transform:rotate(-54deg)}.hero-leg{position:absolute;top:185px;width:45px;height:115px;border-radius:20px;background:linear-gradient(#15356b,#07101f);transform-origin:top center}.leg-left{left:77px;transform:rotate(28deg)}.leg-right{left:125px;transform:rotate(-36deg)}.art-label{position:absolute;bottom:22px;left:25px;font-size:9px;letter-spacing:2px;color:#c9d9ef}.art-label span{color:var(--red);margin-right:8px}.scroll-cue{position:absolute;bottom:25px;left:7%;font-size:9px;letter-spacing:2px;color:#7f89a4}.scroll-cue span{color:var(--red);margin-left:12px}
.section-wrap{padding:100px 7%;max-width:1500px;margin:auto}.section-heading{text-align:center}.section-heading h2,.story-copy h2,.contact h2{font-size:clamp(42px,5vw,64px);margin:0 0 15px}.section-heading>p:last-child,.contact>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8}.power-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.power-card{padding:30px;background:linear-gradient(145deg,#141b2e,#0e1322);border:1px solid var(--line);transition:transform .25s,border-color .25s}.power-card:hover{transform:translateY(-6px);border-color:#ff304b88}.card-icon{width:45px;height:45px;display:grid;place-items:center;font-size:23px;background:#ff304b1c;margin-bottom:27px}.card-icon.red{color:var(--red)}.card-icon.blue{color:var(--blue);background:#35a8ff1b}.card-icon.gold{color:#ffd166;background:#ffd1661b}.card-number{font-size:9px;letter-spacing:2px;color:#828da8}.power-card h3{font-size:30px;margin:14px 0}.power-card>p:last-child{font-size:12px;line-height:1.8;color:var(--muted)}
.story{display:grid;grid-template-columns:1fr 1fr;min-height:440px;background:#0e1424;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-art{min-height:390px;position:relative;overflow:hidden;background:radial-gradient(circle at 45% 45%,#173e71,#0c1221 65%);display:grid;place-items:center}.story-orbit{width:290px;height:290px;border:1px solid #5eaaff4c;border-radius:50%;box-shadow:0 0 0 30px #5eaaff08,0 0 0 65px #5eaaff05}.story-star{position:absolute;font-size:90px;color:var(--red);text-shadow:0 0 40px #ff304b66}.story-word{position:absolute;left:12%;bottom:12%;font-size:35px;font-weight:900}.story-word span{color:var(--red)}.story-copy{padding:85px 12%;align-self:center}.story-copy h2{margin-bottom:25px}.story-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.text-link{display:inline-block;margin-top:15px;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700}.text-link span{color:var(--red);margin-left:10px}
.contact{text-align:center;padding-top:110px;padding-bottom:110px}.contact h2{font-size:clamp(52px,7vw,82px)}.contact .button{margin-top:22px}.site-footer{padding:28px 7%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer p{font-size:10px;color:#7f89a4}.back-top{font-size:9px;letter-spacing:1.5px;color:#a6aec4}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:65px;gap:40px}.hero-art{height:430px}.hero-copy{padding:0}.scroll-cue{display:none}.power-grid{grid-template-columns:1fr}.story{grid-template-columns:1fr}.story-art{min-height:300px}.story-copy{padding:65px 8%}.site-footer{flex-wrap:wrap}.site-footer p{order:3;width:100%}}
@media(max-width:600px){.site-header{height:70px;padding:0 5%}.menu-toggle{display:block}.navigation{display:none;position:absolute;top:69px;left:0;right:0;background:#0c1120;padding:25px;flex-direction:column;gap:22px;border-bottom:1px solid var(--line)}.navigation.open{display:flex}.hero{padding:55px 5% 45px;min-height:auto}.hero-art{height:340px}.hero-stats{gap:22px}.hero-stats strong{font-size:21px}.hero-stats span{font-size:8px}.section-wrap{padding:75px 5%}.hero-silhouette{right:16%;transform:scale(.85) rotate(-8deg);transform-origin:bottom right}.moon{right:35px;width:125px;height:125px}.site-footer{padding:25px 5%}.back-top{margin-left:auto}}