/* A business, coming to life. The product is the stage. */
:root { --electric: #3156ee; --warm: #f6f4ed; }
.opening { overflow: clip; background: #f6f6f0; border-bottom: 1px solid var(--line); }
.mast { height: 82px; }
.opening-copy { padding-top: 36px; position: relative; }
.opening-kicker { color: #404f46; font-size: 11px; letter-spacing: .09em; }
.mini-mark { background: var(--electric); color: #fff; font: 600 17px var(--mono); padding: 3px 6px; margin-right: 6px; }
.opening-invite { margin-left: auto; color: #5c685e; }
.opening h1 { font-size: clamp(68px, 6.9vw, 99px); line-height: .94; letter-spacing: -.073em; margin-top: 24px; font-weight: 500; max-width: 1220px; }
.opening-ai { color: var(--electric); display: inline-block; position: relative; }
.opening-ai svg { position: absolute; width: 98%; height: 22px; left: 0; bottom: -16px; stroke-width: 2; stroke: #3156ee; }
.opening-bottom { display: flex; align-items: end; justify-content: space-between; margin: 37px 0 36px; gap: 36px; }
.opening-bottom p { font-size: 17px; line-height: 1.65; max-width: 580px; color: #5f6a63; }
.opening-bottom strong { color: var(--ink); font-weight: 500; }
.opening-actions { display: flex; align-items: center; gap: 25px; padding-bottom: 4px; }
.opening-actions .button { background: var(--electric); color: #fff; white-space: nowrap; padding: 17px 22px; border-radius: 6px; }
.opening-actions .button:hover { background: #2443c5; }
.opening-secondary { display: flex; gap: 20px; align-items: center; font-size: 13px; white-space: nowrap; }
.opening-secondary:hover { color: var(--electric); }
.workbench-surround { scroll-margin-top: 18px; }
.workbench-caption { display: flex; justify-content: space-between; gap: 18px; font: 10px var(--mono); letter-spacing: .07em; margin: 0 2px 12px; color: #536056; }
.workbench-caption>span:first-child { display: flex; align-items: center; gap: 7px; color: #283d30; }
.workbench-caption i,.wb-header-status i,.wb-live i,.wb-status i { width: 6px; height: 6px; background: #5e8144; display: inline-block; border-radius: 50%; flex-shrink: 0; }
.workbench-depth { perspective: 1600px; position: relative; padding-bottom: 16px; }
.workbench-backplate { background: #3156ee; color: #fff; border-radius: 11px; position: absolute; inset: 16px -9px 0; display: flex; align-items: end; justify-content: space-between; padding: 0 20px 4px; font: 8px var(--mono); letter-spacing: .12em; }
.workbench { position: relative; z-index: 1; background: #f8faf6; border: 1px solid #bdc7b8; border-radius: 10px; overflow: hidden; box-shadow: 0 15px 50px -24px #18331570; transform-origin: 50% 80%; }
.wb-header { display: flex; align-items: center; gap: 15px; padding: 0 18px; height: 54px; border-bottom: 1px solid #dfe5d9; background: #fafbf8; }
.wb-header .app-brand { font: 600 21px var(--mono); letter-spacing: -2px; }
.wb-separator { width: 1px; height: 20px; background: #d2dccd; }
.wb-project { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; }
.wb-project small { padding-left: 8px; }
.bakery-avatar { display: inline-grid; place-items: center; width: 25px; height: 25px; background: #e4c3b4; color: #5b322d; border-radius: 6px; font: italic 23px Georgia,serif; }
.wb-header-status { font-size: 10px; color: #516345; display: flex; align-items: center; gap: 6px; margin-left: 12px; }
.wb-model { margin-left: auto; display: flex; align-items: center; gap: 8px; font-size: 11px; padding: 7px 9px; border: 1px solid #dce2d7; border-radius: 5px; background: white; }
.wb-model .selection-icon { font-size: 15px; width: auto; height: auto; background: none; }
#wb-expand { font-size: 23px; padding: 5px; }
.workbench:fullscreen { width: 100%; height: 100%; border: 0; border-radius: 0; display: flex; flex-direction: column; }
.workbench:fullscreen .wb-body { flex: 1; min-height: 0; height: auto; grid-template-columns: 55px 360px minmax(0,1fr); }
.workbench:fullscreen .wb-conversation { padding: 0 22px 20px; }
.workbench:fullscreen .wb-user,.workbench:fullscreen .wb-agent-message p { font-size: 15px; }
.workbench:fullscreen .wb-build-log { font-size: 13px; gap: 10px; margin-block: 20px; }
.workbench:fullscreen .wb-thread-heading,.workbench:fullscreen .wb-composer,.workbench:fullscreen .wb-tabs button { font-size: 12px; }
.workbench:fullscreen .wb-artifact-link { font-size: 11px; padding: 15px 10px; }
.workbench:fullscreen .wb-artifact-link small { font-size: 10px; }
.workbench:fullscreen .shop-feature { min-height: calc(100vh - 235px); }
.workbench:fullscreen .shop-product-copy { display: flex; flex-direction: column; justify-content: center; padding: 36px; }
.workbench:fullscreen .shop-product-copy h2 { font-size: clamp(45px,5vw,74px); margin-block: 25px; }
.workbench:fullscreen .shop-product-copy>p:not(.shop-small) { font-size: 15px; }
.workbench:fullscreen .shop-small { font-size: 10px; }
.workbench:fullscreen .shop-product-price { margin-block: 25px; }
.workbench:fullscreen .shop-product-price strong { font-size: 30px; }
.workbench:fullscreen #wb-place-order { padding: 18px; font-size: 13px; }
.workbench:fullscreen .shop-product-copy>small { font-size: 10px; }
.workbench:fullscreen .wb-panel-heading { padding: 35px; }
.workbench:fullscreen .wb-panel-heading h2 { font-size: 36px; }
.workbench:fullscreen .wb-order-row { font-size: 13px; padding-block: 16px; }
.workbench:fullscreen #wb-order-list { max-height: calc(100vh - 380px); }
.workbench:fullscreen .wb-email-card { margin: 0 auto; max-width: 650px; padding: 30px; }
.workbench:fullscreen .wb-email-card h3 { font-size: 40px; }
.workbench:fullscreen .wb-email-card>p,.workbench:fullscreen .wb-email-order { font-size: 13px; }
.workbench:fullscreen .wb-schedule-grid { gap: 30px; margin: 10px 35px; }
.workbench:fullscreen .wb-clock { padding: 30px; }
.workbench:fullscreen .wb-clock>strong { font-size: 80px; }
.workbench:fullscreen .wb-list-paper { padding: 30px; }
.workbench:fullscreen .wb-list-paper h3 { font-size: 35px; }
.wb-body { display: grid; grid-template-columns: 46px 300px minmax(0,1fr); height: 422px; }
.wb-rail { border-right: 1px solid #dce3d7; display: flex; align-items: center; flex-direction: column; padding: 16px 0 12px; gap: 23px; }
.wb-rail svg { width: 17px; height: 17px; color: #687461; }
.rail-active { background: #e5ebdc; padding: 4px 10px; border-radius: 6px; font: italic 22px Georgia,serif; }
.rail-bottom { margin-top: auto; border-radius: 50%; background: #e8ece4; width: 26px; height: 26px; font-size: 9px; display: grid; place-items: center; }
.wb-conversation { display: flex; flex-direction: column; min-width: 0; min-height: 0; border-right: 1px solid #dce3d7; padding: 0 16px 13px; }
.wb-thread-heading { display: flex; justify-content: space-between; padding: 17px 0; border-bottom: 1px solid #e5e9df; font-size: 10px; gap: 10px; }
.wb-thread-heading small { color: #5e6c65; }
.wb-messages { padding-top: 18px; flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: thin; }
.wb-user { background: #eaf0e2; margin-left: 20px; border-radius: 9px 9px 2px 9px; padding: 11px 14px; font-size: 12px; line-height: 1.6; }
.wb-agent-message { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 7px; margin-top: 20px; }
.wb-agent-mark { font: 600 11px var(--mono); padding-top: 3px; color: #557d36; }
.wb-agent-message p { font-size: 11px; line-height: 1.7; }
.wb-build-log { display: flex; flex-direction: column; gap: 6px; font-size: 10px; margin: 13px 0; color: #58674d; }
.wb-build-log b { color: #476e34; margin-right: 5px; }
.wb-artifact-link { display: flex; align-items: center; gap: 6px; padding: 10px 7px; border: 1px solid #d5dfcb; border-radius: 5px; margin-top: 12px; text-align: left; width: 100%; background: #f0f4e9; font-size: 9px; }
.wb-artifact-link svg { width: 14px; height: 14px; }
.wb-artifact-link small { display: block; font-size: 8px; color: #5e6e51; margin-top: 4px; }
.wb-artifact-link>span:last-child { margin-left: auto; }
.wb-composer { border: 1px solid #d4ddce; padding: 10px; background: #fff; border-radius: 7px; margin-top: 14px; font-size: 9px; color: #606d57; box-shadow: 0 2px 4px #152d0710; }
.wb-composer>div { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; }
.wb-composer .active-agent { font-size: 8px; margin-left: 4px; }
.wb-send { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 5px; background: #dbe8c5; }
.wb-output { min-width: 0; min-height: 0; background: #fff; display: flex; flex-direction: column; }
.wb-tabs { display: flex; align-items: stretch; height: 42px; flex-shrink: 0; border-bottom: 1px solid #dce3d7; background: #f2f5ed; padding: 0 10px; }
.wb-tabs button { display: flex; align-items: center; gap: 6px; font-size: 11px; color: #66705e; padding: 0 15px; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.wb-tabs button[aria-selected="true"] { color: #2842bf; background: #fff; border-bottom-color: var(--electric); }
.wb-tabs svg { width: 13px; height: 13px; }
.wb-count { display: grid; place-items: center; font: 9px var(--mono); background: #e5e9df; padding: 1px 5px; border-radius: 4px; }
.wb-tabs [aria-selected="true"] .wb-count { background: #e8edff; }
.wb-panel { flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: thin; }
.shop-address { display: flex; align-items: center; gap: 6px; font: 9px var(--mono); padding: 9px 16px; background: #fff; border-bottom: 1px solid #ebebe5; color: #67705e; }
.shop-address svg { width: 11px; height: 11px; }
.shop-address>span { margin-left: auto; font-size: 8px; }
.shop-content { background: #f7efe6; color: #4b302b; }
.shop-nav { display: flex; align-items: center; justify-content: space-between; padding: 12px 24px 10px; border-bottom: 1px solid #e1cfc1; }
.shop-nav strong { font: 600 31px Georgia,serif; letter-spacing: -2px; }
.shop-nav strong>span { display: block; font: 6px Inter,sans-serif; letter-spacing: .15em; margin-top: 3px; }
.shop-nav>span { font: italic 12px Georgia,serif; }
.shop-nav .shop-bag { font-size: 23px; }
.shop-feature { display: grid; grid-template-columns: 52% 48%; }
.shop-product-photo { position: relative; min-height: 243px; overflow: hidden; background: #e7a391; }
.shop-product-photo img { width: 100%; height: 100%; position: absolute; object-fit: cover; }
.shop-stamp { position: absolute; top: 12px; left: 12px; width: 55px; height: 55px; border-radius: 50%; border: 1px solid #714839; color: #603f32; background: #f6e6cd; font: 7px/1.6 var(--mono); display: grid; align-content: center; text-align: center; transform: rotate(-13deg); }
.shop-product-copy { padding: 18px 23px; }
.shop-small { font: 7px var(--mono); letter-spacing: .08em; }
.shop-product-copy h2 { font: 39px/.98 Georgia,serif; letter-spacing: -2px; margin: 10px 0; }
.shop-product-copy h2 em { color: #a54d34; font-style: italic; }
.shop-product-copy>p:not(.shop-small) { font: 10px/1.6 Inter,sans-serif; color: #77574a; }
.shop-product-price { display: flex; align-items: center; gap: 11px; margin: 10px 0; }
.shop-product-price strong { font: 22px Georgia,serif; }
.shop-product-price span { font-size: 9px; }
#wb-place-order { background: #53392f; color: #fff3e5; display: flex; justify-content: space-between; align-items: center; padding: 11px 12px; font-size: 10px; width: 100%; border-radius: 3px; }
#wb-place-order:hover { background: #834c37; }
#wb-place-order:disabled { opacity: .7; }
.shop-product-copy>small { display: block; font-size: 7px; margin-top: 7px; line-height: 1.4; }
.shop-foot { display: flex; justify-content: space-around; padding: 10px; font: 6px var(--mono); letter-spacing: .04em; border-top: 1px solid #e4d4c3; }
.wb-status { display: flex; gap: 14px; align-items: center; padding: 9px 16px; font-size: 10px; color: #5a6851; background: #f9fbf6; border-top: 1px solid #dce3d7; min-height: 34px; }
#wb-status-copy { display: flex; gap: 7px; align-items: center; }
.wb-status-service { margin-left: auto; font: 7px var(--mono); white-space: nowrap; }
.wb-status-service b { color: #6b8c50; }
#wb-reset { font-size: 9px; text-decoration: underline; margin-left: auto; }
.wb-below { display: flex; justify-content: space-between; align-items: center; margin: 13px 0 0; gap: 15px; font-size: 10px; color: #65705c; }
.wb-below a { color: #223c29; font-size: 11px; }
.wb-below a span { display: inline-block; margin-left: 18px; font-size: 15px; }
.opening-promise { display: flex; align-items: center; justify-content: space-between; padding: 50px 0; gap: 40px; }
.opening-promise>p { font-size: 14px; line-height: 1.6; color: #626e5b; }
.opening-promise strong { color: #1c3221; font-weight: 500; }
.opening-promise>div { display: flex; align-items: center; gap: 26px; font: 500 15px var(--display); }
.opening-promise button { display: flex; gap: 12px; font: 11px Inter,sans-serif; padding: 10px; border: 1px solid #bbc6b3; border-radius: 4px; }
.wb-panel-heading { padding: 23px 28px 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.wb-overline { font: 8px var(--mono); letter-spacing: .07em; color: #626f56; }
.wb-panel-heading h2 { font: 500 26px/1.15 var(--display); letter-spacing: -1px; margin-top: 9px; }
.wb-live { display: flex; align-items: center; gap: 5px; font: 7px var(--mono); color: #5e7352; white-space: nowrap; }
.wb-metrics { display: grid; grid-template-columns: repeat(3,1fr); margin: 0 28px 22px; border: 1px solid #dfe5d9; background: #f5f8f0; border-radius: 6px; }
.wb-metrics>div { padding: 14px 17px; border-right: 1px solid #dfe5d9; }
.wb-metrics>div:last-child { border: 0; }
.wb-metrics span { display: block; font-size: 9px; color: #67755b; margin-bottom: 7px; }
.wb-metrics strong { font: 500 30px var(--display); letter-spacing: -1px; }
.wb-metrics small { font: 10px Inter,sans-serif; letter-spacing: 0; }
.wb-orders-table { margin: 0 28px; }
.wb-order-head,.wb-order-row { display: grid; grid-template-columns: .7fr 2fr .7fr 1fr; gap: 8px; align-items: center; }
.wb-order-head { padding: 8px 0; border-bottom: 1px solid #dfe4d9; font: 7px var(--mono); color: #647057; }
#wb-order-list { max-height: 115px; overflow-y: auto; }
.wb-order-row { font-size: 9px; padding: 10px 0; border-bottom: 1px solid #e8ebe4; }
.wb-order-row>span:first-child { font: 9px var(--mono); }
.wb-order-row>span:last-child { justify-self: start; background: #eff3e7; padding: 4px 6px; border-radius: 4px; color: #4f6e3a; }
.wb-empty { padding: 24px; text-align: center; font-size: 12px; color: #637353; }
.wb-empty button { display: block; margin: 10px auto 0; font-size: 11px; color: var(--electric); }
.wb-data-note { display: flex; gap: 5px; align-items: center; margin: 15px 28px; font-size: 8px; line-height: 1.6; color: #667657; }
.wb-data-note svg { width: 12px; height: 12px; }
.wb-email { background: #f2f4ed; }
.wb-email-card { background: #fffdf8; margin: 0 28px; border: 1px solid #dedfd3; box-shadow: 0 5px 12px #18311708; padding: 15px 22px; }
.wb-mail-meta { display: flex; align-items: center; gap: 8px; }
.wb-mail-meta strong { display: block; font-size: 9px; }
.wb-mail-meta div>span { display: block; font-size: 7px; margin-top: 3px; color: #66695e; }
.wb-mail-meta>span:last-child { margin-left: auto; font: 7px var(--mono); color: #767565; }
.wb-email-card h3 { font: 27px/1.15 Georgia,serif; letter-spacing: -1px; color: #5c382e; margin: 17px 0 10px; }
.wb-email-card>p { font-size: 9px; line-height: 1.7; color: #73634f; }
.wb-email-order { border-block: 1px solid #e6ddd1; margin-top: 12px; padding: 10px 0; display: flex; flex-direction: column; gap: 7px; font-size: 9px; }
.wb-email-order>span:first-child { font: 7px var(--mono); }
.wb-email-order strong { display: flex; justify-content: space-between; }
.wb-email-order>span:last-child { font-size: 8px; }
.wb-email-card .wb-mail-signoff { margin-top: 12px; }
.wb-schedule { background: #eff2e8; }
.wb-schedule-grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: 24px; margin: 0 28px; }
.wb-clock { padding: 17px; background: #233d31; color: #e9f4d9; border-radius: 6px; display: flex; align-items: flex-start; flex-direction: column; }
.wb-clock>span:first-child { font: 8px var(--mono); color: #b3c79b; }
.wb-clock>strong { font: 500 54px var(--mono); letter-spacing: -5px; margin: 8px 0 14px; }
.wb-clock>strong span { color: #859e6c; }
.wb-clock p { font-size: 11px; line-height: 1.6; }
.wb-clock .wb-live { color: #c0d9a5; margin-top: 20px; font-size: 7px; }
.wb-clock i { background: #a3cb70; }
.wb-list-paper { padding: 19px; background: #fffdf4; box-shadow: 0 3px 6px #24462115; transform: rotate(1.2deg); }
.wb-paper-date { font: 7px var(--mono); letter-spacing: .05em; color: #707459; }
.wb-list-paper h3 { font: italic 25px Georgia,serif; letter-spacing: -.8px; margin: 14px 0 18px; }
.wb-list-paper p { font-size: 10px; line-height: 1.7; color: #6c745a; }
#wb-baking-items>div { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #d8ddc8; font-size: 11px; margin-bottom: 8px; }
.wb-list-paper footer { border-top: 1px solid #e6e6d7; margin-top: 17px; padding-top: 9px; font: 7px var(--mono); color: #7c8068; }
.freedom-section>.choice-scene { max-width: 630px; margin: 25px auto 45px; }
.freedom-section .choice-coordinate,.freedom-section .orbit-field { display: none; }
.freedom-section .choice-machine { transform: none; }
.freedom-section .choice-scene { min-height: auto; }
@media(min-width:1000px) {
  .freedom-section { display: grid; grid-template-columns: 1fr 1.12fr; column-gap: 80px; row-gap: 20px; padding-block: 90px; }
  .freedom-section>.eyebrow { grid-column: 1; grid-row: 1; }
  .freedom-head { display: contents; }
  .freedom-head h2 { grid-column: 1; grid-row: 2; font-size: 58px; align-self: end; }
  .freedom-head h2 em { font-size: .78em; }
  .freedom-head>div { grid-column: 1; grid-row: 3; }
  .freedom-head>div>p { font-size: 16px; max-width: 470px; }
  .freedom-head .text-link { display: none; }
  .freedom-section>.provider-line { display: none; }
  .freedom-section>.provider-note { grid-column: 1; grid-row: 4; padding: 0; font-size: 12px; line-height: 1.75; margin: 0; max-width: 430px; }
  .freedom-section>.choice-scene { grid-column: 2; grid-row: 1/5; width: 100%; margin: 0; align-self: center; }
  .freedom-section>.provider-assurance { grid-column: 1/-1; margin-top: 15px; }
}
@media (min-width: 1100px) and (max-height: 740px) {
  .opening-copy { padding-top: 20px; }
  .opening h1 { font-size: 82px; }
  .opening-bottom { margin-block: 28px; }
  .wb-body { height: 418px; }
}
@media (max-width: 1200px) {
  .opening-actions { gap: 16px; }
  .opening-secondary { display: none; }
  .wb-body { grid-template-columns: 40px 255px minmax(0,1fr); }
  .wb-header-status { display: none; }
  .shop-product-copy { padding: 19px 14px; }
  .shop-product-copy h2 { font-size: 34px; }
  .opening-promise>div { gap: 17px; font-size: 13px; }
  .wb-panel-heading { padding-inline: 20px; }
  .wb-panel-heading .wb-live { display: none; }
}
@media (max-width: 900px) {
  .opening-copy { padding-top: 25px; }
  .opening h1 { font-size: 76px; }
  .opening-bottom { align-items: start; flex-direction: column; gap: 22px; }
  .wb-body { grid-template-columns: 35px minmax(0,1fr); height: 415px; }
  .wb-conversation { display: none; }
  .wb-model { font-size: 9px; }
  .workbench-caption>span:last-child { display: none; }
  .opening-promise { flex-direction: column; align-items: start; gap: 20px; padding-block: 34px; }
  .opening-promise>div { flex-wrap: wrap; }
  .wb-below { align-items: start; flex-direction: column; gap: 10px; }
}
@media (max-width: 600px) {
  .opening h1 { font-size: clamp(48px,13vw,76px); line-height: 1; margin-top: 24px; }
  .opening-kicker { font-size: 8px; }
  .opening-invite { display: none; }
  .opening-bottom p { font-size: 15px; }
  .opening-bottom { margin-top: 30px; }
  .opening-actions .button { padding: 15px 17px; font-size: 12px; }
  .wb-header { gap: 8px; padding: 0 10px; }
  .wb-header .app-brand { font-size: 17px; }
  .wb-project { font-size: 10px; }
  .wb-model { padding: 6px; }
  .wb-model .active-agent { width: 70px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .wb-header .bakery-avatar,.wb-project small { display: none; }
  .wb-body { grid-template-columns: minmax(0,1fr); height: 510px; }
  .wb-rail { display: none; }
  .wb-tabs { padding: 0 4px; }
  .wb-tabs button { padding-inline: 10px; font-size: 10px; }
  .shop-nav { padding: 12px 15px; }
  .shop-nav>span { font-size: 9px; }
  .shop-feature { grid-template-columns: 1fr; }
  .shop-product-photo { min-height: 170px; }
  .shop-product-copy { padding: 16px; }
  .shop-product-copy h2 { font-size: 29px; margin-block: 8px; }
  .shop-product-copy h2 br { display: none; }
  .shop-product-copy>p:not(.shop-small) br { display: none; }
  .shop-product-price { position: absolute; right: 22px; margin-top: -47px; }
  .shop-product-price span { display: none; }
  .shop-foot { display: none; }
  .wb-status-service { display: none; }
  .wb-status { font-size: 9px; padding: 9px 12px; }
  .wb-panel-heading { padding: 20px 16px; }
  .wb-panel-heading h2 { font-size: 26px; }
  .wb-metrics { margin-inline: 16px; }
  .wb-metrics>div { padding: 12px; }
  .wb-metrics strong { font-size: 25px; }
  .wb-orders-table { margin-inline: 16px; }
  .wb-order-head,.wb-order-row { grid-template-columns: .6fr 1.5fr .5fr .8fr; gap: 5px; }
  .wb-order-row { font-size: 8px; }
  .wb-email-card { margin-inline: 16px; padding: 18px; }
  .wb-schedule-grid { margin-inline: 16px; gap: 15px; grid-template-columns: 1fr; }
  .wb-clock { display: grid; grid-template-columns: 1fr 1fr; }
  .wb-clock>span:first-child { grid-column: 1/-1; }
  .wb-clock>strong { font-size: 36px; letter-spacing: -3px; margin: 8px 0; }
  .wb-clock p { align-self: center; font-size: 9px; }
  .wb-clock .wb-live { margin-top: 4px; grid-column: 1/-1; }
  .wb-list-paper { padding: 15px; }
  .wb-list-paper h3 { margin-block: 10px; }
  .wb-list-paper footer { margin-top: 10px; }
  .wb-overline { font-size: 7px; }
  .opening-promise>div { font-size: 12px; gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .workbench,.workbench-backplate { transform: none !important; }
}
.subscription-section { grid-template-columns: 1fr 1.1fr; align-items: center; gap: 45px; }
.subscription-section .foundation-copy h2 { font-size: clamp(42px,4.3vw,62px); }
.subscription-section .foundation-copy>p:not(.eyebrow) { font-size: 15px; }
.stack-demo { min-width: 0; border: 1px solid #d3dcc8; background: #f1f4e9; border-radius: 10px; overflow: hidden; }
.stack-heading { display: flex; justify-content: space-between; gap: 15px; margin: 22px 24px 0; font: 9px var(--mono); letter-spacing: .03em; color: #566b44; }
.stack-heading>span:last-child { font-size: 8px; }
.stack-viewport { height: 370px; position: relative; }
#computer-stack { width: 100%; height: 100%; display: block; opacity: 0; }
.stack-ready #computer-stack { opacity: 1; }
.stack-fallback { position: absolute; inset: 30px; display: grid; place-items: center; text-align: center; line-height: 2; color: #496338; }
.stack-ready .stack-fallback { display: none; }
.stack-state { position: absolute; top: 17px; left: 24px; right: 24px; display: flex; flex-direction: column; gap: 5px; pointer-events: none; }
.stack-state>span { font-size: 12px; color: #627350; }
.stack-state>strong { font: 500 30px var(--display); letter-spacing: -1px; }
.stack-controls { display: flex; gap: 8px; padding: 20px 24px 12px; }
#assemble-stack { display: flex; align-items: center; gap: 25px; padding: 13px 18px; font-size: 12px; border-radius: 5px; color: #fff; background: #3156ee; }
#assemble-stack:hover { background: #2443cc; }
#assemble-stack svg { width: 16px; height: 16px; }
#turn-stack { border: 1px solid #c6d1b9; border-radius: 5px; width: 43px; font-size: 24px; background: #f8faf3; }
.stack-explanation { font-size: 11px; line-height: 1.65; min-height: 65px; padding: 0 24px 22px; color: #5d7050; }
.platform-comparison { grid-column: 1/-1; margin-top: 0; border-block: 1px solid #cbd6c1; }
.platform-comparison>summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 26px 0; gap: 20px; }
.platform-comparison>summary::-webkit-details-marker { display: none; }
.platform-comparison>summary>span:first-child { font: 500 25px var(--display); letter-spacing: -.7px; }
.platform-comparison>summary>span:last-child { display: flex; gap: 30px; font-size: 12px; color: #516d3b; }
.platform-comparison[open]>summary b { transform: rotate(45deg); }
.platform-comparison[open]>summary>span { transform: none; }
.platform-comparison .subscription-payoff p { color: #f0f5e9; padding: 0; }
.platform-comparison .subscription-comparison { margin: 0 0 30px; }
.platform-comparison .subscription-table th:nth-child(1) { width: 29%; }
.platform-comparison .subscription-table th:nth-child(2) { width: 29%; }
.platform-comparison .subscription-table th:nth-child(3) { width: 42%; }
@media(max-width:900px) {
  .subscription-section { grid-template-columns: 1fr; gap: 30px; }
  .stack-viewport { height: 370px; }
  .platform-comparison>summary>span:first-child { font-size: 21px; }
  .platform-comparison>summary>span:last-child { font-size: 10px; gap: 8px; }
}
@media(max-width:600px) {
  body { overflow-x: clip; }
  .stack-heading { font-size: 7px; margin-inline: 16px; }
  .stack-heading>span:last-child { font-size: 6px; }
  .stack-viewport { height: 300px; }
  .stack-state>strong { font-size: 26px; }
  .stack-controls { padding-inline: 16px; }
  .platform-comparison>summary { align-items: start; }
  .platform-comparison>summary>span:last-child { font-size: 0; }
  .platform-comparison>summary b { font-size: 20px; }
}

/* One visual system across the complete product story. */
:root { --paper:#fff; --ink:#242424; --muted:#666662; --line:#e4e5e0; --blue:#08774d; --electric:#08774d; --lime:#c4e4cd; }
body { background:#fff; }
.wrap { width:min(1200px,calc(100% - 112px)); }
.mast.wrap { max-width:1200px; }
.button { border-radius:10px; }
.button.primary { background:#242424; }
.button.primary:hover { background:#40403d; }
.section-heading { gap:80px; }
.section-heading h2,.connections-copy h2,.freedom-head h2,.details-section h2 { font-weight:600; line-height:1.04; letter-spacing:-.05em; }
.section-heading h2 em,.connections-copy h2 em,.freedom-head h2 em,.foundation-copy h2 em,.details-section h2 em { color:inherit; font-style:normal; }
.section-heading>p { font-size:16px; line-height:1.75; max-width:430px; color:#666662; }
.section-heading .eyebrow,.connections-copy>.eyebrow,.details-section>div>.eyebrow { color:#656560; font-size:10px; letter-spacing:.08em; }
.text-link { color:#30352f; }

/* A real order connects the storefront to everything behind it. */
.opening .bakery-intro { padding-top:94px; padding-bottom:34px; border-color:#e5e5e1; }
.opening .bakery-intro h2 { font-size:56px; font-weight:600; color:#242424; letter-spacing:-.05em; }
.opening .bakery-intro>p { font-size:15px; line-height:1.7; color:#656560; max-width:390px; }
.workbench-caption { margin-bottom:14px; font-size:9px; color:#666662; }
.workbench-depth { padding-bottom:0; }
.workbench-backplate { display:none; }
.workbench { border-color:#dcded8; border-radius:16px; background:#faf9f7; box-shadow:0 18px 38px -30px #292e274d; }
.wb-header { background:#fafaf8; border-color:#dededb; }
.wb-header .app-brand { color:#08774d; font-size:18px; }
.wb-header-status { color:#626b60; }
.wb-model { border-radius:20px; padding:8px 12px; }
.wb-rail { background:#f5f4f1; border-color:#deded9; }
.rail-active { background:#e7e6e2; color:#53584f; }
.wb-conversation { background:#fff; border-color:#deded9; }
.wb-thread-heading { color:#62645e; }
.wb-user { background:#f0efed; border:1px solid #dededb; color:#242424; border-radius:18px 18px 4px 18px; }
.wb-agent-message { color:#464a42; }
.wb-build-log { color:#61665b; }
.wb-agent-mark,.wb-build-log b { color:#08774d; }
.wb-artifact-link { background:#f7f7f4; border-color:#deded7; border-radius:10px; }
.wb-composer { border-color:#d5d6d0; border-radius:18px; padding:12px; box-shadow:0 6px 18px -12px #151b245c; }
.wb-send { background:#08774d; color:#fff; border-radius:50%; }
.wb-tabs { background:#fafaf8; border-color:#deded9; }
.wb-tabs button[aria-selected=true] { color:#08774d; border-bottom-color:#08774d; }
.wb-tabs [aria-selected=true] .wb-count { background:#e6f0e8; }
.wb-status { background:#fafaf8; border-color:#deded9; color:#656b5e; }
.wb-below { margin-top:18px; font-size:11px; color:#666662; }
.opening .opening-promise { padding-block:28px 82px; }
.opening .opening-promise p { font-size:16px; }

/* The catalog is an ordinary choice inside the workspace. */
#difference { padding-block:100px; border:0; column-gap:90px; row-gap:24px; }
#difference .freedom-head h2 { font-size:60px; align-self:center; }
#difference .freedom-head h2 em { font-size:1em; }
#difference>.eyebrow { color:#656560; font-size:10px; }
#difference .freedom-head>div>p { font-size:16px; line-height:1.75; color:#666662; }
#difference>.provider-note { font-size:12px; line-height:1.8; color:#666662; }
#difference .choice-scene { padding:28px; background:#f0ecfa; border-radius:24px; }
#difference .choice-machine { border:1px solid #d6d3dc; border-radius:16px; background:#faf9fc; box-shadow:0 14px 32px -23px #39304066; transform:none; padding:10px; }
.choice-window { border-color:#dfdce3; border-radius:10px; }
.choice-machine-top { color:#66606d; }
.choice-machine-top .app-brand { color:#08774d; }
.choice-heading { font-size:23px; color:#252325; }
.choice-selection { padding-block:17px; }
.choice-selection strong { font-size:14px; }
.choice-selection small { color:#6a636d; font-size:8px; }
.choice-send { padding:18px 10px 12px; font-size:14px; }
.choice-send small { color:#67606a; font-size:10px; }
.choice-under { margin-top:19px; color:#605766; font-size:8px; }
.model-search { height:46px; color:#69636d; }
.model-search input { font-size:13px; }
.provider-rail { background:#faf9f7; border-color:#e4e1e6; }
.provider-tab { font-size:12px; border-radius:7px; }
.provider-mark img { width:20px; height:20px; display:block; object-fit:contain; }
.provider-tab[aria-pressed=true] { background:#e9f2eb; color:#146443; }
.model-option strong { font-size:12px; }
.model-option small { color:#686662; font-size:10px; }
.model-option[aria-pressed=true] { color:#176447; background:#f0f6f1; }
.model-picker { border-color:#dfdce3; }
.provider-assurance { border-color:#e2e2df; background:#fff; }
.provider-assurance summary { font-size:13px; padding:23px 0; }
.assurance-body p { font-size:13px; line-height:1.8; }

/* Follow the same bot through four kinds of work. */
#your-computer { background:#f7f7f5; border-block:1px solid #e6e6e2; padding-block:90px 76px; }
#your-computer .section-heading h2 { font-size:64px; }
#your-computer .section-heading>p { font-size:16px; }
.launch-chapters { border-color:#dcded7; border-radius:12px; background:#fff; overflow:hidden; }
.launch-chapters button+button { border-color:#e3e3df; }
.launch-chapters [aria-pressed=true] { background:#edf3ed; color:#224c32; }
.launch-chapters [aria-pressed=true]:after { background:#08774d; }
.launch-chapters button:hover { background:#f0f1ec; }
.launch-chapters button>span,.launch-chapters small { color:#63695d; }
.chapter-narration h3 { color:#2b3028; }
.chapter-narration>.eyebrow,.chapter-narration>p:last-child { color:#666b60; }
.product-app { border-color:#d4d6cf; border-radius:16px; background:#f7f6f3; box-shadow:0 12px 30px -24px #1d221b55; }
.product-shadow { display:none; }
.app-top { background:#fafaf8; border-color:#dcded6; }
.app-top .app-brand { color:#08774d; }
.app-actions button { background:#fff; border:1px solid #dbded5; border-radius:20px; }
.app-actions button[aria-pressed=true] { color:#08774d; background:#eaf3ed; border-color:#b6cebf; }
.project-rail { background:#f5f4f1; border-color:#dfdfd9; }
.rail-search { background:#fff; border:1px solid #ddded7; border-radius:20px; color:#6a6b62; }
.rail-thread { background:#e8e7e2; color:#464a40; border-radius:9px; }
.conversation { background:#fff; }
.conversation>header { color:#63685e; border-color:#e5e5e0; }
.user-message { background:#f1f0ed; border:1px solid #deddD8; border-radius:17px 17px 4px 17px; }
.agent-message { color:#3d4539; }
.composer { background:#fff; border-color:#d4d8cf; box-shadow:0 5px 14px -10px #26301b5c; }
.story-theatre .composer { border-radius:18px; }
.composer b { background:#08774d; color:#fff; border-radius:50%; }
.output-tabs { background:#f6f6f2; border-color:#dfdfd8; }
.output-tabs button[aria-pressed=true] { color:#08774d; background:#e8f2eb; }
.output-file-row { background:#fafaf8; color:#62685b; border-color:#e0e2db; }
.files-pane,.screen-pane { background:#f1f1ec; }
.demo-foot>button { border-radius:9px; }

/* The services are the page's warm, expansive product chapter. */
#built-in { width:min(1360px,calc(100% - 48px)); max-width:none; margin-block:84px; padding:66px 72px 28px; background:#ffe4d6; border:1px solid #f4d3c1; border-radius:28px; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:42px; }
#built-in .foundation-copy h2 { font-size:58px; font-weight:600; line-height:1.04; letter-spacing:-.05em; color:#342c27; }
#built-in .foundation-copy>.eyebrow { font-size:10px; color:#78513d; }
#built-in .foundation-copy>p:not(.eyebrow) { font-size:15px; line-height:1.8; color:#725642; }
#built-in .foundation-copy>p strong { color:#493729; font-weight:600; }
#built-in .included-plan { border-color:#ebc4ae; }
#built-in .included-plan strong { color:#493729; font-size:21px; }
#built-in .included-plan p>span { color:#79573e; max-width:390px; font-size:12px; }
#built-in .included-mark { background:#fbc9aa; color:#694126; }
#built-in .foundation-copy>small { color:#76543d; font-size:11px; max-width:420px; }
#built-in .foundation-copy .button { font-size:12px; padding:14px 18px; }
#built-in .foundation-demo-link { color:#704b34; border-color:#cfa88d; font-size:12px; }
.stack-demo { background:#fff5eb; border:1px solid #edc5ab; border-radius:20px; }
.stack-heading { color:#795941; }
.stack-viewport { height:370px; }
.stack-state>span { color:#785941; }
.stack-state>strong { color:#493526; font-size:32px; font-weight:600; }
.stack-explanation { color:#76543d; font-size:12px; }
#assemble-stack { background:#332b26; border-radius:10px; }
#assemble-stack:hover { background:#574336; }
#turn-stack { color:#59412f; background:#fffaf5; border-color:#e6c2a8; border-radius:10px; }
#built-in .platform-comparison { border-color:#e7bfa6; }
#built-in .platform-comparison>summary>span { color:#67432c; }
#built-in .platform-comparison>summary>span:first-child { font-size:25px; font-weight:500; }
#built-in .subscription-comparison { padding:24px; background:#fffdfa; border:1px solid #e6cbb7; border-radius:14px; }
#built-in .subscription-table td:last-child,#built-in .subscription-table thead th:last-child { background:#f4f6ed; }
#built-in .subscription-table thead th:last-child,#built-in .subscription-table td:last-child strong { color:#31532a; }
#built-in .subscription-table thead th:last-child small,#built-in .subscription-table td code { color:#456138; }

/* Connected tools and separate workspaces return to a quiet white page. */
.connections-section { padding-block:50px 110px; gap:90px; }
.app-foundations+.connections-section { padding-top:30px; border:0; }
.connections-copy h2 { font-size:60px; }
.connections-copy>p:not(.eyebrow) { font-size:16px; line-height:1.75; max-width:465px; }
.connections-copy>small { font-size:12px; line-height:1.8; }
.toolbelt { border-color:#e3e3de; }
.connections-example { transform:none; border-color:#dcded7; border-radius:18px; box-shadow:0 20px 50px -34px #333d2752; background:#fff; }
.connections-example>header { background:#fafaf8; border-color:#e2e2dc; }
.connections-example>header>.app-brand { color:#08774d; }
.connections-example>header small { font-size:8px; color:#676c60; }
.connection-tabs { border-color:#e3e3dc; padding-block:18px; }
.connection-tabs button { font-size:12px; border-radius:20px; padding:10px 15px; }
.connection-tabs button[aria-pressed=true] { background:#eaf3ed; color:#08774d; }
.connection-row { border-color:#e8e9e3; padding-block:27px; }
.connection-row strong { font-size:15px; color:#353b30; }
.connection-row small { font-size:12px; color:#666e60; }
.connection-row>b { background:#edf4e9; color:#436234; font-size:9px; }
.connection-flow { color:#5a6750; padding-block:30px; }
.connections-example>footer { background:#fafaf8; border-color:#e2e4dc; color:#67725c; font-size:11px; }
.isolation-section { padding-block:70px 90px; border-top:1px solid #e5e5df; }
.isolation-section .section-heading h2 { font-size:64px; }
.access-exhibit { margin-top:45px; }
.exhibit-caption { border-color:#e0e1da; }
.access-models { gap:22px; }
.access-models>.model { border:1px solid #dfdfd9; border-radius:18px; overflow:hidden; background:#fafaf7; }
.access-models>.separate-model { background:#f1f7f0; border-color:#ccdec9; }
.access-models>.model>header { background:transparent; border-color:#e0e4da; }
.access-models>.model>footer { border-color:#e0e4da; }
.shared-machine { background:#f0f0ea; border-color:#dcded4; }
.separate-machine { background:#e9f1e5; border-color:#cbdcc1; }
.shared-shelf { background:#fbfbf8; }
.private-room { border-radius:12px; }
.competitor-source { background:#f5f5ef; border-color:#e0e1d9; }
.account-address { padding:32px; background:#f7f7f3; border:1px solid #e2e3db; border-radius:16px; margin-top:30px; gap:55px; }
.account-address h3 { font-size:30px; font-weight:500; color:#3c4534; }
.account-address>div>p:last-child { font-size:14px; color:#676f5f; }

/* A detailed comparison is readable, with the product column kept in view. */
#comparison { background:#fff; border-top:1px solid #e5e5df; padding-block:95px; }
#comparison .section-heading h2 { font-size:64px; }
.comparison-table { border-color:#dfe2d9; }
.comparison-row { border-color:#e2e5dc; }
.comparison-row>* { padding:24px; }
.comparison-row>:last-child { background:#f1f7ef; color:#34512a; }
.comparison-header { background:#f6f6f2; }
.comparison-header>:last-child { background:#e7f1e3; color:#294923; }
.comparison-header>strong { font-size:23px; }
.comparison-row p { font-size:14px; line-height:1.7; }
.comparison-row>strong { font-size:16px; }
.comparison-row p span,.comparison-row a { font-size:11px; }
#comparison .comparison-row>p { color:#62695c; }
#comparison .comparison-row>p:last-child b { color:#31532a; }
#comparison .comparison-row a { color:#456138; }
.separate-model .product-name { color:#08774d; }
.comparison-foot { font-size:12px; line-height:1.8; color:#6b7163; margin-top:24px; }

/* Needs you: one clear interruption, then back to your day. */
.handoff-section { width:min(1360px,calc(100% - 48px)); margin:0 auto; padding-block:72px; background:#242325; color:#fff; border-radius:28px; }
.handoff-layout.wrap { width:calc(100% - 128px); gap:75px; }
.handoff-copy h2 { font-size:70px; font-weight:600; letter-spacing:-.055em; line-height:1.02; }
.handoff-copy h2 em { color:#d5ccf2; font-style:normal; }
.handoff-copy>.eyebrow { color:#c6c1cd; font-size:10px; }
.handoff-copy>p:not(.eyebrow) { color:#c9c5ce; font-size:16px; line-height:1.75; max-width:440px; }
.handoff-hint { color:#dbd6e4; font-size:12px; margin-top:28px; }
.phone-orbit { display:none; }
.phone-scene { padding:30px 0; background:radial-gradient(ellipse at 50% 50%,#64517345,transparent 67%); }
.phone { transform:none; background:#faf9f7; color:#363a32; border:7px solid #525055; box-shadow:0 0 0 1px #78747d,0 30px 55px -20px #0009; border-radius:36px; }
.phone>header { background:#fff; border-color:#deded8; }
.phone>header .app-brand { color:#08774d; }
.phone-content { background:#faf9f7; }
.needs-row { background:#fff; border-color:#deded8; border-radius:13px; }
.phone-content h3>span { background:#f8e2a7; color:#73541d; }
.reset-phone { color:#ccc6d4; }
.phone-reply { background:#fff; border-color:#d1d9cc; border-radius:16px; }
#approve-reply { background:#08774d; color:#fff; border-radius:50%; }

/* Clear answers and one invitation. */
.details-section { padding-block:112px; gap:90px; }
.details-section h2 { font-size:60px; }
.details-section>div>p:not(.eyebrow) { font-size:16px; line-height:1.8; color:#666662; }
.details-list summary { padding-block:21px; font-size:15px; line-height:1.55; color:#30352a; }
.details-list details { border-color:#e0e2d9; }
.details-list details[open] { padding-bottom:15px; }
.details-list p { font-size:14px; line-height:1.85; color:#666d5e; }
.waitlist-section { width:min(1360px,calc(100% - 48px)); margin:0 auto 25px; padding-block:82px 70px; background:#f0ecf8; border:1px solid #e3daee; border-radius:28px; }
.invite-spaces { display:none; }
.waitlist-inner { max-width:860px; }
.waitlist-inner>.eyebrow { font-size:10px; color:#6c6176; }
.waitlist-inner h2 { font-size:80px; font-weight:600; color:#29252e; letter-spacing:-.055em; }
.waitlist-inner h2 em { color:inherit; font-style:normal; }
.waitlist-inner>p:not(.eyebrow) { font-size:16px; line-height:1.75; color:#72687b; }
#invite { max-width:535px; margin-top:35px; }
#invite>label { font-size:12px; color:#60566a; }
.email-field { background:#fff; border-color:#cfc5db; border-radius:12px; padding:7px; }
#email { color:#3c3246; font-size:14px; }
#email::placeholder { color:#776b84; }
#invite button { border-radius:8px; background:#29262d; font-size:12px; padding:16px 18px; }
#form-message { color:#5c5463; font-size:12px; }
.waitlist-inner .waitlist-note { color:#72687b; font-size:11px!important; }
.footer { padding-block:45px; }
.footer p { font-size:12px; color:#676662; }

@media(min-width:1000px) and (max-height:740px) {
  #your-computer { padding-block:60px; }
  #built-in { padding:45px 55px 20px; }
  #built-in .foundation-copy h2 { font-size:50px; }
  #built-in .foundation-copy>p:not(.eyebrow) { font-size:13px; }
  .stack-viewport { height:290px; }
}
@media(max-width:1100px) {
  .section-heading { gap:40px; }
  #difference { column-gap:45px; }
  #difference .freedom-head h2 { font-size:48px; }
  #difference .choice-scene { padding:18px; }
  #built-in { padding-inline:40px; gap:35px; }
  #built-in .foundation-copy h2 { font-size:48px; }
  .connections-section { gap:45px; }
  .connections-copy h2 { font-size:50px; }
  .handoff-layout.wrap { width:calc(100% - 80px); gap:40px; }
  .handoff-copy h2 { font-size:58px; }
}
@media(max-width:900px) {
  .wrap { width:calc(100% - 56px); }
  .section-heading>p { font-size:15px; }
  #difference { padding-block:75px; }
  #difference .choice-scene { max-width:630px; margin-top:35px; }
  #built-in { grid-template-columns:1fr; padding:45px 35px 20px; margin-block:60px; }
  #built-in .foundation-copy h2 { font-size:56px; }
  #built-in .foundation-copy>p:not(.eyebrow) { max-width:620px; }
  .stack-viewport { height:390px; }
  .connections-section { padding-block:35px 70px; }
  .connections-copy h2 { font-size:52px; }
  .isolation-section { padding-block:65px; }
  .isolation-section .section-heading h2,#comparison .section-heading h2 { font-size:52px; }
  #comparison { padding-block:70px; }
  .account-address { gap:25px; }
  .handoff-layout.wrap { width:calc(100% - 70px); }
  .handoff-copy h2 { font-size:52px; }
  .details-section { padding-block:80px; gap:40px; }
}
@media(max-width:600px) {
  .wrap { width:calc(100% - 36px); }
  .opening .bakery-intro { padding-top:55px; padding-bottom:27px; }
  .opening .bakery-intro h2 { font-size:39px; }
  .opening .bakery-intro>p { font-size:14px; }
  .workbench-caption { font-size:8px; }
  .workbench { border-radius:13px; }
  .wb-header .app-brand { font-size:16px; }
  .wb-model { padding:7px 8px; }
  .wb-below { font-size:10px; line-height:1.7; }
  .opening .opening-promise { padding-block:24px 55px; }
  .opening .opening-promise p { font-size:14px; }
  #difference { padding-block:58px; }
  #difference .freedom-head h2 { font-size:43px; }
  #difference .freedom-head>div>p { font-size:15px; }
  #difference .choice-scene { width:100%; padding:12px; border-radius:18px; margin-bottom:28px; }
  #difference .choice-machine { padding:5px; border-radius:12px; }
  .choice-heading { font-size:20px; padding-inline:12px; }
  .choice-heading .example-label { font-size:6px; }
  .model-picker { margin-inline:5px; }
  .picker-body { grid-template-columns:113px minmax(0,1fr); height:300px; }
  .provider-rail { padding-inline:4px; }
  .provider-tab { font-size:10px; padding-inline:5px; gap:6px; }
  .provider-mark,.provider-mark img { width:16px; }
  .model-option strong { font-size:11px; }
  .catalog-head { flex-wrap:wrap; gap:4px; }
  .choice-selection { padding:14px 11px; }
  .choice-selection strong { font-size:12px; }
  .choice-send { font-size:12px; padding:15px 8px 10px; }
  .choice-send small { max-width:205px; line-height:1.5; }
  .choice-under { font-size:6px; margin-top:15px; }
  .provider-assurance summary { font-size:12px; line-height:1.65; }
  #your-computer { padding-block:55px; }
  #your-computer .section-heading h2 { font-size:43px; }
  #your-computer .section-heading>p { font-size:15px; }
  .launch-chapters strong { font-size:16px; }
  .launch-chapters small { font-size:10px; line-height:1.4; }
  .chapter-narration { grid-template-columns:1fr; gap:16px; padding-bottom:24px; }
  .chapter-narration h3 { font-size:30px; max-width:320px; }
  .chapter-narration>p:last-child { font-size:14px; }
  .app-top { gap:8px; }
  .demo-model-button { flex:1 1 100%; order:3; padding-top:8px; }
  .app-actions { margin-left:auto; }
  .product-app { border-radius:13px; }
  .story-theatre .conversation { padding-inline:14px; }
  .story-theatre .composer { border-radius:16px; }
  .mini-landing { grid-template-columns:1fr 1.1fr; }
  .mini-landing-copy { padding:18px 0 18px 14px; }
  .mini-landing-copy>small { margin-block:17px 12px; }
  .mini-landing-copy h3 { font-size:26px; line-height:1.03; letter-spacing:-1px; }
  .mini-landing-copy>a { font-size:8px; margin-top:18px; }
  #built-in { width:calc(100% - 24px); border-radius:20px; padding:35px 18px 8px; margin-block:55px; gap:30px; }
  #built-in .foundation-copy h2 { font-size:42px; }
  #built-in .foundation-copy>p:not(.eyebrow) { font-size:14px; }
  #built-in .included-plan strong { font-size:20px; }
  #built-in .foundation-copy>.eyebrow { font-size:9px; }
  #built-in .foundation-copy .button { font-size:11px; padding-inline:14px; }
  #built-in .foundation-demo-link { font-size:11px; margin-left:8px; }
  .stack-demo { border-radius:15px; }
  .stack-heading { font-size:7px; margin-inline:15px; }
  .stack-state { left:15px; }
  .stack-state>strong { font-size:27px; }
  .stack-viewport { height:300px; }
  #computer-stack { position:absolute; inset:auto 0 0; height:calc(100% - 84px); }
  .stack-fallback { top:85px; }
  .stack-controls { padding-inline:15px; }
  .stack-explanation { padding-inline:15px; font-size:11px; }
  #assemble-stack { gap:16px; padding:12px; font-size:11px; }
  #built-in .platform-comparison>summary { gap:12px; }
  #built-in .platform-comparison>summary>span:first-child { font-size:22px; flex:1 1 230px; }
  #built-in .subscription-comparison { padding:12px; }
  .connections-section { padding-block:10px 55px; gap:30px; }
  .connections-copy h2 { font-size:43px; }
  .connections-copy>p:not(.eyebrow) { font-size:15px; }
  .connections-example>header { padding:18px; }
  .connections-example>header small { font-size:6px; }
  .connection-tabs { padding:12px; gap:7px; }
  .connection-tabs button { font-size:11px; padding:10px 13px; }
  .connection-row { padding:22px 15px; gap:10px; }
  .connection-row strong { font-size:14px; }
  .connection-row small { font-size:11px; }
  .connection-row>b { font-size:7px; padding:5px; }
  .connection-flow { font-size:7px; gap:10px; }
  .connections-example>footer { padding:17px; font-size:10px; }
  .isolation-section { padding-block:50px; }
  .isolation-section .section-heading h2 { font-size:43px; }
  .access-exhibit { margin-top:28px; }
  .access-models { gap:20px; }
  .access-models>.model { border-radius:14px; }
  .account-address { padding:24px 17px; gap:24px; }
  .account-address h3 { font-size:29px; }
  .account-address>div>p:last-child { font-size:13px; }
  #comparison { padding-block:55px; }
  #comparison .section-heading h2 { font-size:43px; }
  .comparison-row>* { padding:18px 13px; }
  .comparison-row p { font-size:13px; }
  .comparison-row>strong:first-child { font-size:12px; padding:16px 13px 8px; }
  .comparison-row p b { font-size:13px; }
  .comparison-row p span,.comparison-row a { font-size:12px; }
  .comparison-foot { font-size:11px; }
  .handoff-section { width:calc(100% - 24px); padding-block:45px 20px; border-radius:20px; }
  .handoff-layout.wrap { width:calc(100% - 36px); gap:25px; }
  .handoff-copy h2 { font-size:45px; line-height:1.04; }
  .handoff-copy>p:not(.eyebrow) { font-size:15px; }
  .handoff-copy>.eyebrow { font-size:8px; }
  .handoff-hint { font-size:11px; }
  .phone { width:282px; }
  .phone-scene { overflow:visible; }
  .reset-phone { font-size:10px; }
  .details-section { padding-block:65px; gap:35px; }
  .details-section h2 { font-size:43px; }
  .details-section>div>p:not(.eyebrow) { font-size:15px; }
  .details-list summary { font-size:14px; padding-block:18px; }
  .details-list p { font-size:13px; }
  .waitlist-section { width:calc(100% - 24px); border-radius:20px; padding-block:45px 35px; }
  .waitlist-inner.wrap { width:calc(100% - 36px); }
  .waitlist-inner h2 { font-size:50px; }
  .waitlist-inner>p:not(.eyebrow) { font-size:15px; }
  .waitlist-inner>.eyebrow { font-size:8px; }
  #invite { margin-top:28px; }
  .email-field { flex-direction:column; gap:8px; }
  #email { min-height:42px; font-size:14px; }
  #invite button { min-height:44px; }
  .footer { padding-block:30px; }
}