:root{--bg:#f5f7f5;--ink:#142018;--muted:#657168;--line:#dce4dd;--green:#1b6845;--dark:#103d29;--soft:#e7f2eb;--paper:#fff;--warm:#fff8e7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.62}a{color:var(--green)}.wrap{width:min(1160px,92vw);margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(245,247,245,.96);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;gap:26px}.brand{font-weight:900;color:var(--ink);text-decoration:none}.brand i{font-style:normal;background:var(--ink);color:#fff;padding:9px;border-radius:10px;margin-right:8px}nav{display:flex;gap:20px;margin-left:auto}nav a{text-decoration:none;color:var(--muted);font-size:14px;font-weight:700}
.hero{padding:82px 0 62px;background:linear-gradient(#f5f7f5,#e8f1eb)}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:54px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900;color:var(--green);margin-bottom:11px}
h1,h2,h3{line-height:1.15;letter-spacing:-.03em}h1{font-family:Georgia,serif;font-size:clamp(44px,6vw,72px);margin:0 0 18px}h2{font-size:36px;margin:0 0 15px}h3{font-size:20px;margin:0 0 9px}.lede{font-size:20px;color:var(--muted)}
.btn{display:inline-block;background:var(--green);color:#fff;text-decoration:none;padding:11px 16px;border-radius:10px;font-weight:800;margin:5px 6px 5px 0}.btn.alt{background:var(--ink)}
.panel,.card,.article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.panel{box-shadow:0 18px 50px rgba(20,40,25,.07)}.section{padding:72px 0}.altbg{background:#eaf0eb}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:25px}.small{font-size:13px;color:var(--muted)}
.tablebox{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:880px}th,td{padding:15px;border-bottom:1px solid var(--line);text-align:left}th{font-size:12px;text-transform:uppercase;color:var(--muted);background:#fafcfa}.badge,.chip{display:inline-block;background:var(--soft);color:var(--dark);font-weight:900;padding:6px 10px;border-radius:999px}
.notice{background:var(--warm);border:1px solid #ead59e;border-radius:12px;padding:17px;margin:20px 0;font-size:14px}.profile{padding:58px 0 30px}.meta{display:flex;gap:9px;flex-wrap:wrap}.scoregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.metric-top{display:flex;justify-content:space-between}.metric b{font-size:28px}.bar{height:8px;background:#e7ebe8;border-radius:999px;overflow:hidden;margin-top:13px}.fill{height:100%;background:var(--green)}
.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.article .tag{font-size:11px;font-weight:900;text-transform:uppercase;color:var(--green);letter-spacing:.1em}.article p{color:var(--muted)}.article-body{max-width:820px}.article-body p,.article-body li{font-size:17px}.article-body h2{margin-top:34px}.changelog{border-left:3px solid var(--green);padding-left:20px}.change{padding:0 0 26px}.change time{font-size:13px;color:var(--muted);font-weight:800}.formbox{max-width:760px}.field{margin-bottom:15px}.field label{display:block;font-weight:800;margin-bottom:5px}.field input,.field textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;font:inherit;background:white}.field textarea{min-height:120px}.footer{background:#101711;color:#c7d0c9;padding:34px 0}
@media(max-width:850px){nav{display:none}.grid,.two{grid-template-columns:1fr}.cards,.scoregrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.scoregrid,.article-grid{grid-template-columns:1fr}}
/* V5 brand refresh */
:root{--bg:#f5f9fc;--ink:#062b50;--muted:#557089;--line:#d5e4ef;--green:#009fe8;--dark:#062b50;--soft:#e5f7fd;--paper:#fff;--warm:#f5fbff}
body{background:var(--bg)}
header{background:rgba(245,249,252,.96)}
.brand{display:flex;align-items:center;color:#062b50}.brand i{display:none}.brand:before{content:"";width:40px;height:40px;background:url('assets/favicon.png') center/cover no-repeat;border-radius:9px;margin-right:10px}
.hero{background:linear-gradient(135deg,#f6fbff,#dff5fd)}
.btn{background:#008ee0}.btn.alt{background:#062b50}
.fill{background:linear-gradient(90deg,#009fe8,#08cad8)}
.badge,.chip{background:#e5f7fd;color:#06365d}.eyebrow{color:#008bd2}
.footer{background:#031f39}.notice{background:#eefaff;border-color:#b8e9f6}
.hero-logo{width:min(100%,560px);display:block;margin:0 auto 24px}.tagline-strip{width:100%;max-width:900px;display:block;margin:28px auto 0}.brand-card{background:linear-gradient(135deg,#052f58,#061d35);border-radius:18px;padding:18px;box-shadow:0 18px 50px rgba(3,31,57,.18)}.brand-card img{width:100%;display:block}
@media(max-width:850px){.brand:before{width:34px;height:34px}}

.reviewbox{margin-top:18px;background:#fff;border:2px dashed #70cce8;border-radius:15px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.reviewbox h3{margin:7px 0 4px}.reviewbox p{margin:0;color:var(--muted)}.review-badge,.review-mini{display:inline-block;background:#fff4d6;color:#795700;border:1px solid #ecd58a;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.review-mini{letter-spacing:.03em;text-transform:none}@media(max-width:650px){.reviewbox{align-items:flex-start;flex-direction:column}}