/* Source: assets/faq-numbered/faq.css */
@font-face{font-family:"Source Han Sans SC";font-weight:400;font-style:normal;font-display:swap;src:url("../faq-numbered/SourceHanSansSC-400.woff2") format("woff2")}
@font-face{font-family:"Source Han Sans SC";font-weight:500;font-style:normal;font-display:swap;src:url("../faq-numbered/SourceHanSansSC-500.woff2") format("woff2")}
@font-face{font-family:"Source Han Sans SC";font-weight:700;font-style:normal;font-display:swap;src:url("../faq-numbered/SourceHanSansSC-700.woff2") format("woff2")}
/* User reference: heading above a single wide accordion; existing black/gold palette. */
#faq{font-family:"Source Han Sans SC",sans-serif;font-synthesis:none;padding-top:clamp(88px,9vw,132px);padding-bottom:clamp(96px,11vw,160px)}
#faq .faq{display:block;max-width:1070px;margin-inline:auto}
#faq .faq__heading{margin:0 0 clamp(32px,4vw,48px);font-size:clamp(34px,4.7vw,64px);line-height:1.25;letter-spacing:.035em;font-weight:700;text-align:left}
#faq .faq__list{display:block;max-width:none;width:100%;margin:0}
#faq .qa{border:0;border-top:1px solid var(--hair);padding:0;min-width:0;scroll-margin-top:calc(var(--nav-h) + 24px)}
#faq .qa:last-child{border-bottom:1px solid var(--hair)}
#faq .qa__question{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:88px;padding:26px 0;list-style:none;cursor:pointer;touch-action:manipulation;font-size:18px;font-weight:500;line-height:1.75;letter-spacing:.015em;text-align:left;transition:color .18s ease}
#faq .qa__question::-webkit-details-marker{display:none}
#faq .qa__question::marker{content:""}
#faq .qa__question:focus-visible{outline:2px solid var(--gold-b);outline-offset:6px;border-radius:0}
#faq .qa__label{min-width:0}
#faq .qa__icon{position:relative;display:block;flex:0 0 18px;width:18px;height:18px;margin-right:2px;color:var(--gold-b)}
#faq .qa__icon::before,#faq .qa__icon::after{content:"";position:absolute;background:currentColor;left:50%;top:50%;width:14px;height:1.5px;transform:translate(-50%,-50%)}
#faq .qa__icon::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .18s ease,opacity .18s ease}
#faq .qa[open] .qa__icon::after{transform:translate(-50%,-50%) rotate(0);opacity:0}
#faq .qa__answer{max-width:880px;padding:0 46px 30px 0;color:var(--gold-a)}
#faq .qa__answer p{margin:0;font-size:16px;font-weight:400;line-height:1.95;letter-spacing:.02em;text-wrap:pretty}
#faq .qa__answer p+p{margin-top:14px}
#faq .qa[open] .qa__answer{animation:faq-reveal .2s ease both}
@keyframes faq-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){#faq .qa__question:hover .qa__icon{color:var(--gold-a)}#faq .qa__question:hover .qa__label{background-image:linear-gradient(90deg,var(--gold-a),var(--gold-a))}}
@media(max-width:600px){
 #faq .qa__question{min-height:80px;padding:23px 0;gap:22px;font-size:16px;line-height:1.75;letter-spacing:0}
 #faq .qa__icon{flex-basis:16px;width:16px;height:16px}
 #faq .qa__answer{padding:0 30px 26px 0}
 #faq .qa__answer p{font-size:15px;line-height:1.9;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){#faq .qa__question,#faq .qa__icon::after{transition:none}#faq .qa[open] .qa__answer{animation:none}}

/* Review-only open questions; same body type size for easy reading. */
#faq .qa__pending{margin-top:20px;padding:2px 0 2px 18px;border-left:2px solid var(--gold-b)}
#faq .qa__pending .qa__pending-label{font-weight:500;color:var(--gold-b)}
#faq .qa__pending p+p{margin-top:6px}
@media(max-width:600px){#faq .qa__pending{margin-top:18px;padding-left:14px}}

#faq .qa__pending:first-child{margin-top:0}


/* Source: assets/membership-1012/membership.css */
@font-face{font-family:"Source Han Sans CN";font-weight:400;font-style:normal;font-display:swap;src:url("../membership-1012/SourceHanSansSC-400.woff2") format("woff2")}
@font-face{font-family:"Source Han Sans CN";font-weight:500;font-style:normal;font-display:swap;src:url("../membership-1012/SourceHanSansSC-500.woff2") format("woff2")}
@font-face{font-family:"Source Han Sans CN";font-weight:700;font-style:normal;font-display:swap;src:url("../membership-1012/SourceHanSansSC-700.woff2") format("woff2")}
/* Scoped to the membership answer; palette follows the existing black/gold site. */
#faq #faq-14 .qa__answer{max-width:none;padding:0 0 32px}
.membership{--member-ink:#EBDFD1;--member-gold:#C5A789;--member-muted:#BBAD9D;--member-line:rgba(180,163,143,.22);margin:0;width:100%;padding:32px;background:#0B0A09;border:1px solid rgba(180,163,143,.34);border-radius:20px;color:var(--member-ink);font-family:"Source Han Sans CN",sans-serif;font-synthesis:none;font-weight:400;box-sizing:border-box}
.membership *{box-sizing:border-box}
#faq .membership h3,.membership h3{margin:0;font-family:"Source Han Sans CN",sans-serif;font-size:26px;line-height:1.45;font-weight:500;letter-spacing:.025em;text-wrap:initial}
#faq .membership__intro p,.membership__intro p{margin:10px 0 0;max-width:none;font-family:"Source Han Sans CN",sans-serif;font-size:16px;line-height:1.9;letter-spacing:.015em;font-weight:400;color:var(--member-muted)}
.membership__table{width:100%;margin:26px 0 0;border-collapse:collapse;table-layout:fixed;text-align:center;font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums}
.membership__label-col{width:25%}
.membership__table thead{background:rgba(181,149,119,.08)}
.membership__table th,.membership__table td{padding:18px 12px;border-bottom:1px solid var(--member-line);vertical-align:middle}
.membership__table th+th,.membership__table td{border-left:1px solid rgba(180,163,143,.12)}
.membership__table thead th{font-weight:500;font-size:22px;padding-block:20px;color:var(--member-ink)}
.membership__table thead th:first-child{font-size:16px;font-weight:400;color:var(--member-muted);text-align:left;padding-left:20px}
.membership__table tbody th{text-align:left;font-weight:400;font-size:16px;color:var(--member-muted);padding-left:20px}
.membership__table .membership__price-row{background:rgba(181,149,119,.025)}
.membership__table .membership__price-row th{font-weight:500;color:var(--member-ink)}
.membership__table .membership__price-row td{padding-block:20px}
.membership__table .membership__features-start th,.membership__table .membership__features-start td{border-top:1px solid rgba(180,163,143,.42)}
.membership__table tbody tr:last-child th,.membership__table tbody tr:last-child td{border-bottom:0}
.membership__amount{font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--member-gold);white-space:nowrap}
.membership__value{font-size:22px;font-weight:500;line-height:1.4;color:var(--member-ink)}
.membership__word{font-size:16px;font-weight:400;letter-spacing:0}
.membership__price-row .membership__word{font-size:21px;font-weight:500}
.membership__unit{font-size:15px;font-weight:400;line-height:1.5;color:var(--member-muted);white-space:nowrap;margin-left:3px}
.membership__cards{display:none}
@media(max-width:680px){
 .membership{padding:22px 18px 18px;border-radius:16px}
 #faq .membership h3,.membership h3{font-size:21px;line-height:1.5;letter-spacing:0}
 #faq .membership__intro p,.membership__intro p{font-size:15px;line-height:1.8;letter-spacing:0;margin-top:10px}
 .membership__table{display:none}
 .membership__cards{display:grid;gap:16px;margin-top:22px}
 .membership__plan{padding:20px 16px;border:1px solid var(--member-line);border-radius:12px;background:rgba(181,149,119,.035)}
 .membership__plan h4{font-size:20px;line-height:1.4;font-weight:500;margin:0 0 15px;color:var(--member-ink)}
 .membership__plan dl,.membership__plan dd{margin:0}
 .membership__plan dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0}
 .membership__plan dt{font-size:15px;line-height:1.6;font-weight:400;color:var(--member-muted)}
 .membership__plan dd{text-align:right;white-space:nowrap}
 .membership__mobile-price .membership__amount{font-size:30px}
 .membership__mobile-price .membership__word{font-size:18px;font-weight:500}
 .membership__plan .membership__mobile-features-start{margin-top:14px;padding-top:18px;border-top:1px solid var(--member-line)}
 .membership__plan .membership__value{font-size:16px}
 .membership__plan .membership__word{font-size:16px}
 .membership__plan .membership__mobile-price .membership__word{font-size:22px;font-weight:500}
 .membership__plan .membership__unit{font-size:14px;margin-left:2px}
}
@media(max-width:360px){.membership{padding:20px 12px 12px}.membership__plan{padding:18px 12px}.membership__plan dl>div{gap:8px}.membership__plan dt{font-size:14px}}


/* Source: assets/feature-demos-20261012/feature-demos.css */
@font-face{font-family:"Source Han Sans SC";src:url("../feature-demos-20261012/fonts/SourceHanSansSC-r03.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
#harness-rules.feature-chapters{font-family:"Source Han Sans SC",sans-serif;font-synthesis:none;padding-top:clamp(72px,8vw,112px);scroll-margin-top:76px}
#harness-rules *,#harness-rules *::before,#harness-rules *::after{box-sizing:border-box;font-synthesis:none}
#harness-rules .feature-chapters__inner{width:min(76vw,1280px);margin:0 auto;display:grid;gap:clamp(72px,9vw,128px)}
#harness-rules .feature-chapter{min-width:0;scroll-margin-top:84px}
#harness-rules .feature-chapter__head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:24px}
#harness-rules .feature-chapter__head h2{font-size:21px;font-weight:500;line-height:1.55;letter-spacing:-.01em;margin:0}
#harness-rules .feature-chapter__head p{font-size:16px;font-weight:400;line-height:1.7;color:#bcb0a2;margin:3px 0 0}
#harness-rules .feature-chapter__head--social{grid-template-columns:1.45fr 1fr}
#harness-rules .feature-chapter__head--social h2{font-size:21px}
#harness-rules .feature-film{position:relative;margin:0;aspect-ratio:16/9;width:100%;border-radius:22px;overflow:hidden;background:#111;container-type:inline-size;isolation:isolate}
#harness-rules .feature-film>video{display:block;width:100%;height:100%;object-fit:contain}
#harness-rules .scene-ui{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;container-type:inline-size;--overlay-unit:min(1px,calc(100cqw / 720))}
/* The PNGs carry original PSB styles and alpha. Never add CSS glass, blend or a second opacity. */
#harness-rules .psb-ui{position:absolute;padding:0;border:0;background:none;box-shadow:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:0}
#harness-rules .psb-ui img{display:block;width:100%;height:auto;max-width:none;border:0;border-radius:0;filter:none;mix-blend-mode:normal;opacity:1}
#harness-rules .instruction{left:26.5%;right:auto;top:7%;width:min(252px,calc(377 * var(--overlay-unit)))}
#harness-rules #callback .instruction{left:28.5%}
@media(min-width:760px){#harness-rules #callback .instruction{top:8%}}
/* Keep panel size comparable to the call-summary UI, even on a wide film. */
#harness-rules .glass-card{left:4%;top:calc(7% + 76 * var(--overlay-unit));width:min(208px,calc(312 * var(--overlay-unit)))}
#harness-rules #rules .glass-card{width:min(200px,calc(300 * var(--overlay-unit)))}
#harness-rules .social-apps{top:8%;left:50%;transform:translateX(-50%);width:min(44.3%,316px)}
/* Match the existing call carousel: 720ms pop/rise, 38ms per original glyph.
   All UI colours/alpha remain in the verified PSB pixels. */
#harness-rules{--feature-ease:cubic-bezier(.2,.75,.2,1)}
#harness-rules .instruction{aspect-ratio:748/164;transform-origin:88% 65%}
#harness-rules .instruction img{position:absolute;inset:0}
#harness-rules .instruction .bubble-final{opacity:0}
#harness-rules .bubble-line{clip-path:inset(0 100% 0 0)}
#harness-rules .feature-film.is-playing .instruction{animation:feature-ui-pop .72s var(--feature-ease) .15s both}
#harness-rules .feature-film.is-playing .glass-card{animation:feature-ui-rise .72s var(--feature-ease) 1.78s both}
#harness-rules .feature-film.is-playing .bubble-final{animation:feature-pixel-show .001s linear 1.55s forwards}
#harness-rules .feature-film.is-playing .bubble-base,#harness-rules .feature-film.is-playing .bubble-line{animation:feature-pixel-hide .001s linear 1.55s forwards}
#harness-rules .social-apps{aspect-ratio:513/149;opacity:1}
#harness-rules .social-icon{position:absolute;inset:0;opacity:0}
#harness-rules .social-icon--1{clip-path:inset(0 66.666667% 0 0);transform-origin:16.666667% 50%;--icon-delay:.15s}
#harness-rules .social-icon--2{clip-path:inset(0 33.333333% 0 33.333333%);transform-origin:50% 50%;--icon-delay:.33s}
#harness-rules .social-icon--3{clip-path:inset(0 0 0 66.666667%);transform-origin:83.333333% 50%;--icon-delay:.51s}
#harness-rules .feature-film.is-playing .social-icon{animation:feature-ui-pop .72s var(--feature-ease) var(--icon-delay) both}
#harness-rules[data-feature-demos-ready="true"] .feature-chapter__head h2,
#harness-rules[data-feature-demos-ready="true"] .feature-chapter__head p{opacity:0}
#harness-rules[data-feature-demos-ready="true"] .is-copy-visible .feature-chapter__head h2{animation:feature-copy-in .42s var(--feature-ease) both}
#harness-rules[data-feature-demos-ready="true"] .is-copy-visible .feature-chapter__head p{animation:feature-copy-in .48s var(--feature-ease) .12s both}
#harness-rules .feature-film.is-ui-complete .psb-ui,#harness-rules .feature-film.is-ui-complete .social-icon{animation:none!important;opacity:1;translate:none;scale:1}
#harness-rules .feature-film.is-ui-complete .instruction .bubble-final{animation:none!important;opacity:1}
#harness-rules .feature-film.is-ui-complete .bubble-base,#harness-rules .feature-film.is-ui-complete .bubble-line{animation:none!important;opacity:0}
#harness-rules .feature-film.is-paused .scene-ui *,#harness-rules .is-demo-paused .feature-chapter__head>*{animation-play-state:paused!important}
@keyframes feature-ui-pop{from{opacity:0;translate:0 calc(8 * var(--overlay-unit));scale:.96}to{opacity:1;translate:0 0;scale:1}}
@keyframes feature-ui-rise{from{opacity:0;translate:0 calc(17 * var(--overlay-unit))}to{opacity:1;translate:0 0}}
@keyframes feature-copy-in{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes feature-pixel-show{from,to{opacity:1}}
@keyframes feature-pixel-hide{from,to{opacity:0}}
@media(max-width:759px){
 #harness-rules .feature-chapters__inner{width:calc(100% - 40px);gap:64px}
 #harness-rules .feature-chapter__head{grid-template-columns:1fr;gap:8px;margin-bottom:20px}
 #harness-rules .feature-chapter__head h2{font-size:20px;line-height:1.5}
 #harness-rules .feature-chapter__head p{font-size:15px;line-height:1.75;margin:0}
 #harness-rules .feature-film{border-radius:18px}
 #harness-rules .scene-ui{--overlay-unit:min(1px,calc(100cqw / 600))}
 #harness-rules .instruction{top:5%}
 #harness-rules .glass-card{top:30%}
}
#harness-rules .feature-film.is-playing .instruction--s08 .bubble-line--1{animation:feature-type-s08-1 0.608s steps(1,end) 0.330s both,feature-pixel-hide .001s linear 1.55s forwards}
@keyframes feature-type-s08-1{0%{clip-path:inset(0 100% 0 0)}6.250000%{clip-path:inset(0 88.235294% 0 0)}12.500000%{clip-path:inset(0 82.620321% 0 0)}18.750000%{clip-path:inset(0 77.139037% 0 0)}25.000000%{clip-path:inset(0 71.256684% 0 0)}31.250000%{clip-path:inset(0 66.176471% 0 0)}37.500000%{clip-path:inset(0 59.893048% 0 0)}43.750000%{clip-path:inset(0 54.278075% 0 0)}50.000000%{clip-path:inset(0 48.663102% 0 0)}56.250000%{clip-path:inset(0 43.048128% 0 0)}62.500000%{clip-path:inset(0 37.433155% 0 0)}68.750000%{clip-path:inset(0 35.427807% 0 0)}75.000000%{clip-path:inset(0 26.203209% 0 0)}81.250000%{clip-path:inset(0 20.454545% 0 0)}87.500000%{clip-path:inset(0 14.839572% 0 0)}93.750000%{clip-path:inset(0 9.224599% 0 0)}100.000000%{clip-path:inset(0 7.085561% 0 0)}}
#harness-rules .feature-film.is-playing .instruction--s08 .bubble-line--2{animation:feature-type-s08-2 0.608s steps(1,end) 0.938s both,feature-pixel-hide .001s linear 1.55s forwards}
@keyframes feature-type-s08-2{0%{clip-path:inset(0 100% 0 0)}6.250000%{clip-path:inset(0 88.235294% 0 0)}12.500000%{clip-path:inset(0 82.486631% 0 0)}18.750000%{clip-path:inset(0 76.871658% 0 0)}25.000000%{clip-path:inset(0 71.390374% 0 0)}31.250000%{clip-path:inset(0 65.508021% 0 0)}37.500000%{clip-path:inset(0 63.502674% 0 0)}43.750000%{clip-path:inset(0 54.545455% 0 0)}50.000000%{clip-path:inset(0 48.663102% 0 0)}56.250000%{clip-path:inset(0 43.048128% 0 0)}62.500000%{clip-path:inset(0 37.433155% 0 0)}68.750000%{clip-path:inset(0 31.951872% 0 0)}75.000000%{clip-path:inset(0 26.336898% 0 0)}81.250000%{clip-path:inset(0 20.588235% 0 0)}87.500000%{clip-path:inset(0 14.839572% 0 0)}93.750000%{clip-path:inset(0 9.224599% 0 0)}100.000000%{clip-path:inset(0 7.085561% 0 0)}}
#harness-rules .feature-film.is-playing .instruction--s09 .bubble-line--1{animation:feature-type-s09-1 0.608s steps(1,end) 0.330s both,feature-pixel-hide .001s linear 1.55s forwards}
@keyframes feature-type-s09-1{0%{clip-path:inset(0 100% 0 0)}6.250000%{clip-path:inset(0 88.368984% 0 0)}12.500000%{clip-path:inset(0 82.486631% 0 0)}18.750000%{clip-path:inset(0 76.871658% 0 0)}25.000000%{clip-path:inset(0 71.256684% 0 0)}31.250000%{clip-path:inset(0 69.117647% 0 0)}37.500000%{clip-path:inset(0 59.893048% 0 0)}43.750000%{clip-path:inset(0 54.411765% 0 0)}50.000000%{clip-path:inset(0 48.663102% 0 0)}56.250000%{clip-path:inset(0 43.048128% 0 0)}62.500000%{clip-path:inset(0 37.433155% 0 0)}68.750000%{clip-path:inset(0 31.951872% 0 0)}75.000000%{clip-path:inset(0 26.203209% 0 0)}81.250000%{clip-path:inset(0 20.454545% 0 0)}87.500000%{clip-path:inset(0 14.839572% 0 0)}93.750000%{clip-path:inset(0 9.224599% 0 0)}100.000000%{clip-path:inset(0 7.219251% 0 0)}}
#harness-rules .feature-film.is-playing .instruction--s09 .bubble-line--2{animation:feature-type-s09-2 0.570s steps(1,end) 0.938s both,feature-pixel-hide .001s linear 1.55s forwards}
@keyframes feature-type-s09-2{0%{clip-path:inset(0 100% 0 0)}6.666667%{clip-path:inset(0 88.235294% 0 0)}13.333333%{clip-path:inset(0 82.486631% 0 0)}20.000000%{clip-path:inset(0 77.941176% 0 0)}26.666667%{clip-path:inset(0 70.989305% 0 0)}33.333333%{clip-path:inset(0 65.240642% 0 0)}40.000000%{clip-path:inset(0 59.625668% 0 0)}46.666667%{clip-path:inset(0 54.010695% 0 0)}53.333333%{clip-path:inset(0 48.395722% 0 0)}60.000000%{clip-path:inset(0 42.780749% 0 0)}66.666667%{clip-path:inset(0 37.299465% 0 0)}73.333333%{clip-path:inset(0 31.417112% 0 0)}80.000000%{clip-path:inset(0 26.203209% 0 0)}86.666667%{clip-path:inset(0 20.320856% 0 0)}93.333333%{clip-path:inset(0 14.572193% 0 0)}100.000000%{clip-path:inset(0 12.433155% 0 0)}}
@media(prefers-reduced-motion:reduce){
 #harness-rules .scene-ui *,#harness-rules .feature-chapter__head>*{animation:none!important;transition:none!important;translate:none!important;scale:1!important}
 #harness-rules .psb-ui,#harness-rules .social-icon,#harness-rules .instruction .bubble-final,
 #harness-rules[data-feature-demos-ready="true"] .feature-chapter__head h2,#harness-rules[data-feature-demos-ready="true"] .feature-chapter__head p{opacity:1!important}
 #harness-rules .instruction .bubble-base,#harness-rules .instruction .bubble-line{opacity:0!important}
}


/* Source: assets/specs-compact-20261012/specs.css */
@font-face{font-family:"Source Han Sans SC Specs";src:url("../specs-compact-20261012/SourceHanSansSC-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Source Han Sans SC Specs";src:url("../specs-compact-20261012/SourceHanSansSC-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}

/* Desktop specifications are supporting details: a quiet two-column list.
   Keep the existing small-screen layout and the original specification copy. */
@media (min-width:1024px){
  #specs{padding-top:104px;font-family:"Source Han Sans SC Specs",sans-serif;font-synthesis:none}
  #specs .title{font-size:28px;font-weight:500;line-height:1.4;letter-spacing:.04em}
  #specs .specs{max-width:720px;margin:48px auto 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 96px;border:0;border-radius:0;overflow:visible}
  #specs .spec{padding:0;border:0;text-align:center;container-type:normal}
  #specs .spec dt{font-size:13px;font-weight:400;line-height:1.5;letter-spacing:.02em}
  #specs .spec dt .gold{background:none;color:#a29a91;-webkit-text-fill-color:currentColor}
  #specs .spec__v{margin-top:12px!important;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:0}
  #specs .spec__n{margin-top:4px!important;font-size:13px;font-weight:400;line-height:1.6;letter-spacing:0}
  #specs .spec__n .gold{background:none;color:#b5aaa0;-webkit-text-fill-color:currentColor}
  #specs .specs.is-in .spec{animation:specs-compact-in .65s var(--ease) calc(var(--i) * .05s) both}
}
@keyframes specs-compact-in{
  from{opacity:0;translate:0 12px}
  to{opacity:1;translate:0 0}
}
@media (prefers-reduced-motion:reduce){
  #specs .specs.is-in .spec{animation:none}
}


/* Source: assets/typography-r08-20261012/typography.css */
/* Typography r08. Desktop hierarchy: measured DJI Osmo Pocket 4, 2026-10-12.
   Phone proportions: Product Introduction 1012 PSB, with readable live-text floors.
   <600 phone; 600–899 compact/tablet; >=900 desktop. Media-specific aspect-ratio
   and interaction thresholds remain independent of the editorial type scale.
   Original image UI, source pixels, animations and brand wordmarks are preserved. */
@font-face{
  font-family:"TonoCard Text R08";
  src:url("../typography-r08-20261012/fonts/SourceHanSansSC-r08.woff2") format("woff2");
  font-style:normal;font-weight:400 700;font-display:swap;
}
:root{
  --tc-text:"TonoCard Text R08",sans-serif;
  --tc-chapter:clamp(42px,3.889vw,64px);
  --tc-feature:clamp(32px,calc(3.333vw - 16px),48px);
  --tc-card:clamp(24px,1.667vw,28px);
  --tc-body:clamp(16px,1.111vw,18px);
  --tc-lead:clamp(18px,1.389vw,20px);
  --tc-detail:14px;
  /* Smoothly meet the existing 76vw PC frame, without the former 760px jump. */
  --tc-film-width:min(calc(100% - 40px),max(860px,76vw),1280px);
}
/* Scope live copy explicitly: illustrative .stage__ui and wordmarks retain fonts. */
.site .title,.site .sub,.site .split__note,.site .band__cap,
.site .person__text,.site .specs,.site .signal__label,
.site .nav__links,.site .foot__links,.site .foot__cat,.site .foot__legal,
.site .btn,.site .hero6__cat,
#harness .harness-film__title,#harness-rules .feature-chapter__head,
#faq,#faq .membership,#faq .membership h3,#faq .membership__intro p{
  font-family:var(--tc-text);font-synthesis:none;
}
.site .title,#faq .faq__heading{
  font-size:var(--tc-chapter);font-weight:700;line-height:1.26;letter-spacing:-.015em;
}
.site .sub,.site .split__note,.site .band__cap{
  font-size:var(--tc-lead);font-weight:400;line-height:1.7;letter-spacing:0;
}
.site .head{gap:20px}
.site .split__copy{gap:18px}
.site .split .title{font-size:var(--tc-chapter);line-height:1.35}
.site .split .title .gold{white-space:normal}
.site .split .sub{font-size:var(--tc-lead)}
.site .split__note{font-size:var(--tc-body);margin-top:8px}
.site .split__note .gold{white-space:pre-line}
#attach .attach-film__copy .title{
  font-size:var(--tc-chapter);line-height:1.26;letter-spacing:-.015em;
}
#attach .attach-film__copy .sub{font-size:var(--tc-body);font-weight:400;line-height:1.7;letter-spacing:0;margin-top:24px}
#ai-first.flow--carousel .flow__copy .title{
  font-family:var(--tc-text);font-size:var(--tc-card);font-weight:500;line-height:1.45;letter-spacing:0;
}
#ai-first.flow--carousel .flow__copy .sub{
  font-family:var(--tc-text);font-size:var(--tc-body);font-weight:400;line-height:1.7;letter-spacing:0;
}
#ai-first.flow--carousel .flow__item .flow__copy{gap:10px;min-height:116px}
#ai-first.flow--carousel{--card-width:min(625px,68vw,calc((100svh - 245px) * 1.36))}
#harness .harness-film{width:var(--tc-film-width)}
#harness .harness-film__title{font-size:var(--tc-chapter);font-weight:700;line-height:1.26;letter-spacing:0;gap:.18em}
#harness-rules .feature-chapters__inner{width:var(--tc-film-width)}
#harness-rules .feature-chapter__head{gap:40px;margin-bottom:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#harness-rules .feature-chapter__head--social{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
#harness-rules .feature-chapter__head h2{
  font-size:var(--tc-feature);font-weight:700;line-height:1.35;letter-spacing:-.015em;min-width:0;
}
#harness-rules .feature-chapter__head p{
  font-size:var(--tc-body);font-weight:400;line-height:1.7;letter-spacing:0;margin-top:4px;min-width:0;
}
.site .person__name{font-size:var(--tc-card);font-weight:500;line-height:1.4;letter-spacing:0}
.site .person__desc{font-size:var(--tc-detail);font-weight:400;line-height:1.7;letter-spacing:0}
.site .signal__label{font-size:var(--tc-detail);font-weight:400;letter-spacing:0}
/* Specifications retain their cell-relative mobile type and compact desktop
   scale; fixed 18px values would clip the longest values in a narrow cell. */
#faq .faq__heading{letter-spacing:-.015em}
#faq .qa__question{font-size:var(--tc-lead);font-weight:500;line-height:1.65;letter-spacing:0}
#faq .qa__answer p{font-size:var(--tc-body);font-weight:400;line-height:1.8;letter-spacing:0}
#faq .membership h3{font-size:var(--tc-card);font-weight:500;line-height:1.4;letter-spacing:0}
#faq .membership__intro p{font-size:var(--tc-body);line-height:1.7}
.site .btn{font-size:16px;font-weight:500;letter-spacing:0}
.site .hero6__actions .btn{font-size:14px;font-weight:500;letter-spacing:0}
.site .nav__links a,.site .foot__links a{font-weight:400;letter-spacing:0}

@media(min-width:900px){
  .site .split{grid-template-columns:minmax(0,1fr) minmax(0,min(520px,44%));column-gap:48px;align-items:center;justify-items:start}
  .site .split__copy{justify-items:start;text-align:left}
}
@media(min-width:600px) and (max-width:899px){
  :root{
    --tc-chapter:clamp(38px,calc(1.338vw + 29.973px),42px);
    --tc-feature:clamp(22px,calc(3.344vw + 1.933px),32px);
    --tc-card:32px;--tc-body:16px;--tc-lead:18px;--tc-detail:14px;
  }
}
@media(max-width:899px){
  #harness-rules .feature-chapter__head,#harness-rules .feature-chapter__head--social{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:24px}
  #harness-rules .feature-chapter__head p{margin:0}
  .site .split{grid-template-columns:minmax(0,1fr)}
  .site .split__copy{position:static;text-align:center;justify-items:center}
  #ai-first.flow--carousel{--card-width:min(calc(100vw - 64px),calc((100svh - 325px) * 1152 / 1290))}
  #ai-first.flow--carousel .flow__item .flow__copy{min-height:150px}
}
@media(max-width:599px){
  :root{
    /* PSB: 100px chapter / 50px lead / 44px FAQ body on a 1280px artboard.
       The 14px body floor is a web readability adaptation, not a PSB measurement. */
    --tc-chapter:clamp(28px,7.82vw,34px);
    --tc-feature:clamp(15px,4.1vw,17px);
    --tc-card:clamp(20px,5.13vw,22px);
    --tc-body:clamp(15px,4.1vw,17px);
    --tc-lead:clamp(15px,4.1vw,17px);
    --tc-detail:clamp(14px,3.5vw,15px);
  }
  .site .title,#faq .faq__heading{line-height:1.3;letter-spacing:0}
  .site .head{gap:14px}
  .site .split .title{font-size:var(--tc-chapter)}
  .site .split__copy{gap:12px}
  #attach .attach-film__copy .sub{margin-top:18px}
  #harness .harness-film__title{font-size:min(clamp(28px,9.375vw,40px),calc((100vw - 88px) / 8.3));line-height:1.2}
  #ai-first.flow--carousel .flow__copy .title{font-size:var(--tc-chapter);font-weight:700;line-height:1.3}
  #ai-first.flow--carousel{--card-width:min(calc(100vw - 64px),calc((100svh - 325px) * 1152 / 1290))}
  #harness-rules .feature-chapter__head h2{font-weight:400;line-height:1.6;letter-spacing:0}
  #harness-rules .feature-chapter__head{gap:10px;margin-bottom:20px}
  .site .person__name{font-size:var(--tc-lead);font-weight:700}
  .site .person__desc{font-size:var(--tc-detail);line-height:1.6}
  #faq .qa__question{font-size:var(--tc-lead);font-weight:700;line-height:1.65}
  #faq .qa__answer p{font-size:var(--tc-detail);line-height:1.8}
  #faq .membership h3{font-size:20px}
  #faq .membership__intro p{font-size:14px}
  .site .btn{font-size:15px}
  .site .hero6__actions .btn{font-size:14px}
}
/* Phone landscape/short previews need enough room for both image and captions. */
@media(max-width:599px) and (max-height:700px){
  #ai-first.flow--carousel .flow__copy .title{font-size:22px;line-height:1.4}
  #ai-first.flow--carousel .flow__copy .sub{font-size:14px;line-height:1.6}
  #ai-first.flow--carousel{--card-width:min(calc(100vw - 64px),calc((100svh - 320px) * 1152 / 1290))}
}
@media(max-width:360px){
  .site .hero6__actions .btn{font-size:12px}
}
/* A landscape phone is short, regardless of its CSS width. Leave space for
   complete captions and the existing carousel navigation, with readable text. */
@media(min-width:600px) and (max-height:560px){
  #ai-first.flow--carousel{--card-width:min(480px,64vw,calc((100svh - 210px) * 1.36))}
  #ai-first.flow--carousel .flow__copy .title{font-size:18px;line-height:1.4}
  #ai-first.flow--carousel .flow__copy .sub{font-size:14px;line-height:1.55}
  #ai-first.flow--carousel .flow__item .flow__copy{min-height:0;gap:4px}
}


/* Source: assets/story-image-size-20261013/story-image-size.css */
/* Enlarge the desktop photographs to the supplied red-frame proportions.
   Divide each overlay canvas by the same width gain so its cqw typography,
   components and animation distances retain their previous pixel sizes. */
@media (min-width:900px) and (min-height:561px) {
  #ai-first.flow--carousel .flow__item {
    flex-basis:min(calc(var(--card-width) * 1.09),calc((100% - var(--card-gap)) * .545));
    width:min(calc(var(--card-width) * 1.09),calc((100% - var(--card-gap)) * .545));
  }
  #ai-first.flow--carousel:not(.has-paired-end) .flow__grid::after {
    flex-basis:var(--carousel-tail);
    margin-left:calc(-1 * var(--card-gap));
  }
  #ai-first.flow--carousel .flow__item .scene { aspect-ratio:1.28; }
  #ai-first.flow--carousel .story-s03 .stage__ui { width:calc(69% / 1.09); }
  #ai-first.flow--carousel .story-s04 .stage__ui { width:calc(62% / 1.09); }
  #ai-first.flow--carousel .story-s05 .stage__ui { width:calc(74% / 1.09); }
  #ai-first.flow--carousel .story-s06 .stage__ui { width:calc(66% / 1.09); }
}


