/* Marketing illustrations: one clear invitation per feature. */
.os-feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.os-stage{padding-right:168px}
.os-stage .product-phone{right:0;width:164px}
.os-feature{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dfdacf;border-radius:12px;background:#fffcf5;transition:box-shadow .16s,border-color .16s}
.os-feature:hover{border-color:#809c99;box-shadow:0 5px 12px #1b3a5c15}
.feature-illustration{position:relative;display:flex;align-items:center;justify-content:center;height:182px;overflow:hidden;background:linear-gradient(150deg,#e0ede7,#eff3e9);isolation:isolate}
.inventory-feature .feature-illustration{background:linear-gradient(150deg,#f6e2d5,#fff0d4)}
.reports-feature .feature-illustration{background:linear-gradient(150deg,#e8e0f1,#f5edf2)}
.feature-illustration:after{content:'';position:absolute;bottom:20px;width:100px;height:12px;background:#1b3a5c12;border-radius:50%;z-index:-1}
.feature-label{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:16px 12px;min-height:62px;border-top:1px solid #1b3a5c0b}
.feature-label strong{font-size:12px;line-height:1.35;font-weight:600}
.feature-label .glyph{width:14px;height:14px;flex-shrink:0}
.mini-fridge{position:relative;width:82px;height:134px;border:3px solid #1b3a5c;border-radius:12px;background:#fff8ec;box-shadow:5px 6px 0 #1b3a5c15;transform:rotate(-4deg)}
.fridge-display{display:block;margin:9px 13px 6px;border-radius:4px;background:#1b3a5c;color:#a6d8c9;font-size:11px;font-weight:600;text-align:center;padding:4px 0}
.fridge-window{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 10px;padding:13px 11px 9px;margin:0 10px;border:2px solid #507775;border-radius:5px;background:linear-gradient(160deg,#cee5dd,#ecf3e9)}
.fridge-window i{position:relative;height:20px;border:1.5px solid #36536a;border-radius:2px;background:linear-gradient(#65b7a6 45%,#fff8ec 45%)}
.fridge-window i:before{content:'';position:absolute;inset:-4px -1px auto;height:5px;background:#b6a4d7;border:1px solid #36536a;border-radius:1px}
.fridge-window i:nth-child(even){background:linear-gradient(#b6a4d7 45%,#fff8ec 45%)}
.fridge-handle{position:absolute;right:2px;top:52px;height:37px;border-right:3px solid #507775;border-radius:2px}
.medicine-shelves{width:112px;padding:5px 10px 9px;border:3px solid #1b3a5c;border-radius:6px;background:#fff8ec;box-shadow:5px 6px 0 #1b3a5c15;transform:rotate(3deg)}
.medicine-shelves>span{display:flex;align-items:end;justify-content:space-between;gap:8px;height:55px;border-bottom:4px solid #c9b5a0;padding-bottom:7px}
.medicine-shelves i{position:relative;width:22px;height:30px;border:2px solid #1b3a5c;border-radius:4px;background:linear-gradient(#fff8ec 32%,#65b7a6 32% 70%,#fff8ec 70%)}
.medicine-shelves i:before{content:'';position:absolute;inset:-6px -2px auto;height:7px;border:2px solid #1b3a5c;background:#f28c72;border-radius:2px}
.medicine-shelves i:nth-child(2){height:24px;background:linear-gradient(#fff8ec 32%,#b6a4d7 32% 70%,#fff8ec 70%)}
.medicine-shelves>span:nth-child(2) i:before{background:#65b7a6}
.inventory-feature .feature-illustration>.product-small{position:absolute;width:49px;height:49px;bottom:15px;right:8px;filter:drop-shadow(0 3px 2px #1b3a5c20)}
.reports-feature .feature-illustration>.product-art{width:107px;height:107px;position:relative;z-index:1;transform:translate(-9px,16px) rotate(-6deg)}
.report-sheet{position:absolute;width:76px;height:103px;right:16px;top:25px;background:#fffaf1;border:2px solid #1b3a5c;border-radius:4px;padding:12px 10px;transform:rotate(8deg);box-shadow:4px 4px 0 #1b3a5c12}
.report-sheet>i{display:block;height:3px;background:#9ab6ae;margin-bottom:5px}.report-sheet>i:nth-child(2){width:60%}
.report-bars{display:flex;align-items:end;gap:4px;height:42px;margin-top:8px;border-bottom:1px solid #71938e;padding-bottom:2px}
.report-bars>b{flex:1;height:45%;background:#65b7a6}.report-bars>b:nth-child(2){height:75%}.report-bars>b:nth-child(3){height:60%}.report-bars>b:nth-child(4){height:95%}
.phone-facility-visual .phone-visual-facility{position:absolute;right:0;top:5px}
.phone-facility-visual .phone-visual-facility .product-art{width:110px;height:110px}
.phone-visual-detail{position:absolute;left:0;bottom:0;display:grid;place-items:center;border:1px solid #d6cbb5;border-radius:16px;background:#fff8ec;padding:7px;transform:rotate(-6deg);box-shadow:0 5px 8px #1b3a5c15}
.phone-visual-detail .product-art{display:block;width:58px;height:58px}
.analytics-map-stage .analytics-map-layout{grid-template-columns:minmax(0,1fr)}
.analytics-map-stage{padding-right:162px}
.analytics-map-stage .product-phone{right:-2px;width:158px;bottom:25px}
.analytics-map-stage .analytics-map-canvas{min-height:275px}
.analytics-map-stage .analytics-us-map{max-height:290px}
.market-signals-invitation{display:flex;align-items:center;gap:12px;margin-top:11px;padding:12px 14px;border:1px solid #c8d9cf;border-radius:11px;background:#edf4e7;color:#1b3a5c}
.market-signals-invitation>img{width:36px;height:36px;flex-shrink:0}.market-signals-invitation>span{flex:1;min-width:0}
.market-signals-invitation strong{display:block;font-size:12px;line-height:1.4;font-weight:600}
.market-signals-invitation small{display:block;font-size:9px;margin-top:3px;color:#526d6c}
.market-signals-invitation>.glyph{width:17px;height:17px;flex-shrink:0}
.market-signals-invitation:hover{border-color:#65b7a6;background:#e5efdf}
.audience-choice-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.85fr);gap:36px;align-items:center;max-width:none;padding:12px 0 4px}
.audience-choice-layout h1{font-size:clamp(33px,3.2vw,48px);line-height:1.12;text-wrap:balance;letter-spacing:-1.3px}
.audience-choice-layout .intro-copy{font-size:17px;line-height:1.65;max-width:570px}
.audience-choice-layout .audience-products{display:grid;grid-template-columns:1fr;gap:15px;margin:0}
.audience-choice-layout .product-card{display:flex;flex-direction:row;align-items:center;text-align:left;gap:14px;padding:22px 18px;min-height:146px;border-radius:14px}
.audience-choice-layout .product-card>.product-art{width:68px;height:68px;flex-shrink:0;margin:0}
.audience-choice-layout .product-card>div{min-width:0}.audience-choice-layout .product-card h2{font-size:21px;line-height:1.2;margin:0 0 9px;letter-spacing:-.5px}
.audience-choice-layout .product-card p{font-size:13px;line-height:1.5;margin:0}
.audience-choice-layout .product-card>.glyph{width:17px;height:17px;flex-shrink:0;margin:0 0 0 auto}
.about-origin-copy>p a{text-decoration:underline;text-underline-offset:3px;color:var(--text)}
@media(min-width:1600px){.feature-illustration{height:210px}.feature-label strong{font-size:14px}.analytics-map-stage{padding-right:184px}.analytics-map-stage .product-phone{width:180px}.market-signals-invitation strong{font-size:14px}.market-signals-invitation small{font-size:10px}}
@media(max-width:1200px){.os-feature-cards{gap:8px}.feature-illustration{height:170px}.feature-label{padding:13px 8px}.feature-label strong{font-size:11px}.mini-fridge{transform:scale(.9) rotate(-4deg)}.medicine-shelves{transform:scale(.85) rotate(3deg)}.reports-feature .feature-illustration>.product-art{width:90px;height:90px}.report-sheet{right:10px}.audience-choice-layout{grid-template-columns:minmax(0,1.1fr) minmax(250px,1fr);gap:24px}.audience-choice-layout .product-card{padding:20px 15px;gap:10px}.audience-choice-layout .product-card>.product-art{width:56px;height:56px}.audience-choice-layout .product-card h2{font-size:20px}}
@media(max-width:1000px){.analytics-map-stage{padding-right:12px}.audience-choice-layout{grid-template-columns:1fr;gap:28px}.audience-choice-layout .audience-products{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-choice-layout .product-card{min-height:146px}.audience-choice-layout h1{max-width:640px;font-size:41px}}
@media(max-width:600px){.os-feature-cards{grid-template-columns:1fr;gap:11px;margin-top:19px}.os-feature{display:grid;grid-template-columns:112px minmax(0,1fr)}.feature-illustration{height:125px}.feature-label{border-top:0;padding:14px 12px;gap:7px}.feature-label strong{font-size:14px}.feature-label .glyph{width:15px;height:15px}.mini-fridge{transform:scale(.72) rotate(-4deg)}.medicine-shelves{transform:scale(.72) rotate(3deg)}.inventory-feature .feature-illustration>.product-small{width:37px;height:37px;bottom:9px;right:0}.report-sheet{width:58px;height:78px;right:8px;top:13px;padding:8px}.reports-feature .feature-illustration>.product-art{width:79px;height:79px;transform:translate(-8px,15px) rotate(-6deg)}.report-bars{height:29px}.market-signals-invitation{padding:12px 10px;gap:9px}.market-signals-invitation>img{width:31px;height:31px}.market-signals-invitation strong{font-size:12px}.market-signals-invitation small{font-size:10px}.analytics-map-stage .analytics-map-canvas{min-height:215px}.analytics-map-stage .analytics-us-map{min-height:165px}.audience-choice-layout{gap:26px;padding-top:0}.audience-choice-layout h1{font-size:35px;letter-spacing:-1px}.audience-choice-layout .intro-copy{font-size:16px}.audience-choice-layout .audience-products{grid-template-columns:1fr;gap:12px}.audience-choice-layout .product-card{padding:20px 16px;min-height:117px;gap:15px}.audience-choice-layout .product-card>.product-art{width:62px;height:62px}.audience-choice-layout .product-card h2{font-size:22px}.audience-choice-layout .product-card p{font-size:14px}}
@media(min-width:1600px){.os-stage{padding-right:188px}.os-stage .product-phone{width:184px}}
@media(max-width:1000px){.os-stage{padding-right:12px}}
@media(max-width:600px){.os-stage{padding-right:6px}}
@media(prefers-reduced-motion:reduce){.os-feature{transition:none}}

/* Stack feature cards at narrow desktop widths. */
@media(min-width:601px) and (max-width:700px){.os-feature-cards{grid-template-columns:1fr;gap:11px;margin-top:19px}.os-feature{display:grid;grid-template-columns:112px minmax(0,1fr)}.feature-illustration{height:125px}.feature-label{border-top:0;padding:14px 12px;gap:7px}.feature-label strong{font-size:14px}.feature-label .glyph{width:15px;height:15px}.mini-fridge{transform:scale(.72) rotate(-4deg)}.medicine-shelves{transform:scale(.72) rotate(3deg)}.inventory-feature .feature-illustration>.product-small{width:37px;height:37px;bottom:9px;right:0}.report-sheet{width:58px;height:78px;right:8px;top:13px;padding:8px}.reports-feature .feature-illustration>.product-art{width:79px;height:79px;transform:translate(-8px,15px) rotate(-6deg)}.report-bars{height:29px}}

@media (min-width: 601px) {
  .app-window:is([data-app='os'], [data-app='analytics']) > .window-content {
    padding-top: 16px;
    padding-bottom: 20px;
  }

  .app-window:is([data-app='os'], [data-app='analytics']) .product-intro {
    margin-bottom: 12px;
  }

  .app-window:is([data-app='os'], [data-app='analytics']) .product-intro > div:first-child {
    max-width: 880px;
  }

  .app-window:is([data-app='os'], [data-app='analytics']) .product-intro h1 {
    font-size: clamp(28px, 2.3vw, 36px);
    margin-bottom: 12px;
  }

  .app-window:is([data-app='os'], [data-app='analytics']) .product-intro .intro-copy {
    max-width: 840px;
  }
}

@media (min-width: 701px) {
  .os-stage,
  .analytics-map-stage {
    padding-top: 12px;
    padding-bottom: 20px;
  }

  .os-stage {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
  }

  .analytics-map-stage .analytics-map-canvas {
    min-height: 220px;
  }

  .analytics-map-stage .analytics-us-map {
    max-height: 240px;
  }
}

@media (min-width: 601px) {
  .desktop-shell .app-window > .window-content h1 {
    font-size: clamp(28px, 2.5vw, 38px);
    line-height: 1.15;
    letter-spacing: -1px;
  }

  .desktop-shell .app-window:is([data-app='os'], [data-app='analytics']) > .window-content h1 {
    font-size: clamp(28px, 2.3vw, 36px);
  }

  .window-content h1 {
    margin-bottom: 12px;
  }

  .window-content .eyebrow {
    margin-bottom: 12px;
  }

  .window-content .intro-copy {
    margin-bottom: 20px;
  }

  .window-content .product-intro .intro-copy {
    margin-bottom: 0;
  }

  .window-content > :is(.hero, .page-intro) {
    margin-bottom: 24px;
  }

  .window-content > :is(.access-hero, .trust-hero, .consulting-hero, .resource-layout, .audience-choice-layout) {
    min-height: 0;
    align-items: start;
    padding-top: 0;
  }

  .window-content > .booking-layout,
  .window-content > .tom-form-panel {
    padding-top: 0;
  }

  .window-content .tom-form-panel h1 {
    margin-top: 0;
  }

  .window-content .tom-form-intro {
    margin-bottom: 24px;
  }

  .window-content > .feature-scene {
    padding-top: 0;
  }

  .window-content .characters-intro {
    margin-bottom: 24px;
  }

  .window-content .founder-grid {
    max-width: 900px;
    margin: 0 auto 28px;
  }

  .window-content .founder-photo {
    height: 270px;
  }

  .window-content .about-hero {
    align-items: start;
    padding: 0 0 24px;
  }

  .window-content .about-hero h2 {
    font-size: clamp(28px, 2.5vw, 38px);
    line-height: 1.15;
    letter-spacing: -1px;
    margin: 0 0 12px;
  }

  .window-content .about-origin {
    padding-top: 24px;
  }
}

/* Pair opening copy with its visual without scaling the entire page. */
.product-overview,
.about-introduction {
  min-width: 0;
}

@media (min-width: 1201px) {
  .product-overview {
    display: grid;
    grid-template-columns: clamp(260px, 21vw, 320px) minmax(0, 1fr);
    gap: 32px;
    align-items: start;
    max-width: 1560px;
    margin: 0 auto;
  }

  .app-window .product-overview .product-intro {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 24px;
    margin: 0;
    padding-top: 12px;
  }

  .product-overview .product-intro-action {
    align-self: start;
  }

  .desktop-shell .app-window .product-overview h1 {
    font-size: clamp(28px, 2.1vw, 34px);
    line-height: 1.17;
    text-wrap: balance;
  }

  .product-overview .product-intro .intro-copy {
    font-size: 16px;
    line-height: 1.65;
  }

  .product-overview .product-stage {
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  .analytics-overview .product-screen-header {
    height: 42px;
    padding-block: 6px;
  }

  .analytics-overview .product-screen-body {
    padding: 16px 18px 14px;
  }

  .analytics-overview .product-screen-title h2 {
    font-size: 21px;
  }

  .analytics-overview .product-view-tabs {
    margin: 10px 0;
  }

  .analytics-overview .analytics-map-context {
    min-height: 28px;
    margin-bottom: 8px;
  }

  .analytics-overview .analytics-map-label {
    padding-top: 8px;
  }

  .analytics-overview .analytics-us-map {
    min-height: 160px;
    max-height: clamp(160px, calc(100svh - 532px), 200px);
  }

  .analytics-overview .market-signals-invitation {
    margin-top: 8px;
    padding-block: 8px;
  }
}

@media (min-width: 1101px) {
  .about-introduction {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, 1fr);
    align-items: center;
    gap: 36px;
    max-width: 1320px;
    margin: 0 auto;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border);
  }

  .window-content .about-introduction .founder-grid {
    width: 100%;
    gap: 14px;
    margin: 0;
    max-width: none;
  }

  .window-content .about-introduction .founder-photo {
    height: clamp(190px, 16vw, 220px);
  }

  .about-introduction .founder-caption {
    padding: 16px 14px;
  }

  .about-introduction .founder-caption h3 {
    font-size: 18px;
  }

  .window-content .about-introduction .about-hero {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 0;
    border: 0;
  }

  .about-introduction .about-symbol {
    width: 84px;
    border-radius: 22px;
  }

  .about-introduction .about-symbol .product-art {
    width: 74px;
    height: 74px;
  }

  .about-introduction .about-hero .intro-copy {
    margin: 0;
    font-size: 16px;
    line-height: 1.65;
  }

  .window-content .about-origin {
    max-width: 1320px;
    margin: 0 auto;
    padding-bottom: 0;
  }
}