/* Caprock v189 — complete landscape experience
   A final, authoritative short-wide layer shared by every production route.
   The goal is one deliberate scroll surface per state, compact chrome, and
   fully reachable controls from landscape phones through wide desktops. */

:root{
  --cr189-paper:#fffaf3;
  --cr189-stone:#e9dfd0;
  --cr189-forest:#0c493e;
  --cr189-night:#082f28;
  --cr189-copper:#e2a06f;
  --cr189-ink:#102f28;
  --cr189-copy:#50675f;
  --cr189-line:rgba(16,47,40,.17);
  --cr189-shadow:0 24px 70px rgba(2,25,21,.27),inset 0 1px 0 rgba(255,255,255,.9);
}

/* V201: checkout keeps its three clearly separated columns in short-wide view. */
@media (orientation:landscape) and (max-height:600px){
  .crCommerceBackdrop.is-checkout-details{padding:6px!important;place-items:center!important}
  .crCommercePanel.is-checkout-details{width:min(1100px,calc(100vw - 12px))!important;max-height:calc(100dvh - 12px)!important;overflow:hidden!important;border-radius:20px!important}
  .crCommercePanel.is-checkout-details .crCheckoutHead{min-height:0!important;padding:8px 14px 7px!important}
  .crCommercePanel.is-checkout-details .crCheckoutHead strong{font-size:1.5rem!important}
  .crCommercePanel.is-checkout-details .crCheckoutBody{padding:6px 9px 8px!important}
  .crCommercePanel.is-checkout-details .crCheckoutUtility{min-height:21px!important;margin-bottom:3px!important}
  .crCommercePanel.is-checkout-details .crCheckoutForm{display:grid!important;grid-template-columns:.82fr 1.09fr 1.09fr!important;gap:7px!important}
  .crCommercePanel.is-checkout-details .crCheckoutSection{display:block!important;padding:8px!important;border-radius:12px!important}
  .crCommercePanel.is-checkout-details .crCheckoutSection>header{margin-bottom:6px!important;padding-bottom:5px!important}
  .crCommercePanel.is-checkout-details .crCheckoutSection>header>small{width:21px!important;height:21px!important;flex-basis:21px!important}
  .crCommercePanel.is-checkout-details .crCheckoutSection>header strong{font-size:.9rem!important}
  .crCommercePanel.is-checkout-details .crCheckoutFields{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.46fr) minmax(0,.66fr)!important;gap:4px!important}
  .crCommercePanel.is-checkout-details .crCheckoutContact .crCheckoutFields{grid-template-columns:1fr!important}
  .crCommercePanel.is-checkout-details .crCheckoutFields label{grid-column:auto!important;gap:2px!important;font-size:.5rem!important}
  .crCommercePanel.is-checkout-details .crCheckoutFields label.is-wide{grid-column:1/-1!important}
  .crCommercePanel.is-checkout-details .crCheckoutFields input{height:32px!important;min-height:32px!important;padding:4px 7px!important;font-size:16px!important}
  .crCommercePanel.is-checkout-details .crBillingSame{min-height:32px!important;padding:5px 7px!important}
  .crCommercePanel.is-checkout-details .crCheckoutActions{display:grid!important;grid-template-columns:1fr!important;margin-top:4px!important}
  .crCommercePanel.is-checkout-details .crCheckoutActions .crCommercePrimary{min-height:32px!important;margin:0!important;padding:7px 10px!important}
  .crCommercePanel.is-checkout-details .crCheckoutMobileNext,.crCommercePanel.is-checkout-details .crCheckoutMobileBack{display:none!important}
}

/* Interaction repairs that are correct in every landscape size. */
@media (orientation:landscape) and (hover:none) and (pointer:coarse){
  .crProductInfoViewport{
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
  }
  .crProductInfoPane{
    height:auto!important;
    min-height:100%!important;
    overflow:visible!important;
  }
  .crCommercePanel:has(.crPaymentBody){
    width:min(900px,calc(100vw - 28px))!important;
  }
  .crStorefrontTray.has-assistant.crCommerceHideLegacy{
    display:flex!important;
  }
  .crGuideConversation,
  .crCommercePanel,
  .aboutCopy,
  .productTableWrap{
    scrollbar-color:rgba(226,160,111,.62) transparent;
  }
}

/* Art-directed home composition for landscape tablets and desktops. The
   interface occupies the photograph's open western sky and valley; the rock
   formation on the eastern third remains an unobstructed focal point. */