/* Source: assets/feature-copy-media-20261013/feature-copy.css */
/* Four missing glyphs from the same verified Source Han Sans source. Existing glyphs, typography and animation rules stay in their original files. */
@font-face{
  font-family:"TonoCard Feature Copy Additions";
  src:url("../feature-copy-media-20261013/fonts/SourceHanSansSC-feature-copy-20261013-400.woff2") format("woff2");
  font-style:normal;font-weight:400;font-display:swap;
  unicode-range:U+4F20,U+53CA,U+9012,U+9759;
}
@font-face{
  font-family:"TonoCard Feature Copy Additions";
  src:url("../feature-copy-media-20261013/fonts/SourceHanSansSC-feature-copy-20261013-700.woff2") format("woff2");
  font-style:normal;font-weight:700;font-display:swap;
  unicode-range:U+4F20,U+53CA,U+9012,U+9759;
}
#harness-rules .feature-chapter__head {
  font-family:"TonoCard Feature Copy Additions","TonoCard Text R08",sans-serif;
  font-synthesis:none;
}


/* Source: assets/specs-faq-type-20261013/specs-faq.css */
/* Continue the chapter hierarchy above these sections. Keep the existing copy,
   six specification items, numbered accordion and native interactions. */
#specs,#faq{
  --tc-support-gap:clamp(32px,4.2vw,56px);
  --tc-spec-value:clamp(18px,1.667vw,24px);
  padding-top:clamp(80px,9vw,132px);
  font-family:var(--tc-text);
  font-synthesis:none;
}
#specs .title,#faq .faq__heading{
  font-family:var(--tc-text);
  font-size:var(--tc-chapter);
  font-weight:700;
  line-height:1.26;
  letter-spacing:-.015em;
  text-align:center;
}
#specs .specs{
  max-width:880px;
  margin:var(--tc-support-gap) auto 0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:44px clamp(24px,6vw,80px);
  border:0;
  border-radius:0;
  overflow:visible;
}
#specs .spec{
  padding:0;
  border:0;
  text-align:center;
  container-type:normal;
}
#specs .spec dt{
  font-size:var(--tc-detail);
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
}
#specs .spec dt .gold,#specs .spec__n .gold{
  background:none;
  color:var(--gold-a);
  -webkit-text-fill-color:currentColor;
  opacity:.72;
}
#specs .spec__v{
  margin-top:12px!important;
  font-size:var(--tc-spec-value);
  font-weight:500;
  line-height:1.5;
  letter-spacing:0;
}
#specs .spec__n{
  margin-top:6px!important;
  font-size:var(--tc-detail);
  font-weight:400;
  line-height:1.6;
  letter-spacing:0;
}
#faq .faq{max-width:960px}
#faq .faq__heading{margin:0 0 var(--tc-support-gap)}
#faq .qa__question{
  min-height:80px;
  padding:24px 0;
  font-size:var(--tc-lead);
}
#faq .qa__answer p{font-size:var(--tc-body);line-height:1.8}
@media(max-width:599px){
  #specs,#faq{--tc-spec-value:clamp(14px,3.9vw,17px)}
  #specs .title,#faq .faq__heading{line-height:1.3;letter-spacing:0}
  #specs .specs{gap:32px 16px}
  #specs .spec dt,#specs .spec__n{font-size:13px}
  #specs .spec__v{margin-top:9px!important}
  #specs .spec__n{margin-top:4px!important}
  #faq .qa__question{min-height:72px;padding:22px 0;gap:18px}
  #faq .qa__answer{padding:0 30px 24px 0}
}

