:root{--ink:#0c2430;--ink2:#17394a;--paper:#f4f6f6;--card:#fff;--mut:#51666f;--line:#d6dfe2;--gold:#f5b301;--teal:#0e7a68;--r:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--paper)}
h1,h2,h3,.logo,.h1{font-family:Georgia,"Times New Roman",serif;line-height:1.15;letter-spacing:-.01em}
h1,.h1{font-size:clamp(2.1rem,5vw,3.5rem);margin:0 0 .45em;font-weight:700}h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:1.4em 0 .6em}h3{font-size:1.2rem;margin:.2em 0 .4em}
a{color:var(--teal)}p{margin:0 0 1em;max-width:70ch}img{max-width:100%;height:auto}.i{vertical-align:-.28em;margin-right:6px;flex:none}
.w{width:min(1160px,100% - 40px);margin:auto}.nr{max-width:780px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.tb{background:#08171f;font-size:.85rem}.tb .w{display:flex;gap:22px;justify-content:flex-end;padding:6px 0}.tb a{color:#c5d5da;text-decoration:none;display:inline-flex;align-items:center}
.hd{background:var(--ink);position:sticky;top:0;z-index:20}.nv{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.logo{color:#fff;text-decoration:none;font-size:1.4rem;font-weight:700}
nav{display:flex;gap:6px;align-items:center}nav a{color:#dbe7ea;text-decoration:none;padding:8px 12px;border-radius:6px;font-size:.95rem}
nav a:hover,nav a[aria-current]{color:#fff;background:var(--ink2)}
.mb{display:none;background:none;border:1px solid #57707c;color:#fff;border-radius:6px;padding:6px 12px;font:inherit}
.btn{display:inline-block;background:var(--gold);color:var(--ink)!important;font-weight:700;text-decoration:none;padding:12px 22px;border-radius:var(--r);border:0;cursor:pointer;font-size:1rem}
.btn:hover{filter:brightness(.95)}.btn.o{background:none;border:2px solid currentColor;color:#fff!important}.btn.s{padding:8px 16px;margin-left:6px}
.bc{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0;font-size:.9rem}.bc a+a::before,.bc a+span::before{content:"/";margin-right:8px;color:var(--mut)}.bc span{color:var(--mut)}
/* slider */
.slider{position:relative;background:var(--ink);color:#fff}.slides{position:relative;height:clamp(460px,70vh,640px)}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s}.slide.on{opacity:1;visibility:visible}
.sbg,.ph .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 5%,rgba(12,36,48,.85) 40%,rgba(12,36,48,0) 80%)}
.sc{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center}.sc>*{max-width:560px}
.lead{font-size:1.2rem;color:var(--mut)}.slider .lead,.ph .lead{color:#d3e1e5}
.sctl{position:absolute;bottom:22px;left:0;right:0;margin:auto;z-index:3;display:flex;gap:10px;align-items:center}
.sctl button{border:0;cursor:pointer;color:#fff;background:#ffffff33;border-radius:99px;font:inherit}.sp,.sn{width:38px;height:38px;font-size:1.4rem;line-height:1}.spz{padding:6px 14px;font-size:.85rem;margin-left:auto}
.sd{width:12px;height:12px;background:#ffffff66!important}.sd.on{background:var(--gold)!important;width:30px}
.trust{background:#fff;border-bottom:1px solid var(--line)}.trust .w{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px 0}
.trust div{display:flex;align-items:center;gap:10px;color:var(--teal)}.trust b{font:700 2rem Georgia,serif;color:var(--ink)}.trust span{color:var(--mut);line-height:1.2}
.ph{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:64px 0 52px}.ph .bg{opacity:.5}.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 15%,rgba(12,36,48,.55) 70%,rgba(12,36,48,.2))}.ph .w{position:relative;z-index:2}.ph h1{margin-bottom:.2em}
.s{padding:56px 0}.s.alt{background:#e9eeef}.s h2:first-child{margin-top:0}.s .lead{margin-bottom:1.4em}
.g{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.c{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;color:inherit;text-decoration:none}
a.c{transition:transform .2s,border-color .2s}a.c:hover{border-color:var(--teal);transform:translateY(-3px)}.c p{color:var(--mut);margin:0}.c small{color:var(--mut)}
.bd{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#e3f2ee;color:var(--teal);margin-bottom:10px}.bd .i{margin:0}
.more{display:inline-block;margin-top:10px;color:var(--teal);font-weight:600}.more::after{content:" \203A"}
.ci{padding:0;overflow:hidden}.ci img{width:100%;height:190px;object-fit:cover;display:block}.ci>div{padding:18px 22px 22px}
.rd{border-radius:var(--r);width:100%;height:auto;aspect-ratio:5/2.4;object-fit:cover}.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.side{grid-template-columns:2fr 1fr;align-items:start}.side aside{position:sticky;top:84px;display:grid;gap:16px}.st{background:var(--ink);color:#fff;border:0}.st p{color:#c5d5da;margin-bottom:14px}.st .bd{background:#ffffff1f;color:var(--gold)}
.sl{display:block;padding:7px 0;border-bottom:1px solid var(--line);text-decoration:none}.sl:last-child{border:0}
.tags{display:flex;flex-wrap:wrap;gap:8px;max-width:none}.tags a,.tags span{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 14px;text-decoration:none;font-size:.95rem}.tags a[aria-current]{background:var(--ink);color:#fff}
.ck{padding:0;list-style:none}.ck li{padding:6px 0 6px 30px;position:relative}.ck li::before{content:"";position:absolute;left:4px;top:13px;width:12px;height:7px;border:solid var(--teal);border-width:0 0 3px 3px;transform:rotate(-45deg)}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:12px}.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 18px 14px 64px;position:relative;color:var(--mut)}
.steps li::before{content:counter(s);position:absolute;left:16px;top:14px;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--gold);display:grid;place-items:center;font-weight:700}.steps b{display:block;color:var(--ink)}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r);overflow:hidden}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}thead th{background:var(--ink);color:#fff}td:last-child{color:var(--teal);font-weight:600}tbody th{font-weight:600}
details{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;margin-bottom:10px}summary{cursor:pointer;font-weight:600}details p{margin:.6em 0 0}
.cta{background:linear-gradient(120deg,var(--teal),#0a5a4d);color:#fff;padding:60px 0;text-align:center}.cta h2{margin-top:0}.cta p{margin:0 auto 1.2em}
.post{font-size:1.1rem}.post h2{font-size:1.5rem}.rd+.post{margin-top:1.4em}.meta{display:flex;gap:16px;color:var(--mut);font-size:.95rem}.share a{margin-right:10px}
.sb{display:flex;gap:10px;max-width:480px;margin-bottom:16px}.sb input{margin:0}.logos{display:flex;flex-wrap:wrap;gap:32px;align-items:center;margin:20px 0}
.ct{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:start}form label{display:block;font-weight:600;margin-bottom:14px}
input,select,textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #9fb0b6;border-radius:8px;font:inherit;background:#fff}
.hp{position:absolute;left:-9999px}.ok,.er{padding:12px 16px;border-radius:8px;max-width:none}.ok{background:#d9f2e8}.er{background:#fde4e1}
.ft{background:var(--ink);color:#c5d5da;padding:48px 0 0;font-size:.95rem}.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.ft b{color:#fff;display:block;margin-bottom:8px}.ft a{display:block;color:#c5d5da;text-decoration:none;padding:3px 0}.ft a:hover{color:#fff}.soc{display:flex;gap:12px}
.cp{border-top:1px solid #28485a;margin-top:36px;padding:18px 0;max-width:none}
.fab,.wa{position:fixed;right:16px;z-index:30;border-radius:99px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #0004}.wa{bottom:16px;background:#1fa855;color:#fff;padding:12px 18px}.fab{display:none;bottom:16px;left:16px;background:var(--gold);color:var(--ink);padding:12px 20px}
@media(max-width:860px){.two,.side,.ct,.fg{grid-template-columns:1fr}.side aside{position:static}.trust .w{grid-template-columns:1fr 1fr}.tb{display:none}.mb{display:block}
nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--ink);flex-direction:column;align-items:stretch;padding:12px 20px}nav.open{display:flex}.btn.s{margin:6px 0 0;text-align:center}
.slide::after{background:rgba(12,36,48,.8)}.fab{display:block}.wa{bottom:72px}.slides{height:520px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,a.c{transition:none}}
