.planning-page .lp-hero-grid { grid-template-columns:.82fr 1.18fr; }
.planning-page .lp-video-frame>.lp-example { aspect-ratio:auto; }
.planning-page .lp-video-frame { padding:18px; }
.planning-page .lp-hero h1 { font-size:clamp(2.8rem,4.5vw,4.1rem); }
.planning-page .lp-lead { max-width:490px; }
.planning-page .plan-hero .lp-example img { object-fit:contain; }
.planning-page .section { padding-block:80px; }
.plan-tabs { display:flex; gap:8px; margin-bottom:24px; }
.plan-tabs button { border:1px solid var(--line); background:#fff; color:var(--ink); border-radius:100px; padding:13px 25px; font:inherit; font-size:1rem; font-weight:600; cursor:pointer; }
.plan-tabs button[aria-selected=true] { background:var(--ink); border-color:var(--ink); color:#fff; }
.plan-tabs button:focus-visible { outline:3px solid var(--purple); outline-offset:3px; }
.plan-view-panels { border:1px solid #e5e1ef; border-radius:22px; background:#f7f5fb; overflow:hidden; }
.plan-view-copy { display:flex; align-items:center; gap:42px; justify-content:space-between; padding:30px 34px; background:#fff; border-bottom:1px solid var(--line); }
.plan-view-copy h3 { font-size:1.35rem; letter-spacing:-.03em; max-width:330px; }
.plan-view-copy p { max-width:540px; font-size:1rem; line-height:1.7; }
.plan-view-panels .lp-example { margin:24px; border-radius:12px; overflow:hidden; border:1px solid #e3e1e9; }
.plan-mix { background:#f7f6fa; }
.plan-mix-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.plan-mix-card { min-width:0; background:white; border:1px solid #e7e4ed; border-radius:16px; overflow:hidden; }
.plan-mix-image { height:270px; background:#e9e7ef; padding:20px; display:flex; align-items:center; justify-content:center; }
.plan-mix-image img { display:block; height:100%; width:100%; object-fit:contain; }
.plan-mix-card:nth-child(5) .plan-mix-image { padding:0; }
.plan-mix-card:nth-child(5) .plan-mix-image img { object-fit:cover; }
.plan-mix-card>div:last-child { padding:24px; }
.plan-mix-card>div:last-child>span { color:var(--purple); font-size:.8125rem; font-weight:600; }
.plan-mix-card h3 { font-size:1.25rem; margin:10px 0; }
.plan-mix-card p { font-size:1rem; line-height:1.7; }
.plan-tip { height:270px; padding:30px; display:flex; flex-direction:column; justify-content:center; background:#252038; color:#fff; }
.plan-tip span { color:#cbb7ff; font-size:.75rem; letter-spacing:.1em; font-weight:600; margin-bottom:20px; }
.plan-mix-card .plan-tip p { color:#fff; font-size:1.23rem; line-height:1.6; letter-spacing:-.02em; }
.plan-related-inline { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:28px; margin-top:30px; border-top:1px solid #ded8e8; }
.plan-related-inline p { font-size:1rem; }
.plan-split { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px; }
.plan-split h2 { font-size:clamp(2.25rem,3.6vw,3.2rem); line-height:1.13; margin:18px 0 24px; }
.plan-split p { font-size:1.0625rem; line-height:1.8; }
.plan-points { list-style:none; margin:26px 0 30px; padding:0; display:grid; gap:17px; }
.plan-points li { display:flex; align-items:flex-start; gap:13px; font-size:1rem; line-height:1.6; }
.plan-points .icon { width:21px; height:21px; flex:none; color:var(--purple); margin-top:3px; }
.plan-schedule-art { margin:0; border-radius:22px; overflow:hidden; border:1px solid #e3ddeb; }
.plan-schedule-art img { display:block; }
.plan-channel-row { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:24px; }
.plan-channel-row>span { display:flex; align-items:center; gap:13px; padding:17px 24px; border:1px solid var(--line); border-radius:12px; font-size:1.0625rem; font-weight:600; }
.plan-channel-row .icon { width:26px; height:26px; }
.plan-channel-row>span:nth-child(1) .icon { color:#1877f2; }
.plan-channel-row>span:nth-child(2) .icon { color:#c3298e; }
.plan-channel-note { font-size:.875rem; line-height:1.8; }
.plan-channel-note .text-link { font-size:.875rem; margin-left:6px; }
.plan-caption-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-top:55px; border-top:1px solid var(--line); padding-top:45px; }
.plan-caption-grid .eyebrow { font-size:.75rem; }
.plan-caption-grid h3 { font-size:1.6rem; line-height:1.3; letter-spacing:-.03em; margin:15px 0; }
.plan-caption-grid p { font-size:1rem; line-height:1.8; }
.plan-caption-grid blockquote { margin:24px 0 20px; padding:25px 28px; border-left:3px solid var(--purple); border-radius:0 12px 12px 0; background:#f6f3fc; font-size:1.15rem; line-height:1.8; }
.plan-timing { background:#252038; color:#fff; }
.plan-timing .eyebrow { color:#ccb6ff; }
.plan-timing p { color:#ded8e9; }
.plan-action-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.plan-action-grid article { border-top:1px solid #62586e; padding-top:25px; }
.plan-action-grid>.icon,.plan-action-grid article>.icon { width:30px; height:30px; color:#c6adff; }
.plan-action-grid h3 { font-size:1.35rem; margin:23px 0 14px; }
.plan-action-grid p { font-size:1rem; line-height:1.8; }
.plan-split .plan-detail { font-size:.9375rem; }
.plan-track { background:#f7f6fa; }
.plan-track figure { margin:0; border:1px solid #e3dfeb; border-radius:18px; overflow:hidden; }
@media(max-width:1100px) { .plan-split { gap:40px; } .plan-mix-grid { gap:20px; } .plan-caption-grid { gap:35px; } }
@media(max-width:850px) { .planning-page .lp-hero-grid,.plan-split { grid-template-columns:1fr; } .plan-split { gap:36px; } .plan-split>div { max-width:620px; } .plan-schedule-art { max-width:560px; width:100%; justify-self:center; } .plan-view-copy { display:block; } .plan-view-copy p { margin-top:14px; } .plan-mix-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .plan-caption-grid { gap:25px; } .plan-action-grid { gap:22px; } }
@media(max-width:600px) { .planning-page .section { padding-block:55px; } .planning-page .lp-video-frame { padding:10px; } .planning-page .lp-hero h1 { font-size:clamp(2.65rem,10.5vw,3.4rem); } .plan-tabs { gap:6px; } .plan-tabs button { flex:1; padding:12px 10px; font-size:.875rem; } .plan-view-copy { padding:23px; } .plan-view-panels .lp-example { margin:10px; } .plan-mix-grid,.plan-caption-grid,.plan-action-grid { grid-template-columns:1fr; } .plan-mix-image { height:310px; } .plan-tip { height:280px; } .plan-related-inline { align-items:flex-start; flex-direction:column; gap:12px; } .plan-channel-row { gap:10px; } .plan-channel-row>span { padding:14px 17px; font-size:.9375rem; } .plan-channel-note .text-link { margin-left:0; } .plan-caption-grid { margin-top:35px; padding-top:30px; gap:35px; } .plan-action-grid { gap:32px; } }