/* Add 700ms to each existing specs entrance; preserve easing and stagger. */
@media(prefers-reduced-motion:no-preference){
  #specs .specs.is-in .spec{animation-duration:1.6s}
}
@media(min-width:1024px) and (prefers-reduced-motion:no-preference){
  #specs .specs.is-in .spec{animation-duration:1.35s}
}

/* Android compatibility qualifier: full width so the two-column specs stay readable. */
#specs .specs-compatibility-note{
  max-width:760px;
  margin:36px auto 0;
  color:var(--gold-a);
  opacity:.72;
  font-size:var(--tc-detail);
  font-weight:400;
  line-height:1.7;
  letter-spacing:0;
  text-align:center;
}
@media(max-width:599px){
  #specs .specs-compatibility-note{margin-top:28px;font-size:14px;text-align:left}
}


/* Source: assets/feature-stack-color-20261013/feature-stack.css */
/* Shared title/subtitle rows for the three feature films. Keep the established
   font, type scale, colour and entry animations; narrow screens may wrap. */
#harness-rules .feature-chapter__head {
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  text-align:left;
  align-items:start;
}
#harness-rules .feature-chapter__head p {
  margin:0;
}


/* Source: assets/agent-wide-20261013/agent-wide.css */
/* The Agent film shares the social-call film's exact desktop container.
   Live copy, original layer geometry and animation timing are retained. */
#agent .agent-request,
#agent .agent-services { display:contents; }
#agent .agent-wide__poster,
#agent .agent-wide__video { display:none; }

/* Match the callback card's alpha-only surface: background detail stays
   visible without a live backdrop filter. Text and icons retain full opacity. */
#agent .agent-ui-panel,
#agent .agent-ui-tile {
  box-sizing:border-box;
  background:linear-gradient(180deg,rgba(230,239,253,.64),rgba(250,252,255,.64));
  border:1px solid rgba(255,255,255,.20);
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
#agent .agent-ui-panel { aspect-ratio:802/411; }
#agent .agent-ui-tile { aspect-ratio:247/202; }
#agent .agent-ui-file {
  position:absolute;left:4%;top:7.5%;width:92%;height:33.5%;
  border:1px solid rgba(91,96,105,.20);border-radius:calc(36 * var(--u));
}
#agent .agent-ui-symbol {
  position:absolute;display:block;fill:none;stroke:currentColor;
  stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;color:#74797f;
}
#agent .agent-ui-folder { left:10.3%;top:19.2%;width:7.7%;height:13%; }
#agent .agent-ui-close { left:88.1%;top:19.5%;width:4.2%;height:8.2%;color:#4d5157; }
#agent .agent-ui-plus { left:5.1%;top:80%;width:3.9%;height:7.6%;color:#393d43; }
#agent .agent-ui-shield { left:14.4%;top:78.4%;width:4%;height:9%;color:#8c929a; }
#agent .agent-ui-send {
  position:absolute;left:84.5%;top:70.3%;width:11.1%;aspect-ratio:1;
  border-radius:50%;background:linear-gradient(105deg,#37b8e9,#167bed);
}
#agent .agent-ui-send svg { position:absolute;inset:25%;width:50%;height:50%;color:#fff; }
#agent .agent-ui-tile-icon { position:absolute;left:32%;top:13%;width:36%;height:44%;color:#7b7e83; }

@media (min-width:900px) {
  #agent > .wrap { width:var(--tc-film-width);max-width:none;padding:0;margin-inline:auto; }
  #agent .split { grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:32px; }
  #agent .split__copy {
    position:static;display:grid;grid-template-columns:minmax(0,1fr);
    gap:4px;justify-items:start;text-align:left;width:100%;
  }
  #agent .split__copy .title { grid-column:1;grid-row:1;margin-bottom:10px; }
  #agent .split__copy .sub { grid-column:1;grid-row:2; }
  #agent .split__copy .split__note { grid-column:1;grid-row:3;margin:0; }
  #agent .split__copy .split__note .gold { white-space:normal; }
  #agent .demo--agent {
    width:100%;max-width:none;justify-self:stretch;aspect-ratio:16/9;
    border-radius:22px;box-shadow:none;background:#161411;isolation:isolate;
  }
  #agent .demo--agent > .stage__img { display:none; }
  #agent .agent-wide__poster,
  #agent .agent-wide__video {
    display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  }
  #agent .agent-wide__poster { z-index:0; }
  #agent .agent-wide__video { z-index:1;opacity:0; }
  #agent .agent-wide-ready .agent-wide__video { opacity:1; }
  #agent .stage__ui { z-index:2; }

  /* Both rows share one width so their outer edges stay aligned. */
  #agent .agent-request,
  #agent .agent-services {
    display:block;position:absolute;left:35%;width:min(34%,360px);
  }
  #agent .agent-request {
    top:3%;
    aspect-ratio:802/411;container-type:inline-size;--u:calc(100cqw / 802);
  }
  #agent .agent-request > .layer { inset:0;width:100%;height:auto; }
  #agent .agent-request > .u {
    left:calc((var(--x) - 175) / 802 * 100%);
    top:calc((var(--y) - 93) / 411 * 100%);
    font-size:calc(var(--fs) / 802 * 100cqw);
  }
  #agent .agent-services {
    top:calc(3% + min(34cqw,360px) * 411 / 802 + 1.2cqw);
    aspect-ratio:802/438;container-type:inline-size;--u:calc(100cqw / 802);
  }
  #agent .agent-services > .layer,
  #agent .agent-services > .u {
    left:calc((var(--x) - 175) / 802 * 100%);
    top:calc((var(--y) - 535) / 438 * 100%);
  }
  #agent .agent-services > .layer { width:calc(var(--w) / 802 * 100%); }
  #agent .agent-services > .u { font-size:clamp(12px,calc(var(--fs) / 802 * 100cqw),14px); }

}


/* Source: assets/faq-overseas-20261013/faq-fonts.css */
@font-face{font-family:"TonoCard FAQ 1013";font-weight:400;font-style:normal;font-display:swap;src:url("../faq-overseas-20261013/SourceHanSansSC-400.woff2?v=20261013-privacy4") format("woff2")}
@font-face{font-family:"TonoCard FAQ 1013";font-weight:500;font-style:normal;font-display:swap;src:url("../faq-overseas-20261013/SourceHanSansSC-500.woff2?v=20261013-privacy4") format("woff2")}
@font-face{font-family:"TonoCard FAQ 1013";font-weight:700;font-style:normal;font-display:swap;src:url("../faq-overseas-20261013/SourceHanSansSC-700.woff2?v=20261013-privacy4") format("woff2")}
/* Extend current Source Han Sans coverage only; inherit current type sizes. */
#faq{--tc-text:"TonoCard FAQ 1013",sans-serif}


/* Source: assets/footer-icp-20261013/footer-fonts.css */
/* Source Han Sans SC derivative, pinned to true weight 400 for the ICP line. */
@font-face {
  font-family: "TonoCard Footer ICP";
  src: url("../footer-icp-20261013/TonoCardFooterICP-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.site .foot__legal {
  font-family: "TonoCard Footer ICP", sans-serif;
  font-weight: 400;
  font-synthesis: none;
}


/* Source: assets/phone-compare-user-copy-20261013/compare.css */
/* User-defined comparison copy; long example subtitle wraps between names. */
#phone-agent-compare{--compare-top:clamp(72px,8vw,120px);--compare-line:rgba(180,163,143,.20);padding-top:var(--compare-top);scroll-margin-top:calc(var(--nav-h) + 24px - var(--tc-section-gap,var(--compare-top)))}
#phone-agent-compare>.wrap{width:min(560px,calc(100% - 2 * var(--gutter)));max-width:none;padding:0;margin-inline:auto}
#phone-agent-compare .head{max-width:none}
#phone-agent-compare .title>span{display:block;word-break:keep-all}
#phone-agent-compare .sub{margin-inline:auto;max-width:48em;text-wrap:balance}
#phone-agent-compare .sub .gold{white-space:normal}
#phone-agent-compare .phone-compare__scroll{margin-top:clamp(28px,3.2vw,44px);overflow:auto;border:1px solid var(--compare-line);border-radius:9px;background:#11100e;scrollbar-width:thin;scrollbar-color:#806b55 #11100e;overscroll-behavior-x:contain}
#phone-agent-compare .phone-compare__scroll:focus-visible{outline:2px solid #d7b78d;outline-offset:4px}
#phone-agent-compare .phone-compare__table{width:100%;min-width:760px;table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:center;font-size:14px;line-height:1.55;color:#d0c7ba}
#phone-agent-compare .phone-compare__feature-col{width:116px}
#phone-agent-compare .phone-compare__tono-col{width:236px}
#phone-agent-compare th,#phone-agent-compare td{padding:0;border-right:1px solid var(--compare-line);border-bottom:1px solid var(--compare-line);vertical-align:middle}
#phone-agent-compare tr>:last-child{border-right:0}
#phone-agent-compare tbody tr:last-child>*{border-bottom:0}
#phone-agent-compare thead th{height:86px;padding:12px 10px;font-weight:500;color:var(--gold-a);background:#12110f}
#phone-agent-compare tr>th:first-child{position:sticky;left:0;z-index:1;background:#12110f;text-align:left;padding:12px 20px}
#phone-agent-compare thead tr>th:first-child{font-size:12px;font-weight:400;color:#b6aa9b}
#phone-agent-compare tbody th{font-size:14px;font-weight:500;color:var(--gold-a)}
#phone-agent-compare .phone-compare__name{display:block;font-size:17px;font-weight:500;line-height:1.4;letter-spacing:-.03em;white-space:nowrap}
#phone-agent-compare .phone-compare__kind{display:block;margin-top:6px;font-size:11px;font-weight:400;color:#b6aa9b;white-space:nowrap}
#phone-agent-compare .phone-compare__cell{height:64px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px}
#phone-agent-compare .phone-compare__description{white-space:nowrap}
#phone-agent-compare .phone-compare__tono{background:#201b15;color:var(--gold-a)}
#phone-agent-compare thead .phone-compare__tono{box-shadow:inset 0 3px 0 #c3a587}
#phone-agent-compare .phone-compare__tono .phone-compare__name{font-size:22px;letter-spacing:-.05em}
#phone-agent-compare .phone-compare__status{width:22px;height:22px;flex-shrink:0;fill:none;stroke:#b7afa3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#phone-agent-compare .phone-compare__tono .phone-compare__status{stroke:#e3c79f;stroke-width:2.1}
#phone-agent-compare .phone-compare__status--unknown{stroke:#716a61;stroke-width:1.4}
#phone-agent-compare .phone-compare__more>*{border-top:1px solid rgba(180,163,143,.24)}
#phone-agent-compare .phone-compare__note{margin:16px 0 0;color:#a79c8e;font-size:12px;font-weight:400;line-height:1.8;text-align:left}
#phone-agent-compare .phone-compare__note>span{display:block}
@media(min-width:900px){
  #phone-agent-compare>.wrap{width:var(--tc-film-width)}
  #phone-agent-compare .phone-compare__table{min-width:0}
  #phone-agent-compare .phone-compare__feature-col{width:14%}
  #phone-agent-compare .phone-compare__tono-col{width:30%}
}
@media(max-width:759px){
  #phone-agent-compare .phone-compare__table{min-width:760px}
  #phone-agent-compare .phone-compare__feature-col{width:116px}
  #phone-agent-compare tr>th:first-child{padding:12px 14px}
  #phone-agent-compare tbody th{font-size:13px}
  #phone-agent-compare thead th{height:78px;padding:12px 6px}
  #phone-agent-compare .phone-compare__cell{height:58px;padding:12px 6px}
  #phone-agent-compare .phone-compare__name{font-size:15px}
  #phone-agent-compare .phone-compare__tono .phone-compare__name{font-size:19px}
  #phone-agent-compare .phone-compare__kind{font-size:11px}
  #phone-agent-compare .phone-compare__note{font-size:11px}
}

#phone-agent-compare .phone-compare__kind--examples{white-space:normal;word-break:normal;text-wrap:balance}


/* Source: assets/phone-compare-user-copy-20261013/fonts.css */
/* Source Han Sans SC derivatives; original-feature comparison copy at true static weights. */
@font-face {
  font-family: "TonoCardUserCompare";
  src: url("../phone-compare-user-copy-20261013/TonoCardUserCompare-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "TonoCardUserCompare";
  src: url("../phone-compare-user-copy-20261013/TonoCardUserCompare-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "TonoCardUserCompare";
  src: url("../phone-compare-user-copy-20261013/TonoCardUserCompare-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
#phone-agent-compare,
#phone-agent-compare .title,
#phone-agent-compare .sub,
#phone-agent-compare table,
.site .nav__links .nav__compare {
  font-family: "TonoCardUserCompare", sans-serif;
  font-synthesis: none;
}


/* Source: assets/zh-layout-20261013/layout.css */
/* Chinese website: preserve the approved UI artwork, sizes and animation.
   Position each overlay canvas as a unit within the wide photograph. */
@media (min-width:900px), (min-width:600px) and (max-height:560px) {
  #ai-first.flow--carousel .story-s03 .stage__ui {
    left:13%;
    top:3%;
  }
  #ai-first.flow--carousel .story-s04 .stage__ui {
    left:48%;
    top:6%;
  }
}

/* End on the final photograph with the same outer gutter as the first one. */
@media (min-width:900px) {
  #ai-first.flow--carousel .flow__grid::after {
    content:none;
    display:none;
  }
}


/* Source: assets/zh-spacing-20261013/spacing.css */
/* One spacing scale between chapters. Preserve internal typography, media
   ratios and the full-screen hero / attachment sequence. */
.site {
  --tc-section-gap:clamp(64px,6vw,96px);
}
#harness.harness,
#harness-rules.feature-chapters,
#agent,
#why-hardware,
#phone-agent-compare,
#privacy,
#specs,
#faq {
  padding-top:var(--tc-section-gap);
}
#harness-rules .feature-chapters__inner {
  gap:var(--tc-section-gap);
}

/* The sticky chapter still gets its scroll runway from the controller.
   Its visible panel ends after the pictures and captions, without a spare
   viewport-sized bottom area or an unused caption minimum height. */
#ai-first.carousel-ready .flow__pin {
  height:auto;
  padding-bottom:0;
}
#ai-first.flow--carousel .flow__item .flow__copy {
  min-height:0;
}

/* FAQ and footer previously added two separate large gaps. Split one shared
   gap across the existing footer divider instead. */
#faq {
  padding-bottom:calc(var(--tc-section-gap) / 2);
}
.site > .foot {
  padding-top:calc(var(--tc-section-gap) / 2);
}
@media(max-width:599px) {
  .site { --tc-section-gap:48px; }
}


/* Source: assets/zh-harness-focus-20261013/harness-focus.css */
/* Desktop: enter Harness as one complete screen, below the fixed navigation. */
@media(min-width:900px) {
  #harness.harness {
    min-height:100svh;
    display:grid;
    align-items:center;
    padding:var(--nav-h,56px) 0 0;
    scroll-margin-top:0;
  }
  #harness .harness-film {
    width:min(76vw,1280px,calc((100svh - var(--nav-h,56px) - 64px) * 7 / 3));
  }
}


/* Source: assets/phone-compare-pro-title-20261013/fonts.css */
/* Source Han Sans SC derivatives; comparison title only at true static weights. */
@font-face {
  font-family: "TonoCardCompareTitle";
  src: url("../phone-compare-pro-title-20261013/TonoCardCompareTitle-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
#phone-agent-compare .title {
  font-family: "TonoCardCompareTitle", sans-serif;
  font-synthesis: none;
}


/* Source: assets/phone-compare-pro-title-20261013/title.css */
#phone-agent-compare .title{display:flex;flex-wrap:wrap;justify-content:center;column-gap:.5em;row-gap:0}


/* Source: assets/zh-section-rhythm-20261013/rhythm.css */
/* Adopt the observed desktop 160 / 40 / 16 hierarchy. Smaller screens use
   a separate 80 / 24 / 12 scale; these are our responsive adaptations. */
.site {
  --tc-section-gap:80px;
  --tc-media-gap:24px;
  --tc-copy-gap:12px;
  --tc-footer-gap:48px;
}
@media(min-width:600px) {
  .site { --tc-section-gap:120px; --tc-media-gap:32px; --tc-copy-gap:16px; --tc-footer-gap:64px; }
}
@media(min-width:900px) {
  .site { --tc-section-gap:160px; --tc-media-gap:40px; --tc-footer-gap:80px; }
  /* Harness already supplies the space inside its dedicated screen. */
  #harness-rules.feature-chapters { padding-top:80px; }
}
#harness-rules .feature-chapter__head {
  gap:var(--tc-copy-gap);
  margin-bottom:var(--tc-media-gap);
}
#agent .split { gap:var(--tc-media-gap); }
#agent .split__copy { gap:4px; }
#agent .split__copy .title { margin-bottom:calc(var(--tc-copy-gap) - 4px); }
#agent .split__copy .split__note { margin:0; }
#why-hardware .head,
#phone-agent-compare .head { gap:var(--tc-copy-gap); }
#why-hardware .signal { margin-top:var(--tc-media-gap); }
#phone-agent-compare .phone-compare__scroll { margin-top:var(--tc-media-gap); }
#privacy .privacy__copy {
  gap:var(--tc-copy-gap);
  margin-bottom:var(--tc-media-gap);
}
#specs,#faq { --tc-support-gap:var(--tc-media-gap); }
/* The footer is the close of the page, not another large feature chapter. */
#faq { padding-bottom:calc(var(--tc-footer-gap) / 2); }
.site > .foot { padding-top:calc(var(--tc-footer-gap) / 2); }


