.journey-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.journey-panel { padding: 25px; border: 1px solid var(--ndio-border); border-radius: var(--radius); background: var(--ndio-white); }
.journey-panel > span { color: var(--ndio-green-deep); font-size: .76rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.journey-panel p { margin: 22px 0 0; }
.journey-panel ol,.journey-panel ul { padding-left: 18px; margin: 22px 0 0; color: var(--ndio-muted); }
.journey-panel li { margin: 10px 0; }
.journey-panel li::marker { color: var(--ndio-orange); font-weight: 800; }
.hero .lede,.page-hero .lede { color: #303a32; font-weight: 520; text-shadow: 0 1px 0 rgba(255,255,255,.55); }
.hero-copy .eyebrow { color: #226638; }.hero-copy h1 { text-shadow: 0 1px 0 rgba(255,255,255,.55); }
.hero-copy { position: relative; z-index: 1; }.path-card > :not(img) { position: relative; z-index: 1; }
.btn { letter-spacing: -.01em; }.btn-primary { box-shadow: 0 5px 13px rgba(240,97,53,.18); }
.btn:active { transform: translateY(1px) scale(.985); }
.mobile-contextual-action { display: none; }
.support-access { position: fixed; z-index: 18; right: 20px; bottom: 20px; }
.support-trigger { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; border: 0; border-radius: 999px; padding: 10px 16px; color: #fff; background: var(--ndio-black); box-shadow: var(--shadow); font-weight: 800; }
.support-trigger span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: var(--ndio-orange); }
.support-menu { position: absolute; right: 0; bottom: 56px; width: 230px; padding: 16px; border: 1px solid var(--ndio-border); border-radius: 16px; background: var(--ndio-white); box-shadow: var(--shadow); }
.support-menu b { display: block; margin-bottom: 8px; }
.support-menu a { display: block; padding: 9px 0; color: var(--ndio-green-deep); font-size: .9rem; font-weight: 700; }
.connection-notice { position: fixed; z-index: 95; top: 8px; left: 50%; max-width: calc(100% - 34px); padding: 10px 16px; border-radius: 999px; transform: translateX(-50%); color: #fff; background: #552d20; box-shadow: var(--shadow); font-size: .88rem; font-weight: 700; }
.service-selector { padding-top: 42px; background: var(--ndio-green-soft); }
.selector-shell { display: grid; grid-template-columns: .85fr 1.15fr; gap: 42px; align-items: start; }
.selector-shell h2 { font-size: clamp(2rem, 3.5vw, 3.25rem); }
.selector-options { display: flex; flex-wrap: wrap; gap: 10px; }
.selector-options button { min-height: 46px; padding: 10px 14px; border: 1px solid var(--ndio-border); border-radius: 999px; background: var(--ndio-white); color: var(--ndio-text); font-weight: 750; transition: border-color var(--transition), transform var(--transition), background var(--transition); }
.selector-options button:hover,.selector-options button[aria-pressed="true"] { border-color: var(--ndio-green); background: var(--ndio-green); color: #fff; transform: translateY(-1px); }
.selector-result { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; padding: 18px; border-radius: var(--radius); background: var(--ndio-white); border: 1px solid var(--ndio-border); }
.selector-result b { display: block; font-size: 1.1rem; }.selector-result p { margin: 3px 0 0; font-size: .9rem; }
.intent-actions { display: grid; gap: 10px; margin: 24px 0; }
.nav-services { position: relative; }.nav-services summary { display: flex; align-items: center; gap: 5px; list-style: none; color: #3d443f; cursor: pointer; }.nav-services summary::-webkit-details-marker { display: none; }.nav-services summary span { color: var(--ndio-green-deep); font-size: 1rem; }.nav-services[open] summary,.nav-services summary[aria-current="page"] { color: var(--ndio-green-deep); }.services-popover { position: absolute; top: calc(100% + 18px); right: -18px; z-index: 30; display: grid; grid-template-columns: repeat(3, minmax(160px,1fr)); gap: 20px; width: 570px; padding: 22px; border: 1px solid var(--ndio-border); border-radius: 17px; background: var(--ndio-white); box-shadow: var(--shadow); }.services-popover b { display: block; margin-bottom: 9px; color: var(--ndio-green-deep); font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }.services-popover a { display: block; padding: 6px 0; color: var(--ndio-text); font-size: .88rem; font-weight: 650; }.services-popover a:hover { color: var(--ndio-green-deep); }
.intent-action { display: flex; flex-direction: column; gap: 2px; padding: 14px 15px; border: 1px solid var(--ndio-border); border-radius: 12px; color: var(--ndio-text); }
.intent-action:hover { border-color: var(--ndio-green); }.intent-action b { color: var(--ndio-green-deep); }.intent-action span { color: var(--ndio-muted); font-size: .88rem; }
.coverage-choice { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.coverage-choice span { margin-right: 4px; color: var(--ndio-muted); font-size: .88rem; font-weight: 700; }
.coverage-choice button { min-height: 37px; padding: 7px 14px; border: 1px solid var(--ndio-border); border-radius: 999px; background: var(--ndio-white); color: var(--ndio-text); font-size: .88rem; font-weight: 800; }
.coverage-choice button[aria-pressed="true"] { border-color: var(--ndio-green); background: var(--ndio-green); color: #fff; box-shadow: 0 5px 12px rgba(80,170,82,.2); }
.coverage-location { min-height: 46px; padding: 10px 12px; border: 1px solid var(--ndio-border); border-radius: 12px; background: transparent; color: var(--ndio-green-deep); font-size: .85rem; font-weight: 800; white-space: nowrap; }
.coverage-location:hover { border-color: var(--ndio-green); background: var(--ndio-green-soft); }
.coverage-selection { margin-top: 23px; padding-top: 23px; border-top: 1px solid var(--ndio-border); }.coverage-segmented { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; max-width: 390px; padding: 4px; border: 1px solid var(--ndio-border); border-radius: 15px; background: var(--ndio-bg); }.coverage-segmented button { min-height: 46px; border: 0; border-radius: 11px; background: transparent; color: var(--ndio-muted); font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }.coverage-segmented button[aria-pressed="true"] { background: var(--ndio-green); color: #fff; box-shadow: 0 3px 10px rgba(80,170,82,.22); }.offers-intro { margin: 19px 0 11px; font-size: .9rem; }.coverage-offer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.coverage-offer-grid article { display: grid; gap: 5px; padding: 15px; border: 1px solid var(--ndio-border); border-radius: 14px; background: var(--ndio-white); }.coverage-offer-grid b { color: var(--ndio-green-deep); }.coverage-offer-grid span { color: var(--ndio-muted); font-size: .86rem; }.coverage-continue { margin-top: 18px; }.checker-status.error { background: #fff1ec; color: #9b3b22; }.checker-status.success { background: var(--ndio-green-soft); color: var(--ndio-green-deep); }
.coverage-page { min-height: calc(100vh - 70px); padding: 80px 0; background: radial-gradient(circle at 85% 15%, rgba(80,170,82,.18), transparent 31%), var(--ndio-bg); }
.coverage-page-layout { display: grid; grid-template-columns: .88fr 1.12fr; gap: 54px; align-items: center; }.coverage-page-copy h1,.switch-hero h1 { max-width: 720px; }
.coverage-page-card { margin: 0; grid-template-columns: 1fr; padding: 34px; }.coverage-page-card form { display: grid; grid-template-columns: 1fr auto auto; }.coverage-page-card .form-note { grid-column: 1/-1; }.coverage-trust { display: grid; gap: 10px; margin-top: 30px; color: var(--ndio-muted); font-size: .9rem; font-weight: 700; }.coverage-trust span::before { content: '✓'; color: var(--ndio-green); margin-right: 9px; }
.switch-hero { padding: 95px 0 84px; background: linear-gradient(135deg, var(--ndio-green-soft), var(--ndio-bg)); }.switch-hero h1 { margin-top: 18px; }.switch-why { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: start; }.switch-benefits { display: grid; gap: 12px; }.switch-benefits article { display: grid; gap: 5px; padding: 21px; border-radius: var(--radius-sm); border: 1px solid var(--ndio-border); background: var(--ndio-white); }.switch-benefits b { color: var(--ndio-green-deep); font-size: 1.03rem; }.switch-benefits span { color: var(--ndio-muted); }.switch-process { background: var(--ndio-orange-soft); }.switch-steps-detailed { margin-bottom: 40px; }.switch-conversion { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px; border-radius: var(--radius); background: var(--ndio-green); color: #fff; }.switch-conversion strong { font-size: 1.28rem; }.switch-conversion p { margin: 4px 0 0; color: #e7f4e7; }.switch-conversion .btn { background: #fff; color: var(--ndio-green-deep); }.switch-discovery { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 28px; color: var(--ndio-muted); font-weight: 700; }.switch-discovery a,.footer-switch { color: var(--ndio-orange); font-weight: 800; }.switch-discovery i { font-style: normal; }
.transition-note { display: grid; grid-template-columns: 1fr .9fr; gap: 45px; padding: 42px; border-radius: var(--radius-lg); background: var(--ndio-green-soft); }.transition-note h2 { font-size: clamp(2rem,3.6vw,3.2rem); }.transition-note ol { margin: 0; padding: 0; list-style: none; counter-reset: transition; }.transition-note li { position: relative; padding: 13px 0 13px 42px; border-bottom: 1px solid var(--ndio-border); color: var(--ndio-text); font-weight: 700; counter-increment: transition; }.transition-note li::before { content: counter(transition); position: absolute; left: 0; top: 10px; display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: var(--ndio-orange); color: #fff; font-size: .78rem; }.switch-faq { background: var(--ndio-bg); }
button:disabled { cursor: progress; opacity: .7; transform: none !important; }
html[data-theme="dark"] .journey-panel,html[data-theme="dark"] .selector-options button,html[data-theme="dark"] .selector-result,html[data-theme="dark"] .support-menu { border-color: #354438; background: #1c241e; }
html[data-theme="dark"] .coverage-choice button,html[data-theme="dark"] .coverage-segmented,html[data-theme="dark"] .coverage-offer-grid article,html[data-theme="dark"] .switch-benefits article { border-color: #354438; background: #1c241e; color: var(--ndio-text); }.coverage-choice button[aria-pressed="true"],.coverage-segmented button[aria-pressed="true"] { background: var(--ndio-green); color: #fff; }.coverage-location { color: #a8e3aa; border-color: #405044; }.coverage-page,html[data-theme="dark"] .switch-hero { background: #121713; }.switch-process { background: #2c1e19; }html[data-theme="dark"] .transition-note { background: #17351f; }.checker-status.error { background: #44261d; color: #ffd6c8; }
html[data-theme="dark"] .hero .lede,html[data-theme="dark"] .page-hero .lede { color: #e5eee7; text-shadow: none; }
html[data-theme="dark"] .hero-copy .eyebrow { color: #a8e3aa; }.hero-copy h1 { text-shadow: none; }
html[data-theme="dark"] .intent-action { border-color: #405044; color: var(--ndio-text); }
html[data-theme="dark"] .services-popover { border-color: #405044; background: #1c241e; }
html[data-theme="dark"] .service-selector { background: #17351f; }
@media (max-width: 900px) { .journey-grid { grid-template-columns: 1fr; }.selector-shell,.coverage-page-layout,.switch-why,.transition-note { grid-template-columns: 1fr; gap: 28px; }.coverage-page { padding: 55px 0; } }
@media (max-width: 900px) { .nav-services { width: 100%; }.nav-services summary { padding: 13px 0; border-bottom: 1px solid var(--ndio-border); }.services-popover { position: static; grid-template-columns: 1fr; gap: 12px; width: auto; margin: 0 0 7px; padding: 14px; box-shadow: none; }.services-popover a { padding: 8px 0; } }
@media (max-width: 620px) { .support-access { right: 14px; bottom: 78px; }.mobile-contextual-action { display: block; position: fixed; z-index: 16; left: 16px; right: 16px; bottom: 14px; }.mobile-contextual-action .btn { width: 100%; box-shadow: 0 12px 28px rgba(17,17,17,.25); }.service-selector { padding: 35px 0; }.selector-result { align-items: flex-start; flex-direction: column; }.selector-result .btn { width: 100%; }.support-menu { bottom: 56px; width: min(230px, calc(100vw - 28px)); }.coverage-page-card { padding: 23px; }.coverage-page-card form { grid-template-columns: 1fr; align-items: stretch; }.coverage-page-card .btn,.coverage-location { width: 100%; }.coverage-offer-grid { grid-template-columns: 1fr; }.coverage-segmented { max-width: none; }.switch-hero { padding: 58px 0; }.switch-conversion { align-items: stretch; flex-direction: column; }.switch-conversion .btn { width: 100%; }.switch-discovery { align-items: flex-start; flex-direction: column; }.transition-note { padding: 27px; } }
@media (prefers-reduced-motion: reduce) { .selector-options button,.related-card { transition: none; } }