.breadcrumbs { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; margin: 0 0 40px; color: #a8c0cf; font-size: 11px; font-weight: 700; }.breadcrumbs a { color: #d9edf4; text-decoration: none; }.breadcrumbs a:hover { color: var(--turquoise); }.breadcrumbs span:last-child { color: #7ca0b3; }
.landing-hero { position: relative; overflow: hidden; min-height: 660px; padding: 25px 0 90px; background: radial-gradient(circle at 78% 43%, rgba(19, 128, 147, .35), transparent 27%), linear-gradient(122deg, #071726, #091c2e 54%, #0d3349); }.landing-hero::after { position: absolute; right: -19vw; bottom: -27vw; width: 64vw; height: 64vw; border: 1px solid rgba(30,209,194,.15); border-radius: 50%; content: ''; box-shadow: 0 0 0 55px rgba(30,209,194,.025), 0 0 0 115px rgba(30,209,194,.018); }.landing-hero .shell { position: relative; z-index: 1; }.landing-hero-layout { display: grid; grid-template-columns: minmax(0, .91fr) minmax(470px, 1.09fr); align-items: center; gap: 54px; }.landing-hero-copy { padding-bottom: 8px; }.landing-hero-copy h1 { max-width: 730px; font-size: clamp(43px, 5vw, 70px); }.landing-hero-text { max-width: 610px; margin-bottom: 31px; color: #b9cad8; font-size: 17px; line-height: 1.68; }.landing-hero-visual { position: relative; padding: 19px 0 14px 13px; }.landing-hero-frame { transform: perspective(1500px) rotateY(-3deg) rotateX(1deg); transform-origin: center left; }.landing-live-label, .pharmacy-live-label { position: absolute; z-index: 2; top: -4px; right: -7px; display: inline-flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid rgba(164,220,232,.24); border-radius: 9px; color: #d4e9ef; background: rgba(7,28,44,.92); box-shadow: 0 14px 30px rgba(0,0,0,.2); font-family: var(--font-mono); font-size: 9px; }.landing-live-label i, .pharmacy-live-label i { width: 7px; height: 7px; border-radius: 50%; background: var(--turquoise); box-shadow: 0 0 0 4px rgba(30,209,194,.12); }.pharmacy-hero { background: radial-gradient(circle at 80% 41%, rgba(34, 104, 141, .39), transparent 27%), linear-gradient(122deg, #071726, #091d31 53%, #11394a); }.pharmacy-live-label { color: #d3f1ed; border-color: rgba(133,230,210,.27); }.pharmacy-live-label i { background: #7ee6d5; }

.landing-definition { background: #f8fbfc; }.landing-two-column { display: grid; grid-template-columns: .84fr 1.16fr; align-items: start; gap: 104px; }.landing-two-column h2 { max-width: 500px; margin: 0; }.landing-body { max-width: 590px; }.landing-body p { color: var(--muted); font-size: 16px; line-height: 1.75; }.landing-body p:last-child { margin-bottom: 0; }
.landing-compare-section { background: #e9f2f5; }.comparison-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.comparison-card { min-height: 345px; padding: 31px; border: 1px solid #c9d9e2; border-radius: 15px; color: #203b4d; background: rgba(255,255,255,.72); }.comparison-card-morvia { border-color: rgba(24,190,177,.45); color: #e7f6f5; background: linear-gradient(145deg, #0c3145, #092235); box-shadow: 0 22px 46px rgba(13,48,68,.16); }.comparison-index { color: #7890a1; font-family: var(--font-mono); font-size: 11px; }.comparison-card-morvia .comparison-index { color: #80ded2; }.comparison-card h3 { margin: 43px 0 22px; font-size: 30px; }.comparison-card ul { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }.comparison-card li { position: relative; padding-left: 20px; color: #5f7485; font-size: 14px; }.comparison-card li::before { position: absolute; top: 8px; left: 0; width: 7px; height: 7px; border: 1px solid #81a2b3; border-radius: 50%; content: ''; }.comparison-card-morvia li { color: #c1dce2; }.comparison-card-morvia li::before { border: 0; background: var(--turquoise); box-shadow: 0 0 0 4px rgba(30,209,194,.12); }.comparison-card-morvia > p { display: flex; align-items: center; gap: 8px; margin: 25px 0 0; color: #8ce2d6; font-size: 11px; font-weight: 700; }.comparison-card-morvia > p i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }

.landing-sequence-section { overflow: hidden; background: linear-gradient(112deg, #f8fbfc 0%, #f0f7f8 55%, #dcecf0 100%); }.landing-sequence-layout, .landing-local-layout, .pharmacy-program-layout { display: grid; grid-template-columns: .83fr 1.17fr; align-items: center; gap: 88px; }.landing-sequence-copy p:not(.eyebrow), .landing-local-copy p:not(.eyebrow), .pharmacy-program-copy p:not(.eyebrow) { max-width: 500px; color: var(--muted); line-height: 1.75; }.landing-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 28px; }.landing-flow span, .landing-flow strong { padding: 8px 10px; border: 1px solid #c4d8e1; border-radius: 99px; color: #33566a; background: rgba(255,255,255,.75); font-family: var(--font-mono); font-size: 10px; white-space: nowrap; }.landing-flow strong { border-color: rgba(12,160,148,.42); color: #087c73; background: #e1f8f4; }.landing-flow i { color: #4e8791; font-size: 13px; font-style: normal; }.landing-sequence-visual, .landing-local-visual { padding: 13px 0; }.landing-sequence-visual .mockup-frame, .landing-local-visual .mockup-frame { box-shadow: 0 26px 48px rgba(10,45,61,.19); }

.landing-calls-section { overflow: hidden; background: linear-gradient(118deg, #081928, #0a293d); }.landing-calls-layout, .pharmacy-campaign-layout { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 92px; }.landing-calls-copy p:not(.eyebrow), .pharmacy-campaign-copy p:not(.eyebrow) { color: #aac0cd; line-height: 1.75; }.landing-calls-copy h2, .pharmacy-campaign-copy h2 { max-width: 550px; }.landing-step-flow { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 0; padding: 0; list-style: none; }.landing-step-flow li { display: flex; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid rgba(158,215,225,.24); border-radius: 8px; color: #d5e9ed; background: rgba(255,255,255,.045); font-size: 10px; font-weight: 800; }.landing-step-flow b { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #046f68; background: #8be0d6; font-family: var(--font-mono); font-size: 8px; }.landing-calls-visual .mockup-frame, .pharmacy-campaign-visual .mockup-frame { box-shadow: 0 29px 55px rgba(0,0,0,.28); }

.landing-local-section { background: #f8fbfc; }.landing-local-layout { grid-template-columns: .9fr 1.1fr; }.landing-local-visual { grid-column: 1; grid-row: 1; }.landing-local-copy { grid-column: 2; }.landing-businesses-section { background: #ebf3f6; }.landing-business-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #c7d8e1; border-left: 1px solid #c7d8e1; }.landing-business-card { display: flex; min-height: 260px; flex-direction: column; padding: 25px; border-right: 1px solid #c7d8e1; border-bottom: 1px solid #c7d8e1; background: rgba(255,255,255,.76); }.landing-business-card > span { color: #7890a1; font-family: var(--font-mono); font-size: 10px; }.landing-business-card h3 { margin: 49px 0 8px; font-size: 22px; }.landing-business-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }.landing-business-card a { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 18px; color: #087e76; font-size: 11px; font-weight: 800; text-decoration: none; }.landing-business-card a b { font-size: 15px; transition: transform .2s ease; }.landing-business-card a:hover b { transform: translateX(4px); }

.landing-final-cta { position: relative; overflow: hidden; padding: 96px 0; color: #ecf7f8; background: linear-gradient(120deg, #061927, #0a354a); }.landing-final-cta::after { position: absolute; top: -150px; right: -80px; width: 420px; height: 420px; border: 1px solid rgba(126,230,216,.18); border-radius: 50%; content: ''; box-shadow: 0 0 0 46px rgba(126,230,216,.028), 0 0 0 92px rgba(126,230,216,.014); }.landing-final-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 50px; }.landing-final-layout h2 { max-width: 740px; margin-bottom: 15px; }.landing-final-layout p:not(.eyebrow) { max-width: 610px; margin-bottom: 0; color: #b9ced6; font-size: 16px; line-height: 1.7; }.landing-final-layout .button { min-width: 208px; }

.pharmacy-problem-section { background: #f8fbfc; }.pharmacy-use-section { background: #eaf3f6; }.pharmacy-use-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 13px; }.pharmacy-use-card { min-height: 238px; padding: 24px; border: 1px solid #c7d9e2; border-radius: 13px; background: rgba(255,255,255,.84); box-shadow: 0 12px 28px rgba(12,46,63,.05); }.pharmacy-use-card > span { color: #0b9187; font-family: var(--font-mono); font-size: 10px; }.pharmacy-use-card h3 { margin: 48px 0 10px; font-size: 20px; }.pharmacy-use-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }.pharmacy-campaign-section { background: linear-gradient(118deg, #081827, #0c3143); }.pharmacy-step-flow { max-width: 465px; }.pharmacy-program-section { background: linear-gradient(110deg, #eff6f8 0%, #f9fcfd 60%, #dbecef 100%); }.pharmacy-program-layout { grid-template-columns: 1.05fr .95fr; }.pharmacy-program-visual .mockup-frame { box-shadow: 0 26px 48px rgba(10,45,61,.19); }.pharmacy-flow { max-width: 530px; }.pharmacy-remote-section { overflow: hidden; background: #f8fbfc; }.pharmacy-remote-layout { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 90px; }.pharmacy-remote-copy p:not(.eyebrow) { max-width: 520px; color: var(--muted); line-height: 1.75; }.pharmacy-remote-visual { display: grid; min-height: 350px; place-items: center; background: radial-gradient(circle, rgba(20,166,157,.11), transparent 65%); }.pharmacy-remote-visual img { width: min(295px, 70%); filter: drop-shadow(0 24px 28px rgba(7,35,49,.22)); }.pharmacy-final-cta { background: linear-gradient(120deg, #071827, #0c3b4b); }

.segment-card-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 15px; color: #087f76; font-size: 11px; font-weight: 800; text-decoration: none; }.segment-card-link:hover { color: #045f59; }.segment-card-link span { font-size: 15px; transition: transform .2s ease; }.segment-card-link:hover span { transform: translateX(3px); }

@media (max-width: 1020px) { .landing-hero-layout { grid-template-columns: .85fr 1.15fr; gap: 31px; }.landing-two-column, .landing-sequence-layout, .landing-local-layout, .pharmacy-program-layout { gap: 52px; }.landing-calls-layout, .pharmacy-campaign-layout, .pharmacy-remote-layout { gap: 48px; }.pharmacy-use-grid { grid-template-columns: repeat(3, 1fr); }.landing-business-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 780px) { .landing-hero { min-height: 0; padding: 19px 0 70px; }.breadcrumbs { margin-bottom: 31px; }.landing-hero-layout, .landing-two-column, .landing-sequence-layout, .landing-calls-layout, .landing-local-layout, .pharmacy-campaign-layout, .pharmacy-program-layout, .pharmacy-remote-layout { grid-template-columns: 1fr; }.landing-hero-layout { gap: 37px; }.landing-hero-copy h1 { font-size: clamp(42px, 10vw, 62px); }.landing-hero-visual { max-width: 650px; padding-left: 0; }.landing-hero-frame { transform: none; }.landing-live-label, .pharmacy-live-label { right: -4px; }.landing-two-column { gap: 26px; }.landing-two-column h2 { max-width: 620px; }.comparison-grid { grid-template-columns: 1fr; }.comparison-card { min-height: 0; }.landing-sequence-layout, .landing-calls-layout, .landing-local-layout, .pharmacy-campaign-layout, .pharmacy-program-layout, .pharmacy-remote-layout { gap: 39px; }.landing-local-visual { grid-column: auto; grid-row: auto; }.landing-local-copy { grid-column: auto; }.landing-business-grid { grid-template-columns: 1fr 1fr; }.landing-business-card { min-height: 235px; }.pharmacy-use-grid { grid-template-columns: 1fr 1fr; }.pharmacy-use-card { min-height: 210px; }.landing-final-cta { padding: 73px 0; }.landing-final-layout { grid-template-columns: 1fr; align-items: start; gap: 30px; }.landing-final-layout .button { width: fit-content; }.pharmacy-remote-visual { grid-row: 1; min-height: 300px; }.pharmacy-remote-visual img { width: min(270px, 65%); } }
@media (max-width: 460px) { .landing-hero { padding-bottom: 56px; }.breadcrumbs { font-size: 10px; }.landing-hero-copy h1 { font-size: 40px; }.landing-flow { gap: 5px; }.landing-flow span, .landing-flow strong { padding: 7px 8px; font-size: 9px; }.landing-flow i { font-size: 10px; }.landing-step-flow { gap: 5px; }.landing-step-flow li { font-size: 9px; }.landing-step-flow b { width: 18px; height: 18px; }.landing-business-grid, .pharmacy-use-grid { grid-template-columns: 1fr; }.landing-business-card, .pharmacy-use-card { min-height: 0; }.landing-business-card h3, .pharmacy-use-card h3 { margin-top: 29px; }.landing-final-layout .button { width: 100%; }.landing-live-label, .pharmacy-live-label { position: static; width: fit-content; margin: 0 0 10px; } }
