:root{
  --ink:#102a33;--muted:#536b73;--sea:#087f8c;--sea-dark:#075866;--sea2:#dff5f6;
  --line:#c8e0e3;--paper:#fff;--wash:#f4fbfb;--warn:#fff4d9;--dark:#082f36;--max:1180px;
  --shadow:0 18px 42px rgba(7,88,102,.12)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.66}
a{color:#006f7b}img{max-width:100%;height:auto}.shell{width:min(var(--max),calc(100% - 36px));margin:auto}
.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#063f48;padding:10px 14px;z-index:999;border-radius:8px}.skip-link:focus{left:12px}
.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}
.head{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:850;line-height:1.05}.logo{width:40px;height:40px;border-radius:10px;background:#075866;display:grid;place-items:center;flex:0 0 auto}.logo svg{width:27px}.nav{display:flex;gap:20px;flex-wrap:wrap}.nav a{text-decoration:none;font-weight:750;color:#083f48;font-size:.96rem}.nav a:hover{text-decoration:underline;text-underline-offset:4px}
.breadcrumb{font-size:.9rem;color:#647a80;padding-top:18px}.breadcrumb a{color:#48666e}
.hero{background:linear-gradient(180deg,#edfafa 0%,#fff 100%);border-bottom:1px solid var(--line);padding:54px 0}.home-hero{padding:48px 0 54px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#007a87;font-size:.78rem}.eyebrow.light{color:#87e0e6}.hero h1{font-size:clamp(2.45rem,5.2vw,4.25rem);line-height:1.02;letter-spacing:-.044em;margin:.28em 0 .28em}.hero p{font-size:1.12rem;color:#31545d;max-width:720px}.hero-card{background:#fff;border:1px solid #d7ecee;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.hero-photo{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.photo-frame{padding:0}.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.hero-trust span{border-top:1px solid #c9e7e9;padding-top:10px;display:flex;flex-direction:column}.hero-trust strong{font-size:.94rem}.hero-trust small{color:#5f747b}
main section,body>section:not(.hero){padding:48px 0}.content{max-width:870px}.content.wide{max-width:1040px}.content h2,.home-section h2{font-size:clamp(1.8rem,3vw,2.35rem);line-height:1.16;margin:1.1em 0 .45em;letter-spacing:-.02em}.content h3{font-size:1.3rem;margin:1.2em 0 .3em}.content p{margin:.72em 0}.content ul,.content ol{padding-left:1.35rem}.content li{margin:.32em 0}
.home-section{padding:54px 0}.home-section.wash{background:#eef9fa;border-top:1px solid #d8eeee;border-bottom:1px solid #d8eeee}.home-section.dark{background:var(--dark);color:#eefafa}.home-section.dark h2{color:white}.dark-copy{color:#c9dfe2;max-width:920px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.section-head p{max-width:740px;color:var(--muted);margin:.4em 0}.text-link{font-weight:800;text-decoration:none;white-space:nowrap}
.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.photo-figure{margin:0}.photo-figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;box-shadow:var(--shadow)}.photo-figure figcaption{font-size:.9rem;color:#667b82;margin-top:8px}.dark .photo-figure figcaption{color:#c4d9dc}
.photo-grid{display:grid;gap:18px}.photo-grid.five{grid-template-columns:repeat(5,1fr)}.photo-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(6,73,82,.06)}.photo-card img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover}.photo-card>div{padding:16px}.photo-card h3{font-size:1.08rem;margin:0 0 5px;line-height:1.2}.photo-card p{font-size:.93rem;color:var(--muted);margin:.35em 0 .5em}.photo-card a{font-weight:800;text-decoration:none;font-size:.92rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-grid{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:0 6px 22px rgba(4,71,80,.04)}.card h3{margin:.2em 0}.card p{color:var(--muted)}.card a{font-weight:800;text-decoration:none}.featured-callout{background:linear-gradient(135deg,#e7f8f9,#f8fdfd);border:1px solid var(--line);border-radius:20px;padding:24px;margin:18px 0 28px}
.tool{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;margin:24px 0;box-shadow:0 12px 32px rgba(7,88,102,.06)}.tool-form{padding:26px}.tool-result{padding:26px;background:#eaf8f9}.tool label{display:block;font-weight:750;margin:0 0 14px}.tool input,.tool select{width:100%;padding:12px 13px;border:1px solid #a9cbd0;border-radius:10px;font:inherit;margin-top:6px;background:#fff}.tool button{border:0;background:#066b77;color:#fff;font-weight:800;border-radius:10px;padding:12px 16px;font:inherit;cursor:pointer}.tool button:hover{background:#055b65}.result-big{font-size:2rem;line-height:1.15;font-weight:900;color:#045866;margin:.15em 0}.metric{background:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:10px;margin:8px 0}
.formula{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#eef7f7;border-left:4px solid #0d8592;padding:14px 16px;border-radius:8px;margin:20px 0;overflow:auto}.figure{margin:28px 0;padding:0;background:transparent;border:0}.figure img,.content-photo{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}.caption{font-size:.92rem;color:#5a7076;margin:.7em 0 0}.note{background:var(--warn);border-left:4px solid #d99919;padding:14px 16px;border-radius:8px;margin:20px 0}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.facts.four{grid-template-columns:repeat(4,1fr)}.fact{background:#f7fbfb;border:1px solid var(--line);border-radius:14px;padding:16px}.dark .fact{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.17)}.dark .fact p{color:#c8dde0;margin:.45em 0 0}
.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.check-grid>div{border:1px solid var(--line);border-radius:14px;padding:16px;background:#f8fcfc}.check-grid p{color:var(--muted);margin:.35em 0 0}.faq details{border:1px solid var(--line);border-radius:12px;margin:10px 0;background:#fff}.faq summary{cursor:pointer;font-weight:800;padding:14px 16px}.faq details p{padding:0 16px 14px;margin:0;color:var(--muted)}
.table-wrap{overflow:auto}.data{width:100%;border-collapse:collapse;margin:18px 0}.data th,.data td{border-bottom:1px solid var(--line);padding:11px 9px;text-align:left}.data th{background:#f3fafa}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#dff5f6;color:#075b65;font-size:.8rem;font-weight:800}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.button{display:inline-block;padding:11px 15px;border-radius:10px;background:#066b77;color:#fff!important;text-decoration:none;font-weight:800;border:1px solid #066b77}.button.alt{background:#eef9fa;color:#075b65!important;border-color:#bbdfe2}
 .ad-slot{display:block;min-height:118px;margin:22px auto 34px;padding:0;border:0;background:transparent;position:relative;overflow:hidden}.ad-slot::before{content:"Advertisement";display:block;text-align:center;color:#87989d;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding-top:8px}.ad-slot.show{display:block}.reviewbar{background:#082f36;color:white;padding:10px 16px;text-align:center;font-weight:700}.reviewbar span{opacity:.8;font-weight:500}
.site-footer{margin-top:42px;background:#092e35;color:#eaf6f7;padding:44px 0}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.foot a{color:#d4f4f6;text-decoration:none}.small{font-size:.9rem;color:#6c7f84}.site-footer .small{color:#b9d1d5}
@media(max-width:1050px){.photo-grid.five{grid-template-columns:repeat(3,1fr)}.facts.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.site-header{position:static}.head{align-items:flex-start;flex-direction:column;padding:12px 0}.nav{gap:10px 15px}.hero{padding:34px 0}.hero-grid,.split{grid-template-columns:1fr;gap:24px}.hero h1{font-size:2.45rem}.hero-trust{grid-template-columns:1fr 1fr}.grid,.guide-grid,.photo-grid.five{grid-template-columns:1fr}.tool{grid-template-columns:1fr}.facts,.facts.four,.check-grid{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.content h2,.home-section h2{margin-top:.7em}}
@media print{.site-header,.site-footer,.ad-slot,.cta-row,.breadcrumb{display:none!important}.hero{padding:12px 0}.hero-card{box-shadow:none}.tool{box-shadow:none}.shell{width:100%}}

.article-figure{max-width:1040px;margin:12px auto 34px;padding:0}.article-figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;box-shadow:var(--shadow);background:#e7f2f2}.ad-ready{contain:layout paint;contain-intrinsic-size:auto 118px}@media(max-width:800px){.article-figure{margin:8px auto 24px}.article-figure img{border-radius:14px}.ad-slot{min-height:100px;margin:16px auto 24px}}