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

:root{
  --bg:#050914; --panel:#091326; --panel2:#0d1b33; --text:#f4f9ff;
  --muted:#9aabc0; --line:rgba(143,199,255,.16); --accent:#39c7f3;
  --accent-light:#b9edff; --royal:#174fc4; --deep-blue:#061b57;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,32px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,16,21,.86);backdrop-filter:blur(16px);z-index:20}
.brand{display:flex;align-items:center}.brand img{display:block;width:190px;height:auto;max-height:54px;object-fit:contain;object-position:left center}
.nav{display:flex;align-items:center;gap:28px;font-size:14px;color:#d6e6f5}.nav a:hover{color:var(--accent)}.nav-cta{border:1px solid var(--accent);padding:9px 15px;color:var(--accent)!important}.menu-button{display:none;background:none;border:0;color:white;font-size:24px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;max-width:1280px;margin:1em auto;gap:30px;overflow:hidden;padding:0 3em;}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--accent);margin:0 0 18px}.hero h1,.section h2,.contact-section h2{font:700 clamp(42px,5vw,72px)/1.04 "Space Grotesk";letter-spacing:-2.8px;margin:0 0 22px}.hero-text{font-size:19px;max-width:640px;color:var(--muted);margin:0}.hero-actions{display:flex;gap:12px;margin-top:32px}.button{padding:14px 21px;font-weight:700;font-size:14px}.primary{background:linear-gradient(135deg,var(--accent-light),var(--accent));color:#04101d}.secondary{border:1px solid var(--line)}.hero-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;color:#b1c5d8;font-size:13px}.hero-points span:before{content:"•";color:var(--accent);margin-right:7px}.hero-visual{position:relative;min-height:620px;display:grid;place-items:center}.hero-visual img{max-height:650px;max-width:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 32px 45px rgba(0,0,0,.45))}.glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.42}.glow-a{width:270px;height:270px;background:linear-gradient(135deg,var(--accent-light),var(--accent));top:18%;right:20%}.glow-b{width:240px;height:240px;background:#174fc4;bottom:10%;left:8%}
.intro-strip{padding:27px 5vw;text-align:center;background:linear-gradient(90deg,rgba(57,199,243,.16),rgba(23,79,196,.16));border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#dceeff}.intro-strip p{margin:0;font-weight:600}
.section{max-width:1280px;margin:auto;padding:2em max(5vw,32px)}.section-heading{max-width:780px}.section h2{font-size:clamp(36px,4.2vw,58px)}.section-heading>p:last-child{color:var(--muted);font-size:18px}.centered{text-align:center;margin:auto}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.step-card{padding:28px;background:var(--panel);border:1px solid var(--line);min-height:255px}.step-number{font:600 14px "Space Grotesk";color:var(--accent)}.step-card h3{font:600 23px/1.2 "Space Grotesk";margin:40px 0 12px}.step-card p{color:var(--muted);font-size:15px;margin:0}
.machines-section{background:linear-gradient(180deg,transparent,#08162d 15%,#08162d 85%,transparent)}.machine-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:52px}.machine-card{background:var(--panel);border:1px solid var(--line)}.machine-image{height:520px;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 50% 45%,rgba(57,199,243,.16),transparent 55%)}.machine-image img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.machine-card:hover img{transform:scale(1.025)}.machine-info{padding:24px 28px 30px}.machine-info h3{font:600 28px "Space Grotesk";margin:0 0 6px}.machine-info p{color:var(--muted);margin:0}
.about-section{display:grid;grid-template-columns:1fr .8fr;gap:70px}.about-copy p:not(.eyebrow){color:var(--muted);font-size:17px}.about-panel{background:var(--panel);border:1px solid var(--line);padding:40px;display:flex;flex-direction:column;justify-content:center;gap:45px}.about-panel>div+div{border-top:1px solid var(--line);padding-top:35px}.panel-label{display:block;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1.7px;margin-bottom:12px}.about-panel strong{font:600 25px/1.25 "Space Grotesk"}
.partner-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--panel);max-width:none;padding-left:max(5vw,32px);padding-right:max(5vw,32px)}.benefits{display:grid;grid-template-columns:0.4fr 0.4fr;gap:12px}.benefits div{padding:22px;border:1px solid var(--line);font-weight:600;height: fit-content;}
.contact-section{max-width:1180px;margin:2em auto;padding:70px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(135deg,#071d4a,#092b61);border:1px solid rgba(57,199,243,.34)}.contact-section h2{font-size:clamp(34px,4vw,55px);max-width:700px}.contact-section p:not(.eyebrow){color:#b8d1ea;max-width:650px}.contact-email{display:flex;flex-direction:column;gap:5px;white-space:nowrap;padding:18px 24px;border:1px solid var(--accent);background:rgba(0,0,0,.18)}.contact-email span{font-size:11px;letter-spacing:1.5px;color:var(--accent);font-weight:700}.contact-email strong{font-size:16px}
footer{border-top:1px solid var(--line);padding:35px max(5vw,32px);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}footer .brand img{width:145px;max-height:44px}
@media(max-width:900px){.hero{grid-template-columns:1fr;margin-top:0;margin-bottom:1em;margin-left:auto;margin-right:auto}.hero-visual{min-height:500px;order:-1}.hero-visual img{max-height:500px}.steps{grid-template-columns:1fr 1fr}.about-section,.partner-section{grid-template-columns:1fr}.contact-section{margin:40px 5vw;display:block}.contact-email{margin-top:28px;white-space:normal}.nav{position:absolute;display:none;top:78px;left:0;right:0;background:#071326;padding:24px 5vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-button{display:block}}
@media(max-width:600px){.brand img{width:155px;max-height:45px}.site-header{padding:0 20px}.hero,.section{padding-left:20px;padding-right:20px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-actions{flex-direction:column;align-items:stretch}.button{text-align:center}.hero-visual{min-height:420px}.hero-visual img{max-height:420px}.steps,.machine-grid,.benefits{grid-template-columns:1fr}.machine-image{height:420px}.contact-section{padding:38px 25px;margin:30px 20px}.contact-email strong{font-size:14px}footer{padding:28px 20px;display:block}footer p{margin-top:20px}}