/* Source: assets/zh-overlay-once-20261013/title-motion.css */
/* Whole-line entrance inspired by the observed Apple HomeView type lockups.
   Keep layout, glyphs and all demo/UI animations under their existing owners. */
.site {
  --tc-heading-rise: 30px;
  --tc-heading-ease: cubic-bezier(.42, 0, .58, 1);
}
@media (max-width: 759px) {
  .site { --tc-heading-rise: 20px; }
}
@keyframes tc-heading-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes tc-heading-rise {
  from { transform: translateY(var(--tc-heading-rise)); }
  to { transform: none; }
}
.tc-heading-item { --tc-heading-delay: 0s; }
.tc-heading-support { --tc-heading-delay: .15s; }
.tc-heading-group[data-heading-visible="false"] > .tc-heading-item {
  opacity: 0;
  transform: translateY(var(--tc-heading-rise));
}
.tc-heading-group[data-heading-visible="true"] > .tc-heading-item,
#attach[data-heading-motion="media"][data-heading-visible="true"] .attach-film__copy > :is(h2, p),
#ai-first.carousel-ready .is-current .flow__copy :is(.title, .sub),
#harness-rules[data-feature-demos-ready="true"] .is-copy-visible .feature-chapter__head > :is(h2, p) {
  animation: tc-heading-fade .9s var(--tc-heading-ease) var(--tc-heading-delay, 0s) both,
             tc-heading-rise .7s var(--tc-heading-ease) var(--tc-heading-delay, 0s) both;
  translate: none;
}
#attach .attach-film__copy > p,
#ai-first .flow__copy .sub,
#harness-rules .feature-chapter__head > p { --tc-heading-delay: .15s; }

/* These groups keep their existing media/card/viewport triggers. */
#attach[data-heading-motion="media"][data-heading-visible="false"] .attach-film__copy > :is(h2, p) {
  opacity: 0;
  transform: translateY(var(--tc-heading-rise));
}
#ai-first.carousel-ready .flow__item .flow__copy {
  transform: none;
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .tc-heading-group > .tc-heading-item,
  #attach[data-heading-motion="media"] .attach-film__copy > :is(h2, p),
  #ai-first.carousel-ready .is-current .flow__copy :is(.title, .sub),
  #harness-rules[data-feature-demos-ready="true"] .feature-chapter__head > :is(h2, p) {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
  }
}

/* Finish or cancel a first entrance at full opacity; later visits stay readable. */
.site .tc-heading-played {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
}


/* Source: assets/zh-overlay-once-20261013/overlay.css */
/* Desktop positions follow the user's two annotated photographs.
   Keep the original artwork dimensions, vertical rhythm, and mobile layout. */
@media (min-width: 760px) {
  #harness-rules #rules .instruction { left: 36.7%; }
  #harness-rules #rules .glass-card { left: 23.3%; }
  #harness-rules #callback .instruction { left: 45.5%; }
  #harness-rules #callback .glass-card { left: 32.5%; }
}


/* Source: assets/scroll-fix-20261013/scroll.css */
/* Keep the document still while either native dialog owns input. Retaining
   the scrollbar gutter prevents horizontal layout shifts when it opens. */
html { scrollbar-gutter:stable; }
html:has(dialog[open]) { overflow:hidden; }
dialog { overscroll-behavior:contain; }


/* Source: assets/zh-mobile-layout-20261014/mobile.css */
/* Portrait compositions share the Agent chapter's reading order and margins.
   All rules are scoped to the mobile breakpoint; the wide page is unchanged. */
@media (max-width: 899px) {
  .site { --gutter:20px; --tc-section-gap:80px; --tc-media-gap:24px; --tc-copy-gap:12px; }
  #agent > .wrap,
  #phone-agent-compare > .wrap,
  #specs > .wrap,
  #faq > .wrap,
  #harness-rules .feature-chapters__inner {
    width:calc(100% - 40px); max-width:560px; margin-inline:auto; padding-inline:0;
  }
  #harness-rules .feature-chapter__head { grid-template-columns:minmax(0,1fr); }
  #harness-rules .feature-chapter__head h2 { font-size:clamp(24px,7.2vw,32px); font-weight:700; line-height:1.38; text-wrap:balance; }
  #harness-rules .feature-chapter__head h2 > .gold { white-space:normal; }
  .mobile-title-line { display:block; }
  #harness-rules .feature-chapter__head p { font-size:16px; line-height:1.75; }
  #harness-rules .feature-film { aspect-ratio:2/3; border-radius:20px; background:#151310; }
  /* Give the request and confirmation their own reading space above the
     phone. The moving photo occupies a square at the foot of the portrait. */
  #harness-rules #rules .feature-film > video,
  #harness-rules #callback .feature-film > video {
    position:absolute; inset:auto 0 0; width:100%; height:60%;
    object-fit:cover; object-position:58% 50%;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 18%);
  }
  #harness-rules .scene-ui { --overlay-unit:1px; }
  #harness-rules #rules .instruction,
  #harness-rules #callback .instruction {
    left:auto; right:5%; top:4%; width:86%; max-width:340px;
  }
  #harness-rules #rules .glass-card,
  #harness-rules #callback .glass-card {
    left:5%; top:19%; width:70%; max-width:278px;
  }
  #harness-rules #social .feature-film { aspect-ratio:1; background:#151310; }
  #harness-rules #social .feature-film > video { width:100%; height:100%; object-fit:cover; object-position:40% 50%; }
  #harness-rules #social .social-apps { top:7%; width:55%; max-width:236px; }

  #attach { padding-top:80px; }
  #attach .attach-film__stage {
    min-height:0; padding:0; display:flex; flex-direction:column;
    align-items:center; justify-content:flex-start; gap:24px;
  }
  #attach .attach-film__copy { width:calc(100% - 40px); max-width:560px; padding:0; margin:0; }
  #attach .attach-film__copy .title { font-size:clamp(30px,7.7vw,38px); }
  #attach .attach-film__copy .sub { margin-top:12px; font-size:16px; line-height:1.75; }
  #attach .attach-film__visual {
    width:calc(100% - 40px); max-width:560px; height:auto; aspect-ratio:1;
    margin:0; transform:none; translate:none; border-radius:20px; overflow:hidden;
  }

  #harness.harness { padding-block:80px 0; min-height:0; }
  #harness .harness-film { width:calc(100% - 40px); max-width:560px; aspect-ratio:1; border-radius:20px; }
  #harness .harness-film__title { font-size:clamp(25px,7.2vw,38px); line-height:1.35; gap:8px; }
  #harness .harness-film__copy { padding:24px 16px; }

  #agent .split { grid-template-columns:minmax(0,1fr); }
  #agent .split__copy { width:100%; max-width:none; }
  #agent .demo--agent { width:100%; max-width:none; border-radius:20px; }

  #why-hardware { padding-bottom:0; }
  #why-hardware > .wrap { width:calc(100% - 40px); max-width:560px; margin-inline:auto; padding-inline:0; }
  #why-hardware .band--desk {
    width:calc(100% - 40px); max-width:560px; margin:24px auto 0;
    aspect-ratio:4/5; height:auto; min-height:0; max-height:none; border-radius:20px; overflow:hidden;
  }
  #why-hardware .band__img { width:100%; height:100%; object-fit:cover; object-position:50% 50%; }

  #privacy .privacy__stage { width:100%; max-width:none; }
  #privacy .privacy__copy { width:calc(100% - 40px); max-width:560px; margin-inline:auto; }
  #privacy .privacy__film {
    width:calc(100% - 40px); max-width:560px; height:auto; aspect-ratio:4/5;
    margin-inline:auto; border-radius:20px; overflow:hidden;
  }
  #privacy .privacy__video { width:100%; height:100%; object-fit:cover; object-position:50% 50%; }
}


/* Source: assets/zh-mobile-layout-20261014/compare-mobile.css */
/* A single vertical reading path on phones; the desktop table is untouched. */
#phone-agent-compare .phone-compare-mobile {
  display: none;
}

@media (max-width: 899px) {
  #phone-agent-compare[data-compare-mobile-ready="true"] .phone-compare__scroll {
    display: none;
  }

  #phone-agent-compare .phone-compare-mobile {
    display: grid;
    gap: 20px;
    margin-top: 28px;
    /* Same verified Source Han derivatives as the source table. The general
       chapter subset does not contain every comparison-specific character. */
    font-family: "TonoCardUserCompare", sans-serif;
    font-synthesis: none;
    text-align: left;
  }

  #phone-agent-compare .phone-compare-mobile__card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(180, 163, 143, .22);
    border-radius: 20px;
    background: #10100e;
  }

  #phone-agent-compare .phone-compare-mobile__title {
    margin: 0;
    padding: 20px;
    color: var(--gold-a);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0;
  }

  #phone-agent-compare .phone-compare-mobile__entries {
    margin: 0;
    padding: 0;
  }

  #phone-agent-compare .phone-compare-mobile__entry {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    align-items: center;
    gap: 16px;
    min-height: 80px;
    padding: 16px 20px;
    border-top: 1px solid rgba(180, 163, 143, .14);
  }

  #phone-agent-compare .phone-compare-mobile__entry--tono {
    background: #201b15;
    color: var(--gold-a);
  }

  #phone-agent-compare .phone-compare-mobile__product,
  #phone-agent-compare .phone-compare-mobile__detail {
    min-width: 0;
    margin: 0;
    font-weight: 400;
  }

  #phone-agent-compare .phone-compare-mobile .phone-compare__name {
    display: block;
    color: #d6cdbf;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  #phone-agent-compare .phone-compare-mobile__entry--tono .phone-compare__name {
    color: var(--gold-a);
    font-weight: 700;
  }

  #phone-agent-compare .phone-compare-mobile .phone-compare__kind {
    display: block;
    margin-top: 5px;
    color: #a99e90;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.5;
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  #phone-agent-compare .phone-compare-mobile .phone-compare__cell {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 7px;
    height: auto;
    min-height: 0;
    padding: 0;
    color: #d6cdbf;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
  }

  #phone-agent-compare .phone-compare-mobile .phone-compare__description {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  #phone-agent-compare .phone-compare-mobile .phone-compare__status {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    margin-top: 2px;
  }

  #phone-agent-compare .phone-compare-mobile__entry--tono .phone-compare__cell {
    color: #e3c79f;
    font-weight: 500;
  }

  #phone-agent-compare .phone-compare-mobile__entry--tono .phone-compare__status {
    stroke: #e3c79f;
    stroke-width: 2.1;
  }
}


/* Source: assets/zh-mobile-layout-20261014/story-mobile.css */
/* Mobile scenes use their native portrait artwork and ordinary document flow.
   Desktop continues to use the reviewed carousel stylesheet and controller. */
@media (max-width:899px) {
  #ai-first.flow--carousel.mobile-story {
    padding-top:var(--tc-section-gap,80px);
    scroll-margin-top:var(--nav-h,56px);
    --gutter:20px;
  }
  #ai-first.mobile-story .flow__track { height:auto!important; }
  #ai-first.mobile-story .flow__pin {
    position:static;top:auto;height:auto;overflow:visible;padding:0;
  }
  #ai-first.mobile-story .flow__grid {
    display:grid;grid-template-columns:minmax(0,1fr);
    width:calc(100% - 40px);max-width:560px;margin-inline:auto;padding:0;
    gap:var(--tc-section-gap,80px);overflow:visible;
    scroll-snap-type:none;cursor:auto;user-select:auto;-webkit-user-select:auto;
  }
  #ai-first.mobile-story .flow__grid::after { content:none;display:none; }
  #ai-first.mobile-story .flow__item {
    display:flex;flex-direction:column;width:100%;flex:none;
    gap:var(--tc-media-gap,24px);scroll-margin-top:calc(var(--nav-h,56px) + 24px);
  }
  #ai-first.mobile-story .flow__item .flow__copy {
    order:0!important;opacity:1;transform:none;animation:none;transition:none;
    min-height:0;padding:0;gap:var(--tc-copy-gap,12px);pointer-events:auto;
    justify-items:start;text-align:left;
  }
  #ai-first.mobile-story .flow__copy .gold { white-space:normal!important; }
  #ai-first.mobile-story .flow__copy .title { font-size:clamp(24px,7.2vw,32px);line-height:1.38;font-weight:700; }
  #ai-first.mobile-story .flow__copy .title .gold { white-space:pre-line!important; }
  #ai-first.mobile-story .flow__copy .sub { font-size:16px;line-height:1.75; }
  #ai-first.mobile-story .flow__item .scene {
    order:1;width:100%!important;max-width:none;aspect-ratio:1152/1290;
    border-radius:18px;transform:none;opacity:1;scale:1;
  }
  #ai-first.mobile-story .story-scene .stage__ui {
    inset:0;left:0;top:0;width:100%;height:100%;aspect-ratio:auto;
    container-type:inline-size;
  }
  /* Message cards need readable type, with faces and devices below them.
     Keep the complete portrait photo and a separate proportional UI plane. */
  #ai-first.mobile-story .flow__item .story-s04,
  #ai-first.mobile-story .flow__item .story-s06 { aspect-ratio:2/3; background:#11100f; }
  #ai-first.mobile-story :is(.story-s04,.story-s06) .story-picture {
    position:absolute; inset:auto 0 0; width:100%; height:74.653%;
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%);
    mask-image:linear-gradient(to bottom,transparent,#000 18%);
  }
  #ai-first.mobile-story .story-s04 .stage__ui {
    inset:auto; left:-15.63%; top:-2.5%; width:121.26%; height:auto;
    aspect-ratio:1152/1290;
  }
  #ai-first.mobile-story .story-s06 .stage__ui {
    inset:auto; left:-3.6%; top:-2.2%; width:147.7%; height:auto;
    aspect-ratio:1152/1290;
  }
  #ai-first.mobile-story .flow__rail { display:none!important; }
  #ai-first.mobile-story .story-ui-group { opacity:1;transform:none;animation:none!important; }
  #ai-first.mobile-story .story-ui-group .seq {
    opacity:var(--op,1);translate:none;scale:1;
  }
  #ai-first.mobile-story .is-mobile-ui-waiting .story-ui-group .seq { opacity:0; }
  #ai-first.mobile-story .is-mobile-ui-playing .story-ui-group .seq {
    animation:var(--anim,pop) .72s var(--ease) var(--d,0s) both!important;
  }
  #ai-first.mobile-story .ring { display:none; }
  #ai-first.mobile-story .is-mobile-ui-playing .ring {
    display:block;animation:ringpulse 2s ease-out var(--d,0s) 1 both;
  }
  #ai-first.mobile-story .is-mobile-ui-playing .story-ui-group .slide {
    animation:fade .6s var(--ease) var(--d,0s) both,
      shimmer 2.6s linear calc(var(--d,0s) + .7s) 1 both!important;
    background-image:linear-gradient(100deg,#2C7FE8 0 38%,#D9ECFF 50%,#2C7FE8 62% 100%);
    background-size:260% 100%;
  }
  #ai-first.mobile-story .is-mobile-ui-complete .story-ui-group .seq {
    animation:none!important;opacity:var(--op,1);translate:none;scale:1;
  }
  #ai-first.mobile-story .flow__copy[data-mobile-copy-visible="false"] > :is(h2,p) {
    opacity:0;transform:translateY(var(--tc-heading-rise,20px));
  }
  #ai-first.mobile-story .flow__copy[data-mobile-copy-visible="true"] > :is(h2,p) {
    animation:tc-heading-fade .9s var(--tc-heading-ease) var(--tc-heading-delay,0s) both,
      tc-heading-rise .7s var(--tc-heading-ease) var(--tc-heading-delay,0s) both;
  }
  #ai-first.mobile-story .flow__copy > .tc-heading-played {
    animation:none!important;opacity:1!important;transform:none!important;
  }
}
@media (max-width:899px) and (prefers-reduced-motion:reduce) {
  #ai-first.mobile-story .flow__copy > :is(h2,p),
  #ai-first.mobile-story .story-ui-group .seq {
    animation:none!important;opacity:var(--op,1)!important;
    translate:none!important;scale:1!important;
  }
  #ai-first.mobile-story .flow__copy > :is(h2,p) { transform:none!important; }
  #ai-first.mobile-story .ring { display:none!important; }
}


/* Source: assets/zh-mobile-scrim-20261014/mobile-scrim.css */
/* Mobile photo backgrounds: one black layer, at most 30% opacity.
   UI artwork, navigation, dialogs and desktop rendering retain their alpha. */
@media (max-width:899px) {
  #ai-first.mobile-story :is(.story-s04,.story-s06) .story-picture {
    inset:0; width:100%; height:100%;
    -webkit-mask-image:none; mask-image:none;
  }
  #ai-first.mobile-story .story-s04 .stage__img { object-position:20% 50%; }
  #ai-first.mobile-story .story-s06 .stage__img { object-position:90% 50%; }
  #ai-first.mobile-story :is(.story-s04,.story-s06)::after,
  #harness-rules :is(#rules,#callback) .feature-film::after {
    content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
    background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.3) 28%,transparent 66%);
  }
  #ai-first.mobile-story :is(.story-s04,.story-s06) .stage__ui,
  #harness-rules :is(#rules,#callback) .scene-ui { z-index:2; }
  #harness-rules #rules .feature-film > video,
  #harness-rules #callback .feature-film > video {
    inset:0; width:100%; height:100%;
    -webkit-mask-image:none; mask-image:none;
  }
  .hero6__scrim {
    background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 24%,transparent 54%,rgba(0,0,0,.3));
  }
  #why-hardware .band--desk::after {
    background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 36%,transparent 70%,rgba(0,0,0,.3));
  }
  /* The existing Harness timeline animates opacity from 0 to .65.
     Scale only that shade, retaining its timing: .65 * (6/13) = .30. */
  #harness .harness-film__shade { filter:opacity(.4615384615); }
}


