:root{--navy:#102f39;--navy2:#173f4b;--teal:#287d78;--teal2:#4b9b91;--mint:#e7f2ef;--sand:#f4efe6;--orange:#c66e31;--orange2:#a64e1b;--ink:#183238;--muted:#62757a;--line:#d7e1df;--white:#fff;--shadow:0 18px 50px rgba(20,51,58,.11);--radius:24px;--max:1200px}
*{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;color:var(--ink);background:#fbfcfb;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:18px;z-index:999;background:#fff;padding:12px 16px;border-radius:8px}
.topbar{background:var(--navy);color:#d9ebe8;font-size:.84rem}.topbar .container{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(215,225,223,.9)}.navwrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;min-width:max-content}.logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,var(--teal),var(--navy2));color:#fff;display:grid;place-items:center;font-weight:900;letter-spacing:-1px;box-shadow:0 8px 22px rgba(40,125,120,.28)}.brand strong{font-size:1.18rem;display:block;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:.73rem;margin-top:1px}.nav{display:flex;align-items:center;gap:23px;font-weight:700;font-size:.91rem}.nav a{padding:30px 0 27px;border-bottom:3px solid transparent}.nav a:hover,.nav a.active{color:var(--teal);border-color:var(--teal)}.nav-cta{background:var(--orange);color:#fff!important;padding:12px 17px!important;border-radius:11px;border:0!important;box-shadow:0 7px 18px rgba(198,110,49,.22)}.menu-btn{display:none;border:0;background:var(--mint);width:44px;height:44px;border-radius:11px;color:var(--navy);font-weight:900}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f2f7f5 0%,#fff 50%,#f7efe5 100%);padding:88px 0 74px;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(40,125,120,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(40,125,120,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:56px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:27px;height:2px;background:var(--orange)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--navy);line-height:1.08;margin:0}h1{font-size:clamp(2.75rem,5vw,5.05rem);letter-spacing:-.05em;margin:17px 0 22px}h2{font-size:clamp(2rem,3.4vw,3.3rem);letter-spacing:-.035em;margin-bottom:18px}h3{font-size:1.46rem;letter-spacing:-.025em}.lead{font-size:1.15rem;color:#4c666c;max-width:690px}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 20px;border-radius:12px;font-weight:850;border:1px solid transparent;transition:.2s}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(198,110,49,.24)}.btn-primary:hover{background:var(--orange2);transform:translateY(-1px)}.btn-secondary{background:#fff;border-color:var(--line);color:var(--navy)}.btn-secondary:hover{border-color:var(--teal);color:var(--teal)}.hero-visual{position:relative}.hero-visual img{filter:drop-shadow(0 24px 30px rgba(14,55,63,.15))}.spec-strip{margin-top:27px;display:flex;gap:26px;flex-wrap:wrap}.spec-strip div{display:grid;gap:2px}.spec-strip strong{font-size:1.1rem;color:var(--navy)}.spec-strip span{font-size:.78rem;color:var(--muted)}
.section{padding:88px 0}.section-soft{background:var(--sand)}.section-mint{background:var(--mint)}.section-head{max-width:780px;margin-bottom:38px}.section-head.center{text-align:center;margin-inline:auto}.kicker{color:var(--orange);font-weight:850;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(20,51,58,.06);overflow:hidden}.card-body{padding:27px}.card-visual{height:245px;display:grid;place-items:center;background:linear-gradient(145deg,#edf5f3,#f8f2e9);padding:22px}.card-visual img{width:100%;height:100%;object-fit:contain}.card p{color:var(--muted)}.tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--mint);color:var(--teal);font-size:.75rem;font-weight:850;margin-bottom:13px}.card-link{display:inline-flex;gap:7px;align-items:center;color:var(--orange);font-weight:850;margin-top:8px}.card-link:hover{text-decoration:underline}.feature-list{display:grid;gap:13px;margin:24px 0 0;padding:0;list-style:none}.feature-list li{position:relative;padding-left:28px}.feature-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--teal);font-weight:900}.technical{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.technical-media{background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:var(--shadow)}.tech-table{width:100%;border-collapse:collapse;margin-top:24px}.tech-table th,.tech-table td{text-align:left;border-bottom:1px solid var(--line);padding:14px 12px;vertical-align:top}.tech-table th{width:35%;color:var(--navy)}.note{border-left:4px solid var(--orange);background:#fff7f0;padding:16px 18px;border-radius:0 12px 12px 0;color:#6c4b36;margin:22px 0}.quote{background:var(--navy);color:#e7f2ef;padding:34px;border-radius:24px}.quote h3{color:#fff}.quote p{color:#c9dcda}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.metric strong{display:block;color:var(--teal);font-size:1.6rem}.metric span{font-size:.82rem;color:var(--muted)}
.breadcrumbs{padding:18px 0;font-size:.82rem;color:var(--muted)}.breadcrumbs a:hover{color:var(--teal)}.page-hero{padding:56px 0 64px;background:linear-gradient(135deg,#edf5f3,#fff 57%,#f9f2e8);border-bottom:1px solid var(--line)}.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.page-hero h1{font-size:clamp(2.45rem,4.7vw,4.4rem)}.page-hero img{max-height:410px;margin:auto}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:38px;align-items:start}.prose{font-size:1.02rem}.prose h2{margin-top:46px}.prose h3{margin-top:31px}.prose p,.prose li{color:#4d656a}.prose ul,.prose ol{padding-left:22px}.sidebar{position:sticky;top:106px;display:grid;gap:18px}.sidebox{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.sidebox h3{font-size:1.2rem}.sidebox a:not(.btn){display:block;padding:9px 0;border-bottom:1px solid var(--line);font-weight:700;color:var(--navy)}.sidebox a:not(.btn):hover{color:var(--teal)}
.compare{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:25px 0}.compare>div{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff}.compare h3{margin-bottom:10px}.badge-row{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.badge{padding:7px 11px;background:var(--mint);border-radius:999px;color:var(--teal);font-weight:800;font-size:.78rem}.shop-panel{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#d9e8e6;border-radius:28px;padding:34px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:36px}.shop-panel h2,.shop-panel h3{color:#fff}.shop-panel p{color:#caddda;margin:7px 0 0}.shop-panel .btn{white-space:nowrap}
.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 20px}.faq summary{cursor:pointer;font-weight:850;color:var(--navy);padding:19px 34px 19px 0;position:relative}.faq summary:after{content:"+";position:absolute;right:0;font-size:1.35rem;color:var(--orange)}.faq details[open] summary:after{content:"–"}.faq details p{margin:0 0 20px;color:var(--muted)}
.calc{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.calc-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}.calc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field label{font-weight:800;font-size:.84rem;display:block;margin-bottom:7px;color:var(--navy)}.field input,.field select{width:100%;height:48px;border:1px solid var(--line);border-radius:11px;padding:0 13px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus{outline:3px solid rgba(40,125,120,.12);border-color:var(--teal)}.calc-result{background:linear-gradient(145deg,var(--navy),#205361);color:#fff}.calc-result h3{color:#fff}.big-result{font-size:3rem;font-weight:900;line-height:1;color:#fff;margin:18px 0 8px}.calc-result p{color:#cfe0de}.result-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.16);padding:13px 0}.result-row strong{color:#fff}.warning{font-size:.82rem;color:#6d5a47;background:#fff7e9;border:1px solid #efd9b4;padding:14px;border-radius:12px;margin-top:18px}
.footer{background:var(--navy);color:#d6e5e2;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:34px}.footer h3{color:#fff;font-size:1rem;font-family:inherit}.footer p,.footer a{font-size:.88rem;color:#bcd0cd}.footer a{display:block;padding:5px 0}.footer a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:20px;font-size:.8rem;color:#9fb8b4;display:flex;justify-content:space-between;gap:20px}.source-list{font-size:.85rem;color:var(--muted)}
@media(max-width:1000px){.nav{display:none;position:absolute;top:81px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 10px}.menu-btn{display:block}.hero-grid,.page-hero-grid,.technical,.content-grid,.calc{grid-template-columns:1fr}.hero-visual{max-width:640px;margin:auto}.sidebar{position:static}.grid-3{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.topbar .container{display:block;text-align:center}.topbar .container span:last-child{display:none}.hero{padding:58px 0}.section{padding:62px 0}.grid-3,.grid-2,.compare,.footer-grid,.calc-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.shop-panel{grid-template-columns:1fr}.shop-panel .btn{width:100%}.copyright{display:block}.card-visual{height:220px}.page-hero{padding-top:34px}.spec-strip{gap:14px}.navwrap{height:72px}.nav{top:71px}}