.door-page { --water-blue: #8f1720; --water-navy: #251115; --water-red: #e12433; }
.door-hero { min-height: 650px; background: radial-gradient(circle at 80% 40%, #4a2022 0, #251115 44%, #14090b 100%); }
.door-hero::before { background: linear-gradient(90deg, rgba(20,9,11,.98) 0%, rgba(35,14,17,.9) 55%, rgba(35,14,17,.28) 100%); }
.door-hero-art { position:absolute; inset:0 0 0 50%; overflow:hidden; opacity:.9; }
.door-wall { position:absolute; inset:8% 6% 0 8%; background:linear-gradient(115deg,#56262a,#281216); box-shadow:inset 0 0 80px rgba(0,0,0,.4); }
.door-frame { position:absolute; width:47%; height:82%; right:19%; bottom:0; padding:12px; background:linear-gradient(90deg,#111,#6b7177 18%,#272b2e 60%,#0b0c0d); box-shadow:0 25px 60px #000; }
.door-leaf { position:relative; width:100%; height:100%; background:linear-gradient(100deg,#981b26,#70131b 60%,#400a0f); border:1px solid #bd4650; box-shadow:inset 15px 0 28px rgba(255,255,255,.05); }
.door-leaf span { position:absolute; top:11%; left:50%; transform:translateX(-50%); padding:8px 12px; border:1px solid #f1d8af; color:#f1d8af; font:700 10px/1 Arial,sans-serif; letter-spacing:.14em; white-space:nowrap; }
.door-leaf i { position:absolute; width:11px; height:11px; right:13%; top:50%; border-radius:50%; background:#d6d8d9; box-shadow:0 0 0 4px #303438; }
.door-leaf b { position:absolute; width:25%; height:4px; right:10%; top:58%; background:#c7c9ca; box-shadow:0 0 0 3px #34383b; }
.door-note { margin-top:30px; padding:22px 26px; border-left:5px solid #e12433; background:#fff0f1; color:#5d4246; font-size:14px; line-height:1.75; }
.door-types { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:38px; }
.door-types article { min-height:215px; padding:28px; background:#fff; border-top:4px solid #e12433; box-shadow:0 14px 36px rgba(41,19,23,.09); }
.door-types small { color:#e12433; font-weight:800; }
.door-types h3 { margin:35px 0 10px; color:#57141b; font-size:20px; }
.door-types p { margin:0; color:#665a5c; font-size:13px; line-height:1.7; }
.door-rating-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:46px; }
.door-rating-grid article { display:flex; min-height:130px; padding:24px; flex-direction:column; justify-content:center; background:#57141b; color:#fff; }
.door-rating-grid strong { font-size:28px; }
.door-rating-grid span { margin-top:8px; color:#f0cfd2; font-size:12px; line-height:1.5; }
.door-components article { min-height:230px; }
.door-workflow { display:grid; grid-template-columns:repeat(5,1fr); margin-top:40px; border-left:1px solid #ded6d7; }
.door-workflow article { min-height:255px; padding:26px 22px; border-top:1px solid #ded6d7; border-right:1px solid #ded6d7; border-bottom:1px solid #ded6d7; background:#fff; }
.door-workflow b { color:#e12433; font-size:26px; }
.door-workflow h3 { margin:50px 0 12px; color:#57141b; font-size:18px; }
.door-workflow p { margin:0; color:#675c5e; font-size:12px; line-height:1.7; }
.door-checks { display:grid; gap:10px; }
.door-checks span { position:relative; padding:15px 18px 15px 48px; border:1px solid #e5dcdd; background:#fff; color:#574d4f; font-size:13px; line-height:1.55; }
.door-checks span::before { content:'✓'; position:absolute; left:17px; top:15px; color:#e12433; font-weight:900; }
@media (max-width:980px){.door-types{grid-template-columns:repeat(2,1fr)}.door-rating-grid{grid-template-columns:repeat(2,1fr)}.door-workflow{grid-template-columns:repeat(2,1fr)}.door-workflow article:last-child{grid-column:span 2}.door-hero-art{inset:0 0 0 40%;opacity:.45}}
@media (max-width:640px){.door-hero{min-height:620px}.door-hero-art{inset:0;opacity:.22}.door-frame{width:64%;right:9%}.door-types,.door-rating-grid,.door-workflow{grid-template-columns:1fr}.door-workflow article:last-child{grid-column:auto}.door-types article,.door-workflow article{min-height:auto}.door-workflow h3{margin-top:26px}}