:root{
 --bg:#06131f;--bg2:#091c2c;--panel:#0d2234;--panel2:#102b40;--text:#eef9ff;--muted:#a9c0cf;
 --cyan:#00a9e8;--mint:#00e3b5;--line:rgba(255,255,255,.09);--shadow:0 24px 80px rgba(0,0,0,.28);
 --radius:24px;--max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 5%,rgba(0,169,232,.12),transparent 32%),radial-gradient(circle at 90% 20%,rgba(0,227,181,.08),transparent 28%);z-index:-1}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.section{padding:96px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#80f4dc;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.eyebrow:before{content:"";width:26px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--mint))}
h1,h2,h3{line-height:1.08;margin:0 0 18px;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,6vw,5.8rem);max-width:950px}h2{font-size:clamp(2rem,4vw,3.7rem)}h3{font-size:1.25rem}.lead{font-size:clamp(1.06rem,2vw,1.3rem);color:var(--muted);max-width:760px}.gradient-text{background:linear-gradient(90deg,#fff 0%,#8cdcf7 42%,#55f0cf 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;padding:14px 20px;font-weight:800;transition:.25s ease;cursor:pointer;font:inherit}.btn-primary{background:linear-gradient(100deg,var(--cyan),var(--mint));color:#03202a;box-shadow:0 10px 35px rgba(0,201,194,.18)}.btn-primary:hover{transform:translateY(-2px);filter:saturate(1.15)}.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.04)}.btn-secondary:hover{border-color:rgba(0,227,181,.45);background:rgba(255,255,255,.07)}
.topbar{font-size:.83rem;color:#b8cad5;background:#04101a;border-bottom:1px solid var(--line)}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.nav{position:sticky;top:0;z-index:50;background:rgba(6,19,31,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:196px;height:auto}.menu{display:flex;align-items:center;gap:25px}.menu a{color:#c6d7e2;font-weight:650;font-size:.94rem}.menu a:hover{color:#fff}.menu .btn{color:#05202a}.mobile-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#0d2234;border-radius:14px;color:#fff;font-size:1.3rem}
.hero{padding:105px 0 72px;position:relative}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:62px;align-items:center}.hero p{margin:26px 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.trust{margin-top:28px;display:flex;gap:20px;flex-wrap:wrap;color:#90a9b8;font-size:.9rem}.trust span:before{content:"✓";color:var(--mint);font-weight:900;margin-right:7px}
.dashboard{position:relative;min-height:490px;background:linear-gradient(160deg,rgba(16,43,64,.95),rgba(7,25,39,.9));border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:22px;box-shadow:var(--shadow);transform:perspective(1000px) rotateY(-5deg) rotateX(3deg)}.dashboard:after{content:"";position:absolute;inset:-1px;border-radius:30px;background:linear-gradient(130deg,rgba(0,169,232,.35),transparent 30%,transparent 70%,rgba(0,227,181,.22));z-index:-1;filter:blur(12px)}.dashbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dash-title{font-weight:850}.dots{display:flex;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:#416175}.dots i:first-child{background:var(--mint)}.cards4{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{background:#0a1c2b;border:1px solid var(--line);padding:18px;border-radius:18px}.metric small{color:#8ba8b8}.metric strong{display:block;font-size:2rem;margin-top:3px}.status-list{margin-top:12px;background:#0a1c2b;border:1px solid var(--line);border-radius:18px;overflow:hidden}.status-row{display:grid;grid-template-columns:15px 1.1fr .9fr .7fr;gap:12px;align-items:center;padding:13px 16px;border-top:1px solid var(--line);font-size:.82rem;color:#b8ceda}.status-row:first-child{border-top:0}.ball{width:9px;height:9px;border-radius:50%;background:#16d89f;box-shadow:0 0 12px rgba(22,216,159,.6)}.ball.warn{background:#ffc857}.ball.off{background:#ff6b6b}.mini-chart{margin-top:12px;height:82px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(0,227,181,.08),transparent),repeating-linear-gradient(90deg,transparent 0 48px,rgba(255,255,255,.035) 49px 50px);position:relative;overflow:hidden}.mini-chart svg{position:absolute;inset:0;width:100%;height:100%}
.logo-strip{padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#071725}.logo-strip .container{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#9bb3c2}.logo-strip strong{color:#dff7ff}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-head p{margin:0}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.service-card,.feature-card,.step,.contact-card{background:linear-gradient(145deg,rgba(16,43,64,.9),rgba(8,28,43,.92));border:1px solid var(--line);border-radius:var(--radius);padding:27px;transition:.3s ease}.service-card:hover,.feature-card:hover{transform:translateY(-5px);border-color:rgba(0,227,181,.3)}.icon{width:49px;height:49px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,rgba(0,169,232,.18),rgba(0,227,181,.1));border:1px solid rgba(95,224,217,.18);font-size:1.2rem;font-weight:900;color:#73efd5;margin-bottom:20px}.service-card p,.feature-card p,.step p{color:var(--muted);margin:0}.service-card a{display:inline-flex;margin-top:18px;color:#72efd6;font-weight:800;font-size:.92rem}.featured{grid-column:span 2;display:grid;grid-template-columns:1fr .8fr;overflow:hidden;background:linear-gradient(130deg,#0b2840,#0a3a43)}.feature-visual{min-height:230px;border-radius:22px;background:radial-gradient(circle at 30% 30%,rgba(0,227,181,.18),transparent 35%),linear-gradient(145deg,#071a29,#0c2a3d);border:1px solid var(--line);padding:20px}.tiny-ui{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tiny-ui b{background:rgba(255,255,255,.045);border:1px solid var(--line);padding:15px;border-radius:14px;font-size:.75rem;color:#cbe0ea}.tiny-ui b span{display:block;font-size:1.6rem;color:#fff;margin-top:4px}
.dark-band{background:#04101a;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.print-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.print-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.print-list div{padding:16px;border-left:2px solid var(--mint);background:rgba(255,255,255,.025);border-radius:0 14px 14px 0}.print-list strong{display:block}.print-list small{color:var(--muted)}
.steps{counter-reset:step}.step{position:relative;padding-top:72px}.step:before{counter-increment:step;content:"0" counter(step);position:absolute;top:22px;left:27px;font-size:1.35rem;font-weight:900;color:#59efd1}.step:after{content:"";position:absolute;left:72px;right:25px;top:37px;height:1px;background:var(--line)}
.support{display:grid;grid-template-columns:1fr .9fr;gap:44px;align-items:center}.support-box{display:grid;grid-template-columns:1fr 1fr;gap:14px}.support-box div{background:#0b2234;border:1px solid var(--line);border-radius:18px;padding:19px}.support-box strong{display:block;margin-bottom:4px}.support-box small{color:var(--muted)}
.cta{border-radius:32px;padding:52px;background:linear-gradient(120deg,#0c3551 0%,#07505a 70%,#056b63 100%);border:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;overflow:hidden;position:relative}.cta:before{content:"C4";position:absolute;right:18%;top:-90px;font-size:18rem;font-weight:950;color:rgba(255,255,255,.025);line-height:1}.cta h2{font-size:clamp(2rem,4vw,3.3rem)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contact-meta{display:grid;gap:12px;margin-top:26px}.contact-meta div{background:#0b2133;border:1px solid var(--line);border-radius:16px;padding:16px}.contact-meta small{display:block;color:#8ea9b8}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form .full{grid-column:1/-1}.form input,.form select,.form textarea{width:100%;background:#081a29;border:1px solid var(--line);border-radius:14px;color:#fff;padding:14px 15px;font:inherit;outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:rgba(0,227,181,.55)}.form textarea{min-height:130px;resize:vertical}.form label{display:block;font-size:.82rem;color:#a9c0cf;margin:0 0 6px}
footer{padding:55px 0 25px;background:#030c13;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:40px}.footer-grid img{width:180px}.footer-grid p,.footer-grid a{color:#8ea6b5}.footer-links{display:grid;gap:8px}.copyright{border-top:1px solid var(--line);margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#7893a3;font-size:.85rem}
.page-hero{padding:95px 0 55px}.breadcrumb{color:#76dccc;font-size:.9rem;margin-bottom:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.comparison{overflow:auto}.comparison table{width:100%;border-collapse:collapse;min-width:720px;background:#0a1c2b;border-radius:20px;overflow:hidden}.comparison th,.comparison td{padding:16px;border-bottom:1px solid var(--line);text-align:left}.comparison th{color:#79e9d2}.note{padding:18px 20px;border:1px solid rgba(0,227,181,.2);background:rgba(0,227,181,.05);border-radius:16px;color:#bcd0da}
.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:920px){
 .topbar{display:none}.mobile-toggle{display:block}.menu{display:none;position:absolute;top:78px;left:20px;right:20px;background:#0a1c2b;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.menu.open{display:flex}.menu .btn{width:100%}
 .hero-grid,.print-grid,.support,.contact-grid,.footer-grid{grid-template-columns:1fr}.hero{padding-top:70px}.dashboard{transform:none;min-height:auto}.grid-3,.feature-grid{grid-template-columns:1fr 1fr}.featured{grid-column:1/-1}.section{padding:72px 0}.section-head{align-items:start;flex-direction:column}.cta{grid-template-columns:1fr}
}
@media(max-width:620px){
 .container{width:min(calc(100% - 28px),var(--max))}.grid-3,.grid-2,.feature-grid,.print-list,.support-box,.featured{grid-template-columns:1fr}.featured{grid-column:auto}.hero{padding-top:56px}.section{padding:62px 0}.dashboard{padding:14px;border-radius:22px}.metric{padding:14px}.status-row{grid-template-columns:12px 1fr .7fr}.status-row span:last-child{display:none}.cta{padding:32px 24px}.form{grid-template-columns:1fr}.copyright{flex-direction:column}.brand img{width:168px}
}


/* v1.2 image-driven updates */
.hero-media,.image-panel,.image-card,.screenshot-card,.promo-card{position:relative;background:linear-gradient(145deg,rgba(16,43,64,.92),rgba(8,28,43,.96));border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.hero-media{padding:12px}.hero-media img,.image-panel img,.image-card img,.screenshot-card img,.promo-card img{width:100%;height:auto;display:block}
.hero-media img,.image-panel img{border-radius:20px}
.caption-row{display:flex;flex-wrap:wrap;gap:12px;padding:14px 18px 18px;color:#9fb5c3;font-size:.9rem}.tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-weight:700;color:#d7ebf5}.tag strong{color:#fff}
.image-stack{display:grid;gap:24px}.image-card .content,.promo-card .content{padding:24px}.image-card h3,.promo-card h3{margin-bottom:10px}.image-card p,.promo-card p{color:var(--muted);margin:0}.image-card img.cover,.promo-card img.cover{aspect-ratio:16/10;object-fit:cover}
.media-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.media-grid.reverse{grid-template-columns:.95fr 1.05fr}.shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.shot-grid .image-card{height:100%}
.bullet-list{display:grid;gap:12px;margin-top:24px}.bullet-list div{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:16px}.bullet-list b{display:block;color:#fff}.bullet-list small{color:var(--muted)}
.section-kicker{margin-bottom:18px}.section-kicker p{margin:0;color:var(--muted)}
.stat-band{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.stat-band .metric{background:rgba(255,255,255,.04)}
.feature-image{border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.feature-image img{width:100%;display:block}
.service-thumb{margin-top:18px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.service-thumb img{width:100%;display:block}
.page-intro-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:32px;align-items:center}
.showcase-note{margin-top:16px;padding:16px 18px;border-radius:18px;background:rgba(0,227,181,.05);border:1px solid rgba(0,227,181,.18);color:#c7d8e1}
.support-hero{display:grid;grid-template-columns:1fr .95fr;gap:36px;align-items:center}
.support-hero .image-panel{padding:12px}
.dual-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.small-muted{color:var(--muted);font-size:.95rem}
@media(max-width:920px){
 .media-grid,.media-grid.reverse,.page-intro-grid,.support-hero,.dual-panels{grid-template-columns:1fr}
 .shot-grid,.stat-band{grid-template-columns:1fr}
}