:root{--g:#171d23;--g2:#1b222c;--b:#145bd7;--bl:#3ca8ff;--d:#d9a441;--w:#fff;--mut:#9aa7b7;--light:#f6f8fb;--ink:#18202a;--line:rgba(255,255,255,.12);--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--w);background:var(--g);line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 36px));margin:auto}
.header{position:sticky;top:0;z-index:20;background:var(--g);backdrop-filter:blur(12px);border-bottom:1px solid var(--g)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{display:block;width:190px;height:auto;max-height:58px;object-fit:contain;object-position:left center}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:800}.nav-cta{padding:11px 17px;background:var(--b);color:#fff;font-size:13px}
.hero{position:relative;overflow:hidden;min-height:720px;display:flex;align-items:center}.hero-media,.hero-overlay{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{background:linear-gradient(90deg,rgba(8,13,20,.9) 0%,rgba(8,13,20,.72) 45%,rgba(8,13,20,.38) 100%)}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center;padding:80px 0}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:.15em;color:#d6deea}.eyebrow:before{content:"";display:inline-block;width:24px;height:2px;background:var(--d);vertical-align:middle;margin-right:9px}.hero h1{font-size:clamp(43px,5.7vw,72px);line-height:.99;letter-spacing:-.055em;margin:20px 0}.hero h1 em{font-style:normal;color:var(--d)}.lead{font-size:18px;color:#c7d0dc;max-width:650px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{min-height:50px;padding:0 20px;border:0;cursor:pointer}.primary{background:var(--b);color:#fff;box-shadow:0 12px 30px rgba(20,91,215,.3)}.ghost{border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.15);color:#fff}.note{font-size:11px;color:#aeb8c5;margin-top:13px}
.hero-card{padding:27px;border-radius:25px;background:rgba(18,25,34,.91);border:1px solid rgba(255,255,255,.14);box-shadow:0 25px 65px rgba(0,0,0,.3)}.card-top{display:flex;justify-content:space-between;gap:10px;color:#8f9cac;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.card-top strong{color:#bdd6ff}.metric{padding:20px 0;border-bottom:1px solid var(--line)}.metric small{display:block;color:#96a2b2;font-size:12px}.metric b{display:block;font-size:26px;line-height:1.15;margin-top:5px;letter-spacing:-.03em}.hero-card>p{font-size:10px;color:#7f8a9b;margin:18px 0 0}
.proof{background:#0d1218;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stats>div{text-align:center;padding:22px 10px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats b{display:block;font-size:35px}.stats span{font-size:18px;color:#8995a5}
section{padding:100px 0}.light{background:var(--light);color:var(--ink)}.light .kicker{color:var(--b)}h2{font-size:clamp(34px,4.3vw,53px);line-height:1.03;letter-spacing:-.045em;margin:13px 0;max-width:800px}.section-lead{max-width:720px;color:#667085;font-size:17px}.cards{display:grid;gap:14px;margin-top:45px}.three{grid-template-columns:repeat(3,1fr)}.cards article{padding:27px;border:1px solid #e0e5ec;border-radius:18px;background:#fff}.num{font-size:12px;color:var(--b);font-weight:900}.cards h3{font-size:20px;margin:22px 0 8px}.cards p,.steps p{font-size:13px;color:#667085}
.photo-story{background:#eef2f7;color:var(--ink)}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.photo-frame{border-radius:22px;overflow:hidden;box-shadow:0 25px 60px rgba(18,28,40,.18);aspect-ratio:4/3}.photo-frame img{width:100%;height:100%;object-fit:cover}.mini-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.mini-list div{font-size:13px;font-weight:800;padding:13px 14px;background:#fff;border:1px solid #e0e5ec;border-radius:10px}
.dark{background:var(--g)}.blue{color:var(--bl)!important}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:42px}.gallery figure{margin:0;border-radius:17px;overflow:hidden;background:#202832;aspect-ratio:16/10}.gallery figure img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.gallery figure:hover img{transform:scale(1.025)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:45px}.steps>div{padding:24px;border:1px solid #e0e5ec;border-radius:17px;background:#fff}.steps b{color:var(--b);font-size:12px}.steps h3{font-size:18px;margin:18px 0 6px}
.cta{background:linear-gradient(120deg,#103a8d,#145bd7);padding:90px 0}.cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.cta h2{max-width:650px}.cta p{color:#d8e5ff}.gold{color:#ffe19b!important}form{background:#fff;color:var(--ink);padding:27px;border-radius:20px;box-shadow:0 20px 55px rgba(0,0,0,.18)}label{display:block;font-size:12px;font-weight:800;margin-bottom:14px}input{display:block;width:100%;margin-top:7px;padding:14px 13px;border:1px solid #d9dfe8;border-radius:9px;font:inherit;outline:none}input:focus{border-color:var(--b);box-shadow:0 0 0 3px rgba(20,91,215,.1)}.full{width:100%;margin-top:4px}form small{display:block;color:#7a8493;font-size:10px;margin-top:10px}
footer{background:var(--w);padding:42px 0 20px}.footer{display:flex;align-items:center;gap:28px}.footer-logo{width:180px;max-height:70px;object-fit:contain;object-position:left center}.footer p{color:#8995a6;font-size:12px;margin:5px 0}.footer a{color:#fff}.legal{margin-top:25px;padding-top:17px;border-top:1px solid var(--line);color:#667080;font-size:10px}.legal a{text-decoration:underline}
@media(max-width:850px){.hero-content,.photo-grid,.cta-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-content{padding:65px 0;gap:35px}.hero-overlay{background:linear-gradient(180deg,rgba(8,13,20,.78),rgba(8,13,20,.9))}.stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(1),.stats>div:nth-child(2){border-bottom:1px solid var(--line)}.three,.steps{grid-template-columns:1fr 1fr}.photo-grid{gap:35px}}
@media(max-width:560px){.container{width:min(var(--max),calc(100% - 28px))}.nav{min-height:66px}.brand img{width:150px;max-height:50px}.nav-cta{font-size:11px;padding:9px 11px}.hero h1{font-size:43px}.lead{font-size:16px}.buttons{display:grid;grid-template-columns:1fr}.btn{width:100%}.hero-card{padding:21px}.metric b{font-size:23px}.stats b{font-size:20px}.stats span{font-size:10px}section{padding:72px 0}.cards,.three,.steps,.numbers-grid,.gallery-grid,.mini-list{grid-template-columns:1fr}.gallery figure{aspect-ratio:4/3}.footer{display:block}.footer-logo{margin-bottom:18px}}

.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:42px}.quality-photo{margin:0;background:#fff;border:1px solid #e0e5ec;border-radius:20px;overflow:hidden}.quality-photo img{display:block;width:100%;height:320px;object-fit:cover}.quality-photo figcaption{padding:18px 20px}.quality-photo figcaption b{display:block;font-size:18px}.quality-photo figcaption span{display:block;color:#667085;font-size:12px;margin-top:5px}.monitor{background:#1b1f27}.monitor-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.monitor .section-lead{color:#8995a6}.dark-list{margin-top:24px}.dark-list div{color:#cbd4df;font-size:13px;margin:9px 0}.app-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.app-gallery figure{margin:0;border-radius:16px;overflow:hidden;background:#252d39;border:1px solid rgba(255,255,255,.1)}.app-gallery figure:nth-child(2){margin-top:28px}.app-gallery img{display:block;width:100%;height:330px;object-fit:cover}
@media(max-width:850px){.quality-grid,.monitor-grid{grid-template-columns:1fr}.app-gallery{max-width:760px;margin:auto}.quality-photo img{height:280px}}
@media(max-width:560px){.quality-grid{grid-template-columns:1fr}.quality-photo img{height:240px}.app-gallery{grid-template-columns:1fr 1fr}.app-gallery figure:nth-child(2){margin-top:0}.app-gallery figure:nth-child(3){grid-column:1 / -1;max-width:50%;justify-self:center}.app-gallery img{height:260px}}