
:root{--t:#0F766E;--td:#0b524c;--a:#F59E0B;--ink:#16302d;--bg:#fbfaf6;--l:#e6efec}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 Georgia,"Times New Roman",serif;color:var(--ink);background:var(--bg);padding-bottom:64px}
h1,h2,strong,.btn,.brand,nav,summary{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
a{color:var(--td)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--a);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.top{background:#fff;border-bottom:1px solid var(--l);position:sticky;top:0;z-index:20}
.bar{display:flex;align-items:center;gap:18px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--td);text-decoration:none;margin-right:auto}
.nav{display:flex;gap:18px}.nav a{text-decoration:none;color:var(--ink);font-weight:500}.nav a:hover{color:var(--t)}
.menu{display:none;background:none;border:1px solid var(--t);color:var(--t);border-radius:6px;padding:6px 12px;font:600 15px system-ui}
.btn{display:inline-block;padding:11px 20px;border-radius:8px;font-weight:700;text-decoration:none;border:2px solid var(--t);color:var(--t)}
.btn.call{background:var(--a);border-color:var(--a);color:#1b1200}.btn.call:hover{background:#d98a06}
.btn.big{padding:15px 28px;font-size:1.1rem}.btn.ghost:hover{background:var(--l)}
.hero{background:linear-gradient(135deg,var(--td),var(--t));color:#fff;padding:64px 0}
.hero a.ghost{color:#fff;border-color:#fff}.hg{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font:600 13px system-ui;color:#ffd78a;margin:0 0 8px}
h1{font-size:clamp(2rem,4.5vw,3rem);line-height:1.15;margin:0 0 14px}.lead{font-size:1.15rem;margin:0 0 24px;max-width:34em}
.card{background:#fff;color:var(--ink);border-radius:12px;padding:22px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.card ol{margin:10px 0 0;padding-left:20px}
.pagehead{background:var(--td);color:#fff;padding:40px 0}.pagehead h1{margin:0}
.crumbs{padding-top:14px;font:14px system-ui}
.prose{padding-top:28px;padding-bottom:28px;max-width:780px}.prose h2{font-size:1.5rem;margin:1.6em 0 .4em;color:var(--td)}
.answer{background:#fff;border-left:5px solid var(--a);padding:14px 18px;border-radius:0 8px 8px 0}
.callrow{margin:26px 0}.small{font-size:.9rem;color:#4c625f}
.band{background:var(--l);padding:40px 0}.band h2{margin-top:0;color:var(--td)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.tile{background:#fff;padding:16px;border-radius:10px;text-decoration:none;color:var(--ink);border:1px solid #d6e3df;display:flex;flex-direction:column;gap:6px;font-size:.92rem;line-height:1.45}
.tile:hover{border-color:var(--t);transform:translateY(-2px)}.tile strong{color:var(--td);font-size:1.02rem}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{background:#fff;border:1px solid var(--t);border-radius:99px;padding:7px 16px;text-decoration:none;font:500 15px system-ui}
.chip:hover{background:var(--t);color:#fff}
.faq details{background:#fff;border:1px solid #d6e3df;border-radius:8px;padding:12px 16px;margin:8px 0}.faq summary{cursor:pointer;font-weight:600}
.cta{background:var(--td);color:#fff;text-align:center;padding:48px 0}.cta h2{margin:0 0 8px}
footer{background:#10201e;color:#cfe0dc;padding:36px 0 20px;font-size:.92rem}footer a{display:block;color:#cfe0dc;text-decoration:none;padding:2px 0}footer a:hover{color:var(--a)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}footer strong{color:#fff;display:block;margin-bottom:6px}
.sticky{position:fixed;left:0;right:0;bottom:0;background:var(--a);color:#1b1200;text-align:center;font:700 17px system-ui;padding:16px;text-decoration:none;z-index:30;box-shadow:0 -3px 12px rgba(0,0,0,.2)}
@media(min-width:861px){.sticky{left:auto;right:20px;bottom:20px;border-radius:99px;padding:14px 24px}body{padding-bottom:0}}
@media(max-width:860px){.hg,.fgrid{grid-template-columns:1fr}.menu{display:block}.hide-m{display:none}
.nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:12px 20px;border-bottom:1px solid var(--l)}.nav.open{display:flex}.hero{padding:40px 0}}

/* 2026 visual refresh */
:root{--shadow:0 18px 50px rgba(15,72,66,.14)}
body{font-family:Georgia,"Times New Roman",serif;background:linear-gradient(180deg,#fbfaf6 0,#f7faf8 100%)}
.top{backdrop-filter:saturate(140%) blur(8px);background:rgba(255,255,255,.96)}
.hero{position:relative;overflow:hidden;padding:72px 0;background:linear-gradient(120deg,#073f3a 0%,#0f766e 56%,#128a80 100%)}
.hero:before{content:"";position:absolute;inset:auto -8% -55% auto;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.07)}
.hg{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:52px}
.hero-media{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.28);min-height:400px;background:#dfe9e6}
.hero-media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);border-radius:24px;pointer-events:none}
.hero-media img{width:100%;height:100%;min-height:400px;object-fit:cover;display:block}
.hero-badge{position:absolute;left:18px;right:18px;bottom:18px;padding:12px 15px;border-radius:12px;background:rgba(8,38,35,.88);color:#fff;font:700 14px/1.3 system-ui;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.hero .lead{font-size:1.2rem;line-height:1.65}.hero h1{max-width:680px}.hero .btn{margin-top:4px}
.trustbar{background:#fff;border-bottom:1px solid var(--l);box-shadow:0 6px 20px rgba(15,72,66,.04)}
.trustgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.trustgrid>div{padding:20px 24px;border-right:1px solid var(--l)}.trustgrid>div:first-child{padding-left:0}.trustgrid>div:last-child{border-right:0;padding-right:0}
.trustgrid strong,.trustgrid span{display:block}.trustgrid strong{color:var(--td);font-size:.98rem}.trustgrid span{font:14px/1.45 system-ui;color:#526762;margin-top:3px}
.visual-section{padding:52px 0 58px;background:#fff;border-top:1px solid var(--l);border-bottom:1px solid var(--l)}
.visual-section h2{font:700 clamp(1.55rem,3vw,2.2rem)/1.2 system-ui;margin:6px 0 22px;color:var(--td)}
.section-kicker{text-transform:uppercase;letter-spacing:.13em;color:#9a6208;font:800 12px system-ui}
.photo-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.photo-grid figure{margin:0;border-radius:16px;overflow:hidden;background:#f1f6f4;box-shadow:var(--shadow);position:relative;min-height:280px}.photo-grid img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block}.photo-grid figcaption{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(8,38,35,.84);color:#fff;border-radius:10px;padding:10px 12px;font:700 14px system-ui}
.tiles{gap:18px}.tile{padding:19px;border-radius:14px;box-shadow:0 6px 20px rgba(15,72,66,.05);transition:.2s ease}.tile:hover{box-shadow:0 14px 30px rgba(15,72,66,.11)}
.pagehead{background:linear-gradient(120deg,#073f3a,#0f766e);padding:48px 0}
.content-visual{margin:24px 0 30px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid #d9e7e3}.content-visual img{display:block;width:100%;height:360px;object-fit:cover}.content-visual figcaption{padding:10px 14px;font:13px/1.45 system-ui;color:#637773;background:#fff}
.prose{font-size:17.5px}.answer{box-shadow:0 8px 24px rgba(15,72,66,.05)}
.cta{background:linear-gradient(120deg,#073f3a,#0f766e)}
@media(max-width:860px){.hg{grid-template-columns:1fr;gap:30px}.hero-media,.hero-media img{min-height:300px}.trustgrid{grid-template-columns:1fr}.trustgrid>div,.trustgrid>div:first-child,.trustgrid>div:last-child{padding:14px 0;border-right:0;border-bottom:1px solid var(--l)}.trustgrid>div:last-child{border-bottom:0}.photo-grid{grid-template-columns:1fr}.photo-grid figure,.photo-grid img{min-height:250px}.content-visual img{height:280px}}
@media(max-width:520px){.hero{padding:42px 0}.hero-media,.hero-media img{min-height:250px}.hero .btn{display:block;text-align:center;margin:10px 0}.brand{font-size:.9rem}.content-visual img{height:230px}}
