/* Plan content is always readable; 3D is a separate, pointer-inert enhancement. */
.maintenance-section .care-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:stretch; }
.maintenance-section .care-card { min-width:0; min-height:0; margin:0; padding:32px; border:1px solid rgba(0,245,155,.28); border-top:3px solid var(--green); clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px)); background:linear-gradient(140deg,rgba(0,245,155,.075),transparent 45%),#03120b; overflow:hidden; }
.maintenance-section .care-card::before { inset:7px; height:auto; border:1px solid rgba(0,245,155,.06); background:none; opacity:1; pointer-events:none; }
.maintenance-section .care-card::after { content:""; position:absolute; width:56px; height:56px; right:12px; bottom:12px; border-right:1px solid var(--green); border-bottom:1px solid var(--green); pointer-events:none; }
.maintenance-section .care-card.is-featured { border-color:var(--green); background:linear-gradient(140deg,rgba(0,245,155,.14),transparent 60%),#04170e; }
.maintenance-section .care-card:hover { border-color:var(--green); background-color:#04180f; }
.maintenance-section .care-card-index { font:500 12px/1.5 var(--mono); letter-spacing:.1em; }
.maintenance-section .care-card-index i { width:62px; height:3px; background:repeating-linear-gradient(90deg,var(--green) 0 8px,transparent 8px 12px); }
.care-card-hero { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; align-items:center; margin-top:24px; min-height:202px; }
.care-card-hero:has(.care-art-slot > .spatial-art) { grid-template-columns:minmax(0,1fr) 196px; }
.maintenance-section .care-card-head { min-width:0; }
.maintenance-section .care-card-head > span { margin:0; padding:6px 9px; min-height:0; border:1px solid rgba(0,245,155,.35); background:rgba(0,245,155,.035); font:500 12px/1.5 var(--mono); letter-spacing:.065em; }
.maintenance-section .is-featured .care-card-head > span { border-color:var(--green); color:var(--white); background:#00643f; }
.maintenance-section .care-card h3 { margin:16px 0 14px; min-height:0; color:var(--white); font-size:clamp(30px,2.7vw,42px); line-height:1.08; letter-spacing:-.045em; overflow-wrap:anywhere; }
.maintenance-section .care-card-head p { min-height:0; margin:0; color:var(--white); font-size:16px; line-height:1.65; overflow-wrap:anywhere; }
.maintenance-section .care-price { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 12px; margin:24px 0 0; padding-top:22px; border-top:1px solid rgba(0,245,155,.2); color:var(--white); font-size:clamp(36px,3.3vw,52px); line-height:1.15; letter-spacing:-.045em; overflow-wrap:anywhere; }
.maintenance-section .care-price small { margin:0; font:500 13px/1.5 var(--mono); letter-spacing:0; }
.maintenance-section .care-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:24px 0; }
.maintenance-section .care-metrics span { justify-content:flex-start; min-height:108px; padding:16px 12px; gap:10px; font:400 12px/1.5 var(--mono); text-align:left; color:var(--white); background:rgba(0,245,155,.04); }
.maintenance-section .care-metrics b { color:var(--green); font:600 clamp(19px,1.6vw,25px)/1.25 var(--sans); letter-spacing:-.015em; }
.care-highlights { padding:20px; border-left:3px solid var(--green); background:linear-gradient(100deg,rgba(0,245,155,.075),rgba(0,245,155,.015)); }
.care-highlights h4 { margin:0 0 14px; color:var(--green); font:500 12px/1.5 var(--mono); text-transform:uppercase; letter-spacing:.1em; }
.care-highlights ul { display:grid; gap:11px; margin:0; padding:0; list-style:none; }
.care-highlights li { position:relative; padding-left:19px; color:var(--white); font-size:16px; line-height:1.5; font-weight:500; overflow-wrap:anywhere; }
.care-highlights li::before { content:""; position:absolute; left:0; top:.55em; width:6px; height:6px; background:var(--green); transform:rotate(45deg); }
.maintenance-section .care-includes { margin:28px 0 8px; font:500 12px/1.5 var(--mono); color:var(--green); letter-spacing:.1em; }
.maintenance-section .care-services li { padding:13px 0 13px 23px; font-size:16px; line-height:1.6; overflow-wrap:anywhere; }
.maintenance-section .care-services li:last-child { border-bottom:0; }
.care-art-slot { min-width:0; width:196px; height:194px; align-self:center; justify-self:center; }
.care-art-slot:empty { display:none; }
.care-art-slot .spatial-art { position:relative; inset:auto; width:100%; height:100%; --spatial-edge:46px; }
.care-art-slot .spatial-art::before { inset:-8px; background:radial-gradient(ellipse at center,rgba(0,245,155,.17),transparent 65%); }
.care-art-slot .spatial-art::after { width:110px; left:calc(50% - 55px); bottom:7px; }
.care-art-slot .spatial-perspective { perspective:700px; perspective-origin:50% 50%; transform:scale(var(--plan-scale,1)); }
.care-art-slot .spatial-is-static .spatial-motion { animation:none; }
@media(prefers-reduced-motion:reduce) { .care-art-slot .spatial-motion { animation:none; } }
@media(min-width:1800px) {
  .maintenance-section .care-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .care-card-hero:has(.care-art-slot > .spatial-art) { grid-template-columns:1fr; }
  .care-art-slot { grid-row:1; }
  .maintenance-section .care-card h3 { font-size:36px; min-height:2.16em; }
  .maintenance-section .care-card-head p { min-height:4.95em; }
  .maintenance-section .care-metrics { grid-template-columns:1fr; gap:7px; }
  .maintenance-section .care-metrics span { min-height:64px; padding:13px 16px; flex-direction:row; align-items:center; gap:14px; font-size:13px; }
  .maintenance-section .care-metrics b { flex:0 0 136px; font-size:24px; }
}
@media(max-width:1100px) and (min-width:761px) {
  .maintenance-section .care-card { padding:26px; }
  .care-card-hero:has(.care-art-slot > .spatial-art) { grid-template-columns:1fr; }
  .care-art-slot { grid-row:1; }
  .maintenance-section .care-card h3 { font-size:34px; min-height:0; }
  .maintenance-section .care-metrics span { padding:14px 9px; }
}
@media(max-width:760px) {
  .maintenance-section .care-grid { grid-template-columns:1fr; gap:22px; }
  .maintenance-section .care-card { padding:26px; }
  .maintenance-section .care-card h3 { font-size:36px; min-height:0; }
}
@media(max-width:600px) {
  .care-card-hero:has(.care-art-slot > .spatial-art) { grid-template-columns:1fr; }
  .care-card-hero { gap:20px; margin-top:14px; min-height:0; }
  .care-art-slot { grid-row:1; width:200px; height:186px; }
  .maintenance-section .care-card h3 { font-size:clamp(30px,8.5vw,38px); margin:16px 0 12px; }
  .maintenance-section .care-metrics { grid-template-columns:1fr; gap:7px; }
  .maintenance-section .care-metrics span { min-height:64px; padding:13px 16px; flex-direction:row; align-items:center; gap:14px; font-size:13px; }
  .maintenance-section .care-metrics b { flex:0 0 136px; font-size:24px; }
  .maintenance-section .care-price { font-size:42px; }
  .care-highlights { padding:18px 16px; }
}
@media(max-width:360px) {
  .maintenance-section .care-card { padding:22px 20px; }
  .maintenance-section .care-price { font-size:36px; }
  .maintenance-section .care-metrics b { flex-basis:124px; font-size:22px; }
  .maintenance-section .care-metrics span { padding:12px; font-size:12px; }
}