@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --bg:#050505; --panel:#0b0b0b; --panel2:#111; --text:#f4f4f2; --muted:#9a9a96;
  --line:#252525; --gold:#d8a72e; --gold2:#ffdc68; --red:#f31f25; --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.5}
body:has(.modal[aria-hidden="false"]){overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{height:78px;position:sticky;top:0;z-index:30;background:rgba(5,5,5,.86);backdrop-filter:blur(16px);border-bottom:1px solid #151515;display:flex;align-items:center;padding:0 4vw;gap:32px}
.brand{font-family:"Space Grotesk";font-size:28px;font-weight:700;letter-spacing:-2px;white-space:nowrap}
.brand-o,.brand-x{color:var(--gold2)}.brand-rest{color:#eee}
.desktop-nav{display:flex;gap:28px;margin:auto;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#aaa}
.desktop-nav a:hover{color:#fff}
.header-cta,.btn{border:1px solid var(--gold);background:transparent;color:#fff;padding:13px 20px;border-radius:2px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}
.header-cta{background:var(--gold);color:#090909}
.menu-button{display:none;background:none;border:0;color:#fff;font-size:25px}
.mobile-menu{display:none}

.hero{min-height:calc(100vh - 78px);max-width:var(--max);margin:auto;padding:90px 5vw 80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;overflow:hidden}
.eyebrow{font-size:10px;letter-spacing:.25em;color:var(--gold2);font-weight:700;margin:0 0 18px;text-transform:uppercase}
.hero h1,.section h2,.final-cta h2{font-family:"Space Grotesk";font-size:clamp(48px,7vw,92px);line-height:.92;letter-spacing:-.055em;margin:0;text-transform:uppercase}
.hero h1 span,.section h2 span,.final-cta h2 span{color:#777}
.hero-text{max-width:580px;color:#aaa;font-size:17px;margin:28px 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-gold{background:var(--gold);color:#080808}.btn-outline{border-color:#555}.btn-outline:hover{border-color:var(--gold);color:var(--gold2)}
.hero-mark{height:500px;position:relative;display:grid;place-items:center}
.orbit{position:absolute;border:2px solid rgba(216,167,46,.65);border-radius:50%;transform:rotate(-32deg);width:350px;height:230px}
.orbit-back{border-color:#252525;width:440px;height:285px;transform:rotate(30deg)}
.orbit-front{box-shadow:0 0 40px rgba(216,167,46,.12)}
.orbit-cross{position:absolute;width:420px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),#eee,transparent);transform:rotate(-36deg)}
.hero-x{font-family:"Space Grotesk";font-size:230px;font-weight:700;color:#d8a72e;line-height:1;opacity:.9}
.hero-o{position:absolute;font-family:"Space Grotesk";font-size:170px;font-weight:700;color:#111;-webkit-text-stroke:2px #b98621;transform:translate(-130px,-5px)}

.section{max-width:var(--max);margin:auto;padding:120px 5vw}
.section-heading{max-width:780px;margin-bottom:52px}.section-heading p:last-child{color:#777;max-width:600px}.row-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}
.system{border-top:1px solid var(--line)}
.system-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.system-card{min-height:220px;background:none;border:0;border-right:1px solid var(--line);color:#777;padding:28px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:.25s}
.system-card:last-child{border-right:0}.system-card:hover,.system-card.active{background:#0e0e0e;color:#fff}
.system-card strong{font-family:"Space Grotesk";font-size:72px;color:#b88925;line-height:1}.system-card.active strong{color:var(--gold2)}
.system-card span{font-size:11px;letter-spacing:.13em;font-weight:700;text-align:center}.system-card small{color:#666;font-size:10px}

.carousel-controls{display:flex;gap:8px}.carousel-controls button{width:48px;height:48px;background:#0b0b0b;border:1px solid #333;color:#fff;font-size:22px}.carousel-controls button:hover{border-color:var(--gold);color:var(--gold2)}
.service-stage{display:grid;grid-template-columns:1.6fr .7fr;gap:14px}
.service-card-main,.service-side article{border:1px solid var(--line);background:linear-gradient(135deg,#111,#080808)}
.service-card-main{min-height:420px;padding:50px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}
.service-card-main:before{content:"";position:absolute;width:360px;height:360px;border:1px solid #282828;border-radius:50%;right:-90px;top:-90px}
.service-card-main .service-index{color:var(--gold);font-size:12px;letter-spacing:.2em}.service-card-main h3{font-family:"Space Grotesk";font-size:48px;line-height:1;margin:12px 0;max-width:700px}.service-card-main p{color:#999;max-width:620px}.service-link{color:var(--gold2);font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.service-side{display:flex;flex-direction:column;gap:14px}.service-side article{padding:26px;min-height:130px}.service-side span{color:var(--gold);font-size:10px;letter-spacing:.18em}.service-side h4{margin:8px 0;font-family:"Space Grotesk";font-size:22px}.service-side p{margin:0;color:#777;font-size:12px}
.dots{display:flex;justify-content:center;gap:7px;margin-top:20px}.dots button{width:28px;height:3px;border:0;background:#333}.dots button.active{background:var(--gold)}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.product-grid article{padding:34px 26px;border-right:1px solid var(--line);min-height:240px}.product-grid article:last-child{border-right:0}.product-grid span{color:var(--gold);font-size:11px}.product-grid h3{font-family:"Space Grotesk";font-size:27px;margin:45px 0 10px}.product-grid p{color:#777;font-size:13px}.center-cta{text-align:center;margin-top:35px}

.projects{border-top:1px solid var(--line)}.section-note{max-width:360px;color:#666;font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{min-height:310px;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 75% 20%,#171717,#080808 45%)}.project-number{font-family:"Space Grotesk";font-size:70px;color:#222}.project-card span{color:var(--gold);font-size:10px;letter-spacing:.15em}.project-card h3{font-family:"Space Grotesk";font-size:27px;margin:9px 0}.project-card p{font-size:13px;color:#777}

.coverage-box{border:1px solid var(--line);padding:55px;display:grid;grid-template-columns:1fr .7fr;align-items:center;background:#090909}.coverage-box p:not(.eyebrow){color:#888;max-width:620px}.coverage-map{height:310px;position:relative;display:grid;place-items:center}.coverage-map span{z-index:2;font-family:"Space Grotesk";font-size:48px;color:var(--gold)}.map-ring{position:absolute;border:1px solid #3a2c14;border-radius:50%;aspect-ratio:1}.r1{width:110px}.r2{width:210px}.r3{width:310px}

.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.about-copy>p:not(.eyebrow){color:#888;max-width:580px;margin:30px 0}.text-link{color:var(--gold2);font-size:12px;text-transform:uppercase;letter-spacing:.13em}.about-letters{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;border-bottom:1px solid #333}.about-letters div{display:flex;flex-direction:column;align-items:center;gap:8px}.about-letters b{font-family:"Space Grotesk";font-size:52px;color:#d4a437}.about-letters span{font-size:8px;letter-spacing:.1em;color:#777;text-align:center}

.final-cta{text-align:center;padding:140px 5vw;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 30%,#15120b,#050505 48%)}.final-cta h2{font-size:clamp(45px,6vw,82px);margin-bottom:38px}

.footer{border-top:1px solid var(--line);padding:45px 5vw 30px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;max-width:1400px;margin:auto}.footer-brand{font-family:"Space Grotesk";font-size:28px;font-weight:700}.footer-brand span{color:var(--gold2)}.footer-brand b{color:#eee}.footer p,.footer-contact,.footer small{color:#666;font-size:12px}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:12px}.footer-links a:hover{color:var(--gold2)}.footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}

.modal{display:none;position:fixed;inset:0;z-index:100}.modal[aria-hidden="false"]{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px)}.modal-panel{position:relative;z-index:2;background:#0a0a0a;border:1px solid #333;max-width:720px;max-height:90vh;overflow:auto;margin:5vh auto;padding:42px}.modal-close{position:absolute;right:18px;top:12px;background:none;border:0;color:#aaa;font-size:30px}.modal-progress{display:flex;gap:6px;margin-bottom:35px}.modal-progress i{height:3px;flex:1;background:#292929}.modal-progress i.active{background:var(--gold)}.wizard-step{display:none}.wizard-step.active{display:block}.wizard-step h2{font-family:"Space Grotesk";font-size:38px;margin:0 0 8px}.wizard-step>p{color:#777}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px}.choice-grid button{padding:17px;background:#101010;border:1px solid #292929;color:#ddd;text-align:left}.choice-grid button:hover,.choice-grid button.selected{border-color:var(--gold);color:var(--gold2)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.08em}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{background:#111;border:1px solid #292929;color:#fff;padding:13px;outline:none;text-transform:none;letter-spacing:normal}.form-grid textarea{resize:vertical}.wizard-actions{display:flex;justify-content:space-between;margin-top:32px}.ticket{border:1px solid #39301d;background:#100f0b;padding:22px;margin-top:25px}.ticket b{color:var(--gold2)}.ticket-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #252525;padding:10px 0;font-size:12px}.ticket-row:last-child{border-bottom:0}.ticket-row span{color:#777}.microcopy{font-size:10px!important}.microcopy code{color:#bbb}

@media(max-width:850px){
  .site-header{padding:0 20px}.desktop-nav,.header-cta{display:none}.menu-button{display:block;margin-left:auto}
  .mobile-menu{display:none;position:fixed;top:78px;left:0;right:0;z-index:29;background:#080808;border-bottom:1px solid #222;padding:20px;flex-direction:column;gap:18px}.mobile-menu.open{display:flex}.mobile-menu a{font-size:13px;text-transform:uppercase;letter-spacing:.12em}.mobile-menu button{padding:13px;background:var(--gold);border:0;text-transform:uppercase;font-size:11px;font-weight:700}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-mark{height:330px;order:-1}.hero-x{font-size:170px}.hero-o{font-size:125px;transform:translate(-95px,-2px)}.orbit{width:260px;height:175px}.orbit-back{width:330px;height:220px}.orbit-cross{width:300px}
  .system-grid{grid-template-columns:repeat(5,170px);overflow-x:auto}.system-card{border-right:1px solid var(--line)}
  .row-heading{align-items:start;flex-direction:column}.service-stage{grid-template-columns:1fr}.service-side{display:grid;grid-template-columns:1fr 1fr}.product-grid,.project-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about-letters{min-height:100px}.coverage-box{grid-template-columns:1fr}.coverage-map{height:260px}.footer{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .hero{padding-left:22px;padding-right:22px}.section{padding:85px 22px}.hero h1,.section h2{font-size:48px}.hero-mark{height:250px}.hero-x{font-size:125px}.hero-o{font-size:92px;transform:translate(-70px,0)}.orbit{width:210px;height:140px}.orbit-back{width:270px;height:180px}.orbit-cross{width:240px}
  .service-card-main{padding:30px;min-height:360px}.service-card-main h3{font-size:36px}.service-side,.product-grid,.project-grid{grid-template-columns:1fr}.product-grid article{border-right:0;border-bottom:1px solid var(--line)}.product-grid article:last-child{border-bottom:0}.project-card{min-height:250px}
  .coverage-box{padding:30px}.about-letters{grid-template-columns:repeat(5,1fr)}.about-letters b{font-size:34px}.about-letters span{font-size:6px}.footer{grid-template-columns:1fr}.footer small{grid-column:auto}.modal-panel{margin:0;min-height:100vh;max-height:100vh;border:0;padding:32px 22px}.choice-grid,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}
}