:root{--navy:#071a2b;--navy2:#0c2940;--blue:#087ca7;--cyan:#20b9d6;--red:#e23838;--ink:#14212b;--muted:#5d6b75;--line:#dce5ea;--pale:#f3f7f9;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.58}img{max-width:100%;display:block}a{color:inherit}.top{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.topin{max-width:var(--max);margin:auto;padding:14px 24px;display:flex;align-items:center;gap:30px}.logo{width:170px}.nav{margin-left:auto;display:flex;align-items:center;gap:24px}.nav a{text-decoration:none;font-weight:700;font-size:14px}.nav .cta,.btn{background:var(--red);color:#fff;border-radius:4px;padding:12px 18px;text-decoration:none;font-weight:800;display:inline-block}.hero{background:linear-gradient(135deg,#071a2b 0%,#0c2940 70%,#0b4258 100%);color:#fff}.heroIn{max-width:var(--max);margin:auto;padding:76px 24px 62px;display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}.crumbs{font-size:13px;color:#b9d2df;margin-bottom:20px}.crumbs a{color:#d9eef6}.eyebrow{color:#4ad2e8;text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:13px}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.02;margin:12px 0 20px;letter-spacing:-.035em}.hero p{font-size:19px;color:#d5e2e9;max-width:700px}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn.secondary{background:transparent;border:1px solid #6d8796}.heroCard{background:#fff;border-radius:8px;padding:20px;box-shadow:0 24px 60px rgba(0,0,0,.3)}.heroCard img{width:100%;aspect-ratio:16/10;object-fit:contain}.facts{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--max);margin:-1px auto 0;background:#fff;border:1px solid var(--line)}.fact{padding:22px;border-right:1px solid var(--line)}.fact:last-child{border-right:0}.fact strong{display:block;color:var(--navy);font-size:22px}.fact span{font-size:13px;color:var(--muted)}.wrap{max-width:var(--max);margin:auto;padding:72px 24px}.intro{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:start}.intro h2,.sectionTitle{font-size:clamp(30px,3.4vw,48px);line-height:1.08;color:var(--navy);margin:8px 0 20px;letter-spacing:-.025em}.intro p,.copy{font-size:18px;color:#3e4d58}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.card{border:1px solid var(--line);padding:26px;background:#fff;border-radius:6px}.card b{color:var(--cyan);font-size:13px;letter-spacing:.1em}.card h3{color:var(--navy);font-size:21px;margin:12px 0 8px}.card p{color:var(--muted);margin:0}.pale{background:var(--pale)}.specs{width:100%;border-collapse:collapse;margin-top:30px;background:#fff}.specs th,.specs td{text-align:left;padding:14px 16px;border:1px solid var(--line)}.specs th{background:var(--navy);color:#fff}.specs td:first-child{font-weight:800;color:var(--navy);width:34%}.useGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.use{background:#fff;border-left:4px solid var(--cyan);padding:22px 24px;box-shadow:0 8px 22px rgba(7,26,43,.06)}.use h3{margin:0 0 8px;color:var(--navy)}.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-size:18px;font-weight:800;color:var(--navy);cursor:pointer}.faq details p{color:var(--muted)}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related a{border:1px solid var(--line);padding:22px;text-decoration:none;font-weight:800;color:var(--navy);background:#fff}.related a:hover{border-color:var(--cyan)}.contact{background:var(--navy);color:#fff}.contactIn{max-width:var(--max);margin:auto;padding:64px 24px;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact h2{font-size:38px;line-height:1.08;margin:0 0 12px}.contact p{color:#c8d8e1;margin:0}.footer{background:#04111d;color:#9eb2bf}.footerIn{max-width:var(--max);margin:auto;padding:28px 24px;display:flex;justify-content:space-between;gap:24px}.note{font-size:14px;color:var(--muted);margin-top:18px}@media(max-width:820px){.nav a:not(.cta){display:none}.heroIn,.intro{grid-template-columns:1fr}.heroIn{padding-top:52px}.facts{grid-template-columns:repeat(2,1fr);margin:0}.fact:nth-child(2){border-right:0}.grid3,.related{grid-template-columns:1fr}.useGrid{grid-template-columns:1fr}.contactIn,.footerIn{display:block}.contact .btn{margin-top:24px}.logo{width:135px}}