/* Source: assets/zh-mobile-fullbleed-20261014/fullbleed.css */
/* Two mobile chapters adopt the wide page's edge-to-edge presentation. */
@media (max-width:899px) {
  #why-hardware .band--desk {
    width:100%; max-width:none; margin:calc(-1 * clamp(100px,28vw,120px)) 0 0;
    aspect-ratio:3/4; height:auto; min-height:0; max-height:none; border-radius:0;
  }
  #why-hardware .band__img {
    object-fit:cover; object-position:50% 50%; scale:1; translate:none;
  }
  #why-hardware .band--desk::after {
    background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.78) 15%,transparent 36%,transparent 78%,#000 100%);
  }
  #privacy .privacy__stage {
    display:block; width:100%; max-width:none;
    min-height:max(520px,calc(100svh - var(--nav-h,56px)));
    overflow:hidden; background:#000;
  }
  #privacy .privacy__copy {
    width:calc(100% - 40px); margin:0 auto; padding:24px 0 0;
  }
  #privacy .privacy__film {
    position:absolute; inset:0; width:100%; max-width:none; height:100%;
    aspect-ratio:auto; margin:0; border-radius:0; overflow:hidden;
  }
  /* The product is 19% of the original 21:9 frame width. A 230% frame
     makes it approximately 44% of the viewport. Its source center is below
     the frame center; subtract 2.72vw to keep it steady as the frame grows. */
  #privacy .privacy__video {
    position:absolute; left:50%; top:calc(57% - 2.72vw + 28px); width:230%; max-width:none;
    height:auto; aspect-ratio:3840/1646; object-fit:contain;
    transform:translate(-50%,-50%);
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);
    mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);
  }
}


/* Source: assets/zh-mobile-fullbleed-20261014/compare-restore.css */
/* Restore the original horizontally scrollable comparison on phones.
   Copy, type, colors and desktop presentation continue to come from the table. */
@media (max-width: 899px) {
  #phone-agent-compare .phone-compare-mobile {
    display: none;
  }

  #phone-agent-compare > .wrap {
    min-width: 0;
  }

  #phone-agent-compare .phone-compare__scroll,
  #phone-agent-compare[data-compare-mobile-ready="true"] .phone-compare__scroll {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  #phone-agent-compare .phone-compare__table {
    display: table;
    width: 100%;
    min-width: 760px;
    table-layout: fixed;
  }

  #phone-agent-compare .phone-compare__feature-col {
    width: 116px;
  }

  #phone-agent-compare .phone-compare__tono-col {
    width: 236px;
  }

  #phone-agent-compare .phone-compare__table tr > th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
  }
}


/* Source: assets/zh-mobile-ui-polish-20261014/demo-ui.css */
/* Mobile-only typesetting of the original PSB confirmation-card copy.
   The request artwork and its original reveal timeline remain in use. */
.mobile-demo-card { display:none; }
@media (max-width:899px) {
  #harness-rules :is(#rules,#callback) .scene-ui {
    display:flex; flex-direction:column; align-items:flex-start;
    padding:20px 16px; gap:12px;
  }
  #harness-rules :is(#rules,#callback) .scene-ui .instruction {
    position:relative; inset:auto; align-self:flex-end;
    width:min(240px,100%); max-width:none; flex:none;
  }
  #harness-rules :is(#rules,#callback) .scene-ui .glass-card {
    position:relative; inset:auto; width:min(248px,100%); max-width:none;
    flex:none; border-radius:16px;
  }
  #harness-rules #callback .scene-ui .glass-card { width:min(240px,100%); }
  #harness-rules #rules .feature-chapter__head .mobile-copy-line { display:block; }
  #harness-rules .glass-card > img { display:none; }
  #harness-rules .mobile-demo-card {
    display:grid; gap:9px; padding:12px; border-radius:16px;
    background:linear-gradient(180deg,rgba(230,239,253,.64),rgba(250,252,255,.64));
    color:#161610; font-size:12px; line-height:1.5; font-weight:400;
    font-family:"Source Han Sans SC",sans-serif; font-synthesis:none;
  }
  #harness-rules .mobile-demo-card__head { display:flex; align-items:center; gap:9px; min-height:32px; }
  #harness-rules .mobile-demo-card__head strong { display:block; font-size:14px; line-height:1.3; font-weight:700; }
  #harness-rules .mobile-demo-card__contact { display:block; font-size:11px; line-height:1.45; color:#51524e; }
  /* Reuse the original artwork's icon pixels without changing their design. */
  #harness-rules .mobile-demo-card__icon {
    display:block; flex:none; width:32px; height:32px; border-radius:9px;
    background-image:url("../feature-demos-20261012/psb-ui/s08-panel.png");
    background-repeat:no-repeat; background-size:208px 154.6667px;
    background-position:-13.3333px -12px;
  }
  #harness-rules .mobile-demo-card--callback .mobile-demo-card__icon {
    border-radius:50%; background-image:url("../feature-demos-20261012/psb-ui/s09-panel.png");
    background-size:269.84px 200.65px; background-position:-19.03px -19.46px;
  }
  #harness-rules .mobile-demo-card__body { padding:8px; border-radius:10px; background:rgba(255,255,255,.56); }
  #harness-rules .mobile-demo-card__body p { margin:0; }
  #harness-rules .mobile-demo-card__rule { display:flex; align-items:baseline; gap:6px; }
  #harness-rules .mobile-demo-card__rule + .mobile-demo-card__rule { margin-top:3px; }
  #harness-rules .mobile-demo-card__badge { flex:none; padding:0 3px; border-radius:4px; background:#f9e9e8; color:#e0463a; font-size:10px; line-height:1.4; }
  #harness-rules .mobile-demo-card__label { color:#555752; font-size:11px; }
  #harness-rules .mobile-demo-card__goal { margin-top:3px!important; font-weight:700; }
  #harness-rules .mobile-demo-card__actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  #harness-rules .mobile-demo-card__actions > span { display:grid; place-items:center; min-height:30px; border-radius:9px; background:rgba(255,255,255,.72); }
  #harness-rules .mobile-demo-card__actions .mobile-demo-card__confirm { color:#fff; background:linear-gradient(100deg,#58c2f6,#247de6); }
  #harness-rules .mobile-demo-card--callback .mobile-demo-card__confirm { background:linear-gradient(100deg,#82df84,#11b920); }
}


/* Source: assets/zh-mobile-ui-polish-20261014/story-ui.css */
/* Mobile card scale follows the first conversation's approximately 12px copy.
   Keep source artwork, text, font families, sequence classes and delays intact.
   Load after story-mobile.css and mobile-scrim.css. */
@media (max-width:899px) {
  #ai-first.mobile-story :is(.story-s04,.story-s05,.story-s06) {
    --mobile-story-edge:16px;
    --mobile-story-top:20px;
  }

  /* Rebase the original 1152 x 1290 overlay plane around the 760 x 402 card.
     Only the plane moves; the original child coordinates and motion remain. */
  #ai-first.mobile-story .story-s04 .stage__ui {
    --mobile-story-card:min(272px,calc(100cqw - 2 * var(--mobile-story-edge)));
    inset:auto;
    left:calc(var(--mobile-story-edge) - var(--mobile-story-card) * 196 / 760);
    top:calc(var(--mobile-story-top) - var(--mobile-story-card) * 84 / 760);
    width:calc(var(--mobile-story-card) * 1152 / 760);
    height:auto;
    aspect-ratio:1152/1290;
  }
  #ai-first.mobile-story .story-s04 .u {
    font-size:max(10.5px,calc(var(--fs) * var(--u)));
  }
  /* Fourth paragraph is the original one-line call reason. */
  #ai-first.mobile-story .story-s04 .story-ui-group > p:nth-of-type(4),
  #ai-first.mobile-story .story-s04 .slide {
    font-size:clamp(12px,calc(35 * var(--u)),13px);
  }

  /* Rebase the summary's 624 x 444 card independently of the photograph. */
  #ai-first.mobile-story .story-s06 .stage__ui {
    --mobile-story-card:min(260px,calc(100cqw - 2 * var(--mobile-story-edge)));
    inset:auto;
    left:calc(var(--mobile-story-edge) - var(--mobile-story-card) * 67 / 624);
    top:calc(var(--mobile-story-top) - var(--mobile-story-card) * 70 / 624);
    width:calc(var(--mobile-story-card) * 1152 / 624);
    height:auto;
    aspect-ratio:1152/1290;
  }
  #ai-first.mobile-story .story-s06 .u {
    font-size:clamp(12px,calc(30 * var(--u)),13px);
  }
  #ai-first.mobile-story .story-s06 .story-ui-group > p:first-of-type {
    font-size:clamp(14px,calc(34 * var(--u)),14.5px);
  }

  /* The call-control artwork remains below the face and phone, with its
     original 680:262 ratio. Positioning does not replace its rise animation. */
  #ai-first.mobile-story .story-s05 .story-ui-group > .layer {
    --mobile-story-bar:min(260px,calc(100cqw - 2 * var(--mobile-story-edge)));
    left:calc((100% - var(--mobile-story-bar)) / 2);
    top:auto;
    bottom:20px;
    width:var(--mobile-story-bar);
    height:auto;
    aspect-ratio:680/262;
  }
}

@media (max-width:319px) {
  #ai-first.mobile-story :is(.story-s04,.story-s05,.story-s06) {
    --mobile-story-edge:14px;
  }
}


/* Source: assets/zh-mobile-ui-polish-20261014/agent-ui.css */
/* Readable mobile Agent UI. Keep the original DOM, glyph fonts, icons,
   alpha surfaces and sequence delays; only layout the two groups locally. */
@media (max-width:899px) {
  #agent .demo--agent {
    --agent-mobile-ui-top:20px;
    --agent-mobile-request-height:clamp(96px,calc(25cqw + 20px),116px);
  }
  #agent .agent-request,
  #agent .agent-services {
    display:block;position:absolute;
    left:50%;right:auto;width:calc(100% - 32px);max-width:304px;
    transform:translateX(-50%);
    container-type:inline-size;
    --u:calc(100cqw / 802);
  }
  #agent .agent-request {
    top:var(--agent-mobile-ui-top);
    height:var(--agent-mobile-request-height);aspect-ratio:auto;
  }
  #agent .agent-request > .agent-ui-panel {
    inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:14px;
  }
  #agent .agent-request > .u {
    line-height:1.3;letter-spacing:0;white-space:pre;
  }
  #agent .agent-request > .ui-dark:not(.type) {
    left:46px;top:23px;font-size:11.5px;
  }
  #agent .agent-request > .ui-grey {
    left:46px;top:36px;font-size:10.5px;
  }
  #agent .agent-request > .type {
    left:12px;top:calc(50% + 6px);font-size:12.5px;
  }
  #agent .agent-request > .ui-grey2 {
    left:65px;top:auto;bottom:11px;transform:none;font-size:10.5px;
  }
  #agent .agent-ui-file {
    left:8px;top:8px;width:calc(100% - 16px);height:34px;
    border-radius:8px;
  }
  #agent .agent-ui-folder {
    left:18px;top:18px;width:16px;height:12px;
  }
  #agent .agent-ui-close {
    left:auto;right:17px;top:19px;width:12px;height:12px;
  }
  #agent .agent-ui-plus {
    left:13px;top:auto;bottom:13px;width:11px;height:11px;
  }
  #agent .agent-ui-shield {
    left:40px;top:auto;bottom:12px;width:10px;height:13px;
  }
  #agent .agent-ui-send {
    left:auto;right:10px;top:auto;bottom:8px;width:26px;aspect-ratio:1;
  }
  #agent .agent-services {
    top:calc(var(--agent-mobile-ui-top) + var(--agent-mobile-request-height) + 8px);
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:repeat(2,60px);gap:8px;
    height:128px;aspect-ratio:auto;
  }
  /* The existing tile div and following label p occupy the same grid cell.
     nth-of-type independently counts each six-element set. */
  #agent .agent-services > :is(.layer,.u) {
    position:relative;left:auto;right:auto;top:auto;bottom:auto;
    grid-row:1;grid-column:1;
  }
  #agent .agent-services > :is(.layer,.u):nth-of-type(3n + 2) { grid-column:2; }
  #agent .agent-services > :is(.layer,.u):nth-of-type(3n) { grid-column:3; }
  #agent .agent-services > :is(.layer,.u):nth-of-type(n + 4) { grid-row:2; }
  #agent .agent-services > .agent-ui-tile {
    width:100%;height:60px;aspect-ratio:auto;border-radius:10px;
  }
  #agent .agent-services > .u {
    width:max-content;max-width:100%;margin:0 0 7px;
    align-self:end;justify-self:center;transform:none;
    font-size:12px;line-height:16px;letter-spacing:0;text-align:center;
  }
  #agent .agent-ui-tile-icon {
    left:calc(50% - 13px);top:7px;width:26px;height:26px;
  }
}
@media (max-width:359px) {
  #agent .demo--agent {
    --agent-mobile-ui-top:16px;
    --agent-mobile-request-height:92px;
  }
  #agent .agent-request > .type { top:51px; }
  #agent .agent-request > .ui-grey2 { bottom:8px; }
  #agent .agent-ui-plus { bottom:10px; }
  #agent .agent-ui-shield { bottom:9px; }
  #agent .agent-ui-send { bottom:6px;width:24px; }
}
@media (max-width:340px) {
  #agent .demo--agent {
    --agent-mobile-ui-top:12px;
    --agent-mobile-request-height:84px;
  }
  #agent .agent-ui-file { top:6px;height:30px; }
  #agent .agent-ui-folder { top:15px; }
  #agent .agent-ui-close { top:15px; }
  #agent .agent-request > .ui-dark:not(.type) { top:17px; }
  #agent .agent-request > .ui-grey { top:29px; }
  #agent .agent-request > .type { top:46px; }
  #agent .agent-ui-send { width:22px; }
}


/* Source: assets/zh-hero-resume-20261014/mobile-actions.css */
/* Keep the two mobile labels centered within equal-width tap targets.
   Opposite-side decorative icons used to shrink but retain their flex gap. */
@media (max-width:899px) {
  .site .hero6__actions .btn { gap:0; justify-content:center; }
  .site .hero6__actions .btn > svg { display:none; }
}


/* Source: assets/zh-desktop-ui-width-20261014/desktop-ui.css */
/* Give confirmation panels the same readable scale as the dialogue UI.
   Widen away from the phone; in narrow desktop windows keep a 20px inset
   from the phone area instead of retaining the old fixed-pixel right edge.
   The original PSB artwork, copy and reveal timelines remain unchanged. */
@media (min-width:900px) {
  #harness-rules :is(#rules,#callback) .scene-ui {
    --desktop-confirm-width:clamp(260px,26cqw,288px);
  }
  #harness-rules :is(#rules,#callback) .scene-ui .glass-card {
    width:var(--desktop-confirm-width);
  }
  #harness-rules #rules .scene-ui .glass-card {
    left:min(calc(23.3% + 200px - var(--desktop-confirm-width)),calc(44% - 20px - var(--desktop-confirm-width)));
  }
  #harness-rules #callback .scene-ui .glass-card {
    left:min(calc(32.5% + 208px - var(--desktop-confirm-width)),calc(54% - 20px - var(--desktop-confirm-width)));
  }
}


/* Source: assets/performance-fixes-20261014/enhancements.css */
/* Native responsive poster: same composition, one correctly sized request. */
#social .feature-film__poster {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
#social .feature-film__poster img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#social .feature-film__poster.has-video-frame { visibility: hidden; }
#social .scene-ui { z-index: 2; }
@media (max-width: 899px) {
  #social .feature-film__poster img { object-fit: cover; object-position: 40% 50%; }
}

/* The wrapper is added only when enhancement JS succeeds. No added copy. */
#phone-agent-compare .phone-compare__frame {
  position: relative;
  margin-top: var(--tc-media-gap);
}
#phone-agent-compare .phone-compare__frame > .phone-compare__scroll { margin-top: 0; }
@media (max-width: 899px) {
  #phone-agent-compare .phone-compare__frame[data-more="true"]::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    border-radius: 0 9px 9px 0;
    background: linear-gradient(90deg, transparent, rgba(0,0,0,.55));
    pointer-events: none;
  }
  #phone-agent-compare .phone-compare__frame[data-more="true"]::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 36px;
    right: 7px;
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #d2c4b4;
    border-right: 1.5px solid #d2c4b4;
    transform: rotate(45deg);
    pointer-events: none;
  }
}


/* Source: assets/en-localization/callbar.css */
/* Native English counterpart of the existing 680 x 262 call-control image.
   The outer .layer retains the story scene's geometry and entry animation.
   Every interior measurement scales from this card's own inline container. */
