.desktop-nav a[aria-current] { color: var(--ink); text-decoration: underline; text-underline-offset: 6px; }
.apps-hero { display: grid; grid-template-columns: 1fr 1.05fr; gap: 55px; align-items: center; padding-top: 92px; padding-bottom: 78px; }
.apps-hero h1 { font-size: clamp(42px, 4.4vw, 64px); line-height: 1.14; max-width: 560px; letter-spacing: -.06em; }
.apps-hero h1 span { display: inline; font-size: 1em; padding: 0 .1em .025em; margin: 0; line-height: inherit; border-radius: 0; letter-spacing: inherit; }
.apps-hero .hello { font-size: 12px; margin-bottom: 25px; }
.apps-lead { max-width: 440px; margin: 28px 0 0; font-size: 16px; line-height: 1.85; color: var(--muted); }
.apps-hero .hero-actions { gap: 20px; }
.apps-hero .button { font-size: 12px; gap: 15px; padding-inline: 20px; }
.apps-hero .text-link { font-size: 12px; gap: 10px; }
.intro-note { color: #82867b; font-size: 11px; margin: 22px 0 0; }
.hero-device { margin: 0 -25px 0 0; min-width: 0; transform: rotate(-2deg); }
.hero-device figcaption { margin-top: 19px; text-align: center; font-size: 9px; line-height: 1.7; color: #838779; }
.tablet-frame { position: relative; padding: 15px; border: 2px solid #363735; border-radius: 28px; background: #1f211f; box-shadow: 0 24px 50px -24px #28311e65, 0 0 0 1px #000; }
.tablet-camera { position: absolute; top: 50%; left: 5px; width: 4px; height: 4px; background: #474a44; border-radius: 50%; }
.tablet-screen { overflow: hidden; border-radius: 13px; background: #fafbf8; color: #2e342a; font-size: 7px; }
.parish-admin { display: grid; grid-template-columns: 108px 1fr; min-height: 328px; }
.demo-sidebar { padding: 20px 10px 12px; background: #f1f3ed; display: flex; flex-direction: column; border-right: 1px solid #e3e6dd; }
.demo-brand { font-size: 7px; font-weight: 650; white-space: nowrap; }
.cross { font-size: 14px; color: #65854e; vertical-align: middle; margin-right: 3px; }
.demo-org { color: #7d8574; margin: 13px 0 20px; font-size: 6px; }
.demo-nav { padding: 10px 7px; font-size: 6px; color: #7b8175; border-radius: 5px; }
.demo-nav.active { background: #e3e9d9; color: #3f5130; font-weight: 600; }
.sidebar-bottom { margin-top: auto; padding-top: 35px; font-size: 6px; display: flex; align-items: center; gap: 5px; }
.demo-avatar,.tiny-avatar { display: grid; place-items: center; border-radius: 50%; background: #e5e9de; width: 17px; height: 17px; font-size: 6px; }
.demo-workspace { min-width: 0; }
.demo-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 9px 15px; border-bottom: 1px solid #e9ebe4; color: #858b7d; font-size: 6px; }
.demo-content { padding: 17px 16px 12px; }
.demo-title-row { display: flex; align-items: center; gap: 5px; justify-content: space-between; }
.demo-kicker { font-size: 5px; letter-spacing: .09em; color: #7d8773; }
.demo-title-row h2 { margin: 6px 0 0; font-size: 11px; font-weight: 550; line-height: 1.3; letter-spacing: -.04em; }
.demo-add { white-space: nowrap; padding: 6px 7px; background: #8dff70; border-radius: 4px; font-size: 5px; }
.demo-stats { display: grid; grid-template-columns: 1fr 1fr 1.25fr; gap: 7px; margin-top: 17px; }
.demo-stats > div { padding: 9px 7px; background: #fff; border: 1px solid #e7eadf; border-radius: 5px; }
.demo-stats small,.demo-stats span { display: block; color: #8a9181; font-size: 5px; line-height: 1.5; }
.demo-stats b { display: block; font-size: 19px; font-weight: 500; margin: 6px 0; }
.demo-stats b.small-stat { font-size: 9px; margin: 12px 0 13px; white-space: nowrap; }
.small-stat i,.status-dot { display: inline-block; width: 4px; height: 4px; background: #76a45d; border-radius: 50%; }
.demo-week { margin-top: 14px; border: 1px solid #e4e9dc; border-radius: 6px; background: white; }
.week-heading { display: flex; justify-content: space-between; padding: 9px; font-size: 6px; }
.week-heading span { color: #969c8e; font-size: 5px; }
.week-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #e9ece3; }
.week-grid > div { border-right: 1px solid #e9ece3; padding: 9px 5px 16px; }
.week-grid > div:last-child { border: 0; }
.week-grid > div > span { color: #8e9584; font-size: 5px; margin-right: 5px; }
.week-grid > div > b { font-size: 8px; font-weight: 500; }
.calendar-event { padding: 7px 4px; margin: 10px 0 0; font-size: 5px; background: #edf6e5; border-left: 2px solid #87ab6d; line-height: 1.6; }
.calendar-event small { display: block; font-size: 4px; color: #87947c; }
.muted-event { background: #eef2f7; border-color: #a6b7ca; }
.demo-bottom-row { display: flex; justify-content: space-between; margin-top: 12px; color: #9aa18e; font-size: 4px; }
.apps-strip { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px 30px; border-block: 1px solid var(--line); padding-block: 24px; color: var(--muted); font-size: 11px; }
.showcase { padding-block: 100px; }
.showcase-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 65px 40px; }
.showcase-card { min-width: 0; }
.device-stage { position: relative; display: flex; align-items: end; justify-content: center; overflow: hidden; border: 1px solid #e3e6dc; border-radius: 18px; height: 500px; padding-top: 50px; }
.stage-label { position: absolute; left: 26px; top: 24px; font-size: 9px; letter-spacing: .1em; color: #7c8472; font-weight: 500; }
.stage-parish { background: radial-gradient(ellipse at 50% 70%, #e0f4cb, #edf4e6 70%); }
.stage-farm { background: radial-gradient(ellipse at 50% 70%, #e9e4c7, #f4f1e5 70%); }
.phone-frame { position: relative; width: 240px; height: 462px; flex-shrink: 0; padding: 8px; border: 2px solid #3b3c38; border-radius: 39px 39px 0 0; background: #1c1e1b; box-shadow: 0 25px 40px #35432626; transform: translateY(25px); }
.phone-island { position: absolute; top: 15px; left: 50%; transform: translateX(-50%); width: 67px; height: 18px; z-index: 1; border-radius: 15px; background: #171916; }
.phone-screen { height: 100%; position: relative; overflow: hidden; border-radius: 28px 28px 0 0; padding: 12px 15px 0; background: #fbfcf8; }
.phone-status { display: flex; justify-content: space-between; font-size: 8px; margin: 0 3px 21px; }
.phone-status span { font-size: 7px; letter-spacing: 1px; }
.parish-phone-brand { display: flex; align-items: center; gap: 8px; color: #426339; font-size: 30px; margin-bottom: 22px; }
.parish-phone-brand > span { font-size: 9px; line-height: 1.3; color: #454c3d; }
.parish-phone-brand b { font-size: 12px; font-weight: 600; }
.phone-eyebrow { font-size: 6px; letter-spacing: .1em; color: #8d9682; }
.phone-screen h3 { font-size: 25px; line-height: 1.2; font-weight: 500; margin: 10px 0 17px; letter-spacing: -.045em; }
.phone-tabs { display: flex; gap: 14px; font-size: 7px; color: #8b9283; padding-bottom: 10px; border-bottom: 1px solid #e5e9dd; }
.phone-tabs .selected { color: #3f6136; font-weight: 600; }
.parish-post { background: #eaf2df; padding: 13px 12px; border-radius: 9px; margin-top: 13px; }
.phone-tag { font-size: 6px; color: #687f55; }
.parish-post h4 { margin: 8px 0; font-size: 13px; font-weight: 550; letter-spacing: -.03em; }
.parish-post p { font-size: 8px; line-height: 1.65; margin: 0 0 10px; color: #7c876e; }
.mini-link { font-size: 6px; font-weight: 600; color: #5d754c; }
.mass-row { display: flex; align-items: center; gap: 11px; margin-top: 17px; }
.mass-date { font-size: 5px; color: #8a927d; text-align: center; }
.mass-date b { display: block; font-size: 18px; font-weight: 500; }
.mass-row > div b { font-size: 8px; font-weight: 550; }
.mass-row > div span { display: block; font-size: 6px; color: #8e9486; margin-top: 4px; }
.phone-bottom-nav { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: space-around; padding: 12px 0 18px; border-top: 1px solid #e7eade; background: #fbfcf8f5; color: #71835f; }
.phone-bottom-nav > span { font-size: 14px; text-align: center; }
.phone-bottom-nav small { display: block; font-size: 5px; margin-top: 3px; }
.farm-topline { display: flex; align-items: center; gap: 7px; margin-top: 8px; font-size: 10px; }
.farm-symbol { display: grid; place-items: center; width: 24px; height: 24px; background: #3f5732; color: white; border-radius: 8px; font-size: 18px; }
.farm-topline b { font-weight: 600; }
.weather { margin-left: auto; color: #8a8f77; font-size: 9px; }
.farm-phone > .phone-eyebrow { margin: 22px 0 0; }
.farm-phone h3 { font-size: 22px; margin-bottom: 14px; }
.field-map { height: 125px; position: relative; border-radius: 10px; overflow: hidden; }
.field-map svg { width: 100%; height: 100%; object-fit: cover; }
.map-pill { position: absolute; bottom: 8px; left: 8px; border-radius: 7px; padding: 5px 7px; background: #ffffffeb; color: #667355; font-size: 6px; }
.farm-stat-row { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 11px; }
.farm-stat-row > div { padding: 9px 7px; border: 1px solid #e7e9df; border-radius: 7px; }
.farm-stat-row small { font-size: 6px; display: block; color: #949a86; }
.farm-stat-row b { font-size: 19px; font-weight: 500; display: block; margin-top: 5px; }
.farm-stat-row b span { font-size: 5px; font-weight: 400; color: #8b927d; }
.farm-task { display: flex; gap: 8px; align-items: center; padding-top: 11px; }
.task-check { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; background: #e6efd9; color: #7b9663; font-size: 9px; }
.task-check.pending { background: #f0eee1; color: #a29c73; }
.farm-task > div { flex: 1; }
.farm-task b { font-size: 7px; font-weight: 550; display: block; }
.farm-task small { font-size: 5px; color: #929780; display: block; margin-top: 3px; }
.farm-task > span:last-child { color: #989f8c; font-size: 8px; }
.showcase-copy { padding: 28px 0 0; }
.showcase-copy .eyebrow { font-size: 10px; }
.showcase-copy > h3 { margin: 14px 0; font-size: 27px; line-height: 1.25; letter-spacing: -.045em; font-weight: 500; }
.showcase-copy > p:not(.eyebrow) { font-size: 14px; line-height: 1.85; color: var(--muted); max-width: 475px; margin: 0; }
.showcase-links { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 25px; margin-top: 13px; }
.showcase-copy > .text-link { margin-top: 18px; }
.quiet-link { color: #7d8474; font-size: 11px; padding-block: 12px; }
.quiet-link:hover { color: var(--green); }
.wide-card { grid-column: 1 / -1; display: grid; grid-template-columns: 1.3fr 1fr; gap: 55px; align-items: center; }
.wide-card .device-stage { height: 390px; padding: 65px 28px 32px; align-items: center; }
.wide-card .showcase-copy { padding-top: 0; }
.stage-care { background: #eeedf5; border-color: #e1e0e9; }
.care-tablet { width: 100%; border-radius: 22px; padding: 13px; }
.care-tablet .tablet-screen { border-radius: 10px; }
.care-screen { display: grid; grid-template-columns: 93px 1fr; min-height: 252px; }
.care-sidebar { display: flex; flex-direction: column; background: #f2f0f7; padding: 18px 7px; border-right: 1px solid #e7e3ee; }
.care-sidebar > b { font-size: 7px; letter-spacing: -.03em; }
.care-sidebar > b > span { color: #8e7da7; font-size: 14px; vertical-align: middle; }
.care-sidebar > small { color: #a398b1; font-size: 5px; margin: 12px 0 20px; }
.care-sidebar > span { font-size: 6px; padding: 8px 5px; color: #988da6; border-radius: 5px; }
.care-sidebar > span.active { background: #e4dfee; color: #685578; }
.care-main { padding: 19px 14px 10px; background: #fbfafc; min-width: 0; }
.care-greeting { display: flex; align-items: center; justify-content: space-between; }
.care-greeting small { font-size: 5px; letter-spacing: .07em; color: #a397b0; }
.care-greeting h3 { font-size: 15px; font-weight: 500; letter-spacing: -.04em; margin: 6px 0 0; }
.care-badge { font-size: 5px; background: #eee9f6; padding: 5px 8px; border-radius: 6px; color: #8b759e; }
.care-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 16px; }
.care-metrics > div { padding: 8px; border: 1px solid #e7e3eb; border-radius: 6px; background: #fff; }
.care-metrics small { font-size: 5px; display: block; color: #9f94a9; }
.care-metrics b { display: block; font-size: 18px; font-weight: 450; margin-top: 5px; }
.care-metrics span { font-size: 4px; color: #9e93a7; }
.care-schedule { margin-top: 13px; }
.schedule-title { display: flex; justify-content: space-between; font-size: 6px; margin-bottom: 4px; }
.schedule-title span { color: #9a87ad; font-size: 5px; }
.care-schedule > div:not(.schedule-title) { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid #ebe7ef; }
.care-schedule time { font-size: 5px; color: #9b8da8; }
.activity-dot { width: 4px; height: 4px; border-radius: 50%; background: #ad92c6; }
.activity-dot.blue { background: #91adbd; }
.care-schedule p { margin: 0; flex: 1; }
.care-schedule p b { display: block; font-size: 5px; font-weight: 550; }
.care-schedule p small { display: block; font-size: 4px; color: #a69aaf; margin-top: 3px; }
.care-label { font-size: 4px; padding: 3px 5px; border-radius: 4px; background: #efe8f5; color: #9c82af; }
.blue-label { background: #e8eff3; color: #8ba0ac; }
.care-footnote { margin-top: 10px; color: #aea4b7; font-size: 4px; }
.web-card { grid-template-columns: 1fr 1.3fr; border-top: 1px solid var(--line); padding-top: 65px; }
.web-card .showcase-copy > h3 { font-size: 37px; }
.stage-web { background: #edece7; border-color: #e3e1d9; }
.wide-card .stage-web { padding: 63px 24px 30px; }
.browser-frame { width: 100%; border: 1px solid #d9d7cf; border-radius: 10px; background: white; overflow: hidden; box-shadow: 0 20px 30px #3b3b2215; }
.browser-bar { display: flex; align-items: center; justify-content: space-between; padding: 9px 11px; border-bottom: 1px solid #e9e7df; font-size: 6px; color: #aaa89d; background: #f8f7f3; }
.browser-dots { letter-spacing: 2px; font-size: 5px; color: #d0cbbf; }
.web-demo { background: #fdfcf7; padding: 15px 22px 12px; }
.web-demo nav { display: flex; justify-content: space-between; align-items: center; font-size: 5px; color: #929081; }
.web-demo nav b { font-size: 10px; font-weight: 600; color: #383c2b; letter-spacing: -.04em; }
.web-demo nav b span { color: #75a84c; }
.web-demo-main { padding: 26px 0 20px; }
.web-demo-main h3 { font-size: 29px; font-weight: 500; line-height: 1.15; letter-spacing: -.06em; margin: 10px 0; color: #3c4830; }
.web-demo-main p { color: #8b8b76; font-size: 7px; line-height: 1.8; }
.web-demo-button { display: inline-block; padding: 7px 10px; border-radius: 20px; background: #8dff70; font-size: 6px; margin-top: 8px; }
.web-demo-footer { display: flex; justify-content: space-between; border-top: 1px solid #e8e7dc; padding-top: 10px; color: #9d9e8a; font-size: 4px; }
.process-section { background: #efeee8; padding-block: 85px; border-block: 1px solid var(--line); }
.process-section h2 { max-width: 610px; }
.process-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 45px; }
.process-grid article { border-top: 1px solid #d6d8ce; padding-top: 22px; }
.process-grid article > span { font-size: 11px; color: #89917d; }
.process-grid h3 { font-size: 19px; letter-spacing: -.035em; font-weight: 500; margin: 23px 0 13px; }
.process-grid p { font-size: 13px; line-height: 1.9; color: var(--muted); margin: 0; }
.inquiry-section { display: grid; grid-template-columns: 1fr 1.35fr; gap: 100px; padding-block: 105px; }
.inquiry-intro h2 { font-size: clamp(32px,3.6vw,49px); line-height: 1.25; margin-top: 24px; }
.inquiry-intro h2 span { background: var(--action); padding-inline: .1em; }
.inquiry-intro > p:not(.eyebrow) { font-size: 14px; line-height: 1.9; color: var(--muted); max-width: 305px; margin: 25px 0 0; }
.direct-email { display: inline-block; margin-top: 28px; font-size: 13px; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: #c3c9b8; }
.inquiry-form { min-width: 0; }
.form-two { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form-field > label, .inquiry-form legend { display: block; color: #42483b; font-size: 12px; font-weight: 550; margin-bottom: 11px; }
.form-field input, .form-field textarea { width: 100%; border: 1px solid #d8dcd0; border-radius: 10px; background: #ffffffa3; padding: 13px 14px; font: inherit; font-size: 14px; line-height: 1.6; color: var(--ink); }
.form-field input::placeholder, .form-field textarea::placeholder { color: #9da28f; }
.form-field textarea { resize: vertical; min-height: 140px; }
.form-field input:focus, .form-field textarea:focus { outline: 2px solid #588446; outline-offset: 2px; }
.inquiry-form fieldset { padding: 0; margin: 28px 0; border: 0; min-width: 0; }
.choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.choice { position: relative; display: flex; cursor: pointer; }
.choice input { position: absolute; width: 1px; height: 1px; opacity: 0; left: 50%; top: 50%; }
.choice > span { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 43px; border: 1px solid #dce0d3; border-radius: 9px; padding: 11px 12px; font-size: 11px; line-height: 1.5; color: #727a65; transition: background .2s,border-color .2s; }
.choice > span::before { content: ''; flex: 0 0 10px; width: 10px; height: 10px; border: 1px solid #bfc7b4; border-radius: 50%; }
.choice input:checked + span { background: #ebffe3; border-color: #a9d998; color: #354c29; }
.choice input:checked + span::before { border-color: #557d41; background: #557d41; box-shadow: inset 0 0 0 2px #ebffe3; }
.choice input:focus-visible + span { outline: 2px solid #588446; outline-offset: 3px; }
.choice:hover > span { border-color: #a7b697; }
.budget-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.field-hint { font-size: 10px; line-height: 1.7; color: #8a927c; margin: 10px 0 0; }
.inquiry-submit { font-family: inherit; cursor: pointer; border: 1px solid var(--action-border); }
.inquiry-submit:disabled { opacity: .5; cursor: default; }
.form-note { font-size: 10px; line-height: 1.8; color: #8b927d; max-width: 350px; margin: 14px 0 0; }
.form-note a { text-decoration: underline; }
.form-status { font-size: 12px; line-height: 1.8; color: #4a6240; margin-top: 18px; }
.form-status a { text-decoration: underline; text-underline-offset: 3px; }
[hidden] { display: none !important; }
@media (max-width: 1100px) {
  .apps-hero { gap: 35px; }
  .apps-hero .hero-actions { gap: 8px 18px; }
  .hero-device { margin-right: 0; }
  .parish-admin { grid-template-columns: 85px 1fr; min-height: 290px; }
  .demo-content { padding: 12px 10px; }
  .demo-title-row h2 { font-size: 9px; }
  .demo-add { display: none; }
  .demo-stats { gap: 4px; }
  .demo-stats > div { padding: 7px 4px; }
  .wide-card { gap: 35px; }
  .wide-card .device-stage { padding-inline: 18px; height: 355px; }
  .care-screen { grid-template-columns: 75px 1fr; }
  .care-main { padding-inline: 10px; }
  .care-greeting h3 { font-size: 12px; }
  .inquiry-section { gap: 55px; }
}
@media (max-width: 800px) {
  .apps-hero { grid-template-columns: 1fr; padding-top: 65px; gap: 55px; padding-bottom: 55px; }
  .apps-hero h1 { font-size: 60px; }
  .apps-lead { max-width: 550px; }
  .hero-device { width: min(570px,100%); margin-inline: auto; transform: rotate(-1deg); }
  .parish-admin { grid-template-columns: 100px 1fr; min-height: 300px; }
  .apps-strip { font-size: 10px; }
  .showcase { padding-block: 70px; }
  .showcase-grid { gap: 45px 24px; }
  .device-stage { height: 455px; }
  .phone-frame { width: 218px; height: 437px; }
  .phone-screen { padding-inline: 12px; }
  .showcase-copy > h3 { font-size: 23px; }
  .showcase-copy > p:not(.eyebrow) { font-size: 13px; }
  .wide-card,.web-card { grid-template-columns: 1fr; gap: 30px; }
  .wide-card .device-stage { height: 380px; padding-inline: 40px; }
  .care-screen { grid-template-columns: 110px 1fr; }
  .care-main { padding: 21px 18px 15px; }
  .care-greeting h3 { font-size: 17px; }
  .web-card .showcase-copy { order: 2; }
  .web-card .device-stage { order: 1; }
  .wide-card .showcase-copy { max-width: 550px; }
  .web-card .showcase-copy > h3 { font-size: 29px; }
  .web-card .showcase-copy > h3 br { display: none; }
  .process-section { padding-block: 65px; }
  .process-grid { gap: 25px; }
  .process-grid h3 { font-size: 17px; }
  .inquiry-section { grid-template-columns: 1fr; gap: 38px; padding-block: 70px; }
  .inquiry-intro > p:not(.eyebrow) { max-width: 490px; }
}
@media (max-width: 540px) {
  .apps-hero { padding-top: 48px; }
  .apps-hero h1 { font-size: 44px; }
  .apps-hero .hello { font-size: 10px; }
  .apps-lead { font-size: 15px; margin-top: 22px; }
  .hero-device { transform: none; }
  .tablet-frame { border-radius: 19px; padding: 10px; }
  .tablet-screen { border-radius: 9px; }
  .tablet-camera { width: 3px; height: 3px; left: 3px; }
  .parish-admin { min-height: 255px; grid-template-columns: 70px 1fr; }
  .demo-sidebar { padding: 15px 6px 10px; }
  .demo-brand { font-size: 5px; }
  .cross { font-size: 9px; margin-right: 1px; }
  .demo-org { font-size: 4px; margin-bottom: 12px; }
  .demo-nav { font-size: 4px; padding: 8px 4px; }
  .sidebar-bottom { font-size: 4px; gap: 3px; }
  .demo-avatar { width: 12px; height: 12px; font-size: 4px; }
  .demo-content { padding: 12px 7px 10px; }
  .demo-toolbar { padding-inline: 8px; }
  .demo-title-row h2 { font-size: 8px; }
  .demo-stats { margin-top: 12px; }
  .demo-stats small,.demo-stats span { font-size: 4px; }
  .demo-stats b { font-size: 15px; }
  .demo-stats b.small-stat { font-size: 6px; margin-block: 10px 12px; }
  .demo-bottom-row { font-size: 3px; }
  .calendar-event { font-size: 4px; padding-inline: 3px; }
  .calendar-event small { font-size: 3px; }
  .hero-device figcaption { font-size: 8px; }
  .apps-strip { display: grid; grid-template-columns: 1fr 1fr; padding-block: 20px; gap: 16px; }
  .showcase { padding-block: 55px; }
  .showcase h2 { font-size: 32px; }
  .showcase-grid { grid-template-columns: 1fr; gap: 42px; }
  .device-stage { height: 462px; }
  .stage-label { left: 21px; top: 22px; font-size: 8px; }
  .phone-frame { width: 230px; height: 447px; }
  .showcase-copy { padding-top: 24px; }
  .showcase-copy > h3 { font-size: 25px; }
  .showcase-copy > p:not(.eyebrow) { font-size: 13px; }
  .wide-card .device-stage { height: 315px; padding: 60px 14px 26px; }
  .care-screen { grid-template-columns: 67px 1fr; min-height: 218px; }
  .care-tablet { padding: 9px; border-radius: 17px; }
  .care-sidebar { padding: 13px 4px; }
  .care-sidebar > b { font-size: 5px; }
  .care-sidebar > b > span { font-size: 9px; }
  .care-sidebar > small { font-size: 4px; }
  .care-sidebar > span { font-size: 4px; padding-inline: 3px; }
  .care-main { padding: 14px 8px 8px; }
  .care-greeting h3 { font-size: 10px; }
  .care-greeting small { font-size: 4px; }
  .care-badge { font-size: 4px; padding: 4px; }
  .care-metrics { margin-top: 11px; gap: 4px; }
  .care-metrics > div { padding: 6px 4px; }
  .care-metrics small { font-size: 4px; }
  .care-metrics b { font-size: 15px; }
  .care-metrics span { font-size: 3px; }
  .care-schedule > div:not(.schedule-title) { gap: 5px; padding-block: 7px; }
  .care-schedule p b { font-size: 4px; }
  .care-schedule p small { font-size: 3px; }
  .care-label { font-size: 3px; padding: 2px 3px; }
  .care-schedule time { font-size: 4px; }
  .care-footnote { font-size: 3px; }
  .web-card { padding-top: 42px; }
  .wide-card .stage-web { height: 340px; padding-inline: 17px; }
  .web-demo { padding-inline: 17px; }
  .web-demo-main h3 { font-size: 27px; }
  .process-section .section-heading h2 { font-size: 31px; }
  .process-grid { grid-template-columns: 1fr; gap: 28px; }
  .process-grid h3 { margin-top: 14px; font-size: 19px; }
  .process-grid p { max-width: 370px; }
  .inquiry-section { padding-block: 60px; }
  .inquiry-intro h2 { font-size: 36px; }
  .form-two { grid-template-columns: 1fr; gap: 22px; }
  .form-field input,.form-field textarea { font-size: 16px; }
  .choice > span { padding-inline: 9px; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) { .button:hover { transform: none; } }

.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status[data-state="error"]{color:#a13e3e}