@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#081522;--bg2:#0e2232;--panel:#112b3c;--line:#274557;--ink:#f3f8fb;--muted:#a7bbc8;--lime:#bce77f;--teal:#49c5bc;--orange:#ffca88;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5.6vw,5.35rem);margin:.3em 0}h2{font-size:clamp(1.9rem,3.6vw,3.3rem);margin:.3em 0 .6em}h3{font-size:1.25rem;margin:.2em 0 .6em}p{margin:.5em 0 1.2em}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(8,21,34,.93);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(20px)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:20px}.brand{display:flex;align-items:center;gap:11px;font:800 1.3rem Manrope}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--lime);color:#102332;border-radius:12px;font-size:1.4rem;transform:rotate(-8deg)}.brand small{display:block;font:600 .59rem Manrope;letter-spacing:.18em;color:var(--muted)}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font-weight:700;font-size:.86rem;color:#bacbd5}.nav-links a:hover,.nav-links a.active{color:var(--lime)}.nav-links .nav-cta{border:1px solid #698e95;border-radius:100px;padding:10px 19px;color:white}.menu-btn{display:none;background:transparent;border:1px solid var(--line);border-radius:10px;color:white;padding:9px 12px}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;font-size:.74rem;letter-spacing:.21em;font-weight:800;color:var(--lime)}.eyebrow:before{content:'';display:inline-block;width:24px;height:1px;background:var(--lime)}.hero{position:relative;overflow:hidden;padding:100px 0 102px;background:radial-gradient(ellipse at 85% 24%,#1a4851 0,transparent 46%),linear-gradient(125deg,#081522,#0b2032 65%,#0c303c)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.hero h1 span,.accent{color:var(--lime)}.lead{color:#c2d3de;font-size:1.13rem;line-height:1.85;max-width:620px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 24px;border-radius:6px;font-weight:800;font-size:.89rem;transition:.2s}.btn-main{background:var(--lime);color:#14271a}.btn-main:hover{background:#d7f4b3;transform:translateY(-2px)}.btn-outline{border:1px solid #6d8a96;color:#f3f8fb}.btn-outline:hover{border-color:var(--lime);color:var(--lime)}.hero-visual{position:relative}.hero-visual img{border:8px solid #193749;border-radius:12px;box-shadow:0 30px 70px #0007;transform:perspective(1100px) rotateY(-7deg)}.visual-label{position:absolute;bottom:-22px;right:-12px;background:var(--lime);color:#09202d;padding:18px 22px;border-radius:5px;box-shadow:0 20px 50px #0004;font-weight:800;max-width:190px;line-height:1.3}.hero-note{margin-top:34px;display:flex;flex-wrap:wrap;gap:22px;color:#b4c9d4;font-size:.84rem}.hero-note span:before{content:'✦';color:var(--lime);margin-right:9px}.section{padding:90px 0}.section-alt{background:#0c2030}.section-head{max-width:770px;margin-bottom:35px}.section-head p{color:var(--muted);font-size:1.02rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:9px;background:linear-gradient(140deg,#112a3c,#0d2333);padding:29px}.card p,.muted{color:var(--muted)}.card-number{color:var(--lime);font-size:.85rem;font-weight:800;letter-spacing:.08em;margin-bottom:35px}.card-link{font-size:.88rem;color:var(--lime);font-weight:800}.feature-card{padding:0;overflow:hidden}.feature-card img{aspect-ratio:16/10;object-fit:cover;background:white}.feature-card .inner{padding:26px}.strip{background:var(--lime);color:#163126;padding:33px 0}.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.strip strong{font:800 clamp(1.2rem,2.5vw,1.9rem) Manrope}.strip .btn{background:#102b2b;color:white}.page-hero{padding:87px 0 65px;background:radial-gradient(ellipse at right,#144150,transparent 50%),#0a1d2b;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.7rem,5vw,4.6rem);max-width:940px}.page-hero p{max-width:820px;color:#bfd0db;font-size:1.12rem}.module-row{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;padding:57px 0;border-bottom:1px solid var(--line)}.module-row:nth-child(even) .module-photo{order:-1}.module-photo img{width:100%;border-radius:8px;box-shadow:0 20px 45px #0005;background:#fff}.module-copy h2{font-size:clamp(1.8rem,3vw,2.65rem)}.module-copy p{color:var(--muted)}.clean-list{padding:0;list-style:none;color:#e0ebef}.clean-list li{padding:9px 0 9px 24px;position:relative}.clean-list li:before{content:'›';position:absolute;left:0;color:var(--lime);font-weight:900}.method-list{counter-reset:m}.method{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}.method .index{font:800 2.7rem Manrope;color:var(--lime)}.method p{color:var(--muted)}.pill{display:inline-flex;padding:7px 12px;border:1px solid #527084;border-radius:99px;font-size:.79rem;color:#d2e4ed;margin:4px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.gallery figure{margin:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#112a3c}.gallery figure img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#f1f4f7}.gallery figcaption{padding:19px 22px;font-size:.92rem;color:#d7e4ed}.gallery figcaption strong{display:block;color:var(--lime);font-size:.73rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.note{padding:19px 24px;border-left:3px solid var(--lime);background:#142b3c;color:#c9d8df}.footer{background:#06121c;border-top:1px solid var(--line);padding:52px 0 24px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer .meta{color:#93a9b5;font-size:.86rem}.footer-nav{display:flex;gap:18px;justify-content:flex-end;flex-wrap:wrap}.footer-bottom{border-top:1px solid #203745;margin-top:35px;padding-top:19px;color:#8499a5;font-size:.81rem;display:flex;justify-content:space-between;gap:20px}.smalltag{font-weight:800;font-size:.74rem;color:var(--lime);letter-spacing:.15em;text-transform:uppercase}.banner-image{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.banner-image img{border-radius:9px;background:#fff}.table-compare{width:100%;border-collapse:collapse}.table-compare th,.table-compare td{text-align:left;padding:18px;border-bottom:1px solid var(--line)}.table-compare th{color:var(--lime);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.table-compare td{color:#cfdee8}.logo-svg{width:24px;height:24px}
@media(max-width:850px){.hero-grid,.module-row,.banner-image{grid-template-columns:1fr}.module-row:nth-child(even) .module-photo{order:initial}.hero{padding:65px 0 85px}.hero-visual img{transform:none}.grid-3{grid-template-columns:repeat(2,1fr)}.nav-links{gap:16px}.nav-links a{font-size:.78rem}}@media(max-width:620px){.wrap{width:min(calc(100% - 32px),var(--max))}.menu-btn{display:block}.nav{min-height:72px}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#0c2230;border-bottom:1px solid var(--line);padding:22px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.hero{padding:55px 0 75px}.hero h1{font-size:2.6rem}.visual-label{right:0;bottom:-18px}.grid-3,.grid-2,.gallery,.footer-grid{grid-template-columns:1fr}.section{padding:60px 0}.strip-inner{display:block}.strip .btn{margin-top:15px}.footer-nav{justify-content:flex-start}.footer-bottom{display:block}.method{grid-template-columns:54px 1fr}.method .index{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