#ai-first .story-s05 .en-call-bar {
  box-sizing:border-box;
  aspect-ratio:680 / 262;
  height:auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:8.82353% / 22.90076%;
  background:rgba(0,0,0,.6);
  color:#fff;
  pointer-events:none;
  isolation:isolate;
}
.en-call-bar__canvas {
  position:absolute;
  inset:0;
  container-type:inline-size;
  font-family:var(--tc-text,Arial,Helvetica,sans-serif);
  font-style:normal;
  letter-spacing:0;
}
.en-call-bar__avatar {
  position:absolute;
  left:4.70588%;
  top:12.59542%;
  width:12.35294%;
  aspect-ratio:1;
  overflow:hidden;
  border-radius:50%;
  background:linear-gradient(180deg,#575167,#30243f);
}
.en-call-bar__avatar svg { display:block; width:100%; height:100%; }
.en-call-bar__number,
.en-call-bar__time {
  position:absolute;
  left:19.85294%;
  margin:0;
  padding:0;
  line-height:1;
  white-space:nowrap;
  letter-spacing:0;
  font-size:3.82353cqw;
}
.en-call-bar__number {
  top:22.13740%;
  font-weight:600;
  color:#fff;
}
.en-call-bar__time {
  top:34.35115%;
  font-weight:400;
  color:#939395;
}
.en-call-bar__info {
  position:absolute;
  left:85.88235%;
  top:21.37405%;
  width:5.88235%;
  aspect-ratio:1;
  color:#909093;
}
.en-call-bar__info svg { display:block; width:100%; height:100%; }
.en-call-bar__controls {
  position:absolute;
  left:4.70588%;
  right:4.70588%;
  top:55.34351%;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.en-call-bar__control {
  display:grid;
  place-items:center;
  flex:none;
  width:12.35294cqw;
  aspect-ratio:1;
  border-radius:50%;
  background:#2b2b2d;
  color:#fff;
}
.en-call-bar__control svg { display:block; width:64.28571%; height:64.28571%; }
.en-call-bar__control--video { background:#222224; color:#626264; }
.en-call-bar__control--mic { background:#fff; color:#050505; }
.en-call-bar__control--mic svg { width:59.52381%; height:59.52381%; }
.en-call-bar__control--more svg { width:59.52381%; height:59.52381%; }
.en-call-bar__control--end { background:#ff3945; }


/* Source: assets/en-localization/layout.css */
/* English edition: phrase-based headings and responsive prose widths.
   Dedicated assets; the Chinese page and its dependencies are unchanged. */
@font-face{font-family:TonoEnglish;src:url("../en-localization/TonoSource-English.woff2") format("woff2");font-style:normal;font-weight:250 900;font-display:swap}
:root{--tc-text:TonoEnglish,Arial,sans-serif;--font:TonoEnglish,Arial,sans-serif}
.site{--tc-text:TonoEnglish,Arial,sans-serif;--font:TonoEnglish,Arial,sans-serif;font-family:var(--tc-text)}
.site :is(h1,h2,h3,h4,p,a,button,summary,th,td,dt,dd,span){font-family:inherit}
.site :is(.title,.sub,.split__note,.specs,.signal__label,.nav__links,.foot__cat,.btn,.hero6__cat),
#harness .harness-film__title,#harness-rules .feature-chapter__head,#faq,#faq .membership,#faq .membership h3,#faq .membership__intro p,
#phone-agent-compare,#phone-agent-compare .title,#phone-agent-compare .sub,#phone-agent-compare .phone-compare-mobile{font-family:var(--tc-text)}
.site :is(.title,.feature-chapter__head h2,.faq__heading){letter-spacing:-.025em;line-height:1.16;text-wrap:balance;word-break:normal;overflow-wrap:normal;hyphens:none}
.site :is(.sub,.split__note,.feature-chapter__head p,.qa__answer p){letter-spacing:0;line-height:1.65;text-wrap:pretty;word-break:normal;overflow-wrap:normal}
.site .title .gold,.site .sub .gold,.site .split__note .gold{white-space:normal}
.site .hero6__copy{--hero-brand-size:60px;width:max-content;max-width:calc(100vw - 40px);box-sizing:border-box;left:var(--gutter);padding-left:0}
.site .hero6__brand{font-family:var(--tc-text);font-size:var(--hero-brand-size);letter-spacing:.015em}
.site .hero6__cat{width:0;min-width:100%;font-size:calc(var(--hero-brand-size) * .422);line-height:1.35;letter-spacing:0;margin-top:14px}
.site .hero6__cat .gold{white-space:nowrap;margin-right:0}
.site .hero6__actions{width:0;min-width:100%;grid-template-columns:1fr;margin-top:24px}
.site .hero6__actions .hero__kickstarter{min-height:50px;padding:14px 20px;gap:12px;box-sizing:border-box;font-size:13px;font-weight:600;line-height:1;letter-spacing:.045em;background:rgba(9,14,12,.62);border-color:rgba(235,223,209,.7)}
.site .hero__kickstarter-label{flex:none}
.site .hero__kickstarter-logo{display:block;width:150px;height:auto;max-width:65%;flex:0 1 auto}
.site .hero__kickstarter[aria-disabled="true"]{cursor:default}
#attach .attach-film__copy{max-width:780px}
#attach .attach-film__copy .title{line-height:1.14}
#attach .attach-film__copy .title>span{display:block}
#attach .attach-film__copy-line{white-space:normal}
#ai-first.flow--carousel .flow__copy .title{font-size:clamp(24px,2.15vw,32px);font-weight:700;line-height:1.22}
#ai-first.flow--carousel .flow__copy .title .gold{white-space:pre-line}
#ai-first.flow--carousel .flow__copy .sub{font-size:16px;line-height:1.6;max-width:36em}
#ai-first.flow--carousel .flow__item .flow__copy{min-height:152px}
/* English phrases reserve room for descenders throughout the native typing/light pass. */
#harness .harness-film__copy{padding:32px}
#harness .harness-film__title{width:max-content;max-width:100%;margin-inline:auto;font-size:clamp(32px,4.2vw,64px);line-height:1.3;letter-spacing:-.025em;gap:0;text-align:center}
#harness .harness-film__line{width:100%;min-width:0;max-width:100%;text-align:center}
#harness .harness-film__title span{white-space:normal;word-break:normal;overflow-wrap:normal}
#harness .harness-film__measure,#harness .harness-film__typed{min-width:0;padding-block:.14em}
#harness-rules .feature-chapter__head{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:end}
#harness-rules .feature-chapter__head h2{font-size:clamp(32px,3.2vw,48px);line-height:1.16;max-width:23ch}
#harness-rules .feature-chapter__head h2 .gold{white-space:normal}
#harness-rules .mobile-title-line{display:inline}
#harness-rules .feature-chapter__head p{max-width:46ch;line-height:1.65;font-size:17px}
#agent .split__copy .title{line-height:1.16;max-width:20ch}
#agent .split__copy .sub{margin-top:6px}
#agent .split__copy .split__note{max-width:64ch;white-space:normal;line-height:1.65}
#agent .split__copy .split__note .gold{white-space:normal}
#why-hardware .title{max-width:22ch;margin-inline:auto}
#why-hardware .why__title-term{white-space:normal}
#why-hardware .why__title-term+ .why__title-term::before{content:" "}
#why-hardware .head .sub{max-width:56ch;margin-inline:auto}
#why-hardware .why__explanation .gold{white-space:pre-line}
#phone-agent-compare .title{display:block;max-width:24ch;margin-inline:auto}
#phone-agent-compare .title>span{display:block;word-break:normal}
#phone-agent-compare .sub{max-width:56ch}
#phone-agent-compare .phone-compare__name,#phone-agent-compare .phone-compare__kind,#phone-agent-compare .phone-compare__description{white-space:normal;word-break:normal;overflow-wrap:normal}
#phone-agent-compare .phone-compare__cell{height:auto;min-height:94px;padding:16px 12px;line-height:1.5}
#phone-agent-compare .phone-compare__name{font-size:17px;line-height:1.3;letter-spacing:0}
#phone-agent-compare .phone-compare__kind{font-size:12px;line-height:1.45}
#phone-agent-compare .phone-compare__feature-col{width:18%}
#phone-agent-compare .phone-compare__tono-col{width:26%}
#phone-agent-compare tr>th:first-child{padding-inline:14px}
#privacy .privacy__copy .title{max-width:23ch;line-height:1.16}
#privacy .privacy__copy .title .gold,#privacy .privacy__copy .sub .gold{white-space:pre-line}
#privacy .privacy__copy .sub{max-width:58ch}
#specs .specs{gap:44px 30px}
#specs .spec__v .gold{white-space:normal}
#specs .spec__v{font-size:clamp(17px,1.7vw,23px);line-height:1.4}
#specs .spec dt{font-size:15px}
#specs .spec__n{font-size:14px;line-height:1.55}
#faq .qa__question{font-size:19px;line-height:1.5}
#faq .qa__answer p{font-size:17px;line-height:1.75;max-width:75ch}
#faq .membership__plan dd{white-space:normal}
#faq .membership__unit{white-space:normal}
#faq .membership__table thead th{font-size:19px}
.site .foot__cat{font-size:15px;letter-spacing:0}
.site .foot__legal{font-family:"TonoCardFooterICP",sans-serif}
@media(min-width:1080px){.site .hero6__copy{left:max(var(--gutter),calc((100vw - var(--wrap)) / 2));padding-left:0}}
@media(max-width:899px){
 #harness .harness-film__copy{padding:24px}
 #harness .harness-film__title{font-size:clamp(26px,6.7vw,38px);line-height:1.3;gap:.2em}
 .site .hero6__actions .hero__kickstarter{min-height:48px;padding:13px 16px;gap:10px;font-size:12px}
 .site .hero__kickstarter-logo{width:137px}
 .site .hero6__copy{--hero-brand-size:52px}
 #attach .attach-film__copy .title{font-size:clamp(32px,8.4vw,44px)}
 #attach .attach-film__copy .sub{font-size:16px;line-height:1.6}
 #ai-first.flow--carousel .flow__item .flow__copy{min-height:0}
 #ai-first.mobile-story .flow__copy .title{font-size:clamp(29px,7.5vw,38px);line-height:1.18}
 #ai-first.mobile-story .flow__copy .sub{font-size:16px;line-height:1.65}
 #harness-rules .feature-chapter__head{grid-template-columns:1fr;gap:14px;align-items:start}
 #harness-rules .feature-chapter__head h2{font-size:clamp(29px,7.5vw,38px);line-height:1.18;max-width:23ch}
 #harness-rules .feature-chapter__head p{font-size:16px;line-height:1.65}
 #agent .split__copy .title{font-size:clamp(32px,8.2vw,42px)}
 #agent .split__copy .split__note{font-size:16px}
 #why-hardware .title,#phone-agent-compare .title,#privacy .privacy__copy .title{font-size:clamp(32px,8.2vw,42px);line-height:1.16}
 #why-hardware .why__explanation .gold{white-space:normal}
 #phone-agent-compare .phone-compare-mobile__entry{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:12px;padding:16px}
 #phone-agent-compare .phone-compare-mobile .phone-compare__description,#phone-agent-compare .phone-compare-mobile .phone-compare__name,#phone-agent-compare .phone-compare-mobile .phone-compare__kind{overflow-wrap:normal;word-break:normal;text-wrap:pretty}
 #phone-agent-compare .phone-compare-mobile .phone-compare__cell{min-height:0;padding:0;line-height:1.5}
 #phone-agent-compare .phone-compare-mobile .phone-compare__kind{font-size:12px}
 #faq .qa__question{font-size:18px;line-height:1.5}
 #faq .qa__answer p{font-size:16px;line-height:1.7}
 #faq .qa__answer{padding-right:0}
 #faq .membership{padding:22px 16px}
 #faq .membership__plan{padding:20px 14px}
 #faq .membership__plan dl>div{gap:12px}
 #faq .membership__plan dt{max-width:52%;font-size:14px}
 #faq .membership__plan dd{max-width:48%;line-height:1.5}
 #faq .membership__mobile-price .membership__amount{font-size:26px}
 #faq .membership__plan .membership__unit{font-size:13px;display:inline-block}
 #specs .spec__v{font-size:17px}
 #specs .spec dt,#specs .spec__n{font-size:13px}
 #specs .specs{gap:34px 20px}
}
@media(max-width:359px){
 .site .hero6__copy{--hero-brand-size:45px}
 .site .hero6__actions .hero__kickstarter{min-height:44px;padding:12px 13px;gap:9px;font-size:11px}
 .site .hero__kickstarter-logo{width:120px;max-width:65%}
 .site .nav__links{gap:14px}
 #specs .specs{grid-template-columns:1fr;gap:28px}
 #harness .harness-film__title{font-size:26px}
 #harness .harness-film__copy{padding:20px}
}
/* A question and its answer remain separate phrases at every width. */
#harness-rules .mobile-title-line{display:block}
.site .foot__legal{font-family:var(--tc-text)}
#specs .spec__v .gold{display:inline;white-space:normal;text-wrap:balance}
#specs .spec__v{overflow-wrap:normal;text-wrap:balance}
@media(max-width:599px){
 #specs .spec__v{font-size:16px}
 #specs .spec__v .gold{white-space:normal}
}
#privacy .privacy__film{position:relative}
#privacy .privacy__en-screen{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
/* Compensate the English heading height when navigating from an expanded FAQ. */
#phone-agent-compare{scroll-margin-top:calc(var(--nav-h) + 24px - var(--tc-section-gap))}
#specs .spec__v,#specs .spec__v .gold{text-wrap:wrap}
#specs .en-unit{white-space:nowrap}
.en-photo-localization{position:absolute;inset:0;display:block;pointer-events:none;overflow:hidden}
.en-photo-localization[hidden]{display:none}
.en-photo-localization .en-photo-screen{position:absolute;max-width:none;margin:0;border:0;border-radius:0;object-fit:fill;transform:none;opacity:1}
/* Override Chinese-only subset families, including their scoped variables. */
.site #faq{--tc-text:TonoEnglish,Arial,sans-serif}
.site #phone-agent-compare table,.site .nav__links .nav__compare,
.site #faq .qa__answer,.site #faq .qa__question,.site #faq .membership,
.site #faq .membership *{font-family:TonoEnglish,Arial,sans-serif;font-synthesis:none}

/* The English font's g/p/q/y ink extends below tight chapter line boxes.
   Extend the gradient paint area without adding space between copy blocks. */
.site :is(.title,.feature-chapter__head h2,.faq__heading) .gold{
 padding-block-end:.14em;margin-block-end:-.14em;
}


/* Source: assets/en-localization/ui.css */
/* English demo UI. Original photos, icons, proportions and animation hooks
   are retained; live text is allowed to wrap at word boundaries. */
#ai-first .story-scene :is(.u,.bub),
#agent :is(.u,.agent-ui-panel,.agent-ui-tile),
#harness-rules :is(.en-demo-request,.en-demo-card) {
  font-family:var(--tc-text,Arial,Helvetica,sans-serif);
  letter-spacing:0;
  word-break:normal;
  overflow-wrap:normal;
}

/* Conversation: natural-height bubbles prevent longer English lines from
   colliding with the next message. Keep the caller/assistant stagger. */
#ai-first.flow--carousel .story-s03 .stage__ui {
  left:13%; top:3%; width:69%; height:auto; aspect-ratio:auto;
}
#ai-first .story-s03 .story-ui-group {
  position:relative; inset:auto; width:100%; margin-bottom:9px;
}
#ai-first .story-s03 .story-ui-group:first-child { padding-top:calc(144 * var(--u)); }
#ai-first .story-s03 .bub {
  position:relative; left:auto; top:auto;
  width:calc(var(--w) / 1152 * 100%); height:auto;
  margin-left:calc(var(--x) / 1152 * 100%); margin-right:0;
  padding:10px 13px; border-radius:14px;
  font-size:13px; line-height:1.4;
  white-space:normal;
}
#ai-first .story-s03 .u.gold {
  position:relative; inset:auto; transform:none;
  margin:5px calc(var(--x) / 1152 * 100%) 0 0;
  font-size:10px; line-height:1.35; white-space:pre-line;
}
#ai-first .story-s03 .bub .type { white-space:pre-line; }

/* Important-call panel: the existing PSB backing is text-free. The payment
   message receives its own multiline measure above the original slider. */
#ai-first .story-s04 .story-ui-group > p { letter-spacing:0; }
#ai-first .story-s04 .story-ui-group > p:nth-of-type(1) {
  font-size:calc(36 * var(--u));
}
#ai-first .story-s04 .story-ui-group > p:nth-of-type(2) {
  font-size:calc(27 * var(--u)); white-space:nowrap;
}
#ai-first .story-s04 .story-ui-group > p:nth-of-type(3) {
  top:calc(212 / 1290 * 100%); font-size:calc(30 * var(--u));
}
#ai-first .story-s04 .story-ui-group > p:nth-of-type(4) {
  top:calc(239 / 1290 * 100%); width:calc(645 / 1152 * 100%);
  font-size:calc(29 * var(--u)); line-height:1.2;
  white-space:normal; transform:none;
}
#ai-first .story-s04 .story-ui-group > p:nth-of-type(5) {
  left:calc(640 / 1152 * 100%); width:calc(505 / 1152 * 100%);
  font-size:calc(29 * var(--u)); line-height:1.2; text-align:center;
  white-space:normal; transform:translate(-50%,-50%);
}

/* Call summary: retain the original card size and place the concise English
   summary on one line inside its existing translucent inset. */
#ai-first .story-s06 .story-ui-group > p { letter-spacing:0; }
#ai-first .story-s06 .story-ui-group > p:nth-of-type(1) {
  top:calc(140 / 1290 * 100%); width:calc(390 / 1152 * 100%);
  font-size:calc(32 * var(--u)); white-space:normal; line-height:1.15;
}
#ai-first .story-s06 .story-ui-group > p:nth-of-type(2) {
  top:calc(193 / 1290 * 100%); width:calc(395 / 1152 * 100%);
  font-size:calc(25 * var(--u)); white-space:normal; line-height:1.2;
}
#ai-first .story-s06 .story-ui-group > p:nth-of-type(3) {
  top:calc(281 / 1290 * 100%); font-size:calc(30 * var(--u));
}
#ai-first .story-s06 .story-ui-group > p:nth-of-type(4) {
  top:calc(337 / 1290 * 100%); width:calc(505 / 1152 * 100%);
  font-size:calc(30 * var(--u)); line-height:1.25;
  white-space:nowrap; transform:translateY(-50%);
}
#ai-first .story-s06 .story-ui-group > p:nth-of-type(n+5) {
  font-size:calc(25 * var(--u)); line-height:1.2; white-space:nowrap;
}
#ai-first .story-s06 .story-ui-group > p:nth-of-type(5) {
  left:calc(225 / 1152 * 100%); width:calc(90 / 1152 * 100%);
  text-align:center; white-space:normal; line-height:1.1;
  transform:translate(-50%,-50%);
}

