/* Dedicated homepage reading rhythm. Shared styles are deliberately untouched. */
.page-index .reading-section{padding:72px 0}
.page-index .reading-section .wrap{position:relative}
.page-index .reading-heading{max-width:780px;margin-bottom:30px}
.page-index .reading-kicker{color:#637751;font-size:13px;letter-spacing:.06em;margin:0 0 18px}
.page-index .reading-heading h1{font-size:clamp(38px,4.7vw,66px);line-height:1.22;letter-spacing:-.04em;margin:0 0 24px;max-width:1000px}
.page-index .reading-heading h2{font-size:clamp(28px,3.1vw,43px);line-height:1.35;margin-bottom:18px}
.page-index .reading-summary{font-size:17px;line-height:1.9;color:#52654e;max-width:720px}
.page-index .reading-points{display:flex;flex-wrap:wrap;gap:10px 28px;list-style:none;padding:0;margin:22px 0;color:#274e40;font-size:14px}
.page-index .reading-points li{padding:0;margin:0;line-height:1.8}
.page-index .reading-points li:before{content:"";display:inline-block;width:5px;height:5px;background:#8ba75a;border-radius:50%;margin:0 8px 3px 0}
.page-index .reading-actions{justify-content:flex-start;flex-wrap:wrap;gap:20px;margin-top:26px}
.page-index .reading-shot{margin:0;min-width:0;width:100%;max-width:none}
.page-index .reading-shot .screen-slot{aspect-ratio:auto;min-height:120px;padding:24px;border:1px dashed #b8c7a2;border-radius:14px;background:#f5f7ec}
.page-index .reading-shot .screen-slot:before{display:none}
.page-index .reading-shot .screen-slot strong{font-size:15px;font-weight:550}
.page-index .reading-shot .screen-slot span{display:block;font-size:12px;max-width:none;margin-top:8px}
.page-index .reading-shot figcaption{font-size:12px;line-height:1.7;color:#75816c;margin-top:10px}
.page-index .reading-shot .screen-slot.is-loaded{padding:0;border:0;background:none;min-height:0;overflow:visible}
.page-index .reading-shot .real-screenshot{display:block;max-width:100%;width:auto;height:auto;max-height:620px;object-fit:contain;margin:auto}
.page-index .reading-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}
.page-index .reading-brand{background:radial-gradient(ellipse at 50% 20%,#f0f5c9,transparent 75%);padding-top:68px;text-align:center}
.page-index .reading-brand .reading-heading{max-width:1000px;margin:0 auto}
.page-index .reading-brand .reading-summary{margin:auto}
.page-index .reading-brand .reading-actions{justify-content:center}
.page-index .hero-evidence{max-width:850px;margin:38px auto 0;text-align:left}
.page-index .reading-value .reading-heading{max-width:1000px}
.page-index .reading-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:36px}
.page-index .reading-values article{border-top:1px solid #d5dfc8;padding-top:20px}
.page-index .reading-values h3{font-size:21px;margin-bottom:12px}
.page-index .reading-values p{font-size:15px;color:#64705b;line-height:1.8}
.page-index .reading-system{background:#f3f6ee}
.page-index .reading-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:0;gap:18px;margin-top:36px}
.page-index .reading-flow li{position:relative;border-top:2px solid #cbd8b9;padding-top:18px}
.page-index .reading-flow li:not(:last-child):after{content:"→";position:absolute;right:-15px;top:34px;color:#7f9669}
.page-index .reading-flow span{font-size:12px;color:#758b5d}
.page-index .reading-flow h3{font-size:18px;margin:10px 0}
.page-index .reading-flow p{font-size:14px;line-height:1.8;color:#64705b}
.page-index .reading-planning .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:0 48px;align-items:start}
.page-index .reading-planning .reading-heading{grid-row:1/3;margin:0}
.page-index .reading-planning .reading-quote{margin:0 0 20px;grid-column:2}
.page-index .reading-planning .reading-evidence{grid-column:2;grid-template-columns:1fr;margin:0}
.page-index .reading-planning .reading-actions{grid-column:1/-1}
.page-index .reading-quote{font-size:18px;line-height:1.9;border-left:3px solid #a4ba70;padding-left:20px}
.page-index .reading-quote small{display:block;font-size:12px;color:#78876b;margin-top:10px}
.page-index .reading-task-pair,.page-index .reading-growth-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px;margin-top:28px}
.page-index .reading-task-pair article{padding-top:22px;border-top:1px solid #d6dfcb;min-width:0}
.page-index .reading-task-pair h3,.page-index .reading-growth-pair h3{font-size:23px;line-height:1.5;margin:12px 0}
.page-index .reading-label{font-size:12px;color:#6d8155}
.page-index .reading-achievements{background:#f1f5e3}
.page-index .reading-growth-pair article{padding:28px;background:#fbfcf7;border-radius:16px;min-width:0}
.page-index .reading-growth-pair .reading-shot{margin-top:25px}
.page-index .reading-growth-pair .reading-actions{font-size:14px}
.page-index .reading-status{font-size:13px;line-height:1.85;margin:26px 0 0;color:#64705b;max-width:850px}
.page-index .reading-insights .wrap{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.page-index .reading-insights .reading-heading{grid-column:1}
.page-index .reading-insights .reading-evidence{grid-column:2;grid-row:1/3;display:block;margin:0}
.page-index .reading-insights .reading-evidence figure+figure{margin-top:20px}
.page-index .reading-insights .reading-actions{align-self:end}
.page-index .reading-report{background:#f4f6ef}
.page-index .reading-report .wrap{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:start}
.page-index .reading-report .reading-shot{grid-column:2;grid-row:1/3}
.page-index .reading-report .reading-status{grid-column:1;margin-top:0}
.page-index .reading-light-links{display:flex;flex-wrap:wrap;gap:20px;grid-column:1/-1;margin-top:28px}
.page-index .reading-connect .reading-material-note{font-size:13px;color:#74816b;margin-top:22px}
.page-index .reading-connect .reading-heading{max-width:820px}
.page-index .reading-closing{text-align:center;background:linear-gradient(110deg,#edf3df,#f8faf2)}
.page-index .reading-closing .reading-heading{margin:0 auto;max-width:900px}
.page-index .reading-closing .reading-summary{margin:auto}
.page-index .reading-closing .reading-status{margin:22px auto}
.page-index .reading-closing .reading-actions{justify-content:center}
@media(max-width:1100px){.page-index .reading-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.page-index .reading-flow li:nth-child(3):after{display:none}}
@media(max-width:760px){
.page-index .reading-section{padding:48px 0}
.page-index .reading-heading h1{font-size:38px}
.page-index .reading-heading h2{font-size:29px}
.page-index .reading-values{grid-template-columns:1fr;gap:20px}
.page-index .reading-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.page-index .reading-flow li:after{display:none}
.page-index .reading-task-pair,.page-index .reading-growth-pair{grid-template-columns:1fr;gap:28px}
.page-index .reading-planning .wrap,.page-index .reading-insights .wrap,.page-index .reading-report .wrap{display:block}
.page-index .reading-planning .reading-heading{margin-bottom:24px}
.page-index .reading-planning .reading-evidence{grid-template-columns:1fr}
.page-index .reading-insights .reading-evidence,.page-index .reading-report .reading-shot{margin-top:28px}
.page-index .reading-evidence{gap:16px}
.page-index .reading-summary{font-size:16px}
.page-index .reading-brand .reading-evidence{grid-template-columns:1fr}
.page-index .reading-growth-pair article{padding:24px}
}
@media(prefers-reduced-motion:reduce){.page-index *{animation:none!important;transition:none!important}}

/* Real App imagery: limited homepage preview, preserve original image proportions. */
body.page-index.product-version [data-product-screen] .screen-slot.is-loaded{background:transparent;border:0;padding:0;min-height:0;display:flex;justify-content:center}
body.page-index.product-version [data-product-screen] .real-screenshot{display:block;width:270px;height:auto;max-height:none;max-width:100%;object-fit:contain}
body.page-index.product-version .reading-brand>.wrap{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px}
body.page-index.product-version .reading-brand .reading-heading h1{font-size:clamp(40px,4.3vw,64px)}
body.page-index.product-version .reading-brand .hero-evidence{display:flex;gap:12px;max-width:490px;align-items:center}
body.page-index.product-version .reading-brand .hero-evidence figure{flex:1;min-width:0}
body.page-index.product-version .reading-brand .hero-evidence figure:nth-child(2){margin-top:60px}
body.page-index.product-version .reading-brand .hero-evidence .real-screenshot{width:230px}
body.page-index.product-version .reading-growth-pair article{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:48px;align-content:center;min-height:620px}
body.page-index.product-version .reading-growth-pair article .reading-shot{grid-column:2;grid-row:1/6;margin:0;align-self:center}
body.page-index.product-version .reading-growth-pair article>p,body.page-index.product-version .reading-growth-pair article>h3,body.page-index.product-version .reading-growth-pair article>ul,body.page-index.product-version .reading-growth-pair article>.reading-actions{grid-column:1}
body.page-index.product-version .reading-insights .reading-evidence{display:flex;gap:26px;justify-content:center;align-items:start}
body.page-index.product-version .reading-insights .reading-evidence figure{flex:1;max-width:270px}
body.page-index.product-version .reading-report .real-screenshot{width:285px}
@media(max-width:820px){
body.page-index.product-version .reading-brand>.wrap{display:block}
body.page-index.product-version .reading-brand .reading-heading h1{font-size:clamp(32px,6vw,48px)}
body.page-index.product-version .reading-brand .hero-evidence{margin:36px 0 0;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 16px}
body.page-index.product-version .reading-brand .hero-evidence figure{flex:0 0 210px;scroll-snap-align:start}
body.page-index.product-version .reading-brand .hero-evidence figure:nth-child(2){margin-top:0}
body.page-index.product-version .reading-growth-pair article{display:block;min-height:0}
body.page-index.product-version .reading-growth-pair article .reading-shot{margin:28px auto 0}
body.page-index.product-version [data-product-screen] .real-screenshot{width:240px}
body.page-index.product-version .reading-insights .reading-evidence{overflow-x:auto;justify-content:start;scroll-snap-type:x mandatory;padding-bottom:16px}
body.page-index.product-version .reading-insights .reading-evidence figure{flex:0 0 240px;scroll-snap-align:start}
}

/* Real App images: editorial detail crops with accessible full originals. */
body.product-version.page-index main figure.tr-product{margin-inline:auto;max-width:100%;min-width:0}
body.product-version.page-index main figure.tr-product .tr-product-open{display:block;border-radius:14px;max-width:100%;overflow:hidden;text-decoration:none}
body.product-version.page-index main figure.tr-product .screen-slot.is-loaded{display:flex;align-items:start;justify-content:center;background:transparent;border:0;min-height:0;padding:0;aspect-ratio:auto;overflow:hidden}
body.product-version.page-index main figure.tr-product .real-screenshot{display:block;position:static;width:100%;height:auto;max-height:none;max-width:100%;margin:0;object-fit:contain}
body.product-version.page-index main figure.tr-product-detail{width:380px}
body.product-version.page-index main figure.tr-product-full{width:250px}
body.product-version.page-index main figure.tr-product figcaption{font-size:12px;line-height:1.7;color:inherit;opacity:.88;margin-top:14px;text-align:left}
body.product-version.page-index main figure.tr-product .tr-product-hint{display:block;font-size:11px;opacity:.8;margin-top:4px}
body.product-version.page-index main .reading-evidence{align-items:start}
body.product-version.page-index main .tr-combined-note{font-size:13px;line-height:1.8;align-self:center}
@media(max-width:820px){
body.product-version.page-index main figure.tr-product-detail{width:320px}
body.product-version.page-index main figure.tr-product-full{width:220px}
body.product-version.page-index main .reading-evidence:has(>figure.tr-product){display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;max-width:100%;align-items:start}
body.product-version.page-index main .reading-evidence>figure.tr-product{flex:0 0 min(86%,300px);scroll-snap-align:start;margin-inline:0}
body.product-version.page-index main .reading-evidence>figure.tr-product-full{flex-basis:220px}
body.product-version.page-index main .reading-evidence>.tr-combined-note{flex:0 0 170px}
body.product-version.page-index main figure.tr-product figcaption{font-size:11px}
}

body.product-version.page-index .reading-growth-pair article{min-height:400px;grid-template-columns:minmax(0,1fr) 340px}
body.product-version.page-index .reading-growth-pair article .reading-shot{width:100%}
body.product-version.page-index .reading-insights .reading-evidence figure.tr-product{width:100%;max-width:340px}
body.product-version.page-index .reading-report figure.tr-product-detail{width:340px}
body.product-version.page-index .reading-brand .hero-evidence figure.tr-product-full{width:230px}
@media(max-width:820px){
body.product-version.page-index .reading-growth-pair article{display:block;min-height:0}
body.product-version.page-index .reading-growth-pair article .reading-shot{width:290px;max-width:100%}
body.product-version.page-index .reading-brand .hero-evidence figure.tr-product-full{flex:0 0 210px}
}

/* Phone edge presentation: one intact end; no middle slices. */
body.product-version.page-index main figure.tr-product-window{width:270px;max-width:100%;--phone-height:390px}
body.product-version.page-index main figure.tr-product-window .screen-slot.is-loaded{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:var(--phone-height);min-height:0;overflow:hidden;border-radius:0;background:none;padding:0;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 38px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 38px),transparent)}
body.product-version.page-index main figure.tr-product-window .real-screenshot{display:block;flex-shrink:0;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;transform:none;margin:0}
body.product-version.page-index main figure.tr-product-window[data-phone-edge="bottom"]{--phone-height:290px}
body.product-version.page-index main figure.tr-product-window[data-phone-edge="bottom"] .screen-slot.is-loaded{justify-content:flex-end;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 38px);mask-image:linear-gradient(to bottom,transparent,#000 38px)}
body.product-version.page-index main figure.tr-product-full .screen-slot.is-loaded{-webkit-mask-image:none;mask-image:none}
body.product-version.page-index main figure.tr-product-full .real-screenshot{transform:none}
body.product-version.page-index main .reading-reveal-sequence{align-items:start}
@media(max-width:820px){
body.product-version.page-index main figure.tr-product-window{width:240px;--phone-height:335px}
body.product-version.page-index main .reading-evidence>figure.tr-product-window{flex:0 0 240px}
body.product-version.page-index main figure.tr-product-window[data-phone-edge="bottom"]{--phone-height:270px}
body.product-version.page-index main figure.tr-product-window .screen-slot.is-loaded{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 30px),transparent)}
body.product-version.page-index main figure.tr-product-window[data-phone-edge="bottom"] .screen-slot.is-loaded{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30px);mask-image:linear-gradient(to bottom,transparent,#000 30px)}
}
body.product-version.page-index .reading-growth-pair article .reading-shot,body.product-version.page-index .reading-insights .reading-evidence figure.tr-product-window,body.product-version.page-index .reading-report figure.tr-product-window{width:270px;max-width:100%}
@media(max-width:820px){body.product-version.page-index .reading-growth-pair article .reading-shot,body.product-version.page-index .reading-insights .reading-evidence figure.tr-product-window,body.product-version.page-index .reading-report figure.tr-product-window{width:240px}}