@font-face { font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap }
@font-face { font-family:Lora;src:url('/assets/fonts/lora-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap }
.plan-details-page { --canvas:#F8F6F1;--ink:#101828;--muted:#566273;--blue:#215BDB;--navy:#0B1F33;--soft:#E8F0FF;margin:0;background:var(--canvas);color:var(--ink);font:16px/1.7 Manrope,Arial,sans-serif }
.plan-details-page * { box-sizing:border-box }
.plan-details-page a { color:var(--blue);text-underline-offset:4px;overflow-wrap:anywhere }
.plan-details-page :focus-visible { outline:3px solid var(--blue);outline-offset:4px }
.plan-details-page p { color:var(--muted);margin:16px 0 0 }
.plan-details-page h1,.plan-details-page h2,.plan-details-page h3 { margin:0;line-height:1.15;letter-spacing:-.035em }
.plan-details-page h1 { font-size:clamp(36px,5.3vw,64px);font-weight:700 }
.plan-details-page h2 { font-size:clamp(26px,3.2vw,36px);font-weight:700 }
.plan-details-page h3 { font-size:20px }
.details-wrap { width:min(1000px,calc(100% - 64px));margin-inline:auto }
.details-header { background:#fff;border-bottom:1px solid #dce0e4 }
.details-header .details-wrap { min-height:96px;display:flex;justify-content:space-between;align-items:center;gap:24px }
.details-header .wordmark { display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;flex-shrink:0 }
.details-header .wordmark img { width:46px;height:46px }
.details-header .wordmark strong { display:block;font:500 23px/1.2 Lora,Georgia,serif;letter-spacing:.06em }
.details-header .wordmark small { display:block;font-size:9px;letter-spacing:.2em;margin-top:5px }
.details-header nav { display:flex;align-items:center;gap:24px;flex-wrap:wrap }
.details-header nav a { display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700 }
.plan-details-page .skip-link { position:fixed;top:12px;left:12px;z-index:50;padding:12px 20px;background:#fff;transform:translateY(-160%) }
.plan-details-page .skip-link:focus { transform:none }
.details-intro { max-width:800px;padding:72px 0 36px }
.plan-details-page .eyebrow { font-size:12px;letter-spacing:.14em;font-weight:750;color:var(--blue);margin:0 0 16px }
.details-intro .details-lead { font-size:19px;max-width:670px }
.details-intro .details-price { display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;color:var(--ink);margin:28px 0 18px }
.details-price strong { font-size:36px;letter-spacing:-.04em }
.details-price span { display:block;flex-basis:100%;font-size:16px;font-weight:700 }
.details-jump { display:flex;flex-wrap:wrap;gap:6px 22px;padding:18px 0;border-block:1px solid #dce0e4;margin-bottom:32px }
.details-jump a { display:inline-flex;align-items:center;min-height:44px;font-weight:700 }
.details-section { scroll-margin-top:24px;background:#fff;border:1px solid #dce0e4;border-radius:16px;padding:36px 40px;margin-bottom:24px }
.details-section ul { padding-left:24px;margin:24px 0 0;color:var(--muted) }
.details-section li { padding-left:4px;margin:10px 0 }
.details-section strong { color:var(--ink) }
.details-handoff { background:var(--soft);border-color:#cddaf1 }
.details-handoff .handoff-price { padding:20px 0;margin:20px 0 0;border-block:1px solid #cddaf1;color:var(--ink) }
.handoff-price strong { display:block;font-size:28px }
.handoff-price span { display:block;font-weight:700;margin-top:4px }
.handoff-columns { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:28px }
.handoff-columns ul { margin-top:12px }
.details-contact { background:var(--navy);border-radius:16px;padding:40px;margin:40px 0 64px;color:#fff }
.details-contact p { color:#c5d0de;max-width:650px }
.details-contact .button { display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:14px 22px;margin-top:24px;border-radius:12px;background:var(--blue);color:#fff;text-align:center;text-decoration:none;font-weight:700;line-height:1.5;transition:background .16s ease }
.details-contact .button:hover { background:#1746AE }
.details-contact .email-link { display:block;width:fit-content;min-height:44px;padding:12px 0;color:#abc5ff;margin-top:12px }
.details-contact :focus-visible { outline-color:#FFB15A }
.details-footer { border-top:1px solid #dce0e4;padding:24px 0 }
.details-footer .details-wrap { display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px }
.details-footer p { flex:1 1 360px;margin:0;font-size:14px }
.details-footer a { display:inline-flex;align-items:center;min-height:44px;font-size:14px }
@media(max-width:700px) {
  .details-wrap { width:calc(100% - 40px) }
  .details-header .details-wrap { flex-wrap:wrap;gap:8px;padding-block:16px }
  .details-header nav { gap:24px }
  .details-intro { padding-top:48px }
  .details-section,.details-contact { padding:26px }
  .handoff-columns { grid-template-columns:1fr;gap:24px }
  .details-contact .button { width:100% }
}
@media(max-width:360px) {
  .details-wrap { width:calc(100% - 32px) }
  .details-section,.details-contact { padding:20px }
  .details-header .wordmark strong { font-size:21px }
}
@media(prefers-reduced-motion:reduce) { .plan-details-page * { transition:none!important;animation:none!important;scroll-behavior:auto!important } }