/* Rules and callback use live English rather than the Chinese text baked
   into s08/s09 PNGs. Reuse .psb-ui/.instruction/.glass-card entry timing. */
#harness-rules :is(#rules,#callback) .scene-ui {
  display:flex; flex-direction:column; align-items:flex-start;
  gap:13px; padding:4%;
}
#harness-rules :is(#rules,#callback) .instruction.en-demo-request {
  position:relative; inset:auto; width:min(44%,410px); max-width:none;
  margin:0 0 0 23%; padding:13px 17px; aspect-ratio:auto;
  border-radius:18px 18px 4px 18px;
  background:linear-gradient(105deg,rgba(87,191,248,.86),rgba(24,125,230,.88));
  color:#fff; font-size:14px; font-weight:400; line-height:1.42;
  box-shadow:none;
}
#harness-rules .en-demo-request p { margin:0; }
#harness-rules :is(#rules,#callback) .glass-card.en-demo-card {
  position:relative; inset:auto; width:min(36%,336px); max-width:none;
  padding:16px; border:1px solid rgba(255,255,255,.26); border-radius:20px;
  background:linear-gradient(180deg,rgba(226,237,255,.90),rgba(247,251,255,.92));
  color:#111; font-size:14px; line-height:1.4;
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
#harness-rules .en-demo-card__head {
  display:flex; align-items:center; gap:12px; margin-bottom:12px;
}
#harness-rules .en-demo-card__icon {
  display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px;
  border-radius:12px; color:white;
  background:linear-gradient(105deg,#63c5fa,#3389ed);
}
#harness-rules .en-demo-card__icon svg { width:27px; height:27px; }
#harness-rules .en-demo-card__icon--call { border-radius:50%; color:#58bc62; background:#cce9d4; }
#harness-rules .en-demo-card__title { margin:0; font-size:18px; line-height:1.15; font-weight:700; }
#harness-rules .en-demo-card__contact { margin:4px 0 0; color:#4c4f51; font-size:14px; line-height:1.2; }
#harness-rules .en-demo-card__body {
  padding:12px; background:rgba(255,255,255,.55); border-radius:14px;
}
#harness-rules .en-demo-card__rules { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
#harness-rules .en-demo-card__rules li { display:grid; grid-template-columns:auto 1fr; align-items:start; gap:8px; }
#harness-rules .en-demo-card__new { margin-top:2px; padding:1px 4px; border-radius:4px; background:#ffebea; color:#d84b41; font-size:10px; line-height:1.35; }
#harness-rules .en-demo-card__rules p { margin:0; }
#harness-rules .en-demo-card__goal { margin:0 0 7px; color:#52565b; font-size:13px; }
#harness-rules .en-demo-card__description { margin:0; font-weight:700; }
#harness-rules .en-demo-card__actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
#harness-rules .en-demo-card__action {
  display:grid; place-items:center; padding:9px 7px; min-height:38px;
  border-radius:11px; color:#151719; background:rgba(255,255,255,.65);
  font-size:13px; line-height:1.2; text-align:center;
}
#harness-rules .en-demo-card__action--confirm { color:white; background:linear-gradient(105deg,#56bff8,#1979e9); }
#harness-rules #callback .en-demo-card__action--confirm { background:linear-gradient(105deg,#70d878,#08bb21); }

/* Rules: restore the Chinese request/panel widths and horizontal anchors.
   Only their natural heights grow for English, with space between them. */
#harness-rules #rules .scene-ui {
  inset:7% 0 0; height:auto; padding:0; gap:13px;
}
#harness-rules #rules .instruction.en-demo-request {
  width:min(252px,calc(377 * var(--overlay-unit))); margin-left:36.7%;
  padding:10px 12px; font-size:13px; line-height:1.4;
  border-radius:14px 14px 4px 14px;
}
#harness-rules #rules .glass-card.en-demo-card {
  width:min(200px,calc(300 * var(--overlay-unit))); margin-left:23.3%;
  padding:11px; border-radius:15px; font-size:12px; line-height:1.4;
}
#harness-rules #rules .en-demo-card__head { gap:8px; margin-bottom:9px; }
#harness-rules #rules .en-demo-card__icon { width:30px; height:30px; flex-basis:30px; border-radius:9px; }
#harness-rules #rules .en-demo-card__icon svg { width:21px; height:21px; }
#harness-rules #rules .en-demo-card__title { font-size:15px; line-height:1.2; }
#harness-rules #rules .en-demo-card__body { padding:8px; border-radius:10px; }
#harness-rules #rules .en-demo-card__rules { gap:9px; }
#harness-rules #rules .en-demo-card__rules li { gap:5px; }
#harness-rules #rules .en-demo-card__new { padding:1px 3px; font-size:9px; }
#harness-rules #rules .en-demo-card__actions { gap:6px; margin-top:10px; }
#harness-rules #rules .en-demo-card__action { padding:7px 4px; min-height:37px; border-radius:9px; font-size:11px; }

/* Agent command and six use cases: no forced Chinese-width single lines. */
#agent .agent-request > .u.type {
  width:calc(715 / 1152 * 100%); white-space:normal; line-height:1.3;
  font-size:calc(34 * var(--u));
}
#agent .agent-services > .u { width:calc(220 / 1152 * 100%); white-space:pre-line; line-height:1.18; letter-spacing:0; }
#agent .agent-request > .ui-grey2 { font-size:calc(27 * var(--u)); }

@media (min-width:900px) {
  /* Give English labels enough area while preserving the original corner
     positions and keeping the photographed faces/devices visible. */
  #ai-first.flow--carousel .story-s04 .stage__ui { width:70%; left:36%; top:6%; }
  #ai-first.flow--carousel .story-s06 .stage__ui { width:78%; left:1%; top:4%; }
  #agent .agent-request,#agent .agent-services { width:min(37%,390px); left:34%; }
  #agent .agent-request > .u.type { width:89%; font-size:clamp(12px,4.2cqw,16px); }
  #agent .agent-request > .ui-grey2 { font-size:clamp(11px,3.2cqw,13px); }
  #agent .agent-services { top:calc(3% + min(37cqw,390px) * 411 / 802 + 1.2cqw); }
  #agent .agent-services > .u { width:28%; font-size:clamp(12px,3.2cqw,14px); }
}

@media (min-width:900px) and (min-height:561px) {
  #ai-first.flow--carousel .story-s03 .stage__ui { width:calc(69% / 1.09); }
}
@media (min-width:900px) and (max-width:1100px) {
  #ai-first .story-s03 .story-ui-group { margin-bottom:6px; }
  #ai-first .story-s03 .bub { padding:7px 9px; font-size:12px; }
  #ai-first .story-s03 .u.gold { margin-top:4px; font-size:9px; }
}

@media (max-width:899px) {
  #ai-first.mobile-story .story-s03 .stage__ui { left:0; top:0; width:100%; height:auto; aspect-ratio:auto; }
  #ai-first.mobile-story .story-s03 .bub { padding:9px 11px; font-size:13px; line-height:1.4; }
  #ai-first.mobile-story .story-s03 .u.gold { font-size:10px; }
  #ai-first.mobile-story .story-s04 .stage__ui { left:-15.63%; top:-1%; width:121.26%; }
  #ai-first.mobile-story .story-s06 .stage__ui { left:-3.6%; top:-2.2%; width:147.7%; }
  #harness-rules :is(#rules,#callback) .feature-film { min-height:580px; }
  #harness-rules :is(#rules,#callback) .scene-ui { padding:6% 5%; gap:14px; }
  #harness-rules :is(#rules,#callback) .instruction.en-demo-request {
    width:94%; margin-left:auto; padding:12px 14px; font-size:14px; line-height:1.4;
  }
  #harness-rules :is(#rules,#callback) .glass-card.en-demo-card { width:94%; padding:14px; font-size:14px; }
  #harness-rules .en-demo-card__title { font-size:19px; }
  #harness-rules .en-demo-card__actions { gap:8px; }
  #harness-rules .en-demo-card__action { font-size:13px; min-height:40px; }
  #harness-rules #rules .scene-ui { inset:4% 0 0; padding:0; gap:13px; }
  #harness-rules #rules .feature-film > video { height:42%; }
  #harness-rules #rules .instruction.en-demo-request {
    width:86%; max-width:340px; margin-left:auto; margin-right:5%;
    padding:10px 12px; font-size:13px; line-height:1.4;
  }
  #harness-rules #rules .glass-card.en-demo-card {
    width:70%; max-width:278px; margin-left:5%; padding:11px; font-size:13px;
  }
  #harness-rules #rules .en-demo-card__title { font-size:16px; }
  #harness-rules #rules .en-demo-card__action { font-size:12px; min-height:39px; }
  #agent .demo--agent .stage__ui {
    inset:auto; left:-14%; top:0; width:128%; height:128%;
    container-type:inline-size;
  }
  #agent .agent-request > .u.type { top:calc(307 / 1722 * 100%); width:calc(700 / 1152 * 100%); font-size:calc(36 * var(--u)); }
  #agent .agent-request > .ui-grey2 { left:calc(322 / 1152 * 100%); font-size:calc(29 * var(--u)); }
  #agent .agent-services > .u { font-size:clamp(11px,calc(29 * var(--u)),15px); }
}
@media (max-width:379px) {
  #ai-first.mobile-story .story-s03 .story-ui-group { margin-bottom:6px; }
  #ai-first.mobile-story .story-s03 .bub { padding:7px 9px; font-size:12px; }
  #ai-first.mobile-story .story-s03 .u.gold { margin-top:4px; font-size:9px; }
  #harness-rules :is(#rules,#callback) .feature-film { min-height:625px; }
  #harness-rules .en-demo-card__body { padding:10px; }
  #harness-rules .en-demo-card__rules li { gap:6px; }
  #harness-rules .en-demo-card__actions { gap:6px; }
}
@media (max-width:379px) {
  /* Retain all six original tiles in two rows; use the spare inter-tile
     gutter for English words such as “appointments” at an 11 px minimum. */
  #agent .agent-services > .agent-ui-tile {
    width:calc(275 / 1152 * 100%); margin-left:calc(-14 * var(--u));
  }
  #agent .agent-services > .u { width:calc(270 / 1152 * 100%); }
}


/* Source: assets/en-responsive-20261014/layout.css */
/* English responsive edition. Text width follows the established media grid. */
.site :is(.title,.sub,.feature-chapter__head h2,.feature-chapter__head p) { min-width:0; }
#harness-rules .feature-chapter__head { display:grid; grid-template-columns:1fr; gap:16px; align-items:start; }
#harness-rules .feature-chapter__head h2 { max-width:32ch; font-size:clamp(30px,3vw,42px); line-height:1.2; }
#harness-rules .feature-chapter__head p { max-width:62ch; font-size:17px; }
#harness-rules .mobile-title-line { display:inline; }
#harness-rules .mobile-title-line + .mobile-title-line::before { content:" "; }
#agent .split__copy .title { max-width:30ch; }
#agent .split__copy .sub { margin-top:0; }
#agent .split__copy .split__note { max-width:64ch; }
.site .hero6__actions { min-height:50px; }
.site .nav__links { gap:0; }
.nav__kickstarter-slot { display:flex; align-items:center; }
.site .nav__kickstarter-slot .hero__kickstarter {
  min-height:38px; padding:10px 14px; gap:8px; font-size:11px; line-height:1;
  letter-spacing:.035em; opacity:1; color:var(--gold-a); background:rgba(9,14,12,.6);
  border:1px solid rgba(235,223,209,.55); border-radius:999px;
}
.site .nav__kickstarter-slot .hero__kickstarter-logo { width:122px; max-width:none; }
.site .hero__kickstarter-label { white-space:nowrap; }
.site .hero__kickstarter:focus-visible { outline:2px solid #05ce78; outline-offset:4px; }
/* Keep the original sprite artwork, in WhatsApp, Line, WeChat order. */
#social .social-icon--2 { left:calc(-183 / 513 * 100%); right:calc(183 / 513 * 100%); --icon-delay:.15s; }
#social .social-icon--3 { left:calc(-181 / 513 * 100%); right:calc(181 / 513 * 100%); --icon-delay:.33s; }
#social .social-icon--1 { left:calc(364 / 513 * 100%); right:calc(-364 / 513 * 100%); --icon-delay:.51s; }
/* Desktop prose follows the full media width, with complete sentence lines. */
@media(min-width:900px) {
  #agent .split { gap:34px; }
  #agent .split__copy .title { margin-bottom:12px; }
  #agent .split__copy .sub { max-width:none; font-size:20px; line-height:1.55; }
  #agent .split__copy .split__note { width:100%; max-width:none; font-size:18px; line-height:1.6; }
  #why-hardware .head { gap:20px; }
  #why-hardware .head .title { max-width:none; }
  #why-hardware .head .title .gold { white-space:nowrap; }
  #why-hardware .en-phrase-break { display:none; }
  #why-hardware .head .sub { width:100%; max-width:none; font-size:20px; line-height:1.6; }
  #why-hardware .why__explanation { margin-top:0; }
}
/* The same native English overlay shares the product film's exact geometry. */
@media(max-width:899px) {
  #harness-rules .feature-chapter__head { gap:12px; }
  #harness-rules .feature-chapter__head h2 { font-size:clamp(28px,7.5vw,38px); max-width:24ch; }
  #harness-rules .feature-chapter__head p { font-size:16px; }
  #agent .split__copy .title { font-size:clamp(30px,7.7vw,40px); }
  #privacy .privacy__copy .title { font-size:clamp(29px,7.6vw,38px); }
  #privacy .privacy__copy .sub { font-size:15px; line-height:1.6; }
  #privacy .privacy__stage { min-height:max(600px,calc(100svh - var(--nav-h,56px))); }
  #privacy .privacy__film { position:absolute; inset:0; width:100%; height:100%; }
  #privacy .privacy__en-screen {
    inset:auto; left:50%; top:calc(57% - 2.72vw + 28px); width:230%; max-width:none;
    height:auto; aspect-ratio:3840/1646; transform:translate(-50%,-50%);
  }
  #phone-agent-compare .phone-compare__scroll { container-type:inline-size; }
  #phone-agent-compare .phone-compare__table { min-width:0; width:calc(104px + 4 * min(240px, calc(100cqw - 104px))); }
  #phone-agent-compare .phone-compare__feature-col { width:104px; }
  #phone-agent-compare .phone-compare__table col:not(:first-child) { width:min(240px,calc(100cqw - 104px)); }
  #phone-agent-compare .phone-compare__cell { min-height:92px; font-size:14px; padding:14px 12px; }
  #phone-agent-compare .phone-compare__table tbody th { font-size:14px; line-height:1.45; }
  #why-hardware .signal__label { font-size:clamp(12px,3.4vw,15px); }
}
@media(max-width:359px) {
  .site .nav__in { gap:12px; }
  .site .nav__kickstarter-slot .hero__kickstarter { padding:10px; gap:6px; font-size:10px; }
  .site .nav__kickstarter-slot .hero__kickstarter-logo { width:102px; }
  #harness .harness-film__title { font-size:25px; }
}
/* A short landscape viewport needs the full film below the copy. The portrait
   crop would enlarge the card into the heading and cut off its lower edge. */
@media(max-width:899px) and (max-height:500px) and (orientation:landscape) {
  #privacy .privacy__stage {
    display:flex; flex-direction:column; min-height:0;
  }
  #privacy .privacy__copy {
    order:-1; flex:none; padding-top:24px; margin-bottom:24px;
  }
  #privacy .privacy__film {
    position:relative; inset:auto; flex:none; width:100%; height:auto;
    aspect-ratio:3840/1646;
  }
  #privacy .privacy__film :is(.privacy__video,.privacy__en-screen,.privacy__desktop-screen) {
    inset:0; width:100%; max-width:none; height:100%; aspect-ratio:auto;
    transform:none; object-fit:contain;
    -webkit-mask-image:none; mask-image:none;
  }
}

/* Scope notes and official references for the English feature comparison. */
#phone-agent-compare .phone-compare__note { font-size:14px; line-height:1.65; }
#phone-agent-compare .phone-compare__note > span + span { margin-top:8px; }
#phone-agent-compare .phone-compare__note a { color:inherit; text-decoration:underline; text-underline-offset:3px; }


/* Source: assets/en-responsive-20261014/demo-ui.css */
/* English demonstration layout. The existing animation hooks, imagery,
   native text and icon assets remain in use. Load after all legacy styles. */
#ai-first .story-s04 .story-ui-group > p:nth-of-type(3) { top:calc(205 / 1290 * 100%); }
#ai-first .story-s04 .story-ui-group > p:nth-of-type(4) {
  top:calc(231 / 1290 * 100%); white-space:pre-line; line-height:1.18;
}
#ai-first .story-scene :is(.u,.bub),
#harness-rules :is(.en-demo-request,.en-demo-card),
#agent :is(.agent-request,.agent-services) {
  letter-spacing:0; word-break:normal; overflow-wrap:normal; hyphens:none;
}

/* Natural English card heights; positions are independent of baked-in art. */
#harness-rules :is(#rules,#callback) .scene-ui {
  display:flex; flex-direction:column; align-items:flex-start;
  height:auto; padding:0; gap:12px;
}
#harness-rules :is(#rules,#callback) .scene-ui .instruction.en-demo-request,
#harness-rules :is(#rules,#callback) .scene-ui .glass-card.en-demo-card {
  position:relative; inset:auto; box-sizing:border-box;
  max-width:none; margin:0; flex:none; aspect-ratio:auto;
}
#harness-rules :is(#rules,#callback) .instruction.en-demo-request {
  padding:12px 14px; font-size:14px; line-height:1.45;
  border-radius:16px 16px 4px 16px;
}
#harness-rules :is(#rules,#callback) .glass-card.en-demo-card {
  padding:12px; border-radius:16px; font-size:13px; line-height:1.45;
  background:linear-gradient(180deg,rgba(230,239,253,.78),rgba(250,252,255,.78));
}
#harness-rules :is(#rules,#callback) .en-demo-card__head {
  gap:9px; margin-bottom:10px; min-width:0;
}
#harness-rules :is(#rules,#callback) .en-demo-card__icon {
  width:32px; height:32px; flex-basis:32px; border-radius:10px;
}
#harness-rules :is(#rules,#callback) .en-demo-card__icon svg { width:23px; height:23px; }
#harness-rules :is(#rules,#callback) .en-demo-card__title { font-size:16px; line-height:1.25; }
#harness-rules :is(#rules,#callback) .en-demo-card__contact { font-size:12px; line-height:1.4; margin-top:2px; }
#harness-rules :is(#rules,#callback) .en-demo-card__body { padding:10px; border-radius:10px; }
#harness-rules :is(#rules,#callback) .en-demo-card__rules { gap:9px; }
#harness-rules :is(#rules,#callback) .en-demo-card__rules li { gap:6px; }
#harness-rules :is(#rules,#callback) .en-demo-card__new { font-size:10px; line-height:1.4; }
#harness-rules :is(#rules,#callback) .en-demo-card__goal { font-size:12px; line-height:1.4; margin-bottom:5px; }
#harness-rules :is(#rules,#callback) .en-demo-card__description { line-height:1.45; }
#harness-rules :is(#rules,#callback) .en-demo-card__actions { margin-top:10px; gap:8px; }
#harness-rules :is(#rules,#callback) .en-demo-card__action {
  padding:8px 5px; min-height:36px; font-size:12px; line-height:1.3;
}

