.panel-hero { padding: 84px 0 60px; background: #112037; color: #fff; }
.panel-hero h1 { max-width: 1040px; color: #fff; font-size: clamp(2.6rem,5.6vw,5.2rem); line-height: 1.05; letter-spacing:0; }
.panel-hero > .shell > p:not(.eyebrow) { max-width: 770px; color: #e1e9f3; font-size: 1.1rem; line-height: 1.65; }
.panel-hero .eyebrow { color: #d6f38f; }
.panel-threshold { display: flex; gap: 18px; align-items: center; max-width: 420px; margin-top: 30px; padding: 18px 22px; border: 1px solid rgba(255,255,255,.24); border-radius: 15px; background: rgba(255,255,255,.07); }
.panel-threshold strong { flex: 0 0 auto; color: #d6f38f; font-size: 2rem; }
.panel-threshold span { color: #e1e9f3; line-height: 1.4; }
.panel-empty { display: grid; grid-template-columns: 88px 1fr; gap: 24px; align-items: start; padding: clamp(28px,5vw,48px); border: 1px solid #d0dae8; border-radius: 20px; background: #f3f7fc; }
.panel-empty-mark { display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%; background: #dfe9f5; color: #294770; font-size: 2rem; }
.panel-empty h2 { margin: 8px 0 12px; font-size: clamp(1.8rem,3vw,2.6rem); }
.panel-empty p:last-child { max-width: 670px; margin-bottom: 0; color: #41516a; line-height: 1.6; }
.panel-badge-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.panel-badge-grid article { padding: clamp(26px,4vw,42px); border: 1px solid #d1dbe8; border-radius: 18px; background: #fff; }
.panel-badge { display: inline-flex; padding: 8px 11px; border-radius: 6px; font-size: .78rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }
.panel-badge-lived { background: #e9f4f3; color: #0d6259; }
.panel-badge-rule { background: #e9efff; color: #244a91; }
.panel-badge-grid h3 { margin: 24px 0 10px; font-size: 1.5rem; }
.panel-badge-grid p { color: #3d4e64; line-height: 1.65; }
.panel-badge-grid small { display: block; padding-top: 14px; border-top: 1px solid #dce4ee; color: #5a6c80; font-size: .85rem; line-height: 1.55; }
.panel-policy { background: #edf3f9; }
.panel-policy-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; }
.panel-policy-grid article { padding: 26px; border-radius: 16px; background: #fff; }
.panel-policy-grid b { color: #607d16; font-size: .78rem; }
.panel-policy-grid h3 { margin: 20px 0 10px; font-size: 1.22rem; }
.panel-policy-grid p { margin-bottom: 0; color: #43536a; font-size: .92rem; line-height: 1.6; }
.panel-policy-note { max-width: 870px; margin: 27px 0 0; color: #33445b; line-height: 1.65; }
.panel-draft { align-items: start; }
.panel-draft > div > p:not(.eyebrow), .panel-draft li { color: #34455e; line-height: 1.6; }
.panel-draft .reality-form { display: grid; gap: 16px; }
.panel-draft .reality-form .field-grid { gap: 14px; }
.panel-draft .reality-form textarea { min-height: 145px; }
.panel-draft .reality-form .button { justify-self: start; }
@media (max-width: 980px) { .panel-policy-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 700px) { .panel-empty { grid-template-columns: 1fr; } .panel-badge-grid, .panel-policy-grid { grid-template-columns: 1fr; } .panel-hero { padding-top: 62px; } .panel-draft .reality-form .button { width: 100%; } }
