:root{
  --bg:#07111c;
  --bg2:#0a1726;
  --panel:#101f31cc;
  --panel2:#12263ccc;
  --line:#244662;
  --text:#e9f4ff;
  --muted:#a7bad1;
  --blue:#39a9ff;
  --green:#50e6a4;
  --yellow:#f2c94c;
  --shadow: 0 22px 70px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Segoe UI,Inter,Arial,sans-serif;background:radial-gradient(circle at top left,#123150 0,#07111c 28%,#050b13 100%);color:var(--text);line-height:1.55}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(57,169,255,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(57,169,255,.04) 1px,transparent 1px);background-size:56px 56px;pointer-events:none;mask-image:linear-gradient(to bottom,black,transparent 80%)}
a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.section-pad{padding:76px clamp(20px,5vw,76px)}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(20px,5vw,64px);background:rgba(5,12,20,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(80,230,164,.14)}
.brand img{width:210px;height:auto;filter:drop-shadow(0 0 18px rgba(57,169,255,.2))}.site-header nav{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:14px}.site-header nav a:hover{color:var(--green)}
.hero{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(420px,1.25fr);gap:46px;align-items:center;min-height:calc(100vh - 72px)}
.eyebrow{color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin:0 0 12px}.hero h1,.section-heading h2,.control h2,.cta h2{font-size:clamp(36px,5vw,68px);line-height:1.02;margin:0 0 22px;letter-spacing:-.04em}.section-heading h2,.control h2,.cta h2{font-size:clamp(30px,4vw,48px)}
.lead{font-size:clamp(18px,2vw,23px);color:#d5e8ff;margin:0 0 20px}.core-message{font-size:18px;color:var(--muted);border-left:3px solid var(--green);padding-left:16px}.core-message span{color:var(--text);font-weight:700}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.button{padding:13px 20px;border-radius:999px;font-weight:700;border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 28px rgba(0,0,0,.2)}.button.primary{background:linear-gradient(135deg,var(--green),#27b67e);color:#061018}.button.secondary{background:rgba(255,255,255,.06);color:var(--text)}.button:hover{transform:translateY(-1px)}
.glass-card{background:linear-gradient(180deg,rgba(18,38,60,.86),rgba(9,21,34,.86));border:1px solid rgba(91,172,231,.22);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.hero-visual{padding:12px;position:relative}.hero-visual img,.video-shell video{border-radius:16px;border:1px solid rgba(255,255,255,.12)}.caption,figcaption{color:var(--muted);font-size:13px;margin:12px 6px 4px}.centered{text-align:center;max-width:860px;margin:0 auto 36px}.section-heading{max-width:930px}.section-heading p{font-size:18px;color:var(--muted)}
.video-shell{padding:14px;max-width:1180px;margin:0 auto}.video-shell video{width:100%;background:#000}.problem{padding-top:30px}.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.step-card{padding:22px;position:relative}.step-card.wide{grid-column:1/-1;display:grid;grid-template-columns:70px minmax(260px,.75fr) minmax(420px,1fr);gap:20px;align-items:center}.step-number{width:48px;height:48px;border-radius:14px;background:rgba(57,169,255,.12);border:1px solid rgba(57,169,255,.32);display:grid;place-items:center;color:var(--green);font-weight:800}.step-card h3,.feature-card h3{font-size:24px;margin:10px 0 8px}.step-card p,.feature-card p,.control p,.future p,.cta p{color:var(--muted);margin:0 0 14px}.step-card img{border-radius:16px;border:1px solid rgba(255,255,255,.1);margin-top:10px}.tag{display:inline-block;color:#08111c!important;background:linear-gradient(135deg,var(--yellow),#ffd96a);font-weight:800;font-size:12px;padding:5px 9px;border-radius:999px}.concept{border-color:rgba(242,201,76,.34)}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.feature-card{padding:18px}.feature-card img{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#07111c;margin-bottom:14px}.control-inner{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:28px;align-items:center}.control-inner img{border-radius:16px;border:1px solid rgba(255,255,255,.1)}.highlight{color:var(--text)!important;font-weight:800;font-size:20px;border-left:3px solid var(--green);padding-left:14px}.status-note{max-width:900px;margin:0 auto;padding:22px;color:var(--muted);border-color:rgba(242,201,76,.32)}.status-note strong{color:var(--yellow)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery-grid figure{margin:0;padding:12px}.gallery-grid img{border-radius:14px;border:1px solid rgba(255,255,255,.1)}.cta-box{text-align:center;max-width:900px;margin:0 auto;padding:42px}.site-footer{text-align:center;padding:44px 20px;border-top:1px solid rgba(80,230,164,.12);color:var(--muted);background:#050b13}.site-footer img{width:220px;margin:0 auto 12px}.small{font-size:13px;color:#7f93ab}
@media (max-width:1100px){.hero{grid-template-columns:1fr}.workflow-grid,.feature-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-card.wide{grid-template-columns:1fr}.control-inner{grid-template-columns:1fr}}
@media (max-width:720px){.site-header{position:static;align-items:flex-start;flex-direction:column}.brand img{width:180px}.site-header nav{gap:12px}.section-pad{padding:54px 18px}.workflow-grid,.feature-grid,.gallery-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero h1{font-size:40px}}