/* Local concept direction: editorial hierarchy, intimate desk scenes and distinct product chapters. */
html { scroll-snap-type: y mandatory; scroll-padding-top: calc(var(--concept-nav-height)); }
main > section.screen, main > section.desk-section { height: auto; min-height: 100svh; scroll-snap-align: start; scroll-snap-stop: always; }
.concept-banner { letter-spacing: .025em; }
.header { box-shadow: 0 1px 0 rgba(33,48,40,.12); }

.hero {
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr);
  grid-template-rows: auto auto auto auto auto;
  align-items: center;
  column-gap: clamp(28px,4vw,64px);
  width: 100%;
  max-width: none;
  min-height: min(880px, 91vh);
  height: 100svh;
  padding: 140px max(6vw, calc(80 * var(--u))) 72px;
  overflow: hidden;
  text-align: left;
  background: linear-gradient(110deg,#fafaf7 0%,#fafaf7 47%,#f1eee6 100%);
}
.hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -5%;
  top: 8%;
  width: 58%;
  height: 88%;
  border-radius: 48% 0 0 48%;
  background: #e4ebe4;
}
.hero .hero-dragon { display: none; }
.hero-copy { grid-column: 1; grid-row: 1 / 6; position: relative; z-index: 2; max-width: 610px; }
.hero .hero-label { color: var(--accent); font-size: 14px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.hero h1 { max-width: 660px; margin: 25px 0 22px; font-size: clamp(42px,4.5vw,68px); line-height: 1.07; letter-spacing: -.055em; text-wrap: balance; }
.hero .hero-description { max-width: 500px; margin: 0; color: #62685f; font-size: clamp(18px,1.6vw,24px); line-height: 1.65; text-wrap: pretty; }
.hero .actions { justify-content: flex-start; gap: 14px; margin-top: 34px; }
.hero .actions .button { min-width: 0; padding: 16px 20px; font-size: clamp(15px,1.25vw,17px); white-space: nowrap; }
.hero .waitlist-hint { max-width: 430px; margin-top: 18px; font-size: 14px; }
.hero-scene { grid-column: 2; grid-row: 1 / 6; position: relative; z-index: 1; align-self: center; width: 100%; margin: 0; overflow: hidden; border-radius: 28px 8px 28px 28px; background: #e8ddca; box-shadow: 0 30px 80px rgba(51,57,46,.18); transform: rotate(1deg); }
.hero-scene img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }

.story-screen {
  height: auto;
  min-height: 0;
  padding: 105px max(6vw, calc(80 * var(--u))) 90px;
  background: #e9eee8;
}
.story-screen .section-heading { display: grid; grid-template-columns: 1fr minmax(260px,.6fr); align-items: end; gap: 48px; max-width: 1390px; margin: 0 auto; text-align: left; }
.story-screen .section-heading h2 { max-width: 720px; font-size: clamp(40px,5vw,70px); line-height: 1.12; letter-spacing: -.045em; }
.story-screen .section-heading p { max-width: 430px; margin: 0 0 5px; font-size: clamp(17px,1.5vw,21px); line-height: 1.7; }
.story-screen .comic-scroll { max-width: 1390px; margin: 38px auto 0; padding: 0 0 12px; overflow-y: hidden; }
.story-screen .comic-strip { gap: 13px; }
.story-screen .comic-strip figure { overflow: hidden; padding: 8px 8px 15px; border: 1px solid rgba(42,60,47,.08); border-radius: 17px; background: #fafaf7; box-shadow: 0 8px 22px rgba(43,56,45,.06); }
.story-screen .comic-panel { overflow: hidden; border-radius: 11px; }
.story-screen .comic-strip figcaption { margin-top: 12px; font-size: 15px; font-weight: 600; }
.story-screen .story-ending { width: fit-content; max-width: 100%; margin: 28px 0 0 auto; padding: 12px 20px; border-radius: 999px; background: #fff; color: #47594a; font-size: 15px; }

.phone-intro-screen { box-sizing: border-box; height: calc(100svh - var(--concept-nav-height)); min-height: 0; display: flex; flex-direction: column; justify-content: center; overflow: hidden; padding: 18px max(6vw, calc(80 * var(--u))) 20px; scroll-margin-top: 0; background: #fafaf7; }
.phone-intro-screen .section-heading { flex: 0 0 auto; width: min(100%,1390px); margin: 0 auto; text-align: left; }
main > section.phone-intro-screen { height: calc(100svh - var(--concept-nav-height)); min-height: 0; scroll-margin-top: 0; }
.phone-intro-screen .section-heading h2 { max-width: 1300px; font-size: clamp(36px,3.5vw,50px); line-height: 1.1; letter-spacing: -.045em; }
.phone-intro-screen .section-heading p { max-width: 1100px; margin: 12px 0 0; font-size: clamp(16px,1.3vw,19px); line-height: 1.5; }
.phone-intro-screen .phone-intro-grid { flex: 0 1 auto; width: min(100%,1390px); height: min(66svh,510px); min-height: 0; grid-template-columns: minmax(0,1fr) 230px; align-items: center; gap: 24px; margin: 16px auto 0; }
.phone-intro-screen .phone-scene-pair { min-height: 0; display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); align-items: center; gap: 14px; }
.phone-intro-screen .phone-scene-card,.phone-intro-screen .phone-stats-figure { min-width: 0; min-height: 0; display: flex; flex-direction: column; align-items: center; margin: 0; }
.phone-intro-screen .phone-scene-card .shot { width: 100%; aspect-ratio: 16 / 9; border-radius: 18px; box-shadow: 0 16px 42px rgba(37,48,39,.09); }
.phone-intro-screen .phone-scene-card .shot img { width: 100%; height: 100%; object-fit: cover; }
.phone-intro-screen .phone-scene-card figcaption { align-self: stretch; display: grid; gap: 5px; margin-top: 11px; padding-left: 3px; font-size: 13px; line-height: 1.45; }
.phone-intro-screen .phone-scene-card figcaption strong,.phone-intro-screen .phone-preview-heading strong { color: var(--ink); font-size: 16px; }
.phone-intro-screen .phone-preview-heading { order: 2; display: grid; gap: 4px; width: min(100%,210px); margin-top: 8px; font-size: 12px; line-height: 1.4; text-align: center; }
.phone-intro-screen .phone-device { position: relative; display: block; flex: 0 1 auto; width: auto; height: min(59svh,450px); max-width: 100%; aspect-ratio: 1080 / 2376; padding: 7px; overflow: hidden; border: 3px solid #26332d; border-radius: 28px; background: #26332d; box-shadow: 0 20px 50px rgba(37,48,39,.18); }
.phone-mode-switch { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 0; padding: 12px 16px; border-radius: 12px; background: #e8eee7; color: #405548; font-size: 13px; }
.phone-mode-switch strong { font-weight: 700; }
.phone-intro-screen .phone-device::before { content: ""; position: absolute; z-index: 2; top: 9px; left: 50%; width: 33%; height: 11px; border-radius: 999px; background: #202720; transform: translateX(-50%); }
.phone-intro-screen .phone-device img { display: block; width: 100%; height: 100%; border-radius: 21px; object-fit: cover; }

.ai-screen { color: #f8f8f3; background: #243a2e; }
.ai-screen .section-heading h2 { color: #fbfaf5; font-size: clamp(42px,5vw,70px); letter-spacing: -.045em; }
.ai-screen .section-heading p,.ai-screen .fineprint { color: #d2dbd3; }
.ai-screen .fineprint a { color: #e3c68b; }
.ai-screen .ai-layout { max-width: 1390px; margin-inline: auto; }
.ai-screen .pc-figure,.ai-screen .phone-side figure { padding: 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 22px; background: rgba(255,255,255,.96); }
.ai-screen .pc-figure figcaption,.ai-screen .phone-side figcaption { color: #243a2e; }
.ai-screen .connection { color: #e6c992; }

.rhythm-screen { min-height: 0; padding: 105px max(6vw, calc(80 * var(--u))) 110px; background: #f2eee6; }
.rhythm-screen .section-heading,.review-screen .section-heading { max-width: 1390px; margin: 0 auto; text-align: left; }
.rhythm-screen .section-heading h2,.review-screen .section-heading h2 { max-width: 980px; font-size: clamp(42px,5vw,68px); line-height: 1.13; letter-spacing: -.045em; }
.rhythm-screen .section-heading p,.review-screen .section-heading p { max-width: 920px; margin: 18px 0 0; font-size: clamp(17px,1.45vw,20px); line-height: 1.75; }
.rhythm-screen .rhythm-layout { max-width: 1390px; margin: 42px auto 0; align-items: center; }
.rhythm-screen .rhythm-pc-figure { padding: 16px; border: 1px solid rgba(40,54,42,.1); border-radius: 22px; background: #fff; box-shadow: 0 18px 50px rgba(48,48,37,.08); }
.rhythm-screen .rhythm-phone-side figure { padding: 14px; border: 1px solid rgba(40,54,42,.1); border-radius: 22px; background: #fff; }

.review-screen { min-height: 0; padding: 105px max(6vw, calc(80 * var(--u))) 115px; background: #fafaf7; }
.review-screen .section-heading { margin-bottom: 38px; }
.review-screen .insight-layout { max-width: 1390px; margin-inline: auto; align-items: start; }
.review-screen .insight-evidence .shot { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #f4f3ef; }
.review-screen .insight-panel { padding: clamp(25px,3vw,42px); border: 1px solid rgba(42,60,47,.1); border-radius: 22px; background: #eef2ec; }

.desk-section { padding: 100px max(4vw, calc(55 * var(--u))) 75px; background: #ece7dc; }
.desk-section .section-heading { max-width: 1390px; margin: 0 auto; text-align: left; }
.desk-section .section-heading h2 { max-width: 900px; font-size: clamp(42px,5vw,68px); line-height: 1.13; letter-spacing: -.045em; }
.desk-section figure { max-width: 1512px; margin-top: 36px; }
.desk-section .desk-panel { overflow: hidden; border-radius: 13px; }
.desk-section figcaption { margin-top: 19px; text-align: left; }

.trial-screen { min-height: 680px; height: auto; padding: 105px 12vw 145px; background: #e4ebe4; text-align: left; }
.trial-screen .farewell-dragon { position: absolute; right: 8vw; bottom: 80px; width: clamp(270px,31vw,480px); height: clamp(300px,36vw,510px); }
.trial-screen h2,.trial-screen .trial-subtitle,.trial-screen .actions,.trial-screen .trial-note { position: relative; z-index: 1; max-width: 58%; }
.trial-screen h2 { font-size: clamp(44px,5vw,72px); line-height: 1.12; letter-spacing: -.045em; }
.trial-screen .trial-subtitle { margin-top: 20px; font-size: clamp(18px,1.6vw,24px); line-height: 1.7; }
.trial-screen .actions { justify-content: flex-start; margin-top: 30px; }
.trial-screen .trial-note { font-size: 14px; }
.trial-screen footer { right: auto; left: 12vw; bottom: 30px; }

@media (max-width: 1024px) {
  main > section.phone-intro-screen { height: auto; min-height: 100svh; overflow: visible; padding: 100px max(6vw,24px) 56px; scroll-margin-top: calc(var(--concept-nav-height)); }
  .phone-intro-screen .phone-intro-grid { height: auto; }
  .phone-intro-screen .phone-device { height: min(58svh,420px); }
  .hero { grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto; gap: 24px; height: auto; min-height: 100svh; padding: max(100px,13vh) max(24px,6vw) 42px; }
  .hero::after { right: -18%; top: 42%; width: 105%; height: 50%; border-radius: 50% 0 0 50%; }
  .hero-copy { grid-column: 1; grid-row: 1; max-width: 720px; }
  .hero h1 { font-size: clamp(42px,5.6vw,64px); }
  .hero .hero-description { font-size: clamp(17px,2vw,21px); }
  .hero-scene { grid-column: 1; grid-row: 2; width: min(100%,620px); justify-self: center; transform: none; }
}

@media (max-width: 760px) {
  .hero { grid-template-columns: minmax(0,1fr); grid-template-rows: auto; gap: 28px; min-height: 0; padding: 116px 20px 46px; text-align: left; background: linear-gradient(180deg,#fafaf7,#f0eee6); }
  .hero { height: auto; min-height: 100svh; }
  .hero::after { top: auto; right: -20%; bottom: 8%; width: 115%; height: 44%; border-radius: 50% 0 0 50%; }
  .hero-copy { grid-column: 1; grid-row: 1; max-width: none; text-align: left; }
  .hero .hero-label,.hero h1,.hero .hero-description,.hero .waitlist-hint { text-align: left; }
  .hero .hero-label { font-size: 11px; }
  .hero h1 { margin: 17px 0 14px; font-size: clamp(38px,10vw,54px); line-height: 1.12; }
  .hero .hero-description { max-width: 34em; font-size: 16px; line-height: 1.75; }
  .hero .actions { flex-direction: row; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
  .hero .actions .button { padding: 14px 17px; font-size: 14px; }
  .hero .waitlist-hint { max-width: 32em; margin-top: 11px; font-size: 12px; }
  .hero-scene { grid-column: 1; grid-row: 2; border-radius: 18px 6px 18px 18px; transform: none; }
  .hero-scene img { aspect-ratio: 1.18 / 1; }
  .hero-scene figcaption { left: 12px; bottom: 12px; padding: 8px 11px; font-size: 11px; }
  .story-screen,.phone-intro-screen,.rhythm-screen,.review-screen { padding: 68px 20px 60px; }
  .phone-intro-screen { scroll-margin-top: 80px; }
  .story-screen .section-heading { display: block; }
  .story-screen .section-heading h2,.phone-intro-screen .section-heading h2,.rhythm-screen .section-heading h2,.review-screen .section-heading h2,.desk-section .section-heading h2 { font-size: 35px; line-height: 1.25; }
  .story-screen .section-heading p { margin-top: 13px; font-size: 15px; }
  .story-screen .comic-scroll { margin: 25px -20px 0; padding: 0 20px 12px; }
  .story-screen .comic-strip { grid-template-columns: repeat(6, minmax(220px, 70vw)); gap: 10px; }
  .story-screen .comic-strip figure { padding: 6px 6px 12px; border-radius: 13px; }
  .story-screen .comic-strip figcaption { font-size: 14px; }
  .story-screen .story-ending { margin-top: 20px; font-size: 13px; }
  .phone-intro-screen .section-heading p,.rhythm-screen .section-heading p,.review-screen .section-heading p { margin-top: 12px; font-size: 15px; line-height: 1.75; }
  .phone-intro-screen .phone-intro-grid { grid-template-columns: minmax(0,1fr); gap: 24px; margin-top: 25px; }
  .phone-intro-screen .phone-scene-pair { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .phone-mode-switch { flex-wrap: wrap; font-size: 12px; padding: 12px; }
  .phone-mode-switch strong { display: none; }
  .phone-intro-screen .phone-scene-card figcaption { font-size: 14px; }
  .phone-intro-screen .phone-scene-card figcaption strong,.phone-intro-screen .phone-preview-heading strong { font-size: 18px; }
  .phone-intro-screen .phone-device { height: 420px; }
  .phone-intro-screen .shot { border-radius: 12px; }
  .ai-screen { padding-inline: 20px; }
  .ai-screen .section-heading h2 { font-size: 35px; }
  .ai-screen .pc-figure,.ai-screen .phone-side figure { padding: 8px; border-radius: 14px; }
  .rhythm-screen .rhythm-layout { margin-top: 25px; }
  .rhythm-screen .rhythm-pc-figure,.rhythm-screen .rhythm-phone-side figure { padding: 9px; border-radius: 14px; }
  .review-screen .section-heading { margin-bottom: 24px; }
  .review-screen .insight-layout { display: block; }
  .review-screen .insight-panel { margin-top: 18px; padding: 22px; border-radius: 16px; }
  .desk-section { padding: 70px 20px 55px; }
  .desk-section figure { margin-top: 24px; }
  .desk-section .desk-panel { border-radius: 8px; }
  .trial-screen { min-height: 0; padding: 70px 22px 125px; }
  .trial-screen h2,.trial-screen .trial-subtitle,.trial-screen .actions,.trial-screen .trial-note { max-width: 100%; }
  .trial-screen .farewell-dragon { position: relative; inset: auto; align-self: center; order: 5; width: 205px; height: 205px; margin-top: 18px; }
  .trial-screen footer { left: 22px; right: 22px; }
  .trial-screen .footer-identity { display: flex; }
}

@media (max-height: 680px) and (min-width: 761px) {
  .hero { padding-top: 118px; padding-bottom: 38px; }
  .hero h1 { font-size: clamp(48px,5vw,68px); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-scene { transform: none; }
}

/* PC/Phone relationship: show the full PC concept and frame the complete landscape Phone capture. */
.ai-screen .pc-figure .shot { height: min(48svh,360px); display: flex; align-items: center; justify-content: center; padding: 7px; background: #e9efec; }
.ai-screen .pc-figure .shot img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ai-screen .phone-side .connection { display: flex; align-items: center; gap: 10px; min-height: 46px; margin: 0 0 8px; color: #f3d79d; font-size: 15px; font-weight: 700; }
.ai-screen .phone-side .connection svg { flex: 0 0 52px; width: 52px; height: 36px; }
.ai-screen .phone-side .connection span { padding: 7px 12px; border: 1px solid rgba(243,215,157,.55); border-radius: 999px; background: rgba(255,255,255,.08); color: #fff8e9; line-height: 1.25; }
.ai-screen .phone-side figure { margin: 0; padding: 0; border: 0; background: transparent; }
.ai-screen .phone-side .phone-device-landscape { position: relative; box-sizing: border-box; width: 100%; height: auto; aspect-ratio: 1.9 / 1; align-self: start; display: block; padding: 7px; overflow: hidden; border: 2px solid #29392f; border-radius: 30px; background: #f7f5ee; box-shadow: 0 12px 26px rgba(0,0,0,.19),inset 0 0 0 1px rgba(255,255,255,.78); }
.ai-screen .phone-side .phone-device-landscape::before { content: ""; position: absolute; z-index: 2; top: 2px; left: 50%; width: 38px; height: 5px; border-radius: 999px; background: #29392f; transform: translateX(-50%); }
.ai-screen .phone-side .phone-device-landscape img { position: absolute; left: -4.3%; top: 0; display: block; width: 110.15%; height: 100%; max-width: none; border-radius: 20px; object-fit: fill; }

@media (min-width: 1025px) {
  .ai-screen .ai-layout { grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: clamp(24px,3vw,44px); }
  .ai-screen .pc-figure .shot { height: min(46svh,350px); }
}
@media (max-width: 1024px) {
  .ai-screen .pc-figure .shot { height: auto; aspect-ratio: 1400 / 760; }
  .ai-screen .phone-side .phone-device-landscape { height: auto; aspect-ratio: 1.9 / 1; }
}
@media (max-width: 760px) {
  .ai-screen .phone-side figure { padding: 0; border: 0; background: transparent; }
  .ai-screen .phone-side .phone-device-landscape { padding: 6px; border-radius: 24px; }
  .ai-screen .phone-side .phone-device-landscape img { border-radius: 17px; }
}

/* Desktop: align every content chapter below the fixed header and fit it to one viewport. */
@media (min-width: 1025px) {
  main > section.screen:not(.hero), main > section.desk-section {
    box-sizing: border-box; height: calc(100svh - var(--concept-nav-height)); min-height: 0;
    scroll-margin-top: 0; padding-top: 18px; padding-bottom: 16px;
  }
  main > section.story-screen { padding-inline: max(4vw, calc(50 * var(--u))); }
  .story-screen .section-heading h2 { font-size: clamp(34px,3.4vw,48px); line-height: 1.1; }
  .story-screen .section-heading p { font-size: 16px; line-height: 1.45; }
  .story-screen .comic-scroll { margin-top: 22px; padding-bottom: 0; }
  .story-screen .comic-strip figure { padding: 5px 5px 8px; }
  .story-screen .comic-strip figcaption { margin-top: 6px; font-size: 12px; }
  .story-screen .story-ending { margin-top: 12px; padding: 8px 14px; font-size: 13px; }

  main > section.ai-screen, main > section.rhythm-screen, main > section.review-screen { padding-inline: max(5vw, calc(60 * var(--u))); }
  .ai-screen .section-heading h2 { font-size: clamp(36px,3.5vw,48px); line-height: 1.1; }
  .ai-screen .section-heading p { margin-top: 8px; font-size: 16px; line-height: 1.4; }
  .ai-screen .ai-layout { height: min(53svh,400px); margin-top: 12px; grid-template-columns: minmax(0,1.7fr) minmax(0,.9fr); align-items: center; }
  .ai-screen .pc-figure,.ai-screen .phone-side figure { padding: 9px; border-radius: 16px; }
  .ai-screen .pc-figure figcaption,.ai-screen .phone-side figcaption { margin-bottom: 6px; font-size: 14px; }
  .ai-screen .pc-figure .shot { height: calc(min(53svh,400px) - 34px); display: flex; align-items: center; justify-content: center; }
  .ai-screen .pc-figure .shot img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
  .ai-screen .phone-side { padding: 0; }
  .ai-screen .connection { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 12px; }
  .ai-screen .connection svg { width: 42px; height: 28px; }
  .ai-screen .phone-side figure { margin: 0; }
  .ai-screen .phone-side .drive-crop { height: 142px; aspect-ratio: auto; }
  .ai-screen .phone-side .drive-crop img { position: static; width: 100%; height: 100%; max-width: 100%; object-fit: contain; }
  .ai-screen .fineprint { margin-top: 9px; font-size: 12px; line-height: 1.45; }
  .ai-screen .fineprint .text-link { margin-top: 0; font-size: 12px; }

  .rhythm-screen .section-heading h2,.review-screen .section-heading h2 { max-width: 1250px; font-size: clamp(34px,3.25vw,46px); line-height: 1.1; }
  .rhythm-screen .section-heading p,.review-screen .section-heading p { max-width: 1200px; margin-top: 8px; font-size: 16px; line-height: 1.45; }
  .rhythm-screen .rhythm-layout { height: min(38svh,270px); margin-top: 15px; grid-template-columns: minmax(0,.85fr) minmax(0,1.5fr); align-items: center; }
  .rhythm-screen .rhythm-layout figcaption { margin-bottom: 5px; font-size: 13px; line-height: 1.35; }
  .rhythm-screen .sync-connection { margin: 0 0 5px; font-size: 11px; }
  .rhythm-screen .sync-connection svg { width: 52px; height: 30px; }
  .rhythm-screen .rhythm-phone-side figure,.rhythm-screen .rhythm-pc-figure { padding: 8px; border-radius: 14px; }
  .rhythm-screen .rhythm-phone-side .rhythm-crop { height: 188px; aspect-ratio: auto; }
  .rhythm-screen .rhythm-phone-side .rhythm-crop img { position: static; width: 100%; height: 100%; max-width: 100%; object-fit: contain; }
  .rhythm-screen .rhythm-layout .weekly-shot { height: 210px; aspect-ratio: auto; }
  .rhythm-screen .rhythm-layout .weekly-shot img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
  .rhythm-screen .rhythm-note { margin-top: 8px; font-size: 11px; line-height: 1.4; }
  .rhythm-screen .rhythm-note .text-link { margin-top: 0; font-size: 11px; }

  .review-screen .section-heading { margin-bottom: 14px; }
  .review-screen .insight-layout { grid-template-columns: minmax(0,1.3fr) minmax(0,.9fr); gap: 18px; align-items: center; }
  .review-screen .insight-evidence .shot { height: 260px; display: flex; align-items: center; justify-content: center; }
  .review-screen .insight-evidence .shot img { width: 100%; height: 100%; object-fit: contain; }
  .review-screen .insight-evidence figcaption { margin-top: 6px; font-size: 11px; }
  .review-screen .insight-panel { padding: 14px 18px; border-radius: 16px; }
  .review-screen .insight-kicker { font-size: 10px; }
  .review-screen .insight-source { margin-top: 4px; font-size: 11px; }
  .review-screen .insight-panel h3 { margin-top: 6px; font-size: 23px; }
  .review-screen .insight-lede { margin-top: 5px; font-size: 13px; line-height: 1.35; }
  .review-screen .insight-steps { gap: 6px; margin-top: 9px; }
  .review-screen .insight-steps li { grid-template-columns: 23px 1fr; gap: 8px; }
  .review-screen .insight-steps .step-number { width: 22px; height: 22px; font-size: 11px; }
  .review-screen .insight-steps h4 { margin-bottom: 2px; font-size: 12px; line-height: 1.2; }
  .review-screen .insight-steps p { font-size: 11px; line-height: 1.3; }
  .review-screen .insight-steps blockquote { margin-top: 4px; padding: 5px 8px; font-size: 11px; line-height: 1.3; }
  .review-screen .insight-note { margin-top: 7px; padding-top: 6px; font-size: 10px; line-height: 1.3; }
  .review-screen .insight-panel .text-link { margin-top: 5px; font-size: 11px; }

  main > section.desk-section { padding-inline: max(4vw, calc(50 * var(--u))); background: #ece7dc; }
  .desk-section .section-heading h2 { font-size: clamp(34px,3.4vw,48px); line-height: 1.1; }
  .desk-section figure { width: min(100%,1120px); margin: 16px auto 0; }
  .desk-section .desk-panel { aspect-ratio: 543 / 500; }
  .desk-section figcaption { margin-top: 8px; font-size: 11px; line-height: 1.4; }

  main > section.trial-screen { min-height: 0; padding: 24px 9vw 55px; }
  .trial-screen h2 { max-width: 56%; font-size: clamp(38px,4vw,56px); line-height: 1.08; }
  .trial-screen .trial-subtitle { max-width: 52%; margin-top: 12px; font-size: 17px; line-height: 1.45; }
  .trial-screen .actions { margin-top: 18px; }
  .trial-screen .trial-note { max-width: 52%; font-size: 12px; line-height: 1.4; }
  .trial-screen .farewell-dragon { right: 7vw; bottom: 42px; width: min(31vw,360px); height: min(42svh,320px); }
  .trial-screen footer { left: 9vw; bottom: 14px; }
}

/* Actual captured dashboard screens: fit the full PC view and crop only the Phone OS bars. */
.ai-screen .pc-figure .shot { display: flex; align-items: center; justify-content: center; padding: 8px; background: #f7f7f4; }
.ai-screen .pc-figure .shot img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.ai-screen .phone-side { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ai-screen .phone-side figure { display: flex; flex-direction: column; align-items: center; width: 100%; }
.ai-screen .phone-side div.phone-device-landscape { position: relative; box-sizing: border-box; display: block; width: min(100%,430px); flex: 0 0 auto; aspect-ratio: 2.05 / 1; padding: 7px; overflow: hidden; border: 4px solid #f4f1e8; border-radius: 28px; background: #f4f1e8; box-shadow: 0 12px 28px rgba(0,0,0,.2),inset 0 0 0 2px #29392f; }
.ai-screen .phone-side div.phone-device-landscape img { position: absolute; left: -4.31%; top: -8.22%; display: block; width: 110.15%; height: 108.22%; max-width: none; object-fit: fill; }
@media (min-width: 1025px) {
  .ai-screen .ai-layout { height: min(53svh,400px); }
  .ai-screen .pc-figure .shot { height: min(46svh,350px); }
}
@media (max-width: 1024px) {
  .ai-screen .pc-figure .shot { height: auto; aspect-ratio: 1600 / 960; }
  .ai-screen .phone-side { margin-top: 12px; }
  .ai-screen .phone-side div.phone-device-landscape { width: min(100%,560px); }
}
@media (max-width: 760px) {
  .ai-screen .phone-side { align-items: center; }
  .ai-screen .phone-side div.phone-device-landscape { width: min(100%,430px); border-radius: 22px; padding: 6px; }
}

/* Compact navigation and a product-led PC/Phone stage. */
:root { --concept-nav-height: 64px; }
html { scroll-padding-top: var(--concept-nav-height); }
.header { height: var(--concept-nav-height); padding-inline: max(5vw,32px); gap: 30px; }
.header .brand { font-size: 32px; letter-spacing: -1.6px; }
.header .brand .brand-paw { width: 29px; height: 29px; margin-right: 7px; }
.header nav { font-size: 14px; gap: 26px; }
.header .header-cta { padding: 11px 18px; font-size: 14px; gap: 14px; }
@media (min-width: 1025px) {
  html[lang] main > .ai-screen { display: flex; flex-direction: column; justify-content: center; padding: 36px max(3.5vw,32px); gap: 28px; }
  html[lang] .ai-screen .section-heading { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,.85fr); align-items: end; gap: 64px; width: 100%; max-width: 1390px; margin: 0 auto; text-align: left; }
  html[lang] .ai-screen .section-heading h2 { max-width: 720px; font-size: clamp(32px,3vw,44px); line-height: 1.12; letter-spacing: -.025em; }
  html[lang] .ai-screen .section-heading p { margin: 0; max-width: 430px; font-size: 16px; line-height: 1.55; }
  html[lang] .ai-screen .section-heading p br { display: none; }
  html[lang] .ai-screen .ai-layout { width: 100%; height: auto; grid-template-columns: minmax(0,2.4fr) minmax(0,1fr); gap: 32px; align-items: end; margin: 0 auto; }
  html[lang] .ai-screen .pc-dashboard-preview .shot { height: auto; aspect-ratio: 1914 / 822; box-shadow: 0 22px 44px rgba(0,0,0,.2); border-radius: 10px; }
  html[lang] .ai-screen .pc-dashboard-preview .shot img { width: 100%; height: auto; }
  html[lang] .ai-screen .phone-side { padding-bottom: 16px; }
  html[lang] .ai-screen .phone-side .connection { align-self: flex-start; margin: 0 0 26px; font-size: 15px; }
  html[lang] .ai-screen .phone-side .connection span { border: 0; padding: 0; background: transparent; }
  html[lang] .ai-screen .phone-side figcaption { color: #d2dbd3; align-self: flex-start; margin: 0 0 10px; font-size: 14px; }
  html[lang] .ai-screen .fineprint { width: 100%; max-width: 1390px; margin: 0 auto; text-align: left; font-size: 13px; line-height: 1.55; }
}
@media (max-width: 760px) {
  .header { padding-inline: 18px; gap: 12px; }
  .header .brand { font-size: 26px; }
  .header .brand .brand-paw { width: 24px; height: 24px; }
  .header nav { gap: 12px; font-size: 12px; }
}

/* Chapter polish: current-character storyboard and complete, readable product views. */
.story-screen .comic-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); aspect-ratio:auto; gap:14px 20px; background:none; }
.story-screen .comic-scroll { overflow:visible; }
.story-screen .comic-strip figure { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.story-screen .comic-strip .comic-panel { width:100%; height:auto; aspect-ratio:16/9; background-image:url('/assets/homepage/peilo-comic-current-2026-10-05.webp')!important; background-size:300% 200%; border-radius:14px; }
.story-screen .comic-strip figcaption { font-size:14px; text-align:left; margin:8px 0 0; color:#405346; }
.story-screen .story-ending { background:none; border-radius:0; padding:0; margin:16px 0 0; text-align:left; }
.rhythm-screen .rhythm-layout .weekly-shot { position:relative; overflow:hidden; }
.rhythm-screen .rhythm-layout .weekly-shot img { position:static; inset:auto; width:100%; height:100%; object-fit:contain; }
@media(min-width:1025px){
 main > .story-screen,main > .rhythm-screen,main > .review-screen,main > .desk-section { display:flex; flex-direction:column; justify-content:center; padding:26px max(5vw,32px); }
 .story-screen .section-heading,.story-screen .comic-scroll { width:100%; max-width:1120px; }
 .story-screen .section-heading { gap:32px; }
 .story-screen .section-heading h2 { font-size:36px; }
 .story-screen .comic-scroll { margin-top:22px; }
 .story-screen .story-ending { width:100%; max-width:1120px; margin:16px auto 0; font-size:14px; }
 .rhythm-screen .section-heading,.review-screen .section-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:40px; align-items:end; text-align:left; width:100%; }
 .rhythm-screen .section-heading h2,.review-screen .section-heading h2 { font-size:clamp(30px,2.7vw,40px); line-height:1.15; }
 .rhythm-screen .section-heading p,.review-screen .section-heading p { font-size:16px; margin:0; line-height:1.5; }
 .rhythm-screen .rhythm-layout { height:auto; width:100%; grid-template-columns:1fr 1.25fr; margin-top:26px; gap:40px; }
 .rhythm-screen .rhythm-phone-side { padding:0; }
 .rhythm-screen .rhythm-layout figure { padding:0; background:transparent; border:0; }
 .rhythm-screen .rhythm-phone-side .rhythm-crop { height:auto; aspect-ratio:2.18/1; border:7px solid #29392f; border-radius:22px; overflow:hidden; }
 .rhythm-screen .rhythm-phone-side .rhythm-crop img { position:absolute; left:-4.3%; top:-8.22%; width:110.15%; height:108.22%; max-width:none; object-fit:fill; }
 .rhythm-screen .rhythm-layout .weekly-shot { height:min(47svh,370px); background:#f6f7f3; border-radius:12px; }
 .rhythm-screen .sync-connection { margin-bottom:18px; font-size:14px; }
 .rhythm-screen .rhythm-layout figcaption { font-size:14px; margin-bottom:10px; }
 .rhythm-screen .rhythm-note { margin-top:18px; font-size:13px; text-align:left; }
 .rhythm-screen .rhythm-note .text-link { font-size:13px; }
 .review-screen .insight-layout { width:100%; grid-template-columns:1.2fr 1fr; gap:32px; margin-top:20px; }
 .review-screen .insight-evidence .shot { height:min(42svh,330px); }
 .review-screen .insight-evidence figcaption { font-size:13px; margin-top:10px; }
 .review-screen .insight-panel { padding:20px 24px; }
 .review-screen .insight-kicker,.review-screen .insight-source { font-size:12px; }
 .review-screen .insight-panel h3 { font-size:25px; }
 .review-screen .insight-lede { font-size:14px; }
 .review-screen .insight-steps { gap:10px; }
 .review-screen .insight-steps h4,.review-screen .insight-steps p,.review-screen .insight-steps blockquote { font-size:13px; line-height:1.4; }
 .review-screen .insight-note,.review-screen .insight-panel .text-link { font-size:12px; line-height:1.45; }
 .desk-section .section-heading { text-align:left; width:100%; max-width:1220px; margin-inline:auto; }
 .desk-section .section-heading h2 { font-size:40px; }
 .desk-section figure { width:100%; max-width:1220px; margin-top:28px; }
 .desk-section .desk-panel { aspect-ratio:543/560; }
 .desk-section figcaption { text-align:left; font-size:13px; margin-top:18px; }
 main > .trial-screen { justify-content:center; padding:40px 9vw 80px; }
 .trial-screen h2 { font-size:clamp(38px,3.7vw,52px); }
 .trial-screen .farewell-dragon { width:min(34vw,400px); height:min(50svh,400px); bottom:15%; }
 .trial-screen .trial-note { font-size:14px; }
}
@media(max-width:1024px){
 .story-screen .comic-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 .story-screen .comic-scroll { margin-inline:0; padding-inline:0; }
 .story-screen .comic-strip figcaption { font-size:14px; }
 .rhythm-screen .rhythm-layout .weekly-shot { height:auto; aspect-ratio:auto; }
 .rhythm-screen .rhythm-layout .weekly-shot img { height:auto; }
}
@media(prefers-reduced-motion:reduce){ html { scroll-behavior:auto; scroll-snap-type:none; } }
@media(min-width:1025px){
 html[lang="zh-CN"] .review-screen .insight-evidence { display:grid; gap:12px; }
 html[lang="zh-CN"] .review-screen .insight-evidence .shot:first-child { height:min(23svh,175px); }
 html[lang="zh-CN"] .review-screen .insight-evidence .shot:nth-child(2) { height:min(30svh,230px); }
 .review-screen .insight-panel { align-self:stretch; }
}
@media(min-width:1025px){
 html[lang] .rhythm-screen .rhythm-layout { grid-template-columns:1fr 1.6fr; gap:32px; align-items:end; }
 html[lang] .rhythm-screen .rhythm-layout .weekly-shot { height:auto; aspect-ratio:2/1; }
}
/* Scene overlays are calibrated to each full 543x724 source panel. */
.desk-section .desk-panel { aspect-ratio:543/724; }
@media(min-width:1025px){
 main > .trial-screen { display:flex; flex-direction:column; justify-content:center; }
 .trial-screen h2 { margin-top:0; }
}
@media(max-width:1024px){
 html { scroll-snap-type:none; scroll-padding-top:var(--concept-nav-height); }
 main > section.screen,main > section.desk-section { scroll-margin-top:0; }
}
/* Work Process chapter: large evidence image, one distinct next-step card. */
@media(min-width:1025px){
 html[lang="en"] main > .review-screen { padding:28px max(5vw,32px); }
 html[lang="en"] .review-screen .section-heading { grid-template-columns:1.3fr .7fr; gap:48px; align-items:end; margin-bottom:0; }
 html[lang="en"] .review-screen .section-heading h2 { font-size:36px; max-width:670px; }
 html[lang="en"] .review-screen .insight-layout { grid-template-columns:1.3fr 1fr; gap:38px; align-items:center; margin-top:24px; }
 html[lang="en"] .review-screen .insight-evidence .shot { height:min(55svh,425px); border:0; background:transparent; border-radius:12px; }
 html[lang="en"] .review-screen .insight-evidence .shot img { height:100%; width:100%; object-fit:contain; }
 html[lang="en"] .review-screen .insight-evidence figcaption { text-align:left; font-size:13px; margin-top:12px; }
 html[lang="en"] .review-screen .insight-panel { align-self:center; padding:28px; border:0; background:#e6eee7; box-shadow:none; }
 html[lang="en"] .review-screen .insight-panel h3 { font-size:29px; line-height:1.16; margin-top:14px; }
 html[lang="en"] .review-screen .insight-source { font-size:13px; }
 html[lang="en"] .review-screen .insight-lede { font-size:14px; margin-top:10px; }
 html[lang="en"] .review-screen .insight-steps { margin-top:22px; gap:15px; }
 html[lang="en"] .review-screen .insight-steps h4 { font-size:14px; }
 html[lang="en"] .review-screen .insight-steps p,html[lang="en"] .review-screen .insight-steps blockquote { font-size:14px; line-height:1.45; }
 html[lang="en"] .review-screen .insight-steps blockquote { padding:12px 14px; background:#f8faf6; margin-top:8px; }
 html[lang="en"] .review-screen .insight-note { margin-top:18px; padding-top:14px; }
 html[lang="en"] .review-screen .insight-panel .text-link { margin-top:12px; font-size:13px; }
}
@media(min-width:1025px){
 html[lang="en"] .review-screen .section-heading h2 { font-size:32px; }
 html[lang="en"] .review-screen .insight-panel { padding:22px 24px; }
 html[lang="en"] .review-screen .insight-panel h3 { font-size:25px; margin-top:10px; }
 html[lang="en"] .review-screen .insight-steps { margin-top:16px; gap:10px; }
 html[lang="en"] .review-screen .insight-note { margin-top:12px; padding-top:10px; }
 html[lang="en"] .review-screen .insight-panel .text-link { margin-top:8px; }
}
/* One coherent PC work-review surface: records -> patterns -> a grounded suggestion. */
.work-review-window { width:100%; max-width:1320px; margin:22px auto 0; background:#f2f5f2; border:1px solid #dce4de; border-radius:14px; overflow:hidden; box-shadow:0 16px 44px #263c2d12; color:#22342d; }
.work-window-bar { display:flex; align-items:center; gap:26px; padding:12px 20px; border-bottom:1px solid #dce4de; }
.work-window-bar strong { font-size:24px; letter-spacing:-1px; color:#3e5745; }
.work-window-bar > span { font-size:13px; background:#e1ece2; padding:7px 13px; border-radius:6px; }
.work-window-bar small { margin-left:auto; font-size:12px; color:#627269; }
.work-window-content { display:grid; grid-template-columns:minmax(0,1.9fr) minmax(0,1fr); }
.work-records { padding:18px; display:grid; gap:16px; }
.work-distribution,.work-thinking { padding:16px; background:white; border-radius:9px; }
.work-module-title { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.work-module-title h3 { font-size:19px; line-height:1.25; }
.work-module-title > span { font-size:12px; color:#718076; }
.work-distribution > p { font-size:12px; color:#65756b; line-height:1.45; margin-top:6px; }
.work-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); margin-top:14px; }
.work-day { padding:0 9px; border-left:1px solid #e6ebe7; min-width:0; }
.work-day:first-child { padding-left:0; border-left:0; }
.work-day strong { display:block; font-size:13px; }
.work-day > span { display:block; font-size:11px; margin-top:4px; color:#67776d; }
.work-day > b { display:block; font-size:24px; margin-top:8px; line-height:1.1; }
.work-day small { font-size:13px; }
.work-type-bar { display:flex; height:7px; border-radius:4px; overflow:hidden; margin-top:8px; }
.work-type-bar i { background:#70a9dc; width:43%; }.work-type-bar i:nth-child(2){background:#73bba4;width:27%}.work-type-bar i:nth-child(3){background:#efc876;width:18%}.work-type-bar i:nth-child(4){background:#a78ad8;width:12%}
.work-day em { display:block; font-size:10px; font-style:normal; margin-top:8px; color:#65756b; }
.work-legend { display:flex; gap:18px; margin-top:12px; font-size:11px; color:#68756d; }
.work-legend span::before { content:''; display:inline-block; width:6px; height:6px; background:#70a9dc; border-radius:50%; margin-right:5px; }.work-legend span:nth-child(2)::before{background:#73bba4}.work-legend span:nth-child(3)::before{background:#efc876}.work-legend span:nth-child(4)::before{background:#a78ad8}
.work-mix { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:12px; }
.work-mix span { padding:8px 12px; background:#edf4fc; font-size:13px; display:flex; justify-content:space-between; gap:8px; border-radius:5px; }
.work-mix span:nth-child(2){background:#f2edfa}.work-mix span:nth-child(3){background:#edf6f0}
.work-mix b { font-size:16px; }
.work-charts { display:grid; grid-template-columns:2fr 1fr; gap:18px; margin-top:12px; }
.work-charts svg { width:100%; height:95px; display:block; }
.work-charts figcaption { font-size:11px; color:#64746a; margin-top:3px; }
.work-data-note { font-size:11px; color:#6d7a70; line-height:1.45; margin-top:10px; }
.work-insight { border-left:1px solid #dce4de; padding:24px; background:#eaf0e8; }
.work-insight-label { font-size:12px; color:#587861; font-weight:700; }
.work-insight h3 { font-size:26px; line-height:1.18; margin-top:12px; }
.work-insight > p:not(.work-insight-label):not(.work-data-note) { font-size:14px; line-height:1.5; margin-top:12px; }
.work-insight-evidence { margin-top:17px; padding-left:12px; border-left:2px solid #8da994; }
.work-insight-evidence > span { display:block; font-size:10px; color:#688271; }
.work-insight-evidence strong { display:block; font-size:12px; margin-top:5px; }
.work-insight-evidence p { font-size:12px; line-height:1.45; margin-top:6px; color:#66776b; }
.work-insight h4 { font-size:11px; margin-top:20px; color:#5b7663; }
.work-next-step { list-style:none; margin:8px 0 0; padding:0; }
.work-next-step blockquote { font-size:14px; line-height:1.5; }
.work-next-step .insight-copy { padding:8px 14px; font-size:12px; margin-top:12px; }
.work-review-footnote { width:100%; max-width:1320px; margin:14px auto 0; color:#768074; font-size:12px; }
.work-review-footnote a { float:right; color:#45614d; text-decoration:underline; text-underline-offset:4px; }
@media(min-width:1025px){
 main > .work-review-chapter { padding:24px max(4vw,32px); }
 html[lang] .work-review-chapter .section-heading { grid-template-columns:1.3fr .7fr; margin:0 auto; max-width:1320px; gap:40px; }
 html[lang] .work-review-chapter .section-heading h2 { font-size:32px; line-height:1.15; max-width:none; }
 html[lang] .work-review-chapter .section-heading p { font-size:15px; line-height:1.45; }
}
@media(max-width:1024px){
 .work-review-chapter .section-heading { text-align:left; }
 .work-window-content { grid-template-columns:1fr; }
 .work-insight { border-left:0; border-top:1px solid #dce4de; }
 .work-review-window { margin-top:24px; }
 .work-window-bar { gap:14px; padding:12px; flex-wrap:wrap; }
 .work-window-bar small { font-size:11px; }
 .work-records { padding:10px; }
 .work-distribution,.work-thinking { padding:12px; }
 .work-days { grid-template-columns:repeat(4,minmax(0,1fr)); row-gap:14px; }
 .work-day:nth-child(5) { padding-left:0; border-left:0; }
 .work-day em { font-size:9px; }
 .work-mix span { padding:8px 6px; font-size:12px; }
 .work-charts { gap:10px; }
 .work-insight { padding:24px; }
 .work-review-footnote { line-height:1.65; }
 .work-review-footnote a { float:none; display:block; margin-top:8px; }
}
/* Keep the complete review surface visible; remove marketing typography inside the app preview. */
.work-review-window { flex-shrink:0; }
.work-review-window h3,.work-review-window h4,.work-review-window p,.work-review-window figure { margin:0; }
.work-review-window .work-distribution > p { margin-top:6px; }
.work-review-window .work-data-note { margin-top:10px; }
.work-review-window .work-insight h3 { margin-top:12px; }
.work-review-window .work-insight > p:not(.work-insight-label):not(.work-data-note) { margin-top:12px; }
.work-review-window .work-insight-evidence p { margin-top:6px; }
.work-review-window .work-insight h4 { margin-top:20px; }
@media(min-width:1025px){
 html[lang] main > .work-review-chapter { padding:20px 4vw; justify-content:center; }
 .work-review-window { margin-top:18px; }
 .work-window-bar { padding:8px 18px; }
 .work-records { padding:12px; gap:12px; align-content:start; }
 .work-distribution,.work-thinking { padding:12px; }
 .work-days { margin-top:8px; }
 .work-day > b { margin-top:4px; }
 .work-type-bar,.work-day em { margin-top:5px; }
 .work-legend { margin-top:8px; }
 .work-mix { margin-top:8px; }
 .work-mix span { padding:6px 10px; }
 .work-charts { margin-top:8px; }
 .work-charts svg { height:76px; }
 .work-insight { padding:18px; }
 .work-review-footnote { margin-top:10px; }
}
.work-chart-days { display:flex; justify-content:space-between; font-size:10px; color:#718076; margin-top:2px; }
.work-next-step blockquote { margin:0; }
@media(min-width:1025px){
 .work-day > span { white-space:nowrap; font-size:10px; }
 .work-day em { font-size:9px; white-space:nowrap; }
 .work-insight h4 { margin-top:16px; }
 .work-next-step .insight-copy { margin-top:10px; }
}
@media(max-width:600px){
 .work-days { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .work-day:nth-child(5) { padding-left:9px; border-left:1px solid #e6ebe7; }
 .work-day:nth-child(3n+1) { padding-left:0; border-left:0; }
 .work-day > span { font-size:10px; white-space:nowrap; }
 .work-day em { font-size:9px; }
 .work-legend { flex-wrap:wrap; gap:8px 14px; }
 .work-charts { grid-template-columns:1fr; gap:14px; }
 .work-charts svg { height:100px; }
 .work-module-title { gap:8px; align-items:start; }
 .work-module-title > span { white-space:nowrap; }
}
@media(min-width:1025px){ html[lang="zh-CN"] .ai-screen .section-heading > .text-link { grid-column:2; margin-top:-18px; font-size:13px; } }.desk-gallery.live-phone-face .desk-panel.redrawn-scene img,
.viewer-content .desk-gallery.live-phone-face .desk-panel.redrawn-scene img { width:100%; height:auto; max-width:100%; transform:none; }
.hardware-concept-badge { position:absolute; top:14px; right:12px; padding:5px 10px; border:1px solid #efe9d5; border-radius:999px; color:#f8f4e9; background:#4b48395c; font-size:11px; line-height:1.3; }

/* Homepage imagery is presentation-only. */
.shot, .desk-gallery, .phone-device { cursor: default; }

.trial-screen picture.farewell-dragon { background-image:none; }
.farewell-dragon img { display:block; width:100%; height:100%; object-fit:contain; }

html[lang] .ai-screen .section-heading .pc-transition { margin:0 0 10px; color:#e3c68b; font-size:clamp(15px,1.3vw,18px); line-height:1.4; }

@media(min-width:1025px) { html[lang] .ai-screen .pc-intro-title h2 { font-size:clamp(32px,2.8vw,40px); } }