:root{--ink:#071923;--ink2:#0e2a36;--paper:#f5f8f8;--white:#fff;--line:#cfdbdd;--muted:#52666e;--cyan:#25d5c5;--cyan2:#b8fff7;--lime:#d9ff63;--orange:#ffb35b;--danger:#d64c4c;--shadow:0 18px 50px rgba(7,25,35,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}a{color:#066e72;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#03494d}img,svg{max-width:100%}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}.topline{background:var(--ink);color:#d9eeef;font-size:.82rem}.topline .wrap{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.site-header{position:sticky;top:0;z-index:50;background:rgba(245,248,248,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--ink);text-decoration:none;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--ink);display:grid;place-items:center;color:var(--cyan)}.navlinks{display:flex;gap:22px;align-items:center}.navlinks a{color:var(--ink);font-weight:700;text-decoration:none;font-size:.93rem}.menu-btn{display:none;border:1px solid var(--line);background:white;border-radius:10px;padding:9px 12px;font-weight:800}.hero{background:linear-gradient(135deg,#071923 0%,#0b2d3b 62%,#0f4850 100%);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;min-height:640px;padding:78px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:rgba(37,213,197,.13);border:1px solid rgba(37,213,197,.4);color:#b9fff8;padding:7px 12px;font-size:.78rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.hero h1{font-size:clamp(2.7rem,6vw,5.6rem);line-height:.95;letter-spacing:-.065em;margin:20px 0}.hero h1 span{color:var(--cyan)}.hero p{font-size:1.12rem;color:#d0e2e5;max-width:690px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;border-radius:13px;font-weight:900;text-decoration:none;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--lime);color:var(--ink)}.btn-primary:hover{color:var(--ink);filter:brightness(.95)}.btn-secondary{background:transparent;color:white;border-color:#6d8990}.btn-secondary:hover{color:white;background:rgba(255,255,255,.08)}.btn-dark{background:var(--ink);color:white}.btn-dark:hover{color:white;background:#123845}.btn-light{background:white;color:var(--ink);border-color:var(--line)}.trust-row{display:flex;flex-wrap:wrap;gap:14px 22px;color:#c9dddf;font-size:.9rem}.trust-row span:before{content:"✓";color:var(--cyan);font-weight:900;margin-right:7px}.tech-panel{position:relative;min-height:470px}.gauge-card{position:absolute;inset:20px 0 20px 30px;border:1px solid rgba(167,234,231,.25);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.03));box-shadow:0 30px 70px rgba(0,0,0,.3);padding:28px;overflow:hidden}.gauge-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,213,197,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(37,213,197,.08) 1px,transparent 1px);background-size:32px 32px}.gauge-title{position:relative;display:flex;justify-content:space-between;font-weight:900}.gauges{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}.gauge{aspect-ratio:1;border-radius:50%;border:14px solid #dcebec;background:radial-gradient(circle,#fff 0 58%,#d6e3e5 59% 60%,#fff 61%);color:var(--ink);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #8ca3a8,0 15px 30px rgba(0,0,0,.25)}.gauge strong{font-size:2rem}.needle{position:absolute;width:5px;height:31%;background:var(--danger);transform-origin:bottom;border-radius:5px;transform:rotate(35deg) translateY(-15%)}.hose{position:absolute;bottom:-80px;width:34%;height:240px;border:10px solid var(--cyan);border-top:0;border-radius:0 0 100px 100px}.hose.red{right:12%;border-color:#ff6060}.hose.blue{left:12%}.manifold{position:absolute;left:29%;right:29%;bottom:70px;background:#f6a73d;height:70px;border-radius:16px;box-shadow:0 12px 24px rgba(0,0,0,.3)}.section{padding:82px 0}.section-tight{padding:48px 0}.section-dark{background:var(--ink);color:white}.section h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.045em;line-height:1.05;margin:0 0 16px}.lead{font-size:1.08rem;color:var(--muted);max-width:760px}.section-dark .lead{color:#c6dcdf}.need-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 8px 24px rgba(7,25,35,.05)}.card h3{margin:10px 0 8px;font-size:1.2rem}.card p{color:var(--muted)}.num{font-size:.75rem;letter-spacing:.12em;font-weight:900;color:#07837e}.card-link{display:inline-flex;font-weight:900}.route-banner{background:linear-gradient(135deg,var(--cyan2),#fff);border:1px solid #79d9d1;border-radius:26px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.type-card{position:relative;overflow:hidden}.type-card .type{font-size:3rem;font-weight:1000;letter-spacing:-.06em}.type-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-42px;top:-42px;background:var(--cyan2)}.type-card>*{position:relative;z-index:1}.steps{counter-reset:step;display:grid;gap:14px;margin-top:28px}.step{counter-increment:step;display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start;background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.step:before{content:counter(step);display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--ink);color:var(--cyan);font-weight:1000}.step h3{margin:0}.step p{margin:4px 0;color:var(--muted)}.page-hero{background:var(--ink);color:white;padding:68px 0 60px}.page-hero h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1;letter-spacing:-.055em;margin:16px 0}.page-hero p{max-width:790px;color:#cde0e3;font-size:1.08rem}.breadcrumbs{font-size:.82rem;color:#8fb1b5}.breadcrumbs a{color:#b7eeee}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:36px}.article{background:white;border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,52px)}.article h2{margin-top:42px;font-size:1.8rem}.article h3{margin-top:28px}.article p,.article li{color:#344b53}.article ul,.article ol{padding-left:22px}.aside{display:grid;gap:16px;align-content:start}.aside .card{padding:20px}.callout{border-left:5px solid var(--cyan);background:#e9fffc;padding:18px 20px;border-radius:0 14px 14px 0;margin:24px 0}.warning{border-color:var(--orange);background:#fff5e8}.checklist{list-style:none;padding:0!important}.checklist li{padding:10px 0 10px 32px;position:relative;border-bottom:1px solid #e5ecee}.checklist li:before{content:"✓";position:absolute;left:0;color:#07837e;font-weight:1000}.source-box{font-size:.9rem;background:#f2f6f7;border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:36px}.quiz-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px}.quiz-side,.quiz-main{background:white;border:1px solid var(--line);border-radius:22px;padding:22px}.mode-list{display:grid;gap:9px}.mode-list button{width:100%;text-align:left;border:1px solid var(--line);background:#f7fafb;padding:12px;border-radius:11px;font-weight:800;cursor:pointer}.mode-list button:hover{border-color:#46bcb5}.quiz-top{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.progress-bar{height:10px;background:#dfe9ea;border-radius:10px;overflow:hidden}.progress-bar span{display:block;height:100%;background:var(--cyan);width:0}.question{font-size:1.28rem;font-weight:900;margin:26px 0 18px}.options{display:grid;gap:11px}.option{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid var(--line);border-radius:14px;cursor:pointer;background:white}.option:hover{border-color:#38aca7}.option.selected{border-color:#07837e;background:#e8fffc}.option.correct{border-color:#1b9b60;background:#eafff1}.option.wrong{border-color:#d64c4c;background:#fff0f0}.quiz-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e5f6f4;color:#066f6b;font-size:.76rem;font-weight:900}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#f2f7f8;border-radius:14px;padding:16px}.metric strong{display:block;font-size:1.6rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-weight:900;margin-bottom:6px}.field select,.field input{width:100%;padding:13px;border:1px solid var(--line);border-radius:11px;background:white;font:inherit}.saved-box{display:none;background:#e9fffc;border:1px solid #6fd8cf;border-radius:16px;padding:18px;margin:18px 0}.saved-box.show{display:block}.footer{background:#06151d;color:#b8ced1;padding:54px 0 26px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer h3{color:white}.footer a{color:#c2e4e3}.fineprint{border-top:1px solid #29414a;margin-top:36px;padding-top:20px;font-size:.82rem;color:#8fa8ad}.tag-row{display:flex;flex-wrap:wrap;gap:9px}.tag{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:white;font-size:.82rem;font-weight:800}.table-wrap{overflow:auto}.compare{width:100%;border-collapse:collapse;background:white}.compare th,.compare td{padding:14px;border:1px solid var(--line);text-align:left;vertical-align:top}.compare th{background:#edf5f5}.hidden{display:none!important}@media(max-width:900px){.hero-grid,.content-grid,.quiz-shell,.grid-2{grid-template-columns:1fr}.hero-grid{padding:55px 0}.tech-panel{min-height:390px}.need-grid,.grid-3{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:20px 16px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu-btn{display:block}.result-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.wrap{width:min(100% - 22px,1160px)}.hero h1{font-size:3rem}.need-grid,.grid-3,.form-grid,.footer-grid{grid-template-columns:1fr}.gauge-card{inset:10px 0}.gauges{gap:12px}.gauge{border-width:9px}.section{padding:58px 0}.article{padding:24px 18px}.route-banner{align-items:flex-start;flex-direction:column}.topline .wrap{display:block}.topline span:last-child{display:none}.quiz-main,.quiz-side{padding:16px}.result-grid{grid-template-columns:1fr}.quiz-actions{flex-wrap:wrap}}