/* Request and six use cases share a local grid, keeping all English labels
   legible without changing the placement or timing of their source nodes. */
#agent .agent-request,
#agent .agent-services {
  display:block; position:absolute; right:auto;
  container-type:inline-size; --u:calc(100cqw / 802);
}
#agent .agent-request { height:138px; aspect-ratio:auto; }
#agent .agent-request > .agent-ui-panel {
  inset:0; width:100%; height:100%; aspect-ratio:auto; border-radius:16px;
}
#agent .agent-request > .u { line-height:1.35; letter-spacing:0; }
#agent .agent-request > .ui-dark:not(.type) { left:46px; top:22px; font-size:12px; }
#agent .agent-request > .ui-grey { left:46px; top:37px; font-size:11px; }
#agent .agent-request > .u.type {
  left:14px; top:59px; width:calc(100% - 28px);
  font-size:14px; line-height:1.4; white-space:normal; transform:none;
}
#agent .agent-request > .ui-grey2 {
  left:66px; top:auto; bottom:13px; width:auto; transform:none;
  font-size:11px; line-height:1.35; white-space:normal;
}
#agent .agent-ui-file { left:8px; top:8px; width:calc(100% - 16px); height:38px; border-radius:9px; }
#agent .agent-ui-folder { left:18px; top:18px; width:17px; height:14px; }
#agent .agent-ui-close { left:auto; right:17px; top:20px; width:12px; height:12px; }
#agent .agent-ui-plus { left:14px; top:auto; bottom:15px; width:12px; height:12px; }
#agent .agent-ui-shield { left:41px; top:auto; bottom:14px; width:11px; height:14px; }
#agent .agent-ui-send { left:auto; right:10px; top:auto; bottom:8px; width:28px; aspect-ratio:1; }
#agent .agent-services {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,78px); gap:8px;
  height:164px; aspect-ratio:auto;
}
#agent .agent-services > :is(.layer,.u) {
  position:relative; inset:auto; grid-row:1; grid-column:1;
}
#agent .agent-services > :is(.layer,.u):nth-of-type(3n + 2) { grid-column:2; }
#agent .agent-services > :is(.layer,.u):nth-of-type(3n) { grid-column:3; }
#agent .agent-services > :is(.layer,.u):nth-of-type(n + 4) { grid-row:2; }
#agent .agent-services > .agent-ui-tile {
  width:100%; height:100%; aspect-ratio:auto; border-radius:12px; margin:0;
}
#agent .agent-services > .u {
  width:100%; max-width:100%; margin:0 0 8px; padding:0 3px; box-sizing:border-box;
  align-self:end; justify-self:center; transform:none;
  font-size:12px; line-height:1.25; letter-spacing:0; text-align:center;
  white-space:pre-line;
}
#agent .agent-ui-tile-icon { left:calc(50% - 13px); top:9px; width:26px; height:26px; }

#callback .callback-break--compact { display:none; }
@media (max-width:389px), (min-width:900px) {
  #callback .callback-break--wide { display:none; }
  #callback .callback-break--compact { display:initial; }
}

@media (min-width:900px) {
  #harness-rules :is(#rules,#callback) .scene-ui {
    inset:6% auto auto 10%; width:38%;
  }
  #harness-rules #callback .scene-ui { left:18%; }
  #harness-rules :is(#rules,#callback) .scene-ui .instruction.en-demo-request {
    align-self:flex-end; width:fit-content; max-width:min(100%,310px);
  }
  #harness-rules #callback .scene-ui .instruction.en-demo-request {
    max-width:min(100%,304px);
  }
  #harness-rules #callback .instruction.en-demo-request > p { text-wrap:wrap; }
  #harness-rules :is(#rules,#callback) .scene-ui .glass-card.en-demo-card { width:min(100%,288px); }
  #agent .agent-request,
  #agent .agent-services { left:34%; width:clamp(304px,34%,380px); transform:none; }
  #agent .agent-request { top:3%; }
  #agent .agent-services { top:calc(3% + 150px); }
  #ai-first.flow--carousel .story-s03 .bub { font-size:13px; line-height:1.4; }
  #ai-first.flow--carousel .story-s04 .stage__ui {
    --en-important-card:clamp(260px,46cqw,320px);
    width:calc(var(--en-important-card) * 1152 / 760);
    left:calc(100% - 20px - var(--en-important-card) * 956 / 760);
    top:calc(20px - var(--en-important-card) * 84 / 760);
  }
  #ai-first.flow--carousel .story-s04 .story-ui-group > p:nth-of-type(1) { font-size:14px; }
  #ai-first.flow--carousel .story-s04 .story-ui-group > p:nth-of-type(2) { font-size:11px; }
  #ai-first.flow--carousel .story-s04 .story-ui-group > p:nth-of-type(3),
  #ai-first.flow--carousel .story-s04 .story-ui-group > p:nth-of-type(4),
  #ai-first.flow--carousel .story-s04 .story-ui-group > p:nth-of-type(5) { font-size:12px; }
  /* The summary uses the confirmed Chinese overlay plane and card scale.
     English type scales inside that plane without enlarging the artwork. */
  #ai-first.flow--carousel .story-s06 .stage__ui {
    inset:auto; width:66%; left:1%; top:4%; height:auto; aspect-ratio:1152/1290;
  }
  #ai-first.flow--carousel .story-s06 .story-ui-group > p:nth-of-type(1) { font-size:calc(36 * var(--u)); }
  #ai-first.flow--carousel .story-s06 .story-ui-group > p:nth-of-type(2) { font-size:calc(25 * var(--u)); }
  #ai-first.flow--carousel .story-s06 .story-ui-group > p:nth-of-type(n+3) { font-size:calc(30 * var(--u)); }
  #ai-first.flow--carousel .story-s05 .stage__ui { inset:0; width:100%; height:100%; aspect-ratio:auto; }
  #ai-first.flow--carousel .story-s05 .story-ui-group > .en-call-bar {
    left:50%; top:auto; bottom:20px; width:min(284px,calc(100% - 40px));
    height:auto; aspect-ratio:680/262; transform:translateX(-50%);
  }
  #ai-first.flow--carousel .en-call-bar__number,
  #ai-first.flow--carousel .en-call-bar__time { font-size:max(11px,3.82353cqw); }
}

@media (min-width:900px) and (min-height:561px) {
  #ai-first.flow--carousel .story-s06 .stage__ui { width:calc(66% / 1.09); }
}

@media (max-width:899px) {
  #ai-first.mobile-story .flow__item .story-s03 { aspect-ratio:2/3; min-height:420px; }
  #ai-first.mobile-story .story-s03 .stage__ui {
    inset:0; width:100%; height:auto; aspect-ratio:auto;
  }
  #ai-first.mobile-story .story-s03 .story-ui-group:first-child { padding-top:20px; }
  #ai-first.mobile-story .story-s03 .story-ui-group { margin-bottom:10px; }
  #ai-first.mobile-story .story-s03 .bub {
    width:76%; padding:10px 12px; font-size:13px; line-height:1.4;
  }
  #ai-first.mobile-story .story-s03 .bub--ai { margin-left:19%; }
  #ai-first.mobile-story .story-s03 .bub--caller { margin-left:5%; }
  #ai-first.mobile-story .story-s03 .u.gold { font-size:10px; margin-top:5px; margin-right:5%; }

  /* Rebase the English text on the source card's plane, with independent
     phone-safe margins. The backdrop artwork keeps its original ratio. */
  #ai-first.mobile-story .story-s04 .stage__ui {
    --mobile-story-card:min(300px,calc(100cqw - 32px));
    inset:auto; left:calc(16px - var(--mobile-story-card) * 196 / 760);
    top:calc(20px - var(--mobile-story-card) * 84 / 760);
    width:calc(var(--mobile-story-card) * 1152 / 760);
    height:auto; aspect-ratio:1152/1290;
  }
  #ai-first.mobile-story .story-s04 .story-ui-group > p:nth-of-type(1) { font-size:14px; }
  #ai-first.mobile-story .story-s04 .story-ui-group > p:nth-of-type(2) { font-size:11px; }
  #ai-first.mobile-story .story-s04 .story-ui-group > p:nth-of-type(3) { font-size:12px; }
  #ai-first.mobile-story .story-s04 .story-ui-group > p:nth-of-type(4) { font-size:12px; line-height:1.18; }
  #ai-first.mobile-story .story-s04 .story-ui-group > p:nth-of-type(5) { font-size:12px; line-height:1.2; }
  #ai-first.mobile-story .story-s06 .stage__ui {
    --mobile-story-card:min(260px,calc(100cqw - 32px));
    inset:auto; left:calc(16px - var(--mobile-story-card) * 67 / 624);
    top:calc(20px - var(--mobile-story-card) * 70 / 624);
    width:calc(var(--mobile-story-card) * 1152 / 624);
    height:auto; aspect-ratio:1152/1290;
  }
  #ai-first.mobile-story .story-s06 .story-ui-group > p:nth-of-type(1) { font-size:14px; }
  #ai-first.mobile-story .story-s06 .story-ui-group > p:nth-of-type(2) { font-size:11px; }
  #ai-first.mobile-story .story-s06 .story-ui-group > p:nth-of-type(n+3) { font-size:12px; line-height:1.25; }
  #ai-first.mobile-story .story-s05 .stage__ui { inset:0; width:100%; height:100%; aspect-ratio:auto; }
  #ai-first.mobile-story .story-s05 .story-ui-group > .en-call-bar {
    left:50%; top:auto; bottom:20px; width:min(284px,calc(100% - 32px));
    height:auto; aspect-ratio:680/262; transform:translateX(-50%);
  }
  #ai-first.mobile-story .en-call-bar__number,
  #ai-first.mobile-story .en-call-bar__time { font-size:max(11px,3.82353cqw); }

  #harness-rules :is(#rules,#callback) .feature-film {
    min-height:590px; aspect-ratio:2/3;
  }
  #harness-rules :is(#rules,#callback) .feature-film > video {
    inset:0; width:100%; height:100%; object-fit:cover; object-position:57% 50%;
    transform:scale(1.32); transform-origin:50% 0;
    -webkit-mask-image:none; mask-image:none;
  }
  #harness-rules :is(#rules,#callback) .scene-ui {
    inset:20px 16px auto; width:auto; padding:0; gap:12px;
  }
  #harness-rules :is(#rules,#callback) .scene-ui .instruction.en-demo-request {
    align-self:flex-end; width:min(290px,100%);
  }
  /* Right-align compact bubbles with their existing text and line breaks. */
  #harness-rules :is(#rules,#callback) .scene-ui .instruction.en-demo-request {
    align-self:flex-end; margin-left:0;
    width:fit-content; max-width:min(290px,100%);
  }
  #harness-rules :is(#rules,#callback) .scene-ui .glass-card.en-demo-card {
    width:min(280px,100%);
  }
  #harness-rules :is(#rules,#callback) .instruction.en-demo-request { font-size:13px; line-height:1.45; }

  #agent .demo--agent { min-height:560px; aspect-ratio:2/3; }
  #agent .demo--agent .stage__ui { inset:0; width:100%; height:100%; container-type:inline-size; }
  #agent .agent-request,
  #agent .agent-services { left:50%; width:calc(100% - 32px); max-width:350px; transform:translateX(-50%); }
  #agent .agent-request { top:20px; height:138px; }
  #agent .agent-services { top:170px; }
}
@media (max-width:359px) {
  #ai-first.mobile-story .story-s04 .stage__ui {
    --mobile-story-card:calc(100cqw - 20px);
    left:calc(10px - var(--mobile-story-card) * 196 / 760);
  }
  #harness-rules :is(#rules,#callback) .feature-film { min-height:650px; }
  #harness-rules :is(#rules,#callback) .scene-ui { inset:16px 12px auto; }
  #harness-rules :is(#rules,#callback) .glass-card.en-demo-card { padding:10px; }
  #harness-rules :is(#rules,#callback) .en-demo-card__body { padding:8px; }
  #agent .agent-request,
  #agent .agent-services { width:calc(100% - 24px); }
  #agent .agent-request > .u.type { font-size:13px; }
  #agent .agent-services { grid-template-rows:repeat(2,80px); height:168px; }
  #agent .agent-services > .u { font-size:11.5px; padding-inline:1px; }
}

/* Desktop follow-up: one-line call reason and aligned summary actions.
   The summary artwork and its embedded icons retain their original pixels. */
@media (min-width:900px) {
  #ai-first.flow--carousel .story-s04 .story-ui-group > p:nth-of-type(4) {
    top:calc(250 / 1290 * 100%); white-space:nowrap; line-height:1.3;
  }
  #ai-first.flow--carousel .story-s04__handoff { display:none; }

}
/* Preserve the three action labels on a single baseline at the source scale. */
#ai-first:is(.flow--carousel,.mobile-story) .story-s06 .story-ui-group > p:nth-of-type(n+5) {
    top:calc(437 / 1290 * 100%); white-space:nowrap; line-height:1.2;
    font-size:calc(22 * var(--u)); font-weight:500; text-align:left;
    transform:translateY(-50%);
}
#ai-first:is(.flow--carousel,.mobile-story) .story-s06 .story-ui-group > p:nth-of-type(5) {
    left:calc(174 / 1152 * 100%); width:calc(108 / 1152 * 100%);
}
#ai-first:is(.flow--carousel,.mobile-story) .story-s06 .story-ui-group > p:nth-of-type(6) {
    left:calc(365 / 1152 * 100%); width:calc(102 / 1152 * 100%);
}
#ai-first:is(.flow--carousel,.mobile-story) .story-s06 .story-ui-group > p:nth-of-type(7) {
    left:calc(547 / 1152 * 100%); width:calc(105 / 1152 * 100%);
}

/* Match the confirmed Chinese scene: original photo ratio, speaker offset,
   rounded bubbles and two separate right-aligned notes. Only bubble heights
   accommodate the English two-line copy. Coordinates remain in the artwork. */
#ai-first:is(.flow--carousel,.mobile-story) .story-s03 .stage__ui {
  inset:auto; left:13%; top:3%; width:calc(69% / 1.09);
  height:auto; aspect-ratio:1152/1290; transform:none; display:block;
}
#ai-first:is(.flow--carousel,.mobile-story) .story-s03 .story-ui-group {
  position:absolute; inset:0; display:block; width:100%; height:100%; margin:0; padding:0;
}
#ai-first:is(.flow--carousel,.mobile-story) .story-s03 .story-ui-group:first-child { padding-top:0; }
#ai-first:is(.flow--carousel,.mobile-story) .story-s03 .bub {
  position:absolute; inset:auto; left:calc(var(--x) * var(--u)); top:calc(var(--y) * var(--u));
  width:calc(var(--w) * var(--u)); height:calc(var(--h) * var(--u));
  min-height:0; max-width:none; margin:0; padding:0 calc(38 * var(--u));
  box-sizing:border-box; display:flex; align-items:center;
  border-radius:calc(40 * var(--u));
  font-size:clamp(10px,calc(38 * var(--u)),14px); line-height:1.4; white-space:pre-line;
}
#ai-first:is(.flow--carousel,.mobile-story) .story-s03 .bub .type { white-space:normal; }
#ai-first:is(.flow--carousel,.mobile-story) .story-s03 .bub--short {
  left:auto; right:calc(54 * var(--u)); width:max-content;
  max-width:calc(749 * var(--u)); white-space:nowrap;
}
#ai-first:is(.flow--carousel,.mobile-story) .story-s03 .bub--short .type { white-space:nowrap; }
#ai-first:is(.flow--carousel,.mobile-story) .story-s03 .u.gold {
  position:absolute; inset:auto; right:calc(var(--x) * var(--u)); top:calc(var(--y) * var(--u));
  width:auto; margin:0; padding:0; transform:translateY(-50%);
  font-size:clamp(8px,calc(30 * var(--u)),11px); line-height:var(--lh);
  text-align:right; white-space:pre-line;
}
@media(max-width:899px) {
  #ai-first.mobile-story .flow__item .story-s03 { aspect-ratio:1152/1290; min-height:0; }
  #ai-first.mobile-story .story-s03 .stage__ui { inset:0; width:100%; height:100%; }
}


/* Source: assets/en-responsive-20261014/privacy-desktop.css */
/* Repair the label footprint using the moving reflection on desktop and phone.
   Match the existing film geometry; the English text and product stay in place. */
#privacy .privacy__desktop-screen {
  position:absolute; inset:0; width:100%; height:100%;
  display:block; visibility:hidden; pointer-events:none;
}
#privacy[data-desktop-screen="ready"] .privacy__desktop-screen { visibility:visible; }
#privacy[data-desktop-screen="ready"] .privacy__en-screen { visibility:hidden; }
@media (max-width:899px) {
  #privacy .privacy__desktop-screen {
    inset:auto; left:50%; top:calc(57% - 2.72vw + 28px); width:230%; max-width:none;
    height:auto; aspect-ratio:3840/1646; transform:translate(-50%,-50%);
  }
}