.plans-page main [id],.guide-page main [id],.features-page main [id],.feature-overview-page main [id] { scroll-margin-top:112px; }
.journey-hero { padding:28px 0 48px; }
.journey-breadcrumb { display:flex; flex-wrap:wrap; gap:14px; font-size:13px; color:#626262; margin-bottom:58px; }
.journey-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:70px; }
.journey-hero h1 { font-size:clamp(42px,4.3vw,64px); font-weight:800; line-height:1.2; letter-spacing:-.05em; word-break:keep-all; }
.journey-lead { color:#555; font-size:20px; line-height:1.8; margin:28px 0 30px; }
.journey-hero-art { background:#f3f4f7; border:1px solid #e0e3e9; border-radius:16px; padding:22px; min-width:0; }
.journey-hero-art>img { display:block; width:100%; height:270px; object-fit:contain; }
.journey-art-caption { display:grid; grid-template-columns:50px 1fr; gap:13px 15px; padding:23px 15px 8px; border-top:1px solid #d8dce5; align-items:center; }
.journey-art-caption span { font-size:10px; letter-spacing:.07em; color:#626262; }
.journey-art-caption b { font-size:16px; color:#383838; font-weight:650; }
.journey-release { font-size:13px; color:#626262; line-height:1.8; margin-top:40px; }
.journey-section { padding:85px 0; }
.journey-soft { background:#f6f6f6; border-block:1px solid #e9e9e9; }
.journey-heading { margin-bottom:36px; }
.journey-heading h2,.journey-split h2 { font-size:42px; line-height:1.35; letter-spacing:-.045em; font-weight:780; word-break:keep-all; }
.journey-heading>p:not(.eyebrow) { margin-top:20px; font-size:17px; line-height:1.85; color:#555; }
.choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.choice-card { min-width:0; border:1px solid #d7d7d7; border-radius:14px; background:#fff; overflow:hidden; display:flex; flex-direction:column; }
.choice-art { background:#eef1f7; position:relative; min-height:180px; display:flex; justify-content:flex-end; align-items:center; padding:10px 20px; }
.choice-art img { width:65%; height:180px; object-fit:contain; }
.choice-art>b { position:absolute; top:50%; left:36px; transform:translateY(-50%); font-size:46px; letter-spacing:-.04em; color:#1f3d80; }
.choice-pro .choice-art { background:#eeeef0; }
.choice-pro .choice-art>b { color:#252525; }
.choice-body { padding:35px; display:flex; flex-direction:column; flex:1; }
.choice-label { color:#626262; font-size:13px; }
.choice-body h3 { font-size:32px; line-height:1.4; font-weight:750; letter-spacing:-.04em; margin:18px 0 20px; }
.choice-body>p { color:#555; font-size:17px; line-height:1.85; }
.choice-body ul { padding:25px 0 32px; list-style:none; margin:0 0 auto; }
.choice-body li { display:flex; gap:11px; font-size:16px; line-height:1.85; padding:5px 0; }
.choice-body li:before { content:'✓'; color:#3974ff; }
.choice-body .button { align-self:flex-start; margin-top:10px; }
.journey-note { font-size:13px; line-height:1.9; color:#626262; margin-top:24px; }
.comparison-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.difference-control { display:flex; align-items:center; gap:10px; min-height:44px; font-size:15px; color:#333; cursor:pointer; }
.difference-control[hidden] { display:none; }
.difference-control input,.preparation-checks input { width:19px; height:19px; flex-shrink:0; accent-color:#2563ed; }
.comparison-status { font-size:13px; color:#626262; margin-bottom:14px; }
.plan-comparison { width:100%; min-width:0; border-collapse:collapse; table-layout:fixed; }
.plan-comparison caption { text-align:left; font-size:13px; color:#626262; margin-bottom:18px; }
.plan-comparison thead { background:#f2f3f5; border-top:2px solid #252525; }
.plan-comparison th,.plan-comparison td { width:33.333%; border-bottom:1px solid #dedede; padding:22px; text-align:left; font-size:16px; line-height:1.65; word-break:keep-all; overflow-wrap:anywhere; }
.plan-comparison thead th { font-size:19px; font-weight:750; }
.plan-comparison th[scope=row] { font-weight:650; }
.plan-comparison th small { display:block; font-size:11px; color:#626262; font-weight:500; margin-bottom:6px; }
.plan-comparison td { color:#555; }
.plan-comparison tr[hidden] { display:none; }
.journey-split { display:grid; grid-template-columns:1.2fr 1fr; gap:80px; align-items:center; }
.journey-split p:not(.eyebrow) { color:#555; font-size:18px; line-height:1.9; margin:25px 0; }
.journey-split-art img { width:100%; height:280px; object-fit:contain; }
.journey-next { padding:50px 0; border-block:1px solid #ddd; background:#f2f3f5; }
.journey-next .container { display:flex; gap:30px; align-items:center; justify-content:space-between; }
.journey-next span:not(.button span) { font-size:12px; color:#626262; }
.journey-next h2 { font-size:28px; font-weight:750; margin-top:14px; line-height:1.5; }
.journey-next .button { flex-shrink:0; }
.journey-mobile-break { display:none; }
.guide-topic-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.guide-topic { min-width:0; border-radius:12px; background:#fff; border:1px solid #ddd; overflow:hidden; }
.guide-topic:hover,.guide-topic:focus-visible { border-color:#91abe3; }
.guide-topic>img { width:100%; height:160px; object-fit:contain; background:#f0f2f6; display:block; }
.guide-topic>div { padding:24px 20px; }
.guide-topic span { font-size:11px; color:#626262; letter-spacing:.06em; }
.guide-topic h3 { display:flex; gap:10px; align-items:center; justify-content:space-between; font-size:21px; line-height:1.5; font-weight:700; margin:13px 0; }
.guide-topic h3 b { color:#2563ed; font-size:17px; }
.guide-topic p { font-size:14px; color:#555; line-height:1.8; }
.preparation-layout { display:grid; grid-template-columns:1fr 1.15fr; gap:70px; align-items:start; }
.preparation-card { background:#f8f8f8; border:1px solid #ddd; border-radius:14px; padding:32px; min-width:0; }
.preparation-progress { display:flex; justify-content:space-between; align-items:center; gap:15px; min-height:44px; }
.preparation-progress strong { font-size:17px; }
.preparation-progress button { background:transparent; border:0; min-height:44px; color:#555; text-decoration:underline; text-underline-offset:4px; font-size:13px; }
.preparation-card progress { width:100%; height:5px; display:block; margin:14px 0 20px; border:0; border-radius:5px; overflow:hidden; accent-color:#2563ed; background:#e5e7ec; }
.preparation-card progress::-webkit-progress-bar { background:#e5e7ec; }
.preparation-card progress::-webkit-progress-value { background:#2563ed; }
.preparation-checks { border:0; padding:0; margin:0; min-width:0; }
.preparation-checks label { display:flex; gap:13px; align-items:flex-start; padding:20px 0; border-bottom:1px solid #dedede; cursor:pointer; font-size:16px; line-height:1.7; color:#444; }
.preparation-checks label:last-child { border:0; padding-bottom:0; }
.preparation-checks input { margin-top:4px; }
.preparation-checks input:checked+span { color:#1c4298; }
.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.onboarding-flow { margin:0 0 32px; padding:0; list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; }
.onboarding-flow li { border-top:2px solid #ccc; padding:25px 0; min-width:0; }
.onboarding-flow li>span { font-size:13px; color:#626262; }
.onboarding-flow h3 { font-size:23px; margin:20px 0 16px; font-weight:700; }
.onboarding-flow p { color:#555; font-size:16px; line-height:1.85; }
.guide-faq-controls { display:grid; grid-template-columns:1fr 350px; gap:20px; align-items:end; margin-bottom:30px; }
.guide-faq-controls[hidden] { display:none; }
.guide-faq-filters { display:flex; gap:8px; flex-wrap:wrap; }
.guide-faq-filters button { min-height:44px; border:1px solid #ccc; border-radius:24px; padding:0 19px; font:inherit; font-size:15px; background:#fff; color:#444; }
.guide-faq-filters button[aria-pressed=true] { background:#171717; color:#fff; border-color:#171717; }
.guide-search label { display:block; font-size:12px; margin-bottom:8px; color:#555; }
.guide-search>div { position:relative; }
.guide-search input { width:100%; min-height:46px; padding:10px 45px 10px 15px; border:1px solid #ccc; border-radius:8px; font:inherit; font-size:15px; color:#222; background:#fff; }
.guide-search input::-webkit-search-cancel-button { display:none; }
.guide-search button { position:absolute; right:1px; top:1px; width:44px; height:44px; font-size:22px; background:none; color:#555; border-radius:8px; }
.guide-faq-controls>p { grid-column:1/-1; color:#626262; font-size:13px; }
.guide-faq-list .guide-answer p { padding:0 0 25px; margin:0; color:#444; line-height:1.9; font-size:17px; }
.guide-faq-list details[hidden] { display:none; }
.guide-empty { text-align:center; padding:50px 20px; border:1px solid #ddd; border-radius:12px; }
.guide-empty h3 { font-size:24px; }
.guide-empty p { margin:18px 0 25px; color:#555; }
@media (max-width:1200px) {
 .journey-hero-grid { gap:40px; }
 .guide-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .preparation-layout { gap:36px; }
 .onboarding-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1024px) {
 .journey-hero-grid { grid-template-columns:1fr; }
 .journey-hero h1 { font-size:52px; }
 .journey-hero-art { max-width:700px; }
 .journey-hero-art>img { height:240px; }
 .choice-body { padding:25px; }
 .choice-body h3 { font-size:28px; }
 .choice-art>b { font-size:34px; left:24px; }
 .journey-split { gap:30px; }
 .journey-heading h2,.journey-split h2 { font-size:36px; }
 .preparation-layout { grid-template-columns:1fr; }
 .guide-faq-controls { grid-template-columns:1fr; }
 .journey-next .container { align-items:flex-start; flex-direction:column; }
}
@media (max-width:640px) {
 .plans-page main [id],.guide-page main [id],.features-page main [id],.feature-overview-page main [id] { scroll-margin-top:92px; }
 .journey-hero { padding:24px 0 35px; }
 .journey-breadcrumb { margin-bottom:38px; font-size:12px; }
 .journey-hero h1 { font-size:clamp(32px,9vw,42px); }
 .journey-lead { font-size:17px; margin:23px 0 27px; }
 .journey-hero-art { padding:15px; }
 .journey-hero-art>img { height:185px; }
 .journey-art-caption { padding:17px 5px 5px; grid-template-columns:42px 1fr; gap:12px; }
 .journey-art-caption b { font-size:14px; }
 .journey-section { padding:55px 0; }
 .journey-heading h2,.journey-split h2 { font-size:30px; }
 .journey-heading>p:not(.eyebrow) { font-size:16px; }
 .choice-grid { grid-template-columns:1fr; }
 .choice-art { min-height:150px; padding:4px 12px; }
 .choice-art img { height:150px; }
 .choice-body { padding:25px; }
 .choice-body h3 { font-size:27px; }
 .choice-body>p { font-size:16px; }
 .choice-body li { font-size:15px; }
 .choice-body .button { width:100%; }
 .comparison-heading { align-items:flex-start; flex-direction:column; gap:16px; }
 .plan-comparison th,.plan-comparison td { padding:15px 8px; font-size:12px; word-break:normal; }
 .plan-comparison thead th { font-size:15px; }
 .plan-comparison th small { font-size:10px; }
 .journey-split { grid-template-columns:1fr; gap:25px; }
 .journey-split p:not(.eyebrow) { font-size:16px; }
 .journey-split-art img { height:220px; }
 .journey-next h2 { font-size:25px; }
 .journey-next .button { width:100%; }
 .journey-mobile-break { display:inline; }
 .guide-topic-grid { grid-template-columns:1fr; gap:18px; }
 .guide-topic>img { height:160px; }
 .guide-topic>div { padding:21px; }
 .preparation-card { padding:23px; }
 .preparation-checks label { font-size:15px; }
 .onboarding-flow { grid-template-columns:1fr; gap:0; }
 .onboarding-flow li { display:flex; gap:22px; padding:24px 0; }
 .onboarding-flow li>span { padding-top:6px; }
 .onboarding-flow h3 { margin:0 0 10px; font-size:22px; }
 .onboarding-flow p { font-size:15px; }
 .guide-faq-filters { gap:6px; }
 .guide-faq-filters button { padding:0 12px; font-size:13px; }
 .guide-faq-list .guide-answer p { font-size:15px; }
}
@media (max-width:480px) {
 .plan-comparison thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .plan-comparison tbody { display:block; border-top:2px solid #252525; }
 .plan-comparison tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-bottom:1px solid #dedede; padding:16px 0; }
 .plan-comparison tbody tr[hidden] { display:none; }
 .plan-comparison tbody th { grid-column:1/-1; width:auto; padding:0 0 14px; border:0; font-size:16px; }
 .plan-comparison tbody td { width:auto; padding:12px; border:0; font-size:14px; background:#f5f6f8; }
 .plan-comparison tbody td:last-child { border-left:1px solid #e1e3e8; }
 .plan-comparison tbody td:before { display:block; margin-bottom:6px; font-size:11px; font-weight:700; color:#333; }
 .plan-comparison tbody td:nth-child(2):before { content:'LITE'; }
 .plan-comparison tbody td:nth-child(3):before { content:'PRO'; }
}