.plan-hero{overflow:hidden;background:radial-gradient(circle at 72% 18%,#eef5ff 0,rgba(238,245,255,.55) 25%,transparent 58%),#fff;border-bottom:1px solid #eef2f6}
.plan-hero-grid{min-height:650px;display:grid;grid-template-columns:minmax(350px,.68fr) minmax(760px,1.32fr);gap:44px;align-items:center;padding-top:44px;padding-bottom:52px}
.plan-copy{padding:34px 0}
.plan-copy h1{font-size:clamp(50px,5.1vw,78px);line-height:.98;letter-spacing:-.058em;margin:0 0 24px;color:var(--navy);max-width:610px}
.plan-lead{font-size:clamp(21px,1.75vw,27px);line-height:1.34;letter-spacing:-.025em;color:#42516a;margin:0 0 18px;max-width:610px;font-weight:650}
.plan-text{font-size:17px;line-height:1.62;color:#68758a;max-width:610px;margin:0 0 30px}
.plan-actions{margin-bottom:28px}
.plan-related{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;color:#718096}
.plan-related span{font-weight:650}.plan-related a{color:var(--blue);font-weight:760}.plan-related a:hover{text-decoration:underline}.plan-related i{font-style:normal;color:#b3bdca}

.plan-product{position:relative;min-width:0}
.plan-product::before{content:"";position:absolute;inset:-36px -90px -35px 7%;border-radius:48px;background:linear-gradient(135deg,#f6faff,#eaf3ff);transform:rotate(-.7deg)}
.plan-window{position:relative;z-index:2;height:520px;display:grid;grid-template-columns:158px 1fr;background:#fff;border:1px solid #dfe7f0;border-radius:22px;box-shadow:0 28px 72px rgba(11,33,70,.14);overflow:hidden}
.plan-sidebar{background:#102946;color:#aebed2;padding:17px 14px}
.plan-mini-brand{display:flex;align-items:center;gap:9px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}
.plan-mini-brand .mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff;color:#17355b;font-weight:850;font-size:13px}
.plan-mini-brand strong{font-size:13px}
.plan-side-nav{display:grid;gap:14px;font-size:12px}.plan-side-nav span{font-weight:650}.plan-side-nav .active{color:#fff;background:rgba(255,107,26,.12);margin:0 -14px;padding:9px 14px;border-left:3px solid var(--orange)}
.plan-admin{min-width:0;background:#f8fafc}
.plan-admin-top{height:72px;padding:14px 19px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e2e8f0;color:#667085;font-size:11px}
.plan-order-meta b{color:#1c293a;margin-right:9px}.plan-order-meta strong{display:inline-block;color:#1b2739;font-size:15px;margin-right:8px}.plan-order-meta em{font-style:normal;padding:5px 9px;border-radius:999px;background:#eaf8ee;color:#26844b;font-weight:750}
.plan-order-sub{display:block;margin-top:6px;color:#7b8797;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:580px}
.plan-admin-top button{height:35px;border:1px solid #dce4ee;background:#fff;border-radius:8px;padding:0 12px;color:#334155;font-weight:650;white-space:nowrap}
.plan-tabs{height:48px;display:flex;align-items:center;gap:21px;padding:0 18px;background:#fff;border-bottom:1px solid #e4eaf1;font-size:10.5px;color:#64748b;white-space:nowrap;overflow:hidden}
.plan-tabs span{height:48px;display:flex;align-items:center}.plan-tabs .active{color:var(--blue);font-weight:800;border-bottom:2px solid var(--yellow)}

.timeline-card{position:relative;margin:32px 20px 20px;border:1px solid #dfe5ec;border-radius:10px;background:#fff;box-shadow:0 2px 5px rgba(20,34,55,.05);overflow:hidden}
.timeline-grid{display:grid;grid-template-columns:190px 1fr}
.timeline-left-head{height:43px;border-bottom:1px solid #e5eaf0;background:#fbfcfd}.timeline-months{display:grid;grid-template-columns:repeat(6,1fr);height:43px;border-bottom:1px solid #e5eaf0;background:#fbfcfd;color:#697588;font-size:9.5px}.timeline-months span{display:grid;place-items:center;border-left:1px solid #e6ebf1}
.timeline-labels{display:grid;grid-template-rows:repeat(4,66px)}
.timeline-label{padding:12px 10px 8px 16px;border-bottom:1px solid #edf0f4;position:relative}.timeline-label:last-child{border-bottom:0}
.timeline-label b{display:block;font-size:11px;color:#253143;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:32px}.timeline-label small{display:block;font-size:9.5px;color:#7a8797;margin-top:3px}.timeline-label .pct{position:absolute;right:12px;top:13px;font-size:9px;color:#9aa5b4;font-weight:750}.timeline-label .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:#51d57f}.timeline-label .dot.blue{background:#85b9ef}.timeline-label .dot.orange{background:#f5a623}
.timeline-area{position:relative;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,66px);background:linear-gradient(90deg,transparent 0)}
.timeline-area::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),#e8edf3 calc(16.666% - 1px),#e8edf3 16.666%);pointer-events:none}
.timeline-rowline{border-bottom:1px solid #edf0f4;grid-column:1/-1}.timeline-rowline.r1{grid-row:1}.timeline-rowline.r2{grid-row:2}.timeline-rowline.r3{grid-row:3}.timeline-rowline.r4{grid-row:4;border-bottom:0}
.gantt-bar{position:absolute;height:34px;border-radius:8px;display:flex;align-items:center;padding:0 10px;font-size:10px;font-weight:700;color:#17452a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.gantt-bar.done{background:#20a955;color:#fff}.gantt-bar.plan{background:#8dbcf0;color:#244e79}.gantt-bar.progress{background:#f2b52d;color:#5e4810}
.gantt-bar.b1{left:7%;width:25%;top:16px}.gantt-bar.b2{left:31%;width:29%;top:82px}.gantt-bar.b3{left:54%;width:28%;top:148px}.gantt-bar.b4{left:69%;width:27%;top:214px}
.today-line{position:absolute;top:0;bottom:0;left:76%;width:1.5px;background:#ff8b96;z-index:4}.today-line span{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:9px;color:#e6404d;background:#fff;padding:0 4px}
.shift{position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:11px;color:#d64a52}
.timeline-legend{height:38px;border-top:1px solid #e5eaf0;background:#fbfcfd;display:flex;align-items:center;gap:18px;padding:0 14px;font-size:9.5px;color:#697588}
.timeline-legend span{display:flex;align-items:center;gap:6px}.legend-box{width:10px;height:10px;border-radius:3px;background:#8dbcf0}.legend-box.done{background:#20a955}.legend-box.progress{background:#f2b52d}.legend-today{width:2px;height:14px;background:#ff8b96}

.plan-value{padding:68px 0 72px;background:#fff}.plan-section-head{max-width:790px;margin-bottom:34px}.plan-section-head h2,.plan-continuity h2,.plan-final h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;line-height:1.05;color:var(--navy);margin:0 0 12px}.plan-section-head p,.plan-final p{font-size:17px;line-height:1.6;color:#667085;margin:0;max-width:760px}
.plan-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-points article{padding:24px 24px 26px;border-top:1px solid #dce7f5;background:linear-gradient(180deg,#fbfdff,#fff)}.plan-points article>span{display:block;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.08em;margin-bottom:12px}.plan-points h3{font-size:19px;color:#152c50;margin:0 0 7px}.plan-points p{font-size:14px;line-height:1.55;color:#667085;margin:0;max-width:320px}

.plan-docs{padding:54px 0;background:#f5f8fc;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}.plan-docs-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:58px;align-items:center}.plan-docs h2{font-size:clamp(30px,3vw,43px);letter-spacing:-.045em;line-height:1.05;color:var(--navy);margin:0 0 12px}.plan-docs p{font-size:16px;line-height:1.62;color:#667085;margin:0;max-width:560px}.doc-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.doc-chip{min-height:112px;padding:17px;border:1px solid #dce5ef;border-radius:13px;background:#fff}.doc-chip svg{width:28px;height:28px;fill:none;stroke:var(--blue);stroke-width:1.7;margin-bottom:12px}.doc-chip b{display:block;font-size:14px;color:#17365e;margin-bottom:4px}.doc-chip span{font-size:11.5px;line-height:1.45;color:#788596}

.plan-continuity{padding:58px 0;background:#fff}.plan-continuity-grid{display:grid;grid-template-columns:.66fr 1.34fr;gap:55px;align-items:center}.plan-mini-flow{display:flex;align-items:center;justify-content:flex-end;gap:9px}.plan-mini-flow a{flex:1;min-width:0;padding:15px 13px;border:1px solid #dbe4ef;border-radius:12px;background:white;transition:.18s}.plan-mini-flow a:hover{transform:translateY(-2px);border-color:#a9c9f5}.plan-mini-flow a.current{border-color:#8cbcff;box-shadow:inset 0 3px 0 var(--yellow)}.plan-mini-flow b{display:block;font-size:12.5px;color:#17365e;margin-bottom:2px}.plan-mini-flow small{display:block;font-size:10px;color:#7a8798;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-mini-flow i{font-style:normal;color:#4f8ce5;font-size:19px}
.plan-final{padding:52px 0 58px;background:#f8fbff;border-top:1px solid #eef2f6}.plan-final-inner{display:flex;align-items:center;justify-content:space-between;gap:38px}.plan-final h2{font-size:34px;margin-bottom:8px}.plan-final p{font-size:15px;max-width:680px}.plan-final .btn{flex:0 0 auto}

@media(max-width:1200px){.plan-hero-grid{grid-template-columns:1fr;gap:8px;padding-top:30px}.plan-copy{max-width:760px;padding-bottom:8px}.plan-product{margin-top:18px}.plan-window{height:520px}.plan-docs-grid,.plan-continuity-grid{grid-template-columns:1fr;gap:24px}.plan-mini-flow{justify-content:flex-start}}
@media(max-width:840px){.plan-copy h1{font-size:clamp(48px,12vw,70px)}.plan-window{height:460px;grid-template-columns:120px 1fr;border-radius:17px}.plan-sidebar{padding:14px 9px}.plan-mini-brand strong{display:none}.plan-side-nav{gap:12px}.plan-admin-top{padding:12px 13px}.plan-admin-top button{display:none}.plan-tabs{gap:14px;padding:0 12px}.timeline-card{margin:26px 10px 14px}.timeline-grid{grid-template-columns:145px 1fr}.timeline-months{font-size:8px}.timeline-label b{font-size:9.5px}.timeline-label small,.timeline-label .pct{font-size:8px}.gantt-bar{font-size:8.5px}.plan-points{grid-template-columns:1fr}.doc-list{grid-template-columns:1fr 1fr 1fr}.plan-mini-flow{display:grid;grid-template-columns:1fr 20px 1fr}.plan-final-inner{display:block}.plan-final .btn{margin-top:22px}}
@media(max-width:560px){.plan-hero-grid{width:min(calc(100% - 26px),var(--max))}.plan-copy h1{font-size:46px}.plan-lead{font-size:20px}.plan-text{font-size:15px}.plan-product{margin-left:-13px;margin-right:-13px}.plan-window{height:410px;grid-template-columns:58px 1fr;border-radius:14px}.plan-sidebar{padding:12px 6px}.plan-mini-brand{justify-content:center}.plan-mini-brand .mark{width:29px}.plan-side-nav span{font-size:0;text-align:center}.plan-side-nav span::first-letter{font-size:15px}.plan-admin-top{height:58px}.plan-order-meta b{font-size:8px}.plan-order-meta strong{display:block;font-size:11px;margin:2px 0 0}.plan-order-meta em{display:none}.plan-order-sub{display:none}.plan-tabs{height:40px;font-size:8.5px;gap:11px}.plan-tabs span,.plan-tabs .active{height:40px}.timeline-card{margin:21px 6px 12px}.timeline-grid{grid-template-columns:106px 1fr}.timeline-left-head,.timeline-months{height:35px}.timeline-labels{grid-template-rows:repeat(4,56px)}.timeline-area{grid-template-rows:repeat(4,56px)}.timeline-label{padding:8px 5px 6px 8px}.timeline-label b{font-size:8px;padding-right:20px}.timeline-label small{font-size:6.8px}.timeline-label .pct{right:5px;top:8px;font-size:7px}.timeline-label .dot{width:6px;height:6px;margin-right:3px}.gantt-bar{height:26px;border-radius:6px;padding:0 6px;font-size:7px}.gantt-bar.b1{top:15px}.gantt-bar.b2{top:71px}.gantt-bar.b3{top:127px}.gantt-bar.b4{top:183px}.today-line span{font-size:7px;top:-17px}.timeline-legend{height:31px;padding:0 7px;gap:8px;font-size:7px}.legend-box{width:7px;height:7px}.doc-list{grid-template-columns:1fr}.plan-mini-flow{grid-template-columns:1fr}.plan-mini-flow i{transform:rotate(90deg);text-align:center;height:18px}.plan-value{padding:48px 0}.plan-docs,.plan-continuity{padding:44px 0}}