*{box-sizing:border-box}:root{--bg:#f6f4ef;--surface:#fff;--text:#18212b;--muted:#5a6470;--line:#e6dfd2;--brand:#142334;--brand-soft:#1f3449;--accent:#b08a4a;--shadow:0 16px 32px #10223414}body{color:var(--text);background:var(--bg);margin:0;font-family:Arial,sans-serif}.container{max-width:1180px;margin:0 auto;padding:24px}.site-header{color:#fff;z-index:10;background:#142334fa;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav-shell{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.brand-block{flex-direction:column;gap:4px;display:flex}.brand{letter-spacing:.2px;color:#fff;font-size:20px;font-weight:700;text-decoration:none}.brand-subtitle{color:#ffffffad;font-size:12px}.nav-groups{flex-wrap:wrap;gap:24px;display:flex}.nav-group{flex-direction:column;gap:6px;display:flex}.nav-group-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;font-size:12px}.nav-links{flex-wrap:wrap;gap:14px;display:flex}.nav-links a{color:#fff;opacity:.92;text-decoration:none}.nav-links a:hover{opacity:1}.hero{padding:40px 0 48px}.hero-panel{color:#fff;min-height:520px;box-shadow:var(--shadow);background:linear-gradient(135deg,#142334f5 0%,#1f3449eb 100%);border-radius:24px;margin-bottom:28px;position:relative;overflow:hidden}.hero-image{opacity:.32;background-position:50%;background-size:cover;position:absolute;inset:0}.hero-overlay{background:linear-gradient(90deg,#142334e0 0%,#14233485 55%,#14233433 100%);position:absolute;inset:0}.hero-content{z-index:1;max-width:620px;padding:72px 56px;position:relative}.section-title{margin:0 0 12px;font-size:42px;line-height:1.15}.section-subtitle{color:var(--muted);margin:0;line-height:1.7}.hero-panel p{color:#ffffffe0;max-width:620px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.button-primary,.button-secondary{border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.button-primary{background:var(--accent);color:#fff}.button-secondary{color:#fff;border:1px solid #ffffff59}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.card{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:18px;padding:22px}.card h2{margin-top:14px;margin-bottom:10px;font-size:20px}.card p,.card li{color:var(--muted);line-height:1.7}.badge{color:#8a6b3f;background:#f3ede0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-live{color:#1f6f43;background:#dff3e8}.badge-planned{color:#6741b7;background:#eee8ff}.badge-test{color:#b15d19;background:#fff0df}.badge-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cta-link{color:var(--brand);margin-top:8px;font-weight:700;text-decoration:none;display:inline-block}.info-panel{background:#fbf5e8;border:1px solid #ecdcb4}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:14px;display:flex}.breadcrumb-item{align-items:center;gap:8px;display:inline-flex}.breadcrumb-item a{color:var(--muted);text-decoration:none}.breadcrumb-item a:hover{color:var(--brand)}.breadcrumb-sep{opacity:.6}.section-block{margin-bottom:32px}.section-block-header{margin-bottom:16px}.split-feature{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:24px;display:grid}.feature-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:26px}@media (max-width:820px){.hero-content{padding:48px 28px}.section-title{font-size:34px}.split-feature{grid-template-columns:1fr}}