*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#020617;--panel:#0f172a;--line:#1e293b;--teal:#016080;--teal2:#45b8c4;--pink:#c0219f;--text:#f8fafc;--muted:#94a3b8}html{scroll-behavior:smooth}body{font-family:Lato,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}.topbar{height:84px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(2,6,23,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:50}.logo{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#fff,#cbd5f5)}.logo img{width:96px}nav{display:flex;align-items:center;gap:28px;color:#cbd5e1;font-size:.92rem}nav a:hover{color:#fff}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:#fff;padding:13px 21px;border-radius:9px;font-weight:800}.nav-cta{padding:10px 15px}.btn:hover,.nav-cta:hover{background:transparent !important;color:#fff;border:1px solid #334155}#menu{display:none;border:0;background:transparent;color:#fff;font-size:1.35rem}.hero{min-height:720px;padding:100px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;background:radial-gradient(circle at top,#0f172a,#020617)}.eyebrow{display:inline-block;color:var(--teal2);font-size:.76rem;letter-spacing:.16em;font-weight:900;margin-bottom:16px}.hero h1{font-size:clamp(3rem,5.2vw,5.4rem);line-height:1.03}.hero-copy>p{max-width:650px;margin:25px 0;color:#cbd5e1;font-size:1.12rem}.actions{display:flex;gap:14px;flex-wrap:wrap}.secondary{background:transparent;border:1px solid #334155}.status{margin-top:26px;display:flex;gap:10px;color:var(--muted);font-size:.9rem}.dashboard{padding:18px;background:linear-gradient(145deg,rgba(1,96,128,.25),rgba(192,33,159,.16));border:1px solid #334155;border-radius:24px}.window{background:#fff;color:#172033;border-radius:17px;padding:12px;box-shadow:0 30px 70px rgba(0,0,0,.45)}.window-bar{height:28px;display:flex;gap:6px;align-items:center}.window-bar i{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.dashboard-head{padding:20px;display:flex;justify-content:space-between;border-bottom:1px solid #e2e8f0}.dashboard-head span{color:#64748b}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px}.metrics div{padding:18px;background:#f1f5f9;border-radius:12px}.metrics small,.metrics b{display:block}.metrics b{font-size:2rem;color:var(--teal)}.rows{display:grid;gap:9px;padding:0 20px 20px}.rows span{display:flex;justify-content:space-between;padding:13px;border:1px solid #e2e8f0;border-radius:9px;font-size:.9rem}.rows b{color:var(--teal)}.strip{width:min(1120px,calc(100% - 40px));margin:-48px auto 0;background:#fff;color:#172033;border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 25px 60px rgba(0,0,0,.3);position:relative}.strip div{text-align:center;padding:28px;border-right:1px solid #e2e8f0}.strip div:last-child{border:0}.strip b,.strip span{display:block}.strip b{font-size:1.8rem;color:var(--teal)}.strip span{color:#64748b;font-size:.88rem}.section{padding:120px 7%;background:#f8fafc;color:#172033}.heading{max-width:760px;text-align:center;margin:0 auto 55px}.heading h2,.benefits h2,.contact h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1}.heading p{color:#64748b;margin-top:16px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.features article{padding:30px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.features i{font-size:1.8rem;color:var(--teal);margin-bottom:22px}.features h3{margin-bottom:10px}.features p{color:#64748b}.benefits{padding:110px 7%;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;background:linear-gradient(145deg,#016080,#0f172a)}.benefits>div>p{color:#cbd5e1;margin-top:20px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.benefit-grid article{padding:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px}.benefit-grid b{color:#67e8f9}.benefit-grid h3{margin:18px 0 8px}.benefit-grid p{color:#cbd5e1;font-size:.92rem}.contact{margin:90px auto;width:min(1120px,calc(100% - 40px));padding:55px 60px;border-radius:25px;display:flex;justify-content:space-between;align-items:center;gap:40px;background:linear-gradient(135deg,var(--teal2),var(--teal))}.contact p{color:#f1f5f9;margin-top:12px}.light{background:#fff;color:#172033;white-space:nowrap}.light:hover{background:#020617}footer{padding:60px 7% 25px;display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:50px;border-top:1px solid var(--line);color:var(--muted)}footer h3{color:#fff}footer div:nth-child(2){display:grid;gap:8px}footer a:hover{color:var(--teal2)}@media(max-width:900px){.hero,.benefits{grid-template-columns:1fr}.strip{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr 1fr}.contact{flex-direction:column;align-items:flex-start}}@media(max-width:700px){#menu{display:block}nav{display:none;position:absolute;top:84px;left:0;width:100%;padding:20px;background:#020617;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{padding:75px 20px 100px}.metrics{grid-template-columns:1fr}.rows span{display:grid;gap:4px}.strip{margin:-35px auto 0;grid-template-columns:1fr}.strip div{border-right:0;border-bottom:1px solid #e2e8f0}.section,.benefits{padding:85px 20px}.features,.benefit-grid{grid-template-columns:1fr}.contact{padding:38px 28px}.light{white-space:normal}footer{grid-template-columns:1fr}}
*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#020617;--panel:#0f172a;--line:#1e293b;--teal:#016080;--teal2:#45b8c4;--pink:#c0219f;--text:#f8fafc;--muted:#94a3b8}html{scroll-behavior:smooth}body{font-family:Lato,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.topbar{height:84px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(2,6,23,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:50}.logo{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#fff,#cbd5f5)}.logo img{width:96px}nav{display:flex;align-items:center;gap:25px;color:#cbd5e1;font-size:.92rem}nav a:hover{color:#fff}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:#fff;padding:13px 21px;border-radius:9px;font-weight:800}.nav-cta{padding:10px 15px}.btn:hover,.nav-cta:hover{background:var(--pink);color:#fff}#menu{display:none;border:0;background:transparent;color:#fff;font-size:1.35rem}
.hero{min-height:720px;padding:95px 6%;
display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:55px;
background:radial-gradient(circle at top,#0f172a,#020617)}
.eyebrow{display:inline-block;color:var(--teal2);font-size:.76rem;letter-spacing:.16em;font-weight:900;margin-bottom:16px}
.hero h1{font-size:clamp(3rem,5vw,5.2rem);line-height:1.03}.hero-copy>p{max-width:650px;margin:25px 0;color:#cbd5e1;font-size:1.12rem}.actions{display:flex;gap:14px;flex-wrap:wrap}.secondary{background:transparent;border:1px solid #334155}.status{margin-top:26px;display:flex;gap:10px;color:var(--muted);font-size:.9rem}.status i{color:var(--teal2)}.hero-dashboard{padding:16px;background:linear-gradient(145deg,rgba(1,96,128,.3),rgba(192,33,159,.14));border:1px solid #334155;border-radius:24px;box-shadow:0 35px 90px rgba(0,0,0,.4)}.screen-frame{overflow:hidden;background:#fff;border-radius:16px}.screen-bar{height:38px;padding:0 14px;display:flex;align-items:center;gap:7px;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.76rem}.screen-bar i{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.screen-bar span{margin-left:8px}.screen-frame img{width:100%;height:515px;object-fit:cover;object-position:top}.strip{width:min(1120px,calc(100% - 40px));margin:-48px auto 0;background:#fff;color:#172033;border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 25px 60px rgba(0,0,0,.3);position:relative}.strip div{text-align:center;padding:28px;border-right:1px solid #e2e8f0}.strip div:last-child{border:0}.strip b,.strip span{display:block}.strip b{font-size:1.8rem;color:var(--teal)}.strip span{color:#64748b;font-size:.88rem}.section{padding:120px 7%;background:#f8fafc;color:#172033}.heading{max-width:760px;text-align:center;margin:0 auto 55px}.heading h2,.benefits h2,.contact h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1}.heading p{color:#64748b;margin-top:16px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.features article{padding:30px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.features i{font-size:1.8rem;color:var(--teal);margin-bottom:22px}.features h3{margin-bottom:10px}.features p{color:#64748b}.system-showcase{padding:115px 6%;background:linear-gradient(180deg,#07101f,#020617)}.heading-light h2{color:#fff}.heading-light p{color:#94a3b8}.showcase-grid{width:min(1320px,100%);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.showcase-card{overflow:hidden;background:#fff;color:#172033;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 28px 70px rgba(0,0,0,.3)}.showcase-wide{grid-column:1/-1}.shot{height:390px;overflow:hidden;background:#e9edf1;border-bottom:1px solid #e2e8f0}.showcase-wide .shot{height:560px}.shot.tall{height:520px}.shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s ease}.showcase-card:hover .shot img{transform:scale(1.02)}.shot-copy{padding:25px 28px 30px}.shot-copy span{font-size:.72rem;letter-spacing:.16em;color:#b7791f;font-weight:900}.shot-copy h3{font-size:1.45rem;margin:5px 0 7px}.shot-copy p{color:#64748b}.benefits{padding:110px 7%;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;background:linear-gradient(145deg,#016080,#0f172a)}.benefits>div>p{color:#cbd5e1;margin-top:20px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.benefit-grid article{padding:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px}.benefit-grid b{color:#67e8f9}.benefit-grid h3{margin:18px 0 8px}.benefit-grid p{color:#cbd5e1;font-size:.92rem}.contact{margin:90px auto;width:min(1120px,calc(100% - 40px));padding:55px 60px;border-radius:25px;display:flex;justify-content:space-between;align-items:center;gap:40px;background:linear-gradient(135deg,var(--pink),var(--teal))}.contact p{color:#f1f5f9;margin-top:12px}.light{background:#fff;color:#172033;white-space:nowrap}.light:hover{background:#020617}footer{padding:60px 7% 25px;display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:50px;border-top:1px solid var(--line);color:var(--muted)}footer h3{color:#fff}footer div:nth-child(2){display:grid;gap:8px}footer a:hover{color:var(--teal2)}@media(max-width:1000px){.hero,.benefits{grid-template-columns:1fr}.hero-dashboard{max-width:850px}.strip{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr 1fr}.contact{flex-direction:column;align-items:flex-start}}@media(max-width:760px){#menu{display:block}nav{display:none;position:absolute;top:84px;left:0;width:100%;padding:20px;background:#020617;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{padding:70px 20px 95px}.screen-frame img{height:330px}.metrics{grid-template-columns:1fr}.strip{margin:-35px auto 0;grid-template-columns:1fr}.strip div{border-right:0;border-bottom:1px solid #e2e8f0}.section,.benefits,.system-showcase{padding:80px 20px}.features,.benefit-grid,.showcase-grid{grid-template-columns:1fr}.showcase-wide{grid-column:auto}.shot,.showcase-wide .shot,.shot.tall{height:360px}.contact{padding:38px 28px}.light{white-space:normal}footer{grid-template-columns:1fr}}@media(max-width:480px){.hero h1{font-size:2.6rem}.screen-frame img{height:250px}.shot,.showcase-wide .shot,.shot.tall{height:290px}}