.areas-hero{max-width:960px;margin:auto;padding:105px 28px 64px;text-align:center}.areas-hero h1{max-width:900px;margin:20px auto 24px;font-size:clamp(52px,8vw,82px)}.areas-hero p{max-width:760px;margin:auto;color:var(--muted);font-size:18px;line-height:1.7}.areas-grid{max-width:1184px;margin:0 auto;padding:20px 28px 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.area-card{display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:22px;background:#ece8df}.area-card.area-live{background:var(--paper);border-color:rgba(22,71,52,.25);box-shadow:var(--shadow)}.area-status{display:flex;justify-content:space-between;align-items:center;gap:12px}.area-status span{padding:7px 10px;border-radius:999px;background:#dedad1;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.area-live .area-status span{background:#d9f4e5;color:#176844}.area-status b{color:var(--violet);font-size:12px;text-transform:uppercase;letter-spacing:1px}.area-card h2{margin:25px 0 12px;font-size:32px}.area-card>p{color:var(--muted);line-height:1.65}.area-card ul{margin:18px 0 26px;padding:18px 0 0;border-top:1px solid var(--line);list-style:none;flex:1}.area-card li{margin:12px 0;font-size:14px}.area-card li::before{content:'✓';margin-right:9px;color:#164734;font-weight:800}.area-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.area-note{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:13px}.areas-principle{max-width:1184px;margin:0 auto 110px;padding:54px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-radius:26px;background:#12231f;color:#fff}.areas-principle h2{margin:10px 0 0;font-size:42px}.areas-principle p{color:#c3cec9;line-height:1.75}@media(max-width:930px){.areas-grid{grid-template-columns:1fr}.area-card{min-height:auto}.areas-principle{margin-left:28px;margin-right:28px;grid-template-columns:1fr;gap:20px}}@media(max-width:600px){.areas-hero{padding-top:70px}.areas-grid{padding-left:18px;padding-right:18px}.areas-principle{padding:32px 24px;margin-left:18px;margin-right:18px}.areas-principle h2{font-size:34px}.area-actions .button{width:100%}}