:root{--bg:#071014;--surface:#0d181e;--surface-2:#11222a;--text:#f5f8fa;--muted:#a7b3ba;--line:#21343d;--accent:#59c7e8;--accent-2:#b8f2ff;--white:#fff;--max:1180px;--radius:22px;--shadow:0 18px 60px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7fafb;color:#17252d;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:10px}.skip-link:focus{left:10px;z-index:999;background:#fff;padding:10px;border-radius:8px}.site-header{position:sticky;top:0;z-index:40;background:rgba(7,16,20,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}.brand{flex:0 0 auto}.desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.nav-link{font-size:14px;color:#c7d2d8;padding:28px 0;position:relative}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#041015}.btn-secondary{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.06)}.btn-dark{background:#0b171d;color:#fff}.btn-outline{border-color:#9db0b9;color:#20323b;background:transparent}.btn-sm{padding:10px 16px;font-size:14px}.menu-toggle{display:none;margin-left:auto;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}.mobile-menu{display:none;background:#0b171d;padding:16px 20px 24px}.mobile-menu a{display:block;color:#fff;padding:12px 0}.mobile-menu.open{display:block}.hero{background:radial-gradient(circle at 82% 18%,rgba(89,199,232,.22),transparent 28%),linear-gradient(145deg,#061014 0%,#0c1d24 58%,#0b2029 100%);color:#fff;overflow:hidden}.hero-grid{min-height:710px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:36px}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:12px;color:#82dff5}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.04em;margin:18px 0 22px;max-width:820px}.hero p{font-size:20px;color:#c6d2d8;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:#aebbc1;font-size:14px}.trust-row span:before{content:"✓";color:var(--accent);font-weight:900;margin-right:8px}.hero-visual{position:relative}.hero-visual img{filter:drop-shadow(0 30px 50px rgba(0,0,0,.45))}.float-card{position:absolute;background:rgba(7,17,22,.86);border:1px solid rgba(255,255,255,.15);padding:14px 16px;border-radius:14px;box-shadow:var(--shadow);color:#fff}.float-card strong{display:block;font-size:20px}.float-card small{color:#aebbc1}.float-one{left:0;top:12%}.float-two{right:0;bottom:11%}.logo-strip{background:#fff;border-bottom:1px solid #e5ecef}.logo-strip-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:22px 0}.logo-pill{text-align:center;padding:10px;color:#50636d;font-weight:800;letter-spacing:.06em;font-size:13px}.section{padding:96px 0}.section-dark{background:var(--bg);color:#fff}.section-soft{background:#edf4f6}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:42px}.section-head h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.03em;margin:10px 0 0}.section-head p{max-width:560px;color:#60727b;margin:0}.section-dark .section-head p{color:#aab8bf}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.card{background:#fff;border:1px solid #dfe8ec;border-radius:var(--radius);overflow:hidden}.card-body{padding:24px}.card h3{margin:8px 0 10px;font-size:22px}.card p{color:#60727b}.card-dark{background:var(--surface);border-color:var(--line);color:#fff}.card-dark p{color:#a7b3ba}.product-card img{aspect-ratio:4/3;object-fit:cover;background:#dfe9ed}.product-card .tag{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#3287a1}.product-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef4f6;color:#52656e;font-size:12px;font-weight:700}.stat-card{padding:26px;border-radius:var(--radius);border:1px solid #dfe8ec;background:#fff}.stat-card strong{font-size:38px;display:block;line-height:1;color:#0f2d39}.stat-card span{display:block;margin-top:10px;color:#60727b}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.tech-list{display:grid;gap:14px}.tech-item{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.tech-item strong{display:block;color:#fff}.tech-item span{color:#9eb0b8;font-size:14px}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.process-step{background:#fff;border:1px solid #dfe8ec;border-radius:18px;padding:22px;position:relative}.process-step .num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dff5fb;color:#0a4a5e;font-weight:900;margin-bottom:16px}.process-step h3{margin:0 0 8px}.process-step p{margin:0;color:#60727b;font-size:14px}.cta-band{background:linear-gradient(135deg,#0a1b22,#0d303d);color:#fff;border-radius:30px;padding:54px;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta-band h2{font-size:clamp(32px,4vw,48px);line-height:1.08;margin:0 0 12px}.cta-band p{color:#b7c6cd;margin:0;max-width:650px}.page-hero{background:linear-gradient(135deg,#071014,#0c2430);color:#fff;padding:110px 0 82px}.page-hero h1{font-size:clamp(40px,6vw,68px);line-height:1.04;letter-spacing:-.035em;margin:16px 0}.page-hero p{max-width:760px;color:#bfccd2;font-size:19px}.breadcrumbs{font-size:13px;color:#87d9ef}.feature-list{list-style:none;padding:0;margin:22px 0}.feature-list li{padding:8px 0 8px 28px;position:relative}.feature-list li:before{content:"✓";position:absolute;left:0;color:#1593b5;font-weight:900}.spec-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;border:1px solid #dde7eb}.spec-table th,.spec-table td{text-align:left;padding:15px 18px;border-bottom:1px solid #e5edf0}.spec-table th{width:34%;background:#f2f7f8}.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:38px}.sidebar{align-self:start;position:sticky;top:100px}.sidebar-box{background:#0b171d;color:#fff;border-radius:22px;padding:26px}.sidebar-box p{color:#adbbc1}.article{background:#fff;border:1px solid #dfe8ec;border-radius:24px;padding:36px}.article h2{margin-top:36px}.article h3{margin-top:26px}.article p,.article li{color:#4f626b}.quote-form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-weight:800;font-size:14px;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #cddbe1;border-radius:12px;padding:13px 14px;background:#fff;color:#17252d}.field textarea{min-height:130px;resize:vertical}.form-note{font-size:13px;color:#71838c}.alert{display:none;padding:13px 15px;border-radius:12px;background:#e7f7fb;color:#0c5870}.alert.show{display:block}.blog-card{display:flex;flex-direction:column}.blog-card img{aspect-ratio:16/9;object-fit:cover}.blog-card .card-body{display:flex;flex-direction:column;flex:1}.blog-card .meta{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#2d8199;font-weight:800}.blog-card a.more{margin-top:auto;font-weight:800;color:#126a83}.site-footer{background:#050c0f;color:#fff;padding:70px 0 26px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:36px}.site-footer h3{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#83ddf3}.site-footer a,.site-footer span{display:block;color:#b8c4ca;margin:9px 0}.footer-copy{color:#b8c4ca;max-width:390px}.small{font-size:12px}.footer-bottom{border-top:1px solid #1a2a31;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:18px;font-size:13px;color:#8fa0a8}.compare-table{width:100%;border-collapse:collapse}.compare-table th,.compare-table td{padding:16px;border-bottom:1px solid #dfe8ec;text-align:left}.compare-table th{background:#edf4f6}.kicker{font-weight:800;color:#1b7f99;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.case-card{padding:24px;border-left:3px solid var(--accent);background:#10212a;border-radius:0 18px 18px 0}.case-card p{color:#acbbc2}.notice{border:1px dashed #e7a95f;background:#fff8ed;color:#7f4d16;border-radius:14px;padding:16px}.legal{max-width:850px}.legal h2{margin-top:36px}
@media (max-width:1000px){.desktop-nav,.desktop-cta{display:none}.menu-toggle{display:block}.hero-grid,.tech-grid,.content-wrap{grid-template-columns:1fr}.hero-grid{padding:70px 0}.hero-visual{max-width:650px;margin:auto}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.sidebar{position:static}.logo-strip-inner{grid-template-columns:repeat(3,1fr)}}
@media (max-width:680px){.container{width:min(calc(100% - 28px),var(--max))}.section{padding:68px 0}.grid-4,.grid-3,.grid-2,.process,.form-row,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:14px}.hero h1{font-size:43px}.hero p{font-size:17px}.hero-grid{min-height:auto}.float-card{position:static;margin-top:12px}.logo-strip-inner{grid-template-columns:1fr 1fr}.cta-band{padding:34px 24px;display:block}.cta-band .btn{margin-top:22px}.page-hero{padding:88px 0 62px}.article{padding:24px}.footer-bottom{display:block}}