.plan-page { --navy:#101A2B; --teal:#0B7F86; --bright:#10C4C9; --line:#DCE2EA; --muted:#43526E; font-family:Inter,Arial,sans-serif; background:#fff; color:var(--navy); line-height:1.65; }
.plan-page *, .plan-page *::before, .plan-page *::after { box-sizing:border-box; }
.plan-wrap { max-width:1240px; margin-inline:auto; padding-inline:clamp(20px,4vw,48px); }
.plan-page a { color:var(--teal); text-underline-offset:4px; }
.plan-page a:focus-visible, .plan-page summary:focus-visible { outline:3px solid var(--bright); outline-offset:4px; }
.plan-page h1,.plan-page h2,.plan-page h3 { line-height:1.15; letter-spacing:-.025em; color:inherit; }
.plan-page h1 { font-size:clamp(36px,4.5vw,60px); margin:22px 0; max-width:16ch; }
.plan-page h2 { font-size:clamp(28px,3vw,40px); margin:0 0 22px; max-width:24ch; }
.plan-page h3 { font-size:21px; margin:0 0 16px; }
.plan-page p { margin:0 0 18px; }
.plan-page .kicker { font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--teal); margin:0 0 16px; }
.plan-hero { background:var(--navy); color:#fff; }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:56px; align-items:center; padding-block:48px; }
.crumb { font-size:12px; margin-bottom:40px; color:#B9D8DF; }
.crumb a { color:#fff; padding-block:8px; }
.plan-hero .kicker,.plan-hero .hero-note { color:#56DEE2; }
.hero-lead { font-size:18px; max-width:47ch; color:#E4EEF1; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.plan-page .button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:14px 20px; background:var(--bright); color:var(--navy); font-weight:700; font-size:14px; text-decoration:none; border:1px solid var(--bright); border-radius:4px; }
.plan-page .button:hover { background:#56DEE2; }
.plan-page .button.outline { background:transparent; color:#fff; border-color:#56DEE2; }
.plan-hero .hero-note { margin:20px 0 0; font-size:12px; }
.plan-hero figure { margin:0; background:#fff; color:var(--navy); border-radius:4px; padding:24px; }
.plan-hero img { display:block; width:100%; height:350px; object-fit:contain; }
.plan-hero figcaption { border-top:1px solid var(--line); padding-top:16px; margin-top:12px; font-size:14px; }
.plan-hero figcaption span { display:block; font-size:12px; }
.jump { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid var(--line); }
.jump a { display:flex; align-items:center; min-height:66px; font-size:13px; font-weight:600; text-decoration:none; padding:12px 16px; border-right:1px solid var(--line); }
.jump a:last-child { border-right:0; }
.date { font-size:12px; color:var(--muted); padding-top:24px; }
.plan-page section { padding-block:64px; scroll-margin-top:95px; }
.section-head { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:end; margin-bottom:30px; }
.section-head h2 { margin-bottom:0; }
.section-head > p { color:var(--muted); margin-bottom:0; }
.menu-grid,.support-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.menu-grid article { padding:28px 24px; border:1px solid var(--line); border-radius:4px; display:flex; flex-direction:column; }
.number { font-size:13px; color:var(--teal); margin-bottom:28px; font-weight:700; }
.menu-grid p { color:var(--muted); font-size:15px; }
.menu-grid a { margin-top:auto; font-size:13px; font-weight:600; display:inline-flex; align-items:center; min-height:44px; }
.note { border-left:3px solid var(--bright); padding-left:24px; margin-top:30px; max-width:80ch; }
.note h3 { font-size:18px; }
.note p { color:var(--muted); }
.configuration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.panel { padding:32px; border:1px solid var(--line); border-radius:4px; }
.panel p,.panel ul { color:var(--muted); font-size:15px; }
.panel ul { padding-left:20px; }
.panel li { margin-bottom:12px; }
.panel a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; font-weight:600; }
.revenue-note { display:flex; align-items:center; gap:32px; justify-content:space-between; padding-top:28px; margin-top:28px; border-top:1px solid var(--line); }
.revenue-note h3 { font-size:20px; }
.revenue-note p { color:var(--muted); max-width:67ch; font-size:14px; margin:0; }
.revenue-note a { font-size:14px; font-weight:700; min-height:44px; flex-shrink:0; }
.plan-page .support-band { background:var(--navy); color:#fff; }
.support-band .kicker { color:#56DEE2; }
.support-grid article { background:#E6F8F9; color:var(--navy); padding:28px; border-radius:4px; }
.support-grid h3 { font-size:19px; }
.support-grid p { font-size:14px; margin:0; }
.support-band .support-close { color:#B9D8DF; font-size:13px; max-width:90ch; margin:28px 0 0; }
.faq-section { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:64px; }
.faq-section > div > p:not(.kicker) { color:var(--muted); }
.faq-list details { border-top:1px solid var(--line); }
.faq-list details:last-child { border-bottom:1px solid var(--line); }
.faq-list summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:66px; padding:18px 0; font-size:15px; font-weight:600; line-height:1.5; cursor:pointer; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:'+'; font-size:24px; font-weight:400; color:var(--teal); flex-shrink:0; }
.faq-list details[open] summary::after { content:'−'; }
.faq-list details p { padding:0 32px 22px 0; margin:0; font-size:14px; color:var(--muted); }
.closing { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:40px; margin-bottom:64px; background:#E6F8F9; border-radius:4px; }
.closing h2 { max-width:26ch; }
.closing p:not(.kicker) { max-width:60ch; font-size:15px; margin:0; color:var(--muted); }
.closing .button { flex-shrink:0; }
@media(max-width:900px) { .hero-grid { grid-template-columns:1fr; gap:32px; } .plan-hero h1 { max-width:23ch; } .hero-grid figure { max-width:540px; width:100%; } .menu-grid,.support-grid { grid-template-columns:1fr; } .section-head,.faq-section { grid-template-columns:1fr; gap:24px; } .revenue-note,.closing { flex-direction:column; align-items:flex-start; } }
@media(max-width:700px) { .plan-page section { padding-block:44px; } .hero-grid { padding-block:28px; } .crumb { margin-bottom:28px; } .plan-hero img { height:260px; } .configuration-grid { grid-template-columns:1fr; } .panel { padding:24px; } .jump { grid-template-columns:1fr 1fr; } .jump a { min-height:54px; padding:10px 8px; font-size:12px; } .jump a:nth-child(2) { border-right:0; } .jump a:nth-child(-n+2) { border-bottom:1px solid var(--line); } .closing { padding:24px; } }
.plan-page .plan-hero figcaption, .plan-page .plan-hero figcaption strong, .plan-page .plan-hero figcaption span { color: var(--navy); }