@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (min-height:601px){
  .heroImage::before{background-position:left center!important;background-size:auto 108%!important}
  .heroShade{
    background:
      linear-gradient(90deg,rgba(5,30,26,.94) 0%,rgba(5,30,26,.72) 39%,rgba(5,30,26,.32) 62%,rgba(5,30,26,.06) 82%,transparent 100%),
      linear-gradient(0deg,rgba(5,29,25,.8),transparent 58%)!important;
  }
  .heroContent{
    position:absolute!important;
    top:clamp(170px,22vh,230px)!important;
    left:clamp(44px,6vw,108px)!important;
    display:block!important;
    width:min(42vw,620px)!important;
    margin:0!important;
    padding:0!important;
    align-self:auto!important;
    transform:none!important;
  }
  .hero h1{font-size:clamp(4.8rem,7.8vw,8.6rem)!important;line-height:.86!important}
  .heroLead{width:min(100%,340px)!important;margin-top:24px!important;font-size:clamp(.86rem,1.15vw,1.08rem)!important}
  .crHomeKinetic{
    top:clamp(92px,12vh,124px)!important;
    right:auto!important;
    bottom:auto!important;
    left:max(24px,calc(95dvh - min(26vw,440px) - 28px))!important;
    width:min(26vw,440px)!important;
    height:78px!important;
  }
  .crHomeKineticStage{height:66px!important}
  .crHomeKineticSlide{text-align:left!important}
  .crHomeKineticSlide h2{font-size:clamp(1.75rem,2.65vw,2.65rem)!important;line-height:.94!important}
  .crHomeKineticSlide h2 br{display:none!important}
  .crHomeKineticSlide p{margin-top:8px!important;font-size:.52rem!important}
  .audienceGateway:not(.is-guide-open){
    top:clamp(405px,54vh,580px)!important;
    right:auto!important;
    bottom:auto!important;
    left:max(24px,calc(95dvh - min(26vw,440px) - 28px))!important;
    width:min(26vw,440px)!important;
  }
  .audienceGateway:not(.is-guide-open) .crGuideEntry{min-height:0!important;padding:13px 14px!important;border-radius:22px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryTop{margin-bottom:5px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryTitle{margin-bottom:10px!important;font-size:clamp(1.55rem,2.2vw,2rem)!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoices{gap:7px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice{min-height:84px!important;padding:11px 12px!important;border-radius:15px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice strong{font-size:clamp(1rem,1.4vw,1.25rem)!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice span{margin-top:6px!important;font-size:clamp(.52rem,.65vw,.64rem)!important;line-height:1.32!important}
  .audienceGateway:not(.is-guide-open) .crHomeAiBar{min-height:45px!important;margin-top:8px!important;padding:3px!important}
  .audienceGateway:not(.is-guide-open) .crHomeAiBar textarea{height:37px!important;min-height:37px!important;max-height:37px!important;padding-block:9px!important;font-size:16px!important}
}

/* Landscape tablets and compact desktops receive a denser composition while
   retaining the existing wide-screen hierarchy. */
@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (min-height:601px) and (max-height:850px){
  .aboutViewport{padding-top:70px!important;padding-bottom:12px!important}
  .aboutPanel{min-height:0!important;max-height:calc(100dvh - 82px)!important}
  .aboutLead{min-height:0!important;padding:30px!important}
  .aboutLead h1{margin:34px 0 24px!important;font-size:clamp(3rem,5vw,4.7rem)!important}
  .aboutCopy{padding:30px!important;overflow-y:auto!important}
  .aboutMission{margin-top:22px!important;padding:18px 0!important}

  .crOrderShell{gap:1rem!important;padding:1.25rem 2rem 1.5rem!important}
  .crOrderCard{padding:2.2rem 3rem!important}
  .crOrderIcon{width:3.8rem!important;height:3.8rem!important;margin-bottom:1rem!important}

  .crCommercePanel:has(.crCheckoutBody),
  .crCommercePanel:has(.crPaymentBody){max-height:calc(100dvh - 28px)!important}
  .crCommerceHead{padding:18px 22px 15px!important}
  .crCheckoutBody{padding:17px 22px 22px!important}
  .crCheckoutTrust{margin:11px 0 15px!important;padding:11px 14px!important}

  .dashboardHero{min-height:210px!important;padding:30px!important}
  .dashboardHero h1{font-size:clamp(3rem,5vw,4.5rem)!important}
}

/* Laptop and landscape-tablet heights need a shorter hero cadence so the
   message completes before the lower gateway begins. Both remain entirely
   inside the photograph's open valley, left of the rock formation. */
@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (min-height:601px) and (max-height:820px){
  .hero h1{font-size:clamp(4.25rem,5.2vw,5rem)!important}
  .heroLead{width:min(100%,300px)!important}
  .audienceGateway:not(.is-guide-open){
    top:min(clamp(405px,54vh,580px),calc(100dvh - 350px))!important;
  }
  .crHomeKinetic,
  .audienceGateway:not(.is-guide-open){
    left:min(
      calc(100vw - 312px),
      max(
        calc(95dvh - 328px),
        calc(clamp(44px,6vw,108px) + min(42vw,300px) + 20px)
      )
    )!important;
    width:300px!important;
  }
}

/* -------------------------------------------------------------------------
   Short-wide authority: phones in landscape, short laptop windows, and every
   568×320 through 932×430 boundary share this system regardless of user agent.
   ------------------------------------------------------------------------- */
@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:600px){
  /* Homepage */
  html:has(.hero),body:has(.hero){width:100%;height:100%;min-height:100%;overflow:hidden}
  body:has(.hero){position:static!important;inset:auto!important}
  .hero{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}
  .heroImage::before{background-position:left center!important;background-size:auto 145%!important}
  .heroShade{background:linear-gradient(90deg,rgba(5,30,26,.96),rgba(5,30,26,.68) 43%,rgba(5,30,26,.12) 72%,transparent 100%),linear-gradient(0deg,rgba(5,29,25,.86),transparent 65%)!important}
  .siteHeader{height:58px!important;width:calc(100% - 34px)!important}
  .siteHeader .brandMark{transform:scale(.76)!important;transform-origin:left center!important}
  .siteHeader .brandType strong{font-size:1.1rem!important}
  .siteHeader .brandType>span{font-size:.51rem!important}
  .siteAboutLink{min-height:35px!important;padding:0 7px 0 11px!important;font-size:.55rem!important}
  .siteAboutLink i{width:20px!important;height:20px!important}

  .heroContent{
    position:absolute!important;
    top:82px!important;
    left:clamp(22px,5vw,52px)!important;
    display:block!important;
    width:min(35vw,340px)!important;
    margin:0!important;
    padding:0!important;
    align-self:auto!important;
    transform:none!important;
  }
  .heroKicker{margin:0 0 11px!important;font-size:.54rem!important;letter-spacing:.14em!important}
  .hero h1{font-size:clamp(2.5rem,7vw,4.25rem)!important;line-height:.82!important}
  .heroLead{width:100%!important;margin:14px 0 0!important;padding-left:12px!important;font-size:clamp(.67rem,1.35vw,.82rem)!important;line-height:1.38!important}

  .audienceGateway:not(.is-guide-open){
    top:64px!important;
    right:auto!important;
    bottom:auto!important;
    left:42%!important;
    width:min(31vw,300px)!important;
  }
  .audienceGateway:not(.is-guide-open) .crGuideEntry{
    min-height:0!important;
    padding:10px 12px!important;
    border-radius:20px!important;
  }
  .audienceGateway:not(.is-guide-open) .crGuideEntryTop{margin-bottom:4px!important}
  .audienceGateway:not(.is-guide-open) .crGuideBrandLogo--entry{width:29px!important;flex-basis:29px!important;transform:scale(.78)!important;transform-origin:left center!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryEyebrow{font-size:.49rem!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryTitle{margin-bottom:7px!important;font-size:clamp(1.15rem,2.35vw,1.45rem)!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoices{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice{min-height:76px!important;padding:9px 10px!important;border-radius:13px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice strong{font-size:clamp(.9rem,1.8vw,1.08rem)!important;line-height:1!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice span{display:-webkit-box!important;margin-top:5px!important;overflow:hidden!important;font-size:.52rem!important;line-height:1.25!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice b{font-size:.9rem!important}
  .audienceGateway:not(.is-guide-open) .crHomeAiBar{min-height:42px!important;margin-top:7px!important;padding:3px!important;grid-template-columns:34px minmax(0,1fr) 34px!important}
  .audienceGateway:not(.is-guide-open) .crHomeAiMic,
  .audienceGateway:not(.is-guide-open) .crHomeAiStop,
  .audienceGateway:not(.is-guide-open) .crHomeAiSend{width:34px!important;height:34px!important}
  .audienceGateway:not(.is-guide-open) .crHomeAiBar textarea{height:34px!important;min-height:34px!important;max-height:34px!important;padding:8px 4px!important;font-size:16px!important}
  .audienceGateway:not(.is-guide-open) .crHomeAiStatus{margin:2px 4px -6px!important;font-size:.48rem!important}

  .crHomeKinetic{
    right:auto!important;
    bottom:43px!important;
    left:clamp(22px,5vw,52px)!important;
    display:block!important;
    width:min(35vw,340px)!important;
    height:44px!important;
  }
  .crHomeKineticStage{height:38px!important}
  .crHomeKineticSlide h2{font-size:clamp(1rem,2.4vw,1.35rem)!important;line-height:.95!important}
  .crHomeKineticSlide h2 br{display:none!important}
  .crHomeKineticSlide p{margin-top:4px!important;font-size:.42rem!important;letter-spacing:.055em!important;white-space:nowrap!important}
  .crHomeKineticProgress{height:2px!important}
  .heroFoot{height:37px!important;padding-inline:clamp(18px,3vw,34px)!important}
  .heroFoot>p{display:none!important}
  .heroSignals{width:100%!important;justify-content:flex-end!important;gap:22px!important;font-size:.48rem!important}
  body[data-caprock-patient-stage="gender"] .crHomeKinetic{opacity:0!important;pointer-events:none!important}

  /* Shared guided-workspace frame */
  body[data-caprock-patient-stage] #audienceGateway.is-guide-open,
  body[data-caprock-experience="professional"] #audienceGateway.is-guide-open{
    position:fixed!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    left:50%!important;
    width:calc(100vw - 20px)!important;
    height:calc(100dvh - 14px)!important;
    max-height:none!important;
    padding:0!important;
    place-items:stretch!important;
    background:transparent!important;
    backdrop-filter:none!important;
    transform:translate(-50%,-50%)!important;
  }
  body[data-caprock-patient-stage] #audienceGateway.is-guide-open .crGuideHost,
  body[data-caprock-experience="professional"] #audienceGateway.is-guide-open .crGuideHost,
  body[data-caprock-patient-stage] .crGuide--embedded,
  body[data-caprock-experience="professional"] .crGuide--embedded{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    border-radius:22px!important;
  }
  body[data-caprock-patient-stage] .crGuideTop,
  body[data-caprock-experience="professional"] .crGuideTop{min-height:51px!important;padding:7px 12px 6px!important}
  body[data-caprock-patient-stage] .crGuideBrandLogo,
  body[data-caprock-experience="professional"] .crGuideBrandLogo{width:34px!important;flex-basis:34px!important;transform:scale(.78)!important;transform-origin:left center!important}
  body[data-caprock-patient-stage] .crGuideTitle small,
  body[data-caprock-experience="professional"] .crGuideTitle small{font-size:.47rem!important}
  body[data-caprock-patient-stage] .crGuideTitle strong,
  body[data-caprock-experience="professional"] .crGuideTitle strong{font-size:1.05rem!important}
  body[data-caprock-patient-stage] .crGuideNavButton,
  body[data-caprock-experience="professional"] .crGuideNavButton{height:34px!important;min-height:34px!important;padding:0 8px!important}
  body[data-caprock-patient-stage] .crGuideIconButton,
  body[data-caprock-experience="professional"] .crGuideIconButton{width:34px!important;height:34px!important}
  body[data-caprock-patient-stage] .crGuideStatus,
  body[data-caprock-experience="professional"] .crGuideStatus{display:none!important}
  body[data-caprock-patient-stage] .crGuideConversation,
  body[data-caprock-experience="professional"] .crGuideConversation{
    height:0!important;
    min-height:0!important;
    max-height:none!important;
    flex:1 1 0!important;
    padding:8px 11px 68px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
  }

  /* Woman / man selection */
  body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open{
    width:min(920px,calc(100vw - 24px))!important;
    height:auto!important;
    max-height:calc(100dvh - 18px)!important;
  }
  body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crGuideHost,
  body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crGuide--embedded{height:auto!important;max-height:calc(100dvh - 18px)!important}
  body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crGuideConversation{height:auto!important;max-height:calc(100dvh - 67px)!important;flex:0 1 auto!important;padding:7px 12px 12px!important;overflow-y:auto!important}
  body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crPatientGenderGate{width:100%!important;max-width:none!important;padding:8px 12px 12px!important}
  body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crPatientGateTitle{font-size:clamp(1.75rem,4vw,2.65rem)!important;line-height:.94!important}
  body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crPatientGateCopy{display:none!important}
  body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crPatientGateOptions{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:12px!important;gap:9px!important}
  body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crPatientGenderOption{min-height:82px!important;padding:8px 11px!important;grid-template-columns:64px minmax(0,1fr) auto!important;gap:9px!important}
  body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crPatientGenderOptionArt{width:60px!important;height:60px!important;border-radius:17px!important}

  /* Concern chooser, free text, voice, explorer, and validation */
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open{width:min(1080px,calc(100vw - 20px))!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crGuideConversation{padding:6px 10px 10px!important;overflow-y:auto!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernStage:not(.is-researching){
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:8px 10px 9px!important;
    grid-template-columns:minmax(160px,.55fr) minmax(0,1.45fr)!important;
    grid-template-areas:"head topics" "composer composer"!important;
    gap:7px 14px!important;
    border:0!important;
    border-radius:16px!important;
    background:rgba(255,250,243,.86)!important;
    box-shadow:none!important;
  }
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernHead{grid-area:head!important;max-width:none!important;padding:0!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernTitle{font-size:clamp(1.45rem,3.2vw,2.15rem)!important;line-height:.94!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernCopy{margin-top:5px!important;font-size:.63rem!important;line-height:1.35!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientEditPath{position:static!important;min-height:29px!important;margin:7px 0 0!important;padding:0 8px!important;font-size:.48rem!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernTopics{grid-area:topics!important;margin:0!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernTopicGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px 10px!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernTopic,
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernTopic:nth-child(even){min-height:32px!important;padding:5px 20px 5px 2px!important;border-bottom:1px solid rgba(16,47,40,.13)!important;border-radius:0!important;font-size:.55rem!important;line-height:1.12!important;box-shadow:none!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernStage>.crGuideComposerWrap{grid-area:composer!important;margin:0!important;padding:0!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crGuideComposer{grid-template-columns:38px minmax(0,1fr) 38px!important;min-height:42px!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crGuideComposer textarea{height:38px!important;min-height:38px!important;max-height:38px!important;padding:9px!important;font-size:16px!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crGuideMic,
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crGuideSend{width:38px!important;height:38px!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crGuideFooterMeta{display:flex!important;min-height:18px!important;margin:0!important;padding:0 3px!important;gap:7px!important;align-items:center!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crGuidePrivacy{display:block!important;max-width:none!important;margin:2px 0 0!important;font-size:.625rem!important;line-height:1.22!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crGuideCallbackLink{margin:2px 0 0!important;padding:3px 7px!important;font-size:.6rem!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientBrowseCatalog{min-height:30px!important;margin:4px 0 0!important;font-size:.48rem!important}

  /* Loading, cancellation, retry, recovery, and error surfaces */
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernStage.is-researching{
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:12px 16px!important;
    place-items:center!important;
    overflow:visible!important;
  }
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernStage.is-researching .crPatientResearching{
    display:grid!important;
    width:min(100%,790px)!important;
    min-height:0!important;
    padding:18px 12px 22px!important;
    grid-template-columns:54px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:14px!important;
    text-align:left!important;
  }
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientResearchingMark{width:48px!important;height:48px!important;margin:0!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientResearchingCopy{max-width:none!important;gap:4px!important;justify-items:start!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientResearchingTitle{font-size:clamp(1.65rem,3.8vw,2.35rem)!important;line-height:.94!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientResearchingDescription{font-size:.68rem!important;line-height:1.35!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientResearchingConcern{display:flex!important;width:auto!important;margin:3px 0 0!important;padding:0!important;gap:6px!important;border:0!important;background:transparent!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientResearchingConcern span{font-size:.72rem!important}
  body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientResearchingCancel{min-height:36px!important;margin:0!important;padding:0 12px!important;font-size:.52rem!important}
  .crGuideError,.crPhoneRecovery,.crStorefrontFilterEmpty,.crCatalogEmpty,.crCatalogError{max-width:760px!important;margin-inline:auto!important;padding:14px 16px!important}

  /* Storefront results, filters, cards, selection, AI, and cart */
  body[data-caprock-patient-stage="storefront"] #audienceGateway.is-guide-open .crGuideConversation{padding:8px 12px 74px!important}
  .crPatientStorefront,.crSourceCatalogWorkspace{max-width:none!important}
  body[data-caprock-patient-stage="storefront"] #audienceGateway.is-guide-open .crStorefrontHero,
  body[data-caprock-experience="professional"] #audienceGateway.is-guide-open .crStorefrontHero{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:9px!important;
    margin:0 0 7px!important;
    padding:8px 11px 9px!important;
    border-radius:14px!important;
  }
  .crStorefrontKicker,.crStorefrontConcernEyebrow{margin-bottom:3px!important;font-size:.45rem!important}
  .crStorefrontConcernTitle,.crStorefrontTitle{font-size:clamp(1.25rem,3.2vw,1.8rem)!important;line-height:.95!important}
  .crStorefrontConcernTitle.is-medium{font-size:1.35rem!important}
  .crStorefrontConcernTitle.is-long{font-size:1.18rem!important}
  .crStorefrontSummary{margin-top:4px!important;font-size:.6rem!important;line-height:1.25!important;-webkit-line-clamp:1!important}
  .crStorefrontFamilyCount{margin-top:5px!important;padding:3px 7px!important;font-size:.46rem!important}
  .crStorefrontHeroTools{display:grid!important;max-width:165px!important;gap:5px!important}
  .crStorefrontHeroTools button{min-height:31px!important;padding:0 8px!important;font-size:.46rem!important}
  .crStorefrontClinicalBar{min-height:30px!important;margin-bottom:7px!important;padding:5px 8px!important;font-size:.55rem!important}
  .crStorefrontResultFilters{margin:6px 0 8px!important;padding:3px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;border-radius:12px!important}
  .crStorefrontResultFilter{min-height:34px!important;padding:4px 7px!important;border-radius:9px!important;font-size:.54rem!important;gap:5px!important}
  .crStorefrontResultFilter small{min-width:20px!important;min-height:18px!important;padding:0 4px!important;font-size:.48rem!important}
  .crStorefrontMatchGroups{gap:10px!important}
  .crStorefrontMatchGroup{gap:6px!important}
  .crStorefrontMatchGroupHeader{padding:7px 10px!important;border-radius:10px!important}
  .crStorefrontMatchGroupTitle{font-size:1.15rem!important}
  .crStorefrontMatchGroupDescription{display:none!important}
  .crStorefrontMatchGroupCount{padding:4px 7px!important;font-size:.46rem!important}
  .crStorefrontGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .crProductCard{border-radius:14px!important}
  .crProductVisual{height:94px!important;min-height:94px!important;max-height:94px!important}
  .crProductCardBody{padding:9px 10px 10px!important}
  .crProductSourcePrice{min-height:31px!important;margin-bottom:3px!important}
  .crProductCardPrice{font-size:1.35rem!important}
  .crProductMatchBadge{margin-bottom:5px!important;padding:4px 7px!important;font-size:.45rem!important}
  .crProductCardTitle{font-size:1rem!important}
  .crProductPurpose{margin-top:6px!important;padding:6px 7px!important}
  .crProductPurposeText{font-size:.74rem!important;line-height:1.22!important;-webkit-line-clamp:2!important}
  .crProductForm{margin-top:5px!important;font-size:.47rem!important}
  .crProductCardActions{grid-template-columns:1fr 1fr!important;gap:5px!important;padding-top:7px!important}
  .crProductCardActions button{min-height:35px!important;padding:6px!important;font-size:.49rem!important}
  .crStorefrontGrid .crProductCard.has-expanded-hub,
  .crSourceCatalogGrid .crProductCard.has-expanded-hub{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;grid-column:1/-1!important}
  .crProductCard.has-expanded-hub>.crProductVisual{width:180px!important;height:100%!important;min-height:170px!important;max-height:none!important;border-right:1px solid var(--cr189-line)!important;border-bottom:0!important}
  .crProductCard.has-expanded-hub>.crProductVisual .crProductPhoto{height:140px!important;max-height:140px!important}
  .crProductCard.has-expanded-hub>.crProductCardBody{padding:11px 12px!important}
  .crProductResourceGrid,.crRelatedCompoundGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .crStorefrontTray.has-assistant{
    min-height:0!important;
    max-height:58px!important;
    padding:5px!important;
    border-radius:15px!important;
    overflow:visible!important;
  }
  .crStorefrontAssistantWrap::before{display:none!important}
  .crStorefrontAssistantWrap .crGuideComposer{grid-template-columns:34px minmax(0,1fr) 34px!important;min-height:40px!important;padding:2px!important;border-radius:12px!important}
  .crStorefrontAssistantWrap .crGuideComposer textarea{height:34px!important;min-height:34px!important;max-height:34px!important;padding:8px 5px!important;font-size:16px!important}
  .crStorefrontAssistantWrap .crGuideMic,.crStorefrontAssistantWrap .crGuideSend{width:34px!important;height:34px!important}
  .crStorefrontAssistantWrap .crGuideMicStatus{position:absolute!important;right:4px!important;bottom:calc(100% + 5px)!important;left:4px!important;margin:0!important;padding:5px 7px!important;border-radius:8px!important;background:var(--cr189-paper)!important;box-shadow:0 8px 24px rgba(8,47,40,.16)!important}
  body[data-crg-storefront-tray="open"] .crCommerceFab{right:10px!important;bottom:72px!important;padding:10px 13px!important}

  /* Product information: header/tabs/pager stay put; one pane scrolls. */
  .crProductInfoBackdrop{padding:6px!important}
  .crProductInfoCard{width:min(900px,calc(100vw - 16px))!important;height:calc(100dvh - 12px)!important;min-height:0!important;max-height:calc(100dvh - 12px)!important;border-radius:22px!important}
  .crProductInfoHeader{gap:9px!important;padding:8px 12px 7px!important}
  .crProductInfoKicker{display:none!important}
  .crProductInfoHeaderMeta{display:flex!important;align-items:center!important;gap:7px!important;font-size:.58rem!important}
  .crProductInfoHeaderMeta strong{font-size:1rem!important}
  .crProductInfoTitle{font-size:clamp(1.2rem,3vw,1.75rem)!important;line-height:1!important}
  .crProductInfoClose{width:36px!important;height:36px!important;font-size:1.5rem!important}
  .crProductInfoTabs{gap:3px!important;padding:4px 7px!important}
  .crProductInfoTab{min-height:34px!important;padding:6px 4px!important;font-size:.63rem!important}
  .crProductInfoViewport{padding:9px 14px!important;overflow-y:auto!important}
  .crProductInfoPane{height:auto!important;min-height:100%!important;overflow:visible!important}
  .crProductInfoPurpose,.crProductInfoSectionTitle{font-size:clamp(1.15rem,2.8vw,1.55rem)!important}
  .crProductInfoBodyCopy{margin-top:6px!important;font-size:.72rem!important;line-height:1.3!important}
  .crProductInfoFacts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:8px!important}
  .crProductInfoFacts div{padding:7px 8px!important;border-radius:9px!important}
  .crProductInfoBulletList{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin-top:8px!important}
  .crProductInfoBulletList li{padding:6px 7px 6px 22px!important;font-size:.69rem!important;line-height:1.22!important}
  .crProductInfoBulletList li::before{top:8px!important;left:8px!important;width:6px!important;height:6px!important}
  .crProductInfoOptions,.crProductInfoStatusList{gap:5px!important;margin-top:8px!important}
  .crProductInfoOption,.crProductInfoStatusList div{padding:7px 9px!important;border-radius:9px!important}
  .crProductInfoPager{padding:5px 9px calc(5px + env(safe-area-inset-bottom))!important}
  .crProductInfoPageButton{padding:6px 9px!important;font-size:.62rem!important}

  /* Research gate, cart, delivery, Stripe payment, and every error/loading state. */
  .crCommerceBackdrop{padding:6px!important;place-items:center!important}
  .crCommercePanel{width:min(760px,calc(100vw - 12px))!important;max-height:calc(100dvh - 12px)!important;border-radius:21px!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .crCommerceHead{min-height:58px!important;padding:10px 16px 9px!important}
  .crCommerceHead strong{margin-top:2px!important;font-size:clamp(1.55rem,3.7vw,2.15rem)!important;line-height:.96!important}
  .crCommerceClose{width:34px!important;height:34px!important;font-size:21px!important}

  .crCommercePanel:has(.crResearchGate){width:min(780px,calc(100vw - 12px))!important}
  .crResearchGate{
    display:grid!important;
    padding:16px 18px!important;
    grid-template-columns:minmax(190px,.82fr) minmax(260px,1.18fr)!important;
    grid-template-rows:auto auto auto auto auto!important;
    gap:7px 20px!important;
  }
  .crResearchGate>small{grid-column:1;grid-row:1}
  .crResearchGate>h2{grid-column:1;grid-row:2;margin:0!important;font-size:clamp(1.65rem,3.7vw,2.25rem)!important}
  .crResearchGate>p:not(.crResearchFine){grid-column:1;grid-row:3;margin:2px 0!important;font-size:.69rem!important;line-height:1.35!important}
  .crResearchChecks{grid-column:2;grid-row:1/4;display:grid!important;align-content:start!important;gap:7px!important;margin:0!important}
  .crResearchGate .crResearchCheck{margin:0!important;padding:9px 10px!important;font-size:.72rem!important;line-height:1.32!important}
  .crResearchCheck input{width:19px!important;height:19px!important}
  .crResearchGate>.crCommercePrimary{grid-column:1;grid-row:4;margin:3px 0 0!important;padding:12px 15px!important}
  .crResearchFine{grid-column:2;grid-row:4;margin:2px 0!important;font-size:.58rem!important;line-height:1.3!important}
  .crResearchExit{grid-column:1;grid-row:5;margin:2px auto 0!important;font-size:.65rem!important}

  .crCommercePanel:has(.crCartBody){width:min(720px,calc(100vw - 12px))!important}
  .crCartBody{display:grid!important;padding:12px 16px 16px!important;grid-template-columns:minmax(0,1fr) 190px!important;grid-template-areas:"list total" "list continue" "list status"!important;gap:8px 16px!important}
  .crCartList{grid-area:list!important;max-height:230px!important;overflow-y:auto!important;gap:5px!important}
  .crCartLine{padding:9px 5px!important;gap:10px!important}
  .crCartLine small{margin-top:2px!important;font-size:.66rem!important}
  .crCartTotal{grid-area:total!important;margin:0!important;padding:7px 0!important;align-self:end!important}
  .crCartTotal strong{font-size:1.8rem!important}
  .crCartBody>.crCommercePrimary{grid-area:continue!important;margin:0!important;padding:12px!important}
  .crCartBody>.crCommerceStatus{grid-area:status!important;margin:0!important;font-size:.68rem!important}

  .crCommercePanel:has(.crCheckoutBody),
  .crCommercePanel:has(.crPaymentBody){width:min(920px,calc(100vw - 12px))!important}
  .crCheckoutBody{padding:10px 16px 14px!important}
  .crCheckoutBack{padding:2px 0!important;font-size:.64rem!important}
  .crCheckoutTrust{margin:6px 0 9px!important;padding:7px 10px!important;border-radius:11px!important}
  .crCheckoutTrust>span{flex-basis:25px!important;height:25px!important}
  .crCheckoutTrust strong{font-size:.7rem!important}.crCheckoutTrust small{font-size:.57rem!important}
  .crCheckoutForm{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px 9px!important}
  .crCheckoutForm label{gap:4px!important;font-size:.59rem!important}
  .crCheckoutForm label:nth-of-type(1),.crCheckoutForm label:nth-of-type(2),.crCheckoutForm label:nth-of-type(3){grid-column:span 2!important}
  .crCheckoutForm label:nth-of-type(4),.crCheckoutForm label:nth-of-type(5){grid-column:span 3!important}
  .crCheckoutForm label:nth-of-type(6){grid-column:span 3!important}
  .crCheckoutForm label:nth-of-type(7){grid-column:span 1!important}
  .crCheckoutForm label:nth-of-type(8){grid-column:span 2!important}
  .crCheckoutForm label.is-wide{grid-column:auto}
  .crCheckoutForm input{height:39px!important;min-height:39px!important;padding:8px 10px!important;font-size:16px!important}
  .crCheckoutForm>.crCommercePrimary{grid-column:1/4!important;margin:1px 0 0!important;padding:11px!important}
  .crCheckoutForm>.crCommerceStatus{grid-column:4/-1!important;margin:5px 0 0!important;font-size:.65rem!important}

  .crPaymentBody{grid-template-columns:minmax(205px,.7fr) minmax(330px,1.3fr)!important;min-height:0!important}
  .crPaymentSummary{padding:14px 16px!important}
  .crPaymentSummaryLabel{margin-top:11px!important}
  .crPaymentSummary>strong{font-size:2rem!important}
  .crPaymentItems{gap:5px!important;margin-top:11px!important;padding-top:9px!important}
  .crPaymentPromise{display:flex!important;margin-top:11px!important;padding-top:9px!important}
  .crPaymentForm{padding:15px 18px 18px!important}
  .crPaymentBrand{margin-bottom:10px!important}
  .crPaymentElement{min-height:125px!important}
  .crPaymentForm>.crCommercePrimary{margin-top:10px!important;padding:12px!important}
  .crPaymentFine{margin-top:7px!important;font-size:.56rem!important}

  /* Telehealth contact, address, validation, sending, result, and push states. */
  .crCommerceBackdrop.is-telehealth{padding:6px!important;place-items:center!important}
  .crCommercePanel.is-telehealth{width:min(800px,calc(100vw - 12px))!important;max-height:calc(100dvh - 12px)!important;border-radius:21px!important}
  .crCommercePanel.is-telehealth .crTelehealthHead{min-height:54px!important;padding:9px 14px 8px!important}
  .crCommercePanel.is-telehealth .crTelehealthHead strong{font-size:1.65rem!important}
  .crTelehealthBody--compact{padding:10px 14px 13px!important}
  .crTelehealthIntro--compact{grid-template-columns:minmax(0,.8fr) minmax(190px,1.2fr)!important;gap:14px!important;align-items:center!important}
  .crTelehealthIntro--compact h2{font-size:clamp(1.45rem,3.3vw,2rem)!important}
  .crTelehealthIntro--compact>p{font-size:.65rem!important;line-height:1.35!important}
  .crTelehealthForm--compact{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px 9px!important;margin-top:9px!important}
  .crTelehealthForm--address{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px 9px!important;margin-top:9px!important}
  .crTelehealthForm--compact label.is-wide,.crTelehealthForm--compact .is-wide{grid-column:1/-1!important}
  .crTelehealthForm--address label:nth-of-type(1){grid-column:span 2!important}
  .crTelehealthForm--address label:nth-of-type(2){grid-column:span 1!important}
  .crTelehealthForm--address label.is-wide{grid-column:auto}
  .crCommercePanel.is-telehealth .crTelehealthForm label{gap:3px!important;font-size:.56rem!important}
  .crCommercePanel.is-telehealth .crTelehealthForm input,
  .crCommercePanel.is-telehealth .crTelehealthForm select{height:37px!important;min-height:37px!important;padding:7px 9px!important;font-size:16px!important}
  .crCommercePanel.is-telehealth .crTelehealthProduct{margin:0!important;padding:7px 10px!important;font-size:.6rem!important}
  .crCommercePanel.is-telehealth .crCommercePrimary{margin-top:0!important;padding:10px 14px!important}
  .crTelehealthActions{grid-column:1/-1!important;margin-top:0!important}
  .crTelehealthBack{height:37px!important}
  .crCommercePanel.is-telehealth .crTelehealthResult{padding:18px 22px!important}
  .crCommercePanel.is-telehealth .crTelehealthResult h3{font-size:1.75rem!important}
  .crCommercePanel.is-telehealth .crTelehealthResult p{font-size:.76rem!important;line-height:1.4!important}

  /* Callback form, submitting, error, and thank-you actions. */
  body[data-caprock-handoff-view] .crGuideConversation{padding:7px 13px 12px!important}
  body[data-caprock-handoff-view] .crGuideHandoff{max-width:900px!important;padding:0!important}
  body[data-caprock-handoff-view] .crGuideHandoffHead{margin-bottom:5px!important}
  body[data-caprock-handoff-view] .crGuideHandoffIntro{margin-bottom:7px!important;padding:6px 9px!important;font-size:.65rem!important}
  body[data-caprock-handoff-view] .crGuideHandoffForm{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px 8px!important}
  body[data-caprock-handoff-view] .crGuideHandoffForm label{font-size:.6rem!important}
  body[data-caprock-handoff-view] .crGuideHandoffForm input,
  body[data-caprock-handoff-view] .crGuideHandoffForm select{min-height:38px!important;padding:7px 9px!important;font-size:16px!important}
  body[data-caprock-handoff-view] .crGuideConsent{grid-column:1/3!important;font-size:.62rem!important}
  body[data-caprock-handoff-view] .crGuideHandoffSubmit{grid-column:3/-1!important;min-height:39px!important}
  body[data-caprock-handoff-view] .crGuideHandoffStatus{grid-column:1/-1!important}
  body[data-caprock-handoff-view] .crGuideHandoffSuccess{display:grid!important;max-width:760px!important;margin:0 auto!important;padding:15px 18px!important;grid-template-columns:58px minmax(0,1fr) auto!important;align-items:center!important;gap:8px 14px!important}
  body[data-caprock-handoff-view] .crGuideHandoffSuccessMark{grid-row:1/4!important;width:50px!important;height:50px!important;margin:0!important}
  body[data-caprock-handoff-view] .crGuideHandoffSuccess h2{margin:0!important;font-size:1.65rem!important}
  body[data-caprock-handoff-view] .crGuideHandoffSuccess p{margin:0!important;font-size:.7rem!important}
  body[data-caprock-handoff-view] .crGuideHandoffSuccessActions{grid-column:3!important;grid-row:1/4!important;flex-direction:column!important}

  /* About: no clipped fixed canvas; lead remains still and story owns scroll. */
  html:has(.aboutViewport),body:has(.aboutViewport){width:100%;height:100%;min-height:100%;overflow:hidden!important}
  .aboutHeader{width:calc(100% - 28px)!important;height:52px!important}
  .aboutBrand{gap:7px!important}
  .aboutHeader .brandMark{transform:scale(.74)!important;transform-origin:left center!important}
  .aboutHeader .brandType strong{font-size:1.05rem!important}
  .aboutHome{min-height:31px!important;padding:0 10px!important;font-size:.49rem!important}
  .aboutViewport{height:100dvh!important;min-height:100dvh!important;padding:58px 10px 8px!important;overflow:hidden!important;place-items:stretch!important}
  .aboutPanel{width:min(1180px,100%)!important;height:calc(100dvh - 66px)!important;min-height:0!important;max-height:none!important;grid-template-columns:minmax(215px,.78fr) minmax(0,1.22fr)!important;grid-template-rows:1fr!important;overflow:hidden!important;border-radius:18px!important}
  .aboutLead{min-height:0!important;padding:14px 16px!important;border-right:1px solid rgba(255,255,255,.13)!important;border-bottom:0!important}
  .aboutLeadTop{display:flex!important;gap:10px!important}
  .aboutEyebrow{font-size:.47rem!important}.aboutEyebrow span{width:18px!important}
  .aboutFounder strong{font-size:.74rem!important}.aboutFounder small{font-size:.35rem!important}
  .aboutLead h1{margin:13px 0 10px!important;font-size:clamp(2rem,5vw,3.4rem)!important;line-height:.85!important}
  .aboutHorizon{gap:3px!important;padding-top:9px!important}.aboutHorizon i{height:2px!important}.aboutHorizon span{font-size:.36rem!important}
  .aboutCopy{display:block!important;min-height:0!important;padding:13px 16px 15px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .aboutKicker{margin-bottom:8px!important;font-size:.47rem!important}
  .aboutStory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .aboutStory p{font-size:clamp(.58rem,1.15vw,.71rem)!important;line-height:1.38!important}
  .aboutStory p:first-child::first-letter{font-size:2.75em!important}
  .aboutMission{margin-top:11px!important;padding:9px 0!important}
  .aboutMission>p{margin-bottom:3px!important;font-size:.42rem!important}
  .aboutMission h2{font-size:clamp(1.25rem,2.7vw,1.85rem)!important}
  .aboutMission>span{display:block!important;margin-top:6px!important;font-size:.58rem!important;line-height:1.34!important}
  .aboutFooter{margin-top:9px!important}.aboutFooter>div span{padding:3px 6px!important;font-size:.37rem!important}.aboutFooter>a{min-height:32px!important;padding:0 10px!important;font-size:.43rem!important}

  /* Store Control login, dashboard, catalog, orders, and every Copilot state. */
  .adminShell{width:calc(100% - 20px)!important;padding:8px 0 70px!important}
  .adminHeader{min-height:54px!important;margin-bottom:8px!important;padding:7px 11px!important;border-radius:15px!important}
  .adminHeader .brandMark{width:36px!important;height:38px!important;flex-basis:36px!important;transform:scale(.73)!important;transform-origin:left center!important}
  .adminHeader .brandType strong{font-size:1.12rem!important}.adminHeader .brandType>span{font-size:.5rem!important}
  .adminBrandDivider{height:23px!important}.adminBrandContext{font-size:.52rem!important}
  .quietButton{min-height:35px!important;padding:7px 11px!important;font-size:.62rem!important}

  .loginCard{
    display:grid!important;
    width:min(760px,100%)!important;
    margin:8px auto 0!important;
    padding:20px 24px!important;
    grid-template-columns:minmax(0,.9fr) minmax(250px,1.1fr)!important;
    grid-template-rows:auto auto 1fr!important;
    gap:5px 28px!important;
    border-radius:21px!important;
  }
  .loginCard>.eyebrow{grid-column:1;grid-row:1}
  .loginCard h1{grid-column:1;grid-row:2;margin:6px 0!important;font-size:clamp(2rem,5vw,3.15rem)!important}
  .loginCard>p{grid-column:1;grid-row:3;font-size:.75rem!important;line-height:1.4!important}
  .loginCard form{grid-column:2;grid-row:1/4;align-self:center;margin:0!important;gap:9px!important}
  .loginCard input{min-height:42px!important;font-size:16px!important}.loginCard button{min-height:42px!important}

  .dashboard{gap:8px!important;padding-bottom:70px!important}
  .dashboardHero{min-height:138px!important;padding:17px 19px 28px!important;gap:18px!important;border-radius:19px!important}
  .dashboardHero h1{margin:5px 0 6px!important;font-size:clamp(2.2rem,5.2vw,3.4rem)!important;line-height:.88!important}
  .dashboardHero p{max-width:720px!important;font-size:.68rem!important;line-height:1.35!important}
  .dashboardHeroActions{min-width:150px!important;gap:7px!important}
  .dashboardHeroActions>span{font-size:.52rem!important}.primaryButton{min-height:39px!important;padding:8px 11px!important;font-size:.65rem!important}
  .summaryGrid{gap:7px!important;margin:-22px 13px 0!important}
  .summaryGrid article{min-height:49px!important;padding:8px 12px!important;border-radius:11px!important}
  .summaryGrid span{font-size:.55rem!important}.summaryGrid strong{font-size:1.55rem!important}

  .catalogWorkspace{grid-template-columns:165px minmax(0,1fr)!important;gap:8px 14px!important;padding:11px 12px!important;border-radius:16px!important}
  .workspaceHeading{grid-column:1!important;padding:0!important;border:0!important}.workspaceHeading h2{font-size:1.55rem!important}
  .controlBar{grid-column:2!important;grid-template-columns:130px minmax(180px,1fr) 145px!important;gap:7px!important}
  .controlBar input{min-height:39px!important;padding:8px 10px!important;font-size:16px!important}
  .switchControl{min-height:39px!important;padding:5px 8px!important}
  .saveStatus,.productTableWrap{grid-column:1/-1!important}
  .productTableWrap{max-height:none!important;border-radius:11px!important;overflow:auto!important}
  .productTable{min-width:760px!important}
  .productTable th{padding:9px 10px!important;font-size:.55rem!important}.productTable td{padding:8px 10px!important}
  .retailInput{width:96px!important;min-height:35px!important;padding:6px 8px!important;font-size:16px!important}
  .ordersPanel{padding:14px 16px!important;border-radius:16px!important}.ordersPanel h2{margin:4px 0 10px!important;font-size:1.65rem!important}.orderRow{padding:9px 2px!important}
  .adminEmptyRow td{padding:22px!important;text-align:center!important;color:var(--cr189-copy)!important}

  .adminCopilot{
    width:min(980px,calc(100% - 16px))!important;
    max-height:calc(100dvh - 12px)!important;
    grid-template-columns:auto minmax(220px,1fr) auto!important;
    grid-template-areas:"identity composer voice"!important;
    gap:6px 10px!important;
    padding:6px 8px!important;
    overflow:visible!important;
    border-radius:15px!important;
  }
  .copilotOrb{width:34px!important;height:34px!important}.copilotIdentity strong{font-size:.82rem!important}.copilotIdentity small{font-size:.44rem!important}
  .copilotComposer{grid-template-columns:34px minmax(0,1fr) 34px!important;padding:2px!important}
  .copilotComposer textarea{height:34px!important;min-height:34px!important;max-height:34px!important;padding:8px 4px!important;font-size:16px!important}
  .copilotMic,.copilotStop,.copilotSend{width:32px!important;height:32px!important}
  .voiceConversationButton{min-height:34px!important;padding:6px 9px!important;font-size:.58rem!important}
  .copilotMessages,.copilotStatus,.copilotProposal{
    position:absolute!important;
    right:8px!important;
    bottom:calc(100% + 6px)!important;
    left:8px!important;
    width:auto!important;
    max-height:min(105px,calc(100dvh - 72px))!important;
    overflow:auto!important;
    border:1px solid var(--cr189-line)!important;
    border-radius:12px!important;
    background:rgba(255,250,243,.98)!important;
    box-shadow:0 14px 36px rgba(8,47,40,.2)!important;
  }
  .copilotMessages{bottom:calc(100% + 6px)!important;max-height:62px!important;padding:7px!important}
  .copilotStatus{bottom:calc(100% + 6px)!important;max-height:34px!important;padding:7px 9px!important}
  .adminCopilot:has(.copilotMessages>.copilotMessage--assistant:last-child) .copilotStatus:not(:empty){bottom:calc(100% + 74px)!important}
  .copilotProposal{bottom:calc(100% + 6px)!important;padding:9px!important}
  .adminCopilot:has(.copilotProposal:not([hidden])) .copilotMessages,
  .adminCopilot:has(.copilotProposal:not([hidden])) .copilotStatus{display:none!important}
  .copilotMessages:not(:has(>.copilotMessage--assistant:last-child)),.copilotStatus:empty,.copilotProposal[hidden]{display:none!important}
  .copilotMessage p{font-size:.68rem!important}

  /* Order confirmation: compact horizontal receipt for every outcome. */
  .crOrderShell{min-height:100dvh!important;gap:.55rem!important;padding:10px 16px 12px!important}
  .crOrderBrand{gap:.5rem!important}.crOrderMark{transform:scale(.82)!important;transform-origin:left center!important}
  .crOrderBrand strong{font-size:1.12rem!important}.crOrderBrand small{font-size:.45rem!important}
  .crOrderCard{
    display:grid!important;
    width:min(940px,100%)!important;
    padding:20px 22px!important;
    grid-template-columns:68px minmax(0,1fr) minmax(120px,.4fr)!important;
    grid-template-areas:"icon eyebrow details" "icon title details" "icon lead home" "note note home"!important;
    align-items:center!important;
    gap:5px 18px!important;
    border-radius:20px!important;
    text-align:left!important;
  }
  .crOrderIcon{grid-area:icon!important;width:58px!important;height:58px!important;margin:0!important;font-size:1.55rem!important}
  .crOrderEyebrow{grid-area:eyebrow!important;margin:0!important;font-size:.55rem!important}
  .crOrderCard h1{grid-area:title!important;font-size:clamp(1.65rem,4vw,2.65rem)!important;line-height:.96!important}
  .crOrderLead{grid-area:lead!important;max-width:none!important;margin:2px 0 0!important;font-size:.72rem!important;line-height:1.35!important}
  .crOrderDetails{grid-area:details!important;margin:0!important;padding:10px!important;text-align:center!important}
  .crOrderNote{grid-area:note!important;margin:4px 0 0!important;font-size:.62rem!important;line-height:1.3!important}
  .crOrderHome{grid-area:home!important;min-height:40px!important;margin:0!important;padding:.65rem 1rem!important;text-align:center!important}
}

/* The smallest short-wide phones keep every action reachable without turning
   the experience into a portrait stack. */
@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:360px){
  .siteHeader{height:50px!important}
  .heroContent{top:66px!important}.heroLead{display:none!important}
  .audienceGateway:not(.is-guide-open){top:51px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice span{display:none!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice{min-height:61px!important}
  .crHomeKinetic{bottom:39px!important;height:39px!important}
  .heroSignals span:nth-child(n+2){display:none!important}
  .crPatientConcernCopy{display:none!important}
  body[data-caprock-patient-stage="concern"] .crPatientConcernTopic{min-height:29px!important;font-size:.5rem!important}
  .crResearchGate{padding:11px 14px!important;gap:5px 14px!important}
  .crResearchGate .crResearchCheck{padding:7px 9px!important;font-size:.65rem!important}
  .aboutPanel{grid-template-columns:minmax(185px,.7fr) minmax(0,1.3fr)!important}
  .aboutLead{padding:10px 12px!important}.aboutLead h1{font-size:clamp(1.75rem,4.7vw,2.65rem)!important}
  .aboutMission>span{display:none!important}.aboutFooter>div span:nth-child(3){display:none!important}
  .dashboardHero{min-height:122px!important;padding-bottom:24px!important}
  .dashboardHero p{display:none!important}
  .loginCard{padding:14px 18px!important}
  .crOrderNote{display:none!important}
}

@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-width:650px) and (max-height:600px){
  .siteHeader .brandType>span{display:none!important}
  .heroContent{left:18px!important;width:38vw!important}
  .hero h1{font-size:clamp(2.25rem,7.5vw,3.2rem)!important}
  .audienceGateway:not(.is-guide-open){right:auto!important;left:43%!important;width:38vw!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntry{padding-inline:8px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryTitle{font-size:1rem!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice{padding:8px 7px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice strong{font-size:.8rem!important;letter-spacing:-.035em!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice b{width:26px!important;height:26px!important;margin-left:3px!important;padding-left:0!important;font-size:.78rem!important}
  .crHomeKinetic{left:18px!important;width:38vw!important}
  body[data-caprock-patient-stage="concern"] .crPatientConcernStage:not(.is-researching){grid-template-columns:130px minmax(0,1fr)!important;gap-inline:9px!important}
  body[data-caprock-patient-stage="concern"] .crPatientConcernTopicGrid{gap-inline:6px!important}
  .crStorefrontGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .crResearchGate{grid-template-columns:minmax(165px,.78fr) minmax(0,1.22fr)!important;gap-inline:12px!important}
  .crResearchFine{display:block!important;font-size:.625rem!important;line-height:1.28!important}
  .crCartBody{grid-template-columns:minmax(0,1fr) 150px!important}
  .aboutStory{grid-template-columns:1fr!important;gap:7px!important}
  .aboutStory p:nth-child(2){display:block!important}
  .aboutMission>span{display:block!important}
  .adminBrandDivider,.adminBrandContext,.adminLiveState{display:none!important}
  .voiceConversationButton span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
  .catalogWorkspace{grid-template-columns:1fr!important}
  .workspaceHeading,.controlBar{grid-column:1!important}
  .workspaceHeading{display:none!important}
  .controlBar{grid-template-columns:105px minmax(155px,1fr) 120px!important}
  .crOrderCard{grid-template-columns:58px minmax(0,1fr) 105px!important;padding:15px!important;gap-inline:12px!important}
  .crOrderIcon{width:50px!important;height:50px!important}
}

/* The phone runtime carries intentionally strong portrait selectors. These
   final selectors make the short-wide contract authoritative without changing
   portrait behavior. */
@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:600px){
  html[data-crg-phone-runtime="true"] body[data-crg-calculator-workspace="open"]{overflow:hidden!important}
  html[data-crg-phone-runtime="true"] body[data-crg-calculator-workspace="open"]::before{position:fixed!important;inset:0!important;z-index:999!important;background:rgba(4,31,26,.5)!important;backdrop-filter:blur(7px)!important;content:""!important}
  html[data-crg-phone-runtime="true"] body>.crCalculatorWorkspace{
    position:fixed!important;
    top:max(6px,env(safe-area-inset-top))!important;
    right:max(6px,env(safe-area-inset-right))!important;
    bottom:max(6px,env(safe-area-inset-bottom))!important;
    left:max(6px,env(safe-area-inset-left))!important;
    z-index:1000!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:10px 12px 16px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border-radius:20px!important;
    box-shadow:0 26px 70px rgba(2,25,21,.35),inset 0 1px 0 #fff!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html[data-crg-phone-runtime="true"] body>.crCalculatorWorkspace .crCalculatorWorkspaceHeader{position:sticky!important;top:-10px!important;z-index:4!important;margin:-10px -12px 0!important;padding:9px 12px 10px!important;grid-template-columns:auto minmax(0,1fr)!important;border-bottom-color:rgba(255,255,255,.18)!important;background:linear-gradient(135deg,rgba(8,47,40,.98),rgba(19,72,60,.98))!important;box-shadow:0 10px 24px rgba(2,25,21,.2)!important;backdrop-filter:blur(16px)!important}
  html[data-crg-phone-runtime="true"] body>.crCalculatorWorkspace .crCalculatorBackButton{min-height:36px!important;padding:0 9px!important;align-self:start!important;border-color:rgba(255,255,255,.34)!important;color:#fff!important;background:rgba(255,255,255,.1)!important;font-size:.48rem!important}
  html[data-crg-phone-runtime="true"] body>.crCalculatorWorkspace .crCalculatorWorkspaceTitle{color:#fff!important;font-size:clamp(1.2rem,3.7vw,1.7rem)!important}
  html[data-crg-phone-runtime="true"] body>.crCalculatorWorkspace .crCalculatorWorkspacePresentation{color:rgba(255,255,255,.8)!important;font-size:.62rem!important;line-height:1.3!important}
  html[data-crg-phone-runtime="true"] body>.crCalculatorWorkspace .crCalculatorWorkspaceGrid,
  html[data-crg-phone-runtime="true"] body>.crCalculatorWorkspace .crCalculatorWorkspaceGrid--manual{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:8px!important}
  html[data-crg-phone-runtime="true"] body>.crCalculatorWorkspace .crCalculatorWorkspaceField,
  html[data-crg-phone-runtime="true"] body>.crCalculatorWorkspace .crCalculatorVerifiedValue{padding:7px!important;gap:5px!important}
  html[data-crg-phone-runtime="true"] body>.crCalculatorWorkspace .crCalculatorWorkspaceMetrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:9px!important}
  html[data-crg-phone-runtime="true"] body>.crCalculatorWorkspace .crCalculatorWorkspaceInput,
  html[data-crg-phone-runtime="true"] body>.crCalculatorWorkspace .crCalculatorWorkspaceSelect{font-size:16px!important}

  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage] #audienceGateway.is-guide-open,
  html[data-crg-phone-runtime="true"] body[data-caprock-experience="professional"] #audienceGateway.is-guide-open{
    position:fixed!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    left:50%!important;
    width:calc(100vw - 20px)!important;
    max-width:none!important;
    height:calc(var(--crg-visible-height,100dvh) - 14px)!important;
    min-height:0!important;
    max-height:none!important;
    transform:translate(-50%,-50%)!important;
  }
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage] #audienceGateway.is-guide-open .crGuideHost,
  html[data-crg-phone-runtime="true"] body[data-caprock-experience="professional"] #audienceGateway.is-guide-open .crGuideHost,
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage] #audienceGateway.is-guide-open .crGuide--embedded,
  html[data-crg-phone-runtime="true"] body[data-caprock-experience="professional"] #audienceGateway.is-guide-open .crGuide--embedded{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
  }
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage] #audienceGateway.is-guide-open .crGuideConversation,
  html[data-crg-phone-runtime="true"] body[data-caprock-experience="professional"] #audienceGateway.is-guide-open .crGuideConversation{
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open{
    width:min(920px,calc(100vw - 20px))!important;
    height:auto!important;
    max-height:calc(var(--crg-visible-height,100dvh) - 14px)!important;
  }
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crGuideHost,
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crGuide--embedded{height:auto!important;max-height:calc(var(--crg-visible-height,100dvh) - 14px)!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crGuideConversation{height:auto!important;max-height:calc(var(--crg-visible-height,100dvh) - 65px)!important;padding:5px 9px 7px!important;overflow-y:auto!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crPatientGenderGate{padding:4px 9px 7px!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crPatientGateTitle{font-size:clamp(1.65rem,5vw,2.25rem)!important;line-height:.94!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crPatientGateOptions{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:8px!important;gap:7px!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crPatientGenderOption{min-height:72px!important;padding:6px 9px!important;grid-template-columns:56px minmax(0,1fr) auto!important;gap:8px!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crPatientGenderOptionArt{width:52px!important;height:52px!important;border-radius:16px!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="gender"] #audienceGateway.is-guide-open .crPatientGenderOptionCopy strong{font-size:1rem!important;line-height:1!important}

  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crGuideConversation{padding:5px 8px 7px!important;overflow-y:auto!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernStage:not(.is-researching){
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:6px 8px 7px!important;
    grid-template-columns:minmax(126px,.5fr) minmax(0,1.5fr)!important;
    grid-template-areas:"head topics" "composer composer"!important;
    gap:5px 10px!important;
    overflow:visible!important;
  }
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernHead{height:auto!important;min-height:0!important;padding:0!important;align-self:start!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernTitle{max-width:none!important;padding:0!important;font-size:clamp(1.35rem,4vw,1.85rem)!important;line-height:.92!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernCopy,
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernFreeTextHint{display:none!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientEditPath{position:static!important;min-height:27px!important;margin:6px 0 0!important;padding:0 7px!important;font-size:.44rem!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernTopics{margin:0!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernTopicGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px 8px!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernTopic,
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernTopic:nth-child(even){min-height:29px!important;padding:4px 17px 4px 2px!important;border-radius:0!important;font-size:.5rem!important;line-height:1.08!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernStage>.crGuideComposerWrap{margin:0!important;padding:0!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crGuideFooterMeta{display:flex!important;min-height:16px!important;margin:0!important;padding:0 3px!important;gap:6px!important;align-items:center!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crGuidePrivacy{display:block!important;max-width:none!important;margin:2px 0 0!important;font-size:.625rem!important;line-height:1.2!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crGuideCallbackLink{margin:2px 0 0!important;padding:2px 4px!important;font-size:.6rem!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernStage.is-researching{display:grid!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:8px 10px!important;place-items:center!important;overflow:visible!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientConcernStage.is-researching .crPatientResearching{display:grid!important;width:100%!important;max-width:none!important;min-height:0!important;padding:12px 14px!important;grid-template-columns:50px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;text-align:left!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientResearchingTitle{font-size:clamp(1.45rem,4.2vw,1.95rem)!important;line-height:.94!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientResearchingDescription{display:-webkit-box!important;max-width:none!important;overflow:hidden!important;font-size:.6rem!important;line-height:1.25!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crPatientResearchingConcern{max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crGuideConversation:has(>.crGuideError){position:relative!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="concern"] #audienceGateway.is-guide-open .crGuideConversation>.crGuideError{position:absolute!important;z-index:8!important;top:8px!important;right:8px!important;left:clamp(150px,29vw,180px)!important;max-width:none!important;max-height:82px!important;margin:0!important;padding:9px 11px!important;overflow:auto!important;border:1px solid rgba(163,79,66,.2)!important;border-radius:11px!important;background:rgba(255,250,243,.98)!important;box-shadow:0 12px 28px rgba(8,47,40,.16)!important}

  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="storefront"] #audienceGateway.is-guide-open .crGuideConversation{padding:7px 10px 72px!important;overflow-y:auto!important}
  html[data-crg-phone-runtime="true"] body[data-caprock-patient-stage="storefront"] #audienceGateway.is-guide-open .crStorefrontGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
}

@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-width:700px) and (max-height:600px){
  .productTable{width:100%!important;min-width:0!important}
}

@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (min-width:800px) and (max-height:600px){
  .crStorefrontGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (prefers-reduced-motion:reduce){
  .crProductInfoCard,.crCommercePanel,.aboutPanel,.adminCopilot,.crOrderCard{animation:none!important;transition:none!important}
}

/* Desktop homepage placement: keep the rotating spotlight directly above and
   precisely aligned with the experience gateway. */
@media (hover:hover) and (pointer:fine) and (min-width:1181px){
  .crHomeKinetic{
    right:clamp(36px,5vw,96px)!important;
    bottom:calc(clamp(92px,8vh,124px) + 192px)!important;
    width:clamp(500px,36vw,620px)!important;
  }
}
@media (hover:hover) and (pointer:fine) and (min-width:801px) and (max-width:1180px){
  .crHomeKinetic{
    right:clamp(28px,4vw,50px)!important;
    bottom:calc(clamp(92px,8vh,124px) + 192px)!important;
    width:min(43vw,500px)!important;
  }
}

/* The two homepage choices use one compact, content-sized treatment on every
   device. The labels and arrow controls define the height; no descriptive
   paragraph or fixed card height is retained. */
#audienceGateway:not(.is-guide-open) .crGuideEntryChoice{
  height:auto!important;
  min-height:0!important;
  padding:11px 14px!important;
  align-content:center!important;
  align-items:center!important;
}
#audienceGateway:not(.is-guide-open) .crGuideEntryChoice span{display:none!important}
#audienceGateway:not(.is-guide-open) .crGuideEntryChoice strong{line-height:1.08!important}

/* Keep the complete brand lockup intact at every viewport. The sun is centered
   from the live mark width so mobile scaling cannot push it to the right. */
.siteHeader .markSun{
  right:auto!important;
  left:50%!important;
  transform:translateX(-50%)!important;
}
.siteHeader .brandType>span{display:inline!important}

/* -------------------------------------------------------------------------
   Authoritative sideways-device homepage composition. These rules are touch
   only: portrait and mouse/trackpad desktops retain their existing layouts.
   ------------------------------------------------------------------------- */
@media (orientation:landscape) and (hover:none) and (pointer:coarse){
  .hero h1 br{display:block!important}
  .hero h1 em::before{content:none!important}
  .hero h1{white-space:normal!important;text-wrap:balance!important}
}

/* Sideways phones */
@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:600px){
  .hero{
    --cr195-panel-right:clamp(14px,2vw,22px);
    --cr195-panel-width:min(37vw,315px);
  }
  .heroImage::before{background-position:left center!important;background-size:auto 215%!important}
  .heroContent{
    top:clamp(70px,20vh,86px)!important;
    left:clamp(20px,5vw,48px)!important;
    width:min(47vw,420px)!important;
  }
  .heroKicker{margin-bottom:10px!important}
  .hero h1{
    font-size:clamp(2.85rem,7vw,3.8rem)!important;
    line-height:.94!important;
    letter-spacing:-.052em!important;
  }
  .heroLead{
    width:100%!important;
    margin-top:12px!important;
    padding-left:11px!important;
    font-size:clamp(.81rem,1.66vw,.98rem)!important;
    line-height:1.34!important;
  }
  .crHomeKinetic{
    top:clamp(50px,calc(100dvh - 281px),109px)!important;
    right:var(--cr195-panel-right)!important;
    bottom:auto!important;
    left:auto!important;
    width:var(--cr195-panel-width)!important;
    height:44px!important;
  }
  .crHomeKineticStage{height:38px!important}
  .crHomeKineticSlide{text-align:center!important}
  .crHomeKineticSlide h2{font-size:clamp(1rem,2.35vw,1.35rem)!important;line-height:.95!important}
  .crHomeKineticSlide h2 br{display:none!important}
  .crHomeKineticSlide p{margin-top:4px!important;font-size:.42rem!important;letter-spacing:.055em!important}
  .audienceGateway:not(.is-guide-open){
    top:auto!important;
    right:var(--cr195-panel-right)!important;
    bottom:45px!important;
    left:auto!important;
    width:var(--cr195-panel-width)!important;
  }
}

@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-width:650px) and (max-height:600px){
  .hero{--cr195-panel-width:40vw}
  .heroContent{left:18px!important;width:47vw!important}
}

@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:360px){
  .heroContent{top:64px!important}
  .hero h1{font-size:clamp(2.55rem,6.8vw,3.2rem)!important}
  .heroLead{
    display:block!important;
    margin-top:8px!important;
    padding-left:9px!important;
    font-size:clamp(.68rem,1.5vw,.81rem)!important;
    line-height:1.24!important;
  }
  .crHomeKinetic{height:38px!important}
  .crHomeKineticStage{height:33px!important}
}

/* Sideways tablets */
@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (min-height:601px){
  .heroImage::before{background-position:left center!important;background-size:auto 130%!important}
  .heroContent{
    top:clamp(130px,20vh,180px)!important;
    left:clamp(44px,6vw,78px)!important;
    width:min(64vw,720px)!important;
  }
  .heroKicker{margin-bottom:18px!important}
  .hero h1{
    font-size:clamp(5.1rem,8.8vw,7.25rem)!important;
    line-height:.94!important;
    letter-spacing:-.056em!important;
  }
  .heroLead{
    width:min(34vw,320px)!important;
    margin-top:20px!important;
    padding-left:16px!important;
    font-size:clamp(1.01rem,1.4vw,1.25rem)!important;
    line-height:1.46!important;
  }
  .crHomeKinetic,
  .audienceGateway:not(.is-guide-open){
    right:clamp(24px,8vw,90px)!important;
    bottom:auto!important;
    left:auto!important;
    width:min(34vw,378px)!important;
  }
  .crHomeKinetic{
    top:calc(100dvh - 400px)!important;
    height:78px!important;
  }
  .crHomeKineticStage{height:66px!important}
  .crHomeKineticSlide{text-align:center!important}
  .crHomeKineticSlide h2{font-size:clamp(1.65rem,2.5vw,2.3rem)!important;line-height:.94!important}
  .crHomeKineticSlide h2 br{display:none!important}
  .crHomeKineticSlide p{margin-top:8px!important;font-size:.5rem!important}
  .audienceGateway:not(.is-guide-open){top:calc(100dvh - 310px)!important}
}

/* Safari/iPhone landscape authority. Safari's short visual viewport and text
   inflation previously pushed the hero below the fold and clipped the rotating
   message. This composition is deliberately limited to sideways touch phones;
   desktop and MacBook layouts remain untouched. */
@media (orientation:landscape) and (min-width:568px) and (max-width:1100px) and (max-height:600px){
  .siteHeader{height:62px!important}
  .hero{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important}
  .heroContent{
    display:block!important;
    position:absolute!important;
    top:84px!important;
    left:clamp(24px,4vw,38px)!important;
    width:47vw!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  .heroKicker{margin-bottom:10px!important;font-size:.52rem!important}
  .hero h1{
    max-width:none!important;
    font-size:clamp(2.65rem,5.8vw,3.35rem)!important;
    line-height:.94!important;
    white-space:nowrap!important;
  }
  .hero h1 br{display:none!important}
  .heroLead{
    display:block!important;
    width:min(44vw,390px)!important;
    margin:13px 0 0!important;
    padding-left:11px!important;
    font-size:clamp(.68rem,1.45vw,.78rem)!important;
    line-height:1.34!important;
  }
  .crPeptideLearnLink{display:flex!important;margin:9px 0 0 11px!important;font-size:.5rem!important}
  .crGlpQuickLink{display:flex!important;margin:4px 0 0 11px!important;font-size:.46rem!important}
  .crHomeKinetic{
    display:block!important;
    top:62px!important;
    right:clamp(18px,3vw,28px)!important;
    bottom:auto!important;
    left:auto!important;
    width:42vw!important;
    height:76px!important;
  }
  .crHomeKineticStage{height:66px!important}
  .crHomeKineticSlide{text-align:center!important}
  .crHomeKineticSlide h2{font-size:clamp(1.3rem,3.1vw,1.8rem)!important;line-height:.92!important}
  .crHomeKineticSlide h2 br{display:none!important}
  .crHomeKineticSlide p{margin-top:6px!important;font-size:.43rem!important}
  .audienceGateway:not(.is-guide-open){
    top:136px!important;
    right:clamp(18px,3vw,28px)!important;
    bottom:auto!important;
    left:auto!important;
    width:42vw!important;
  }
  .audienceGateway:not(.is-guide-open) .crGuideEntry{
    min-height:0!important;
    padding:10px 12px!important;
    border-radius:18px!important;
  }
  .audienceGateway:not(.is-guide-open) .crGuideEntryTop{margin-bottom:3px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryTitle{margin-bottom:7px!important;font-size:1.28rem!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoices{gap:7px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice{min-height:0!important;padding:8px 10px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice span{display:none!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryChoice strong{font-size:.9rem!important}
  .audienceGateway:not(.is-guide-open) .crHomeAiBar{
    min-height:38px!important;
    margin-top:7px!important;
    grid-template-columns:32px minmax(0,1fr) 32px!important;
  }
  .audienceGateway:not(.is-guide-open) .crHomeAiBar textarea{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    padding:6px 4px!important;
    font-size:16px!important;
  }
  .audienceGateway:not(.is-guide-open) .crHomeAiMic,
  .audienceGateway:not(.is-guide-open) .crHomeAiStop,
  .audienceGateway:not(.is-guide-open) .crHomeAiSend{width:32px!important;height:32px!important}
  .heroFoot{height:38px!important}
}

@media (orientation:landscape) and (min-width:568px) and (max-width:700px) and (max-height:600px){
  .siteHeader{height:54px!important}
  .heroContent{top:70px!important;left:20px!important;width:48vw!important}
  .heroKicker{margin-bottom:8px!important;font-size:.46rem!important}
  .hero h1{font-size:clamp(2rem,5.7vw,2.5rem)!important}
  .heroLead{
    width:46vw!important;
    margin-top:10px!important;
    padding-left:9px!important;
    font-size:clamp(.59rem,1.45vw,.68rem)!important;
    line-height:1.27!important;
  }
  .crPeptideLearnLink{margin:7px 0 0 9px!important;font-size:.44rem!important}
  .crGlpQuickLink{margin:2px 0 0 9px!important;font-size:.41rem!important}
  .crHomeKinetic,
  .audienceGateway:not(.is-guide-open){right:16px!important;width:42vw!important}
  .crHomeKinetic{top:54px!important;height:62px!important}
  .crHomeKineticStage{height:54px!important}
  .crHomeKineticSlide h2{font-size:clamp(1.05rem,3vw,1.35rem)!important}
  .audienceGateway:not(.is-guide-open){top:114px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntry{padding:7px 9px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryTop{margin-bottom:2px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryTitle{font-size:1.12rem!important}
  #audienceGateway:not(.is-guide-open) .crGuideEntryChoices{gap:6px!important}
  #audienceGateway:not(.is-guide-open) .crGuideEntryChoice{height:auto!important;min-height:42px!important;padding:5px 7px!important}
  #audienceGateway:not(.is-guide-open) .crGuideEntryChoice strong{font-size:.82rem!important}
  #audienceGateway:not(.is-guide-open) .crHomeAiBar{min-height:36px!important;margin-top:5px!important;padding:3px!important;grid-template-columns:28px minmax(0,1fr) 28px!important}
  #audienceGateway:not(.is-guide-open) .crHomeAiBar textarea{height:28px!important;min-height:28px!important;max-height:28px!important}
  #audienceGateway:not(.is-guide-open) .crHomeAiMic,
  #audienceGateway:not(.is-guide-open) .crHomeAiStop,
  #audienceGateway:not(.is-guide-open) .crHomeAiSend{width:28px!important;height:28px!important}
}

/* Safari keeps more browser chrome visible on some Pro/Max models, producing
   a wide viewport with the same short usable height as a compact iPhone. Keep
   the exact same left/right composition and compress the stack vertically. */
@media (orientation:landscape) and (min-width:701px) and (max-width:1100px) and (max-height:340px){
  .siteHeader{height:54px!important}
  .heroContent{top:70px!important}
  .crHomeKinetic{top:54px!important;height:62px!important}
  .crHomeKineticStage{height:54px!important}
  .audienceGateway:not(.is-guide-open){top:114px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntry{padding:7px 9px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryTop{margin-bottom:2px!important}
  .audienceGateway:not(.is-guide-open) .crGuideEntryTitle{font-size:1.12rem!important}
  #audienceGateway:not(.is-guide-open) .crGuideEntryChoices{gap:6px!important}
  #audienceGateway:not(.is-guide-open) .crGuideEntryChoice{height:auto!important;min-height:42px!important;padding:5px 7px!important}
  #audienceGateway:not(.is-guide-open) .crGuideEntryChoice strong{font-size:.82rem!important}
  #audienceGateway:not(.is-guide-open) .crHomeAiBar{min-height:36px!important;margin-top:5px!important;padding:3px!important;grid-template-columns:28px minmax(0,1fr) 28px!important}
  #audienceGateway:not(.is-guide-open) .crHomeAiBar textarea{height:28px!important;min-height:28px!important;max-height:28px!important}
  #audienceGateway:not(.is-guide-open) .crHomeAiMic,
  #audienceGateway:not(.is-guide-open) .crHomeAiStop,
  #audienceGateway:not(.is-guide-open) .crHomeAiSend{width:28px!important;height:28px!important}
}

/* Portrait iPhone authority. The footer is informational, not a navigation
   bar, so it uses half the former height. The hero links, rotating spotlight,
   chooser, and AI composer remain in their established order with deliberate
   breathing room between each region on compact, Pro, and Pro Max heights. */
@media (orientation:portrait) and (max-width:560px){
  .heroFoot{height:36px!important}
  .heroSignals{font-size:.5rem!important;line-height:1!important}
  .audienceGateway:not(.is-guide-open){bottom:36px!important}
  .crHomeKinetic{bottom:clamp(245px,29.2dvh,272px)!important}
}
@media (orientation:portrait) and (max-width:560px) and (min-height:801px){
  .crPeptideLearnLink{margin-top:-25px!important}
  .crGlpQuickLink{margin-top:5px!important}
  .crHomeKinetic{height:132px!important}
  .crHomeKineticStage{height:120px!important}
  .crHomeKineticSlide h2{line-height:.94!important}
  .crHomeKineticSlide p{margin-top:18px!important;line-height:1.25!important}
}
@media (orientation:portrait) and (max-width:520px) and (min-height:661px) and (max-height:800px){
  .crHomeKinetic{bottom:34.5dvh!important}
}
@media (orientation:portrait) and (max-width:560px) and (max-height:660px){
  .crHomeKinetic{bottom:270px!important}
}