.assist-plan-feature{position:relative;overflow:hidden;background:var(--ink);color:var(--bg);padding-block:clamp(78px,9vw,126px)}
.assist-plan-feature::before{content:"";position:absolute;inset:-25% -35% auto -35%;height:70%;background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--energy) 22%,transparent),transparent 68%);pointer-events:none}
.assist-plan-feature .wrap{position:relative}
.assist-plan-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);gap:64px;align-items:end;margin-bottom:52px}
.assist-plan-intro .eyebrow{color:var(--energy)}
.assist-plan-intro h2{max-width:850px;margin:10px 0 18px;font-size:clamp(42px,6vw,82px);line-height:.92;letter-spacing:-.055em}
.assist-plan-intro p{max-width:720px;margin:0;color:color-mix(in srgb,var(--bg) 68%,transparent);font-size:clamp(16px,1.7vw,20px);line-height:1.55}
.assist-plan-platforms{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:20px;border:1px solid color-mix(in srgb,var(--bg) 18%,transparent);border-radius:20px;background:color-mix(in srgb,var(--bg) 6%,transparent)}
.assist-plan-platforms span{grid-column:1/-1;color:var(--energy);font-size:10px;font-weight:800;letter-spacing:.18em}
.assist-plan-platforms b{font-size:13px;line-height:1.25}
.assist-plan-platforms i{color:color-mix(in srgb,var(--bg) 42%,transparent);font-style:normal}
.assist-plan-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.65fr);gap:34px;align-items:start}
.assist-plan-stage{margin:0}
.assist-plan-device{position:relative;overflow:hidden;padding:clamp(20px,3vw,38px);border:1px solid color-mix(in srgb,var(--bg) 15%,transparent);border-radius:30px;background:var(--bg);color:var(--ink);box-shadow:0 28px 80px color-mix(in srgb,var(--ink) 72%,transparent)}
.ap-topline{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px;color:var(--ink3);font-size:10px;font-weight:800;letter-spacing:.16em}
.ap-topline span:first-child{color:var(--energy)}
.ap-summary{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px;margin-bottom:24px}
.ap-summary>div{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--ink) 2%,var(--bg))}
.ap-summary span,.ap-strategy>span{color:var(--ink3);font-size:8px;font-weight:800;letter-spacing:.15em}
.ap-summary strong{font-size:clamp(24px,3vw,38px);letter-spacing:-.05em}
.ap-summary small{font-size:.45em;letter-spacing:0}
.ap-chart{position:relative;overflow:hidden;height:250px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--energy) 4%,var(--bg)),var(--bg))}
.ap-chart svg{display:block;width:100%;height:100%}
.ap-elevation{fill:color-mix(in srgb,var(--ink) 9%,transparent)}
.ap-energy-fill{fill:color-mix(in srgb,var(--energy) 14%,transparent)}
.ap-energy-line{fill:none;stroke:var(--energy);stroke-width:5;stroke-linecap:round}
.ap-reserve-line{stroke:var(--motor);stroke-width:2;stroke-dasharray:7 8}
.ap-change-points{fill:var(--bg);stroke:var(--energy);stroke-width:4}
.ap-chart-start,.ap-chart-finish,.ap-chart-reserve{position:absolute;font-size:9px;font-weight:800;letter-spacing:.1em}
.ap-chart-start{top:14px;left:16px;color:var(--energy)}
.ap-chart-finish{right:16px;bottom:50px;color:var(--energy)}
.ap-chart-reserve{right:16px;bottom:16px;color:var(--motor)}
.assist-ribbon{display:flex;gap:4px;margin:10px 0 22px}
.assist-band{display:grid;place-items:center;min-width:0;height:56px;border-radius:10px;color:var(--bg);font-size:11px;font-weight:900;letter-spacing:.12em}
.assist-band small{margin-top:2px;font-size:7px;opacity:.74;letter-spacing:.08em}
.assist-band.high{flex:1.25;background:var(--levo)}
.assist-band.low{flex:.9;background:var(--eco)}
.assist-band.mid{flex:1.1;background:var(--motor);color:var(--bg)}
.ap-controls{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}
.ap-strategy,.ap-settings{padding:16px;border:1px solid var(--line);border-radius:16px}
.ap-strategy{display:grid;gap:12px}
.ap-strategy>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:var(--line)}
.ap-strategy b{padding:9px 5px;border-radius:9px;color:var(--ink3);font-size:9px;text-align:center}
.ap-strategy b.selected{background:var(--ink);color:var(--bg)}
.ap-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ap-settings span{display:grid;align-content:center;gap:4px}
.ap-settings small{color:var(--ink3);font-size:7px;font-weight:800;letter-spacing:.1em}
.ap-settings b{font-size:10px}
.ap-next-change{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-top:14px;padding:16px 18px;border-radius:17px;background:var(--ink);color:var(--bg)}
.ap-next-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--eco);font-size:20px}
.ap-next-change div{display:grid;gap:2px}
.ap-next-change div small{color:var(--energy);font-size:8px;font-weight:800;letter-spacing:.13em}
.ap-next-change div strong{font-size:15px}
.ap-next-change div span{color:color-mix(in srgb,var(--bg) 58%,transparent);font-size:10px}
.ap-distance{font-size:23px}
.ap-distance small{font-size:10px}
.assist-plan-stage figcaption{padding:14px 20px 0;color:color-mix(in srgb,var(--bg) 50%,transparent);font-size:11px;line-height:1.5}
.assist-plan-details{display:grid;gap:1px;overflow:hidden;border:1px solid color-mix(in srgb,var(--bg) 14%,transparent);border-radius:24px;background:color-mix(in srgb,var(--bg) 14%,transparent)}
.assist-plan-details article{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:24px;background:color-mix(in srgb,var(--ink) 97%,var(--bg))}
.ap-detail-number{padding-top:3px;color:var(--energy);font-size:10px;font-weight:900;letter-spacing:.14em}
.assist-plan-details h3{margin:0 0 8px;font-size:18px}
.assist-plan-details p{margin:0;color:color-mix(in srgb,var(--bg) 58%,transparent);font-size:13px;line-height:1.55}
@media(max-width:900px){.assist-plan-intro,.assist-plan-layout{grid-template-columns:1fr}.assist-plan-intro{gap:28px}.assist-plan-platforms{max-width:430px}.assist-plan-details{grid-template-columns:repeat(2,1fr)}.assist-plan-details article{grid-template-columns:32px 1fr}}
@media(max-width:620px){.assist-plan-feature{padding-block:70px}.assist-plan-intro h2{font-size:48px}.assist-plan-platforms{grid-template-columns:1fr auto 1fr;padding:16px}.assist-plan-device{padding:16px;border-radius:22px}.ap-topline{display:grid;gap:5px}.ap-summary{grid-template-columns:1fr 1fr}.ap-summary>div:first-child{grid-column:1/-1}.ap-chart{height:210px}.assist-band{height:50px;font-size:9px}.assist-band small{font-size:6px}.ap-controls{grid-template-columns:1fr}.ap-settings{gap:8px}.ap-next-change{grid-template-columns:auto 1fr}.ap-distance{display:none}.assist-plan-details{grid-template-columns:1fr}.assist-plan-details article{padding:21px}.assist-plan-stage figcaption{padding-inline:8px}}