:root{--paper:#fafaf7;--ink:#20251f;--muted:#62685f;--accent:#365242;--line:#dddfd7;--u:min(1px,calc(100vw / 1672));font-family:"Noto Sans SC","Microsoft YaHei","Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:0}body,figure,p,h1,h2{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #739686;outline-offset:6px}a:hover{color:var(--accent)}.skip{position:fixed;left:15px;top:-100px;z-index:20;background:var(--accent);color:white;padding:12px}.skip:focus{top:12px}.header{height:calc(112 * var(--u));padding:0 calc(70 * var(--u));display:flex;align-items:center;gap:calc(48 * var(--u));position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(100%,1672px);z-index:10;background:#fafaf7f5}.brand{font-family:"Segoe UI",sans-serif;font-size:calc(52 * var(--u));letter-spacing:-3px;font-weight:750;color:var(--accent);line-height:1}.brand span{font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:calc(26 * var(--u));font-weight:400;margin-left:calc(17 * var(--u));letter-spacing:0}.header nav{margin-left:auto;display:flex;gap:calc(45 * var(--u));font-size:calc(20 * var(--u))}.button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:60px;display:inline-flex;align-items:center;justify-content:center;gap:calc(26 * var(--u));padding:calc(20 * var(--u)) calc(36 * var(--u));font-size:calc(23 * var(--u));font-weight:650;cursor:pointer;line-height:1.2;transition:background .16s,transform .16s}.button:hover{color:white;background:#263f32;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--accent);font-weight:550}.secondary:hover{background:#edf0ea}.header-cta{font-size:calc(18 * var(--u));padding:calc(17 * var(--u)) calc(26 * var(--u));gap:14px}.screen{max-width:1672px;margin:auto;height:calc(941 * var(--u));position:relative;padding:calc(110 * var(--u)) calc(70 * var(--u)) 0;scroll-margin-top:0;overflow:hidden}.hero{text-align:center;padding-top:calc(85 * var(--u))}.dragon{background-repeat:no-repeat;mix-blend-mode:multiply}.hero-dragon{width:calc(360 * var(--u));height:calc(350 * var(--u));margin:0 auto;background-image:url('/assets/approved-hero.png');background-size:464.444% 268.857%;background-position:49.5427% 14.3824%}h1{font-size:calc(80 * var(--u));line-height:1.19;font-weight:900;letter-spacing:-2px;margin:calc(15 * var(--u)) 0 calc(17 * var(--u))}.hero-label{font-size:calc(30 * var(--u));line-height:1.5;color:#4c5a55}.hero-description{font-size:calc(23 * var(--u));color:var(--muted);margin-top:calc(6 * var(--u))}.actions{display:flex;align-items:center;justify-content:center;gap:calc(35 * var(--u));margin-top:calc(38 * var(--u))}.platforms{font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:calc(18 * var(--u));color:var(--muted);margin-top:calc(28 * var(--u))}.platforms span,.trial-note span{margin:0 17px}.section-heading{text-align:center}.section-heading h2{font-size:calc(62 * var(--u));line-height:1.28;font-weight:850;letter-spacing:-1px}.section-heading>p{font-size:calc(30 * var(--u));color:#4e5d56;line-height:1.6;margin-top:calc(16 * var(--u))}.shot{display:block;overflow:hidden;border:1px solid #dce3e3;border-radius:calc(10 * var(--u));background:white}.shot img{width:100%;height:auto;display:block}.shot:hover{outline:1px solid #9dafaa}.ai-layout{display:grid;grid-template-columns:63% 34.5%;gap:2.5%;align-items:end;margin-top:calc(24 * var(--u))}.ai-layout figcaption{font-size:calc(31 * var(--u));font-weight:650;margin-bottom:calc(12 * var(--u))}.phone-side{padding-bottom:calc(4 * var(--u))}.connection{font-size:calc(21 * var(--u));color:var(--muted);margin:0 0 calc(75 * var(--u)) calc(65 * var(--u))}.phone-crop{position:relative;aspect-ratio:2160 / 984}.phone-crop img{position:absolute;width:110%;max-width:none;height:auto;left:-4.3%;top:-9.8%}.drive-crop{aspect-ratio:2160 / 1000}.fineprint{font-size:calc(19 * var(--u));text-align:center;color:#797d78;margin-top:calc(25 * var(--u))}.rhythm-screen{padding-top:calc(136 * var(--u))}.rhythm-screen h2{font-size:calc(58 * var(--u))}.rhythm-screen .section-heading p{font-size:calc(28 * var(--u))}.rhythm-figure{width:82%;margin:calc(32 * var(--u)) auto 0}.rhythm-figure figcaption{display:flex;justify-content:space-around;font-size:calc(22 * var(--u));color:#4f6059;margin-top:calc(25 * var(--u))}.rhythm-note{margin-top:calc(30 * var(--u))}.rhythm-note span{margin:0 calc(30 * var(--u))}.review-screen{padding-inline:calc(85 * var(--u));padding-top:calc(100 * var(--u))}.review-screen h2{font-size:calc(62 * var(--u))}.review-screen .section-heading p{font-size:calc(27 * var(--u));margin-top:calc(12 * var(--u))}.review-art{display:block;width:100%;aspect-ratio:1502/457;margin-top:calc(27 * var(--u));background-image:url('/assets/approved-review.png');background-size:111.318% 205.908%;background-position:50% 50.413%;border-radius:6px}.review-art:hover{outline:1px solid #9dafaa}.review-bottom{display:grid;grid-template-columns:69.5% 1fr;gap:7%;align-items:center;margin-top:calc(15 * var(--u))}.review-bottom figure{min-width:0}.thinking-shot{height:calc(185 * var(--u));border:0}.thinking-shot img{height:100%;object-fit:contain;object-position:left top}.review-bottom figcaption{text-align:center;font-size:calc(16 * var(--u));color:var(--muted);margin-top:calc(3 * var(--u))}.review-bottom>p{font-size:calc(33 * var(--u));font-weight:650;line-height:1.5}.review-note{text-align:center;color:var(--muted);font-size:calc(12 * var(--u));margin-top:calc(7 * var(--u))}.story-screen{padding:calc(180 * var(--u)) calc(30 * var(--u)) 0}.story-screen h2{font-size:calc(72 * var(--u))}.story-screen .section-heading p{font-size:calc(32 * var(--u));margin-top:calc(12 * var(--u))}.comic-scroll{margin-top:calc(49 * var(--u));overflow-x:auto;scroll-snap-type:x mandatory}.comic-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(5 * var(--u))}.comic-strip figure{scroll-snap-align:start}.comic-panel{aspect-ratio:264/292;background-image:url('/assets/approved-story.png');background-size:633.333% 322.26%;background-position-y:57.473%;background-repeat:no-repeat}.panel-0{background-position-x:2.06%}.panel-1{background-position-x:21.023%}.panel-2{background-position-x:40.27%}.panel-3{background-position-x:59.446%}.panel-4{background-position-x:78.622%}.panel-5{background-position-x:98.082%}.comic-strip figcaption{text-align:center;font-size:calc(23 * var(--u));color:#4c5b54;margin-top:calc(9 * var(--u))}.story-ending{text-align:center;font-size:calc(24 * var(--u));color:#4e5d56;margin-top:calc(80 * var(--u))}.swipe-note{display:none}.trial-screen{text-align:center;padding-top:calc(130 * var(--u))}.farewell-dragon{width:calc(370 * var(--u));height:calc(370 * var(--u));margin:0 auto;background-image:url('/assets/approved-farewell.png');background-size:451.892% 254.324%;background-position:49.539% 22.767%}.trial-screen h2{font-size:calc(64 * var(--u));font-weight:850;letter-spacing:-1px;line-height:1.3;margin-top:calc(25 * var(--u))}.trial-subtitle{font-size:calc(33 * var(--u));color:#4e5d56;margin-top:calc(22 * var(--u))}.trial-screen .actions{margin-top:calc(32 * var(--u))}.manual-link{font-size:calc(24 * var(--u));color:#4e5d56;text-decoration:underline;text-underline-offset:7px}.trial-note{font-size:calc(21 * var(--u));color:var(--muted);margin-top:calc(36 * var(--u))}footer{position:absolute;bottom:calc(30 * var(--u));left:calc(70 * var(--u));right:calc(70 * var(--u));display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:calc(31 * var(--u));letter-spacing:-1.5px}footer .brand span{font-size:calc(18 * var(--u));margin-left:8px}footer nav{display:flex;gap:calc(38 * var(--u));font-size:calc(18 * var(--u));color:var(--muted)}
dialog{border:1px solid #d9dfd6;background:var(--paper);color:var(--ink);border-radius:20px;width:min(580px,calc(100% - 32px));padding:36px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#17291f70;backdrop-filter:blur(5px)}dialog h2{font-size:28px;line-height:1.5;margin:25px 0 16px}dialog>p{line-height:1.8;color:var(--muted)}.close-dialog{display:block;margin-left:auto;border:0;background:none;padding:6px;color:var(--accent);cursor:pointer}dialog dl{display:grid;grid-template-columns:1fr auto;gap:20px 10px;padding:25px 0;border-block:1px solid #d9dfd6;margin:24px 0}dialog dd{margin:0;color:var(--muted)}.dialog-note{font-size:13px}.dialog-links{display:flex;gap:25px;margin-top:25px;text-decoration:underline;text-underline-offset:5px}body:has(dialog[open]){overflow:hidden}
@media(max-width:760px){:root{--u:1px}html{scroll-padding-top:0}.header{height:80px;padding:0 20px;gap:15px;flex-wrap:wrap}.brand{font-size:32px;letter-spacing:-1.8px}.brand span{font-size:16px;margin-left:8px}.header nav{font-size:12px;gap:14px}.header-cta{display:none}.screen{height:auto;min-height:0;padding:110px 20px 45px;overflow:hidden}.hero{padding-top:98px;padding-bottom:70px}.hero-dragon{width:252px;height:245px}h1{font-size:36px;line-height:1.3;letter-spacing:-1px;margin:18px -5px 20px}.hero-label{font-size:18px}.hero-description{font-size:14px;line-height:1.9;max-width:310px;margin:10px auto 0}.actions{gap:12px;margin-top:26px}.button{font-size:14px;padding:15px 20px;gap:13px}.platforms{font-size:12px;margin-top:22px}.section-heading h2,.review-screen h2,.rhythm-screen h2,.story-screen h2{font-size:32px;line-height:1.4;letter-spacing:-.7px}.section-heading>p,.rhythm-screen .section-heading p,.review-screen .section-heading p,.story-screen .section-heading p{font-size:16px;line-height:1.85;margin-top:15px}.ai-layout{display:block;margin-top:28px}.ai-layout figcaption{font-size:19px;margin-bottom:10px}.phone-side{width:86%;margin:24px 0 0 auto}.connection{font-size:13px;margin:0 0 15px}.shot{border-radius:7px}.fineprint{font-size:12px;line-height:1.8;margin-top:20px}.rhythm-figure{width:100%;margin-top:26px}.rhythm-figure figcaption{font-size:12px;gap:10px;margin-top:18px}.rhythm-note span{margin:0 10px}.review-art{margin-top:25px;min-width:960px}.review-screen{overflow-x:auto}.review-bottom{display:block;margin-top:25px}.thinking-shot{height:auto}.thinking-shot img{height:auto}.review-bottom figcaption{font-size:12px;margin-top:8px}.review-bottom>p{font-size:21px;line-height:1.65;text-align:center;margin-top:26px}.review-note{font-size:12px;line-height:1.9;margin-top:18px}.comic-scroll{margin:28px -20px 0;padding:0 20px 10px}.comic-strip{grid-template-columns:repeat(6,250px);gap:8px}.comic-strip figcaption{font-size:18px;margin-top:10px}.swipe-note{display:block;font-size:12px;color:var(--muted);margin-top:12px}.story-ending{font-size:16px;line-height:1.9;margin:35px auto 0;max-width:300px}.trial-screen{padding-top:85px;padding-bottom:115px}.farewell-dragon{width:270px;height:270px}.trial-screen h2{font-size:32px;line-height:1.45;margin-top:25px}.trial-subtitle{font-size:18px;margin-top:18px}.trial-screen .actions{margin-top:26px}.manual-link{font-size:14px}.trial-note{font-size:12px;line-height:1.8;margin-top:28px}.trial-note span{margin:0 6px}footer{bottom:30px;left:20px;right:20px}footer .brand{font-size:25px}footer .brand span{font-size:14px}footer nav{font-size:12px;gap:15px}dialog{padding:24px}dialog h2{font-size:24px}dialog dl{font-size:14px}}
.header{background:transparent}.header.scrolled{background:#fafaf7f5}.dragon{mix-blend-mode:normal;background-size:contain;background-position:center}.review-scroll{overflow-x:auto}.review-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:760px){.header{background:#fafaf7f5}.review-screen{overflow:hidden}.review-scroll{margin:0 -20px;padding:0 20px 10px}.review-art{min-width:960px}.review-note{text-align:left}}
.phone-crop img{width:110.5%;left:-4.4%}.rhythm-figure{width:80%;margin-top:calc(20 * var(--u))}.rhythm-figure figcaption{margin-top:calc(12 * var(--u))}.rhythm-note{margin-top:calc(14 * var(--u))}.review-screen{padding-top:calc(90 * var(--u))}.review-screen .section-heading p{margin-top:calc(8 * var(--u))}.review-art{margin-top:calc(20 * var(--u))}.review-bottom{grid-template-columns:55% 37%;gap:8%}.thinking-shot{height:auto;aspect-ratio:1008/254;position:relative}.thinking-shot img{position:absolute;left:0;top:0;width:121.825%;height:auto;max-width:none}.connection{position:relative;margin-left:calc(125 * var(--u))}.connection::before{content:"";position:absolute;left:calc(-132 * var(--u));top:calc(-38 * var(--u));width:calc(123 * var(--u));height:calc(120 * var(--u));background-image:url('/assets/approved-product.png');background-size:1359.35% 784.17%;background-position:68.431% 49.817%;mix-blend-mode:multiply}
@media(max-width:760px){.rhythm-figure{width:100%;margin-top:26px}.rhythm-figure figcaption{margin-top:18px}.review-screen{padding-top:110px}.review-bottom{display:block}.review-art{margin-top:25px}.thinking-shot{width:100%}.connection{margin-left:0}.connection::before{display:none}}
.hero-dragon{background-size:105% auto}.farewell-dragon{background-size:140% auto}.trial-screen h2{font-size:calc(70 * var(--u))}.phone-crop img{top:-10.2%}.review-screen{padding-top:calc(100 * var(--u))}.review-art{margin-top:calc(10 * var(--u))}.review-note{position:absolute;bottom:2px;left:20px;right:20px;font-size:calc(11 * var(--u));line-height:1.3}
@media(max-width:760px){.trial-screen h2{font-size:32px}.review-screen{padding-top:110px}.review-art{margin-top:25px}.review-note{position:static;font-size:12px;line-height:1.9}}
.release-entry{display:grid;gap:7px;max-width:290px;text-align:right}.release-entry a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:4px}.release-entry code{font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.mobile-break{display:none}.story-ending{text-wrap:balance}.connection::before{width:calc(116 * var(--u));background-size:1441.379% 784.17%;background-position:68.1234% 49.817%;mix-blend-mode:darken}.review-bottom figure{width:90%}
@media(max-width:760px){.mobile-break{display:block}.section-heading h2,.trial-screen h2{text-wrap:balance}.hero-description{max-width:100%}.review-bottom figure{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Readable product images and in-place viewing. */
.hero-label{font-size:calc(28 * var(--u));text-wrap:balance}
[data-zoom]{cursor:zoom-in}
.review-screen{height:auto;min-height:calc(941 * var(--u));padding-bottom:50px}
.review-bottom{display:block;margin-top:32px}
.review-bottom figure{width:min(100%,1200px);margin:auto}
.review-bottom figcaption{margin-top:14px;font-size:16px}
.review-bottom>p{font-size:24px;text-align:center;margin-top:26px;line-height:1.7}
.review-bottom>p br{display:none}
.review-note{position:static;font-size:13px;line-height:1.8;margin-top:18px}
.story-screen{height:auto;padding-bottom:55px}
.companion-demo{display:grid;grid-template-columns:minmax(0,680px) minmax(0,1fr);gap:65px;align-items:center;max-width:1250px;margin:55px auto 0}
.companion-demo figure{min-width:0}
.companion-demo figcaption{font-size:13px;color:var(--muted);margin-top:12px;text-align:center}
.companion-demo h3{font-size:28px;line-height:1.5;margin:0 0 14px}
.companion-demo p{font-size:18px;line-height:1.8;color:var(--muted)}
.product-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 4px;text-align:left}.product-facts>div{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#f5f6f1}.product-facts dt{font-size:14px;font-weight:700;color:var(--ink)}.product-facts dd{margin:7px 0 0;font-size:14px;line-height:1.65;color:var(--muted)}
.image-viewer{width:min(96vw,1500px);max-width:none;padding:20px;max-height:94dvh;overflow:hidden}
.viewer-toolbar{display:flex;gap:18px;align-items:center;margin-bottom:18px}
.viewer-toolbar p{flex:1;margin:0;font-size:15px;color:var(--muted)}
.viewer-toolbar button{flex:none;background:transparent;border:1px solid #acbab0;border-radius:20px;padding:8px 16px;cursor:pointer;color:var(--accent)}
.viewer-scroll{overflow:auto;max-height:calc(94dvh - 110px)}
.viewer-content{width:100%}
.viewer-content>.shot{width:100%;margin:0}
.viewer-content>.review-art{width:100%;margin:0;min-width:0}
.image-viewer.zoomed .viewer-content{width:max(1800px,150%)}
.image-viewer.zoomed .viewer-content>.phone-crop{min-width:1800px}
@media(max-width:760px){
 .hero-label{font-size:18px;max-width:340px;margin:auto;line-height:1.7}
 .review-screen{min-height:0;padding-bottom:40px}
 .review-bottom{margin-top:28px}
 .review-bottom figcaption{font-size:12px}
 .review-bottom>p{font-size:19px}
 .review-bottom>p br{display:block}
 .review-note{font-size:12px}
 .companion-demo{grid-template-columns:1fr;gap:20px;margin-top:35px}
 .companion-demo h3{font-size:23px;text-align:center}
 .companion-demo p{font-size:15px;text-align:center}
 .product-facts{grid-template-columns:1fr;margin-top:22px}.product-facts dt,.product-facts dd{text-align:left}
 .image-viewer{padding:14px;width:calc(100% - 20px)}
 .viewer-toolbar{flex-wrap:wrap;gap:10px}
 .viewer-toolbar p{flex-basis:100%;font-size:13px}
 .viewer-toolbar button{font-size:13px;padding:7px 14px}
 .viewer-scroll{max-height:calc(94dvh - 165px)}
}

.ai-screen .fineprint{line-height:1.8}.ai-screen .text-link{display:inline-block;font-size:inherit;text-decoration:underline;text-underline-offset:5px;margin:6px 12px 0}
.ai-screen{height:auto;min-height:calc(941 * var(--u));padding-bottom:calc(50 * var(--u))}@media(max-width:760px){.ai-screen{min-height:0;padding-bottom:45px}}

.header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:7px}@media(max-width:760px){.header nav{gap:10px}.header{gap:10px}footer nav{gap:12px}}
.desk-section{padding:65px max(24px,calc(80 * var(--u))) 30px;text-align:center;scroll-margin-top:100px}
.desk-section .section-heading h2{font-size:clamp(26px,3vw,44px);line-height:1.4}
.desk-section figure{margin:28px auto 0;max-width:1512px}
.desk-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));cursor:zoom-in}
.desk-panel{display:block;overflow:hidden;aspect-ratio:543/724}
.desk-panel img{display:block;width:400%;max-width:none;height:auto}
.desk-panel:nth-child(2) img{transform:translateX(-25%)}
.desk-panel:nth-child(3) img{transform:translateX(-50%)}
.desk-panel:nth-child(4) img{transform:translateX(-75%)}
.desk-gallery:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.desk-section figcaption{margin-top:16px;font-size:12px;line-height:1.8;color:var(--muted)}
.viewer-content .desk-gallery{display:block;cursor:default}
.viewer-content .desk-gallery img{display:block;width:100%;height:auto}
@media(max-width:760px){.desk-section{padding:45px 20px 15px}.desk-gallery{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:6px}.desk-section figure{margin-top:24px}}
html{scrollbar-gutter:stable}html:has(dialog[open]){overflow:hidden}
html.defer-media .deferred-media.review-art,html.defer-media .deferred-media.farewell-dragon,html.defer-media .deferred-media.comic-strip .comic-panel{background-image:none}
@media(max-width:360px){.header{padding-inline:12px;flex-wrap:nowrap}.header .brand{font-size:28px;flex:none}.header .brand span{font-size:14px;margin-left:6px}.header nav{flex:none;gap:8px}.actions .button{white-space:nowrap;font-size:13px;padding:15px 12px;gap:8px}footer{flex-wrap:wrap;gap:18px}}

.rhythm-screen{height:auto;min-height:calc(941 * var(--u));padding-bottom:45px}.rhythm-note{font-size:13px;line-height:1.9}.rhythm-note .text-link,.review-note .text-link,.companion-demo .text-link{display:inline-block;color:var(--accent);font-size:14px;line-height:1.8;margin-top:10px;text-decoration:underline;text-underline-offset:5px}.review-bottom>p{font-size:18px;line-height:1.8;max-width:800px;margin-inline:auto}@media(max-width:760px){.rhythm-screen{min-height:0}.review-bottom>p{font-size:16px}.companion-demo .text-link{display:block;text-align:center}}

.thinking-shot{aspect-ratio:auto}.thinking-shot img{position:static;width:100%;height:auto;max-width:100%}

/* Canvas hero keeps the existing fallback crop while adding gaze and blink. */
canvas.hero-dragon{background-image:none!important;object-fit:contain;cursor:default}

.rhythm-layout{display:grid;grid-template-columns:34.5% 63%;gap:2.5%;align-items:end;margin-top:calc(32 * var(--u))}.rhythm-layout figure{min-width:0}.rhythm-layout figcaption{font-size:calc(29 * var(--u));font-weight:650;margin-bottom:calc(12 * var(--u));text-align:left;line-height:1.5}.sync-connection{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:0 0 calc(42 * var(--u));color:var(--accent);font-size:calc(21 * var(--u))}.sync-connection svg{width:calc(135 * var(--u));height:calc(100 * var(--u));order:2}.sync-connection span{color:var(--muted)}.weekly-shot img{width:100%;height:auto}.rhythm-layout .weekly-shot{aspect-ratio:auto}@media(max-width:760px){.rhythm-layout{display:flex;flex-direction:column;align-items:stretch;gap:28px;margin-top:28px}.rhythm-layout figcaption{font-size:18px;margin-bottom:10px}.rhythm-phone-side{display:flex;flex-direction:column}.rhythm-phone-side figure{width:86%}.sync-connection{order:2;justify-content:center;margin:22px 0 0;font-size:13px;gap:14px}.sync-connection svg{width:65px;height:48px;transform:rotate(90deg)}.rhythm-layout .weekly-shot{aspect-ratio:1723/552}}

/* AI Insight: real evidence on the left, an actionable reading path on the right. */
.review-screen{height:auto;min-height:calc(941 * var(--u));padding-bottom:calc(48 * var(--u))}
.review-screen .section-heading h2{font-size:calc(56 * var(--u))}
.review-screen .section-heading>p{max-width:1050px;margin-inline:auto}
.insight-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(390px,.78fr);gap:calc(28 * var(--u));align-items:start;margin-top:calc(34 * var(--u))}
.insight-evidence{min-width:0}
.insight-evidence .shot{background:#fff}
.insight-evidence figcaption{font-size:calc(15 * var(--u));color:var(--muted);text-align:center;margin-top:calc(10 * var(--u))}
.insight-panel{border:1px solid #d9e4df;border-radius:calc(14 * var(--u));background:#f7faf6;padding:calc(28 * var(--u)) calc(30 * var(--u)) calc(24 * var(--u));color:#163447}
.insight-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#418c85;font-size:calc(15 * var(--u));font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.insight-badge{border:1px solid #b9ddd5;border-radius:999px;padding:5px 10px;font-size:calc(13 * var(--u));font-weight:600;letter-spacing:0;text-transform:none;background:#edf8f3}
.insight-source{font-size:calc(15 * var(--u));color:#667b78;margin-top:calc(10 * var(--u))}
.insight-panel h3{font-size:calc(39 * var(--u));line-height:1.17;letter-spacing:-.8px;margin-top:calc(20 * var(--u));max-width:520px}
.insight-lede{font-size:calc(21 * var(--u));line-height:1.55;color:#48615c;margin-top:calc(13 * var(--u))}
.insight-steps{list-style:none;padding:0;margin:calc(24 * var(--u)) 0 0;display:grid;gap:calc(18 * var(--u))}
.insight-steps li{display:grid;grid-template-columns:calc(36 * var(--u)) 1fr;gap:calc(13 * var(--u));position:relative}
.insight-steps li:not(:last-child)::after{content:"";position:absolute;left:calc(17 * var(--u));top:calc(38 * var(--u));bottom:calc(-18 * var(--u));width:1px;background:#b8dcd4}
.step-number{width:calc(34 * var(--u));height:calc(34 * var(--u));display:grid;place-items:center;border-radius:50%;background:#dcefeb;color:#2f8179;font-size:calc(18 * var(--u));font-weight:750;position:relative;z-index:1}
.insight-steps h4{font-size:calc(21 * var(--u));line-height:1.35;margin:calc(1 * var(--u)) 0 calc(5 * var(--u));color:#173448}
.insight-steps p{font-size:calc(16 * var(--u));line-height:1.7;color:#536b69}
.insight-steps blockquote{margin:calc(9 * var(--u)) 0 0;padding:calc(14 * var(--u)) calc(16 * var(--u));border-left:3px solid #4ca79d;background:#ecf7f2;border-radius:0 calc(9 * var(--u)) calc(9 * var(--u)) 0;font-size:calc(18 * var(--u));line-height:1.65;color:#214652}
.insight-copy{margin-top:calc(12 * var(--u));border:0;border-radius:999px;padding:calc(11 * var(--u)) calc(19 * var(--u));background:#3c9187;color:#fff;font-size:calc(16 * var(--u));font-weight:700;cursor:pointer}
.insight-copy:hover{background:#2f776f}
.copy-status{display:block;min-height:1.5em;margin-top:calc(7 * var(--u));font-size:calc(13 * var(--u));color:#5d7974}
.insight-note{border-top:1px solid #d8e5df;margin-top:calc(16 * var(--u));padding-top:calc(13 * var(--u));font-size:calc(13 * var(--u));line-height:1.7;color:#71837f}
.review-screen>.review-note{font-size:calc(14 * var(--u));line-height:1.7;margin-top:calc(22 * var(--u))}
@media(max-width:760px){
  .review-screen{min-height:0;padding-bottom:45px}
  .review-screen .section-heading h2{font-size:32px}
  .insight-layout{display:block;margin-top:26px}
  .insight-evidence{margin:0 -20px}
  .insight-evidence .shot{border-radius:0;border-inline:0}
  .insight-evidence figcaption{font-size:12px;margin:8px 20px 0}
  .insight-panel{margin-top:25px;padding:22px 20px 20px;border-radius:12px}
  .insight-kicker{font-size:12px}
  .insight-badge{font-size:11px;padding:4px 8px}
  .insight-source{font-size:12px;margin-top:8px}
  .insight-panel h3{font-size:29px;margin-top:16px}
  .insight-lede{font-size:17px}
  .insight-steps{gap:16px;margin-top:22px}
  .insight-steps li{grid-template-columns:30px 1fr;gap:10px}
  .insight-steps li:not(:last-child)::after{left:14px;top:34px;bottom:-16px}
  .step-number{width:28px;height:28px;font-size:15px}
  .insight-steps h4{font-size:18px}
  .insight-steps p{font-size:14px;line-height:1.7}
  .insight-steps blockquote{font-size:16px;line-height:1.7;padding:12px 13px}
  .insight-copy{font-size:14px;padding:10px 16px}
  .insight-note{font-size:12px}
  .review-screen>.review-note{font-size:12px;line-height:1.8;text-align:left;margin-top:18px}
}

.screen{scroll-margin-top:calc(112 * var(--u))}
@media(max-width:760px){.screen{scroll-margin-top:80px}}
.insight-layout{align-items:stretch}
.insight-evidence{display:flex;flex-direction:column;gap:calc(14 * var(--u))}
.insight-evidence .evidence-second{margin-top:0}
.insight-evidence figcaption{margin-top:calc(2 * var(--u))}
.insight-panel{height:100%;display:flex;flex-direction:column}
.insight-note{margin-top:auto}
.insight-panel{padding-top:calc(22 * var(--u));padding-bottom:calc(18 * var(--u))}
.insight-panel h3{margin-bottom:0}
.insight-panel h3{font-size:calc(32 * var(--u));line-height:1.12}
.insight-lede{font-size:calc(18 * var(--u));line-height:1.45}
.insight-panel .insight-source,.insight-panel .insight-lede,.insight-panel .insight-steps p{margin-bottom:0}
.insight-steps{gap:calc(8 * var(--u));margin-top:calc(18 * var(--u))}
.insight-steps li:not(:last-child)::after{bottom:calc(-12 * var(--u))}
.insight-steps h4{font-size:calc(18 * var(--u));line-height:1.25;margin-bottom:calc(3 * var(--u))}
.insight-steps p{font-size:calc(14 * var(--u));line-height:1.5}
.insight-steps blockquote{font-size:calc(16 * var(--u));line-height:1.5;padding:calc(10 * var(--u)) calc(13 * var(--u))}
.insight-copy{margin-top:calc(9 * var(--u));padding:calc(9 * var(--u)) calc(16 * var(--u));font-size:calc(14 * var(--u))}
@media(max-width:760px){.insight-layout{display:block}.insight-evidence{gap:10px}.insight-panel{height:auto}.insight-note{margin-top:16px}}
.ai-screen .fineprint,.rhythm-note{font-size:calc(13 * var(--u));line-height:1.9;color:var(--muted)}
.ai-screen .text-link,.rhythm-note .text-link{font-size:calc(14 * var(--u));line-height:1.8;margin-top:calc(10 * var(--u));text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.ai-screen .fineprint,.rhythm-note{font-size:12px}.ai-screen .text-link,.rhythm-note .text-link{font-size:13px}}
.connection{display:flex;align-items:center;gap:16px;margin:0 0 calc(42 * var(--u)) calc(65 * var(--u));color:var(--accent);font-size:calc(21 * var(--u))}
.connection svg{width:calc(135 * var(--u));height:calc(100 * var(--u));flex:none;order:0}
.connection span{color:var(--muted)}
.connection::before{display:none}
.sync-connection svg path{stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.connection{font-size:13px;margin:0 0 15px;gap:14px}.connection svg{width:65px;height:48px;transform:none}.sync-connection svg{transform:rotate(90deg)}}

/* Unified Peilo character assets: every visible hand and foot keeps the same white claw pads. */
.hero-dragon{background-image:url('/assets/peilo-focus-neutral.webp');background-size:contain;background-position:center}
.farewell-dragon{background-image:url('/assets/peilo-focus-wave.webp');background-size:contain;background-position:center}

/* Keep the approved six emotions, but show them as six square frames. */
.comic-strip{aspect-ratio:6 / 1;background-image:none;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start}
.comic-strip figure{min-width:0}
.comic-panel{width:100%;height:auto;aspect-ratio:1;background-image:url('/assets/peilo-story-v2.png')!important;background-size:300% 200%;background-repeat:no-repeat}
.comic-panel.panel-0{background-position:0% 0%}
.comic-panel.panel-1{background-position:50% 0%}
.comic-panel.panel-2{background-position:100% 0%}
.comic-panel.panel-3{background-position:0% 100%}
.comic-panel.panel-4{background-position:50% 100%}
.comic-panel.panel-5{background-position:100% 100%}
@media(max-width:760px){.comic-strip{grid-template-columns:repeat(6,250px);aspect-ratio:auto}.comic-panel{width:250px;height:250px}}

/* The six-panel story and desk gallery already carry the visual proof; keep the phone entry as copy only. */
.companion-demo{display:block;max-width:760px;margin:55px auto 0;text-align:center}
.companion-demo h3{margin-bottom:14px}
.companion-demo .text-link{display:inline-block;color:var(--accent);font-size:14px;line-height:1.8;margin-top:10px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.companion-demo{margin-top:35px}.companion-demo h3{font-size:23px}.companion-demo p{font-size:15px}.companion-demo .text-link{display:block}}
.hero{height:auto;min-height:calc(941 * var(--u));padding-bottom:calc(50 * var(--u))}
@media(max-width:760px){.hero{min-height:0;padding-bottom:40px}}
.footer-identity{display:flex;align-items:baseline;gap:14px;min-width:0}
footer .studio-credit{font-size:13px;line-height:1.4;color:var(--muted);white-space:nowrap}
@media(max-width:760px){.footer-identity{display:block}footer .studio-credit{display:block;margin-top:5px;font-size:11px}}

img.hero-dragon{background-image:none!important;object-fit:contain}
@media(max-width:760px){.header nav a[href="#desks"],.header nav a[href="/#desks"]{display:none}.docs-page .header nav a[href="/#story"]{display:none}}

/* Match documentation navigation to the current homepage. */
.docs-page .header { height:64px; padding-inline:max(5vw,32px); gap:30px; top:0; z-index:60; background:#fafaf7; box-shadow:0 1px 0 rgba(33,48,40,.12); }
.docs-page .header .brand { font-size:32px; letter-spacing:-1.6px; white-space:nowrap; }
.docs-page .header .brand-paw { display:inline-block; width:29px; height:29px; margin:0 7px 0 0; vertical-align:middle; transform:translateY(-3px); background-color:var(--accent); -webkit-mask:url('/assets/peilo-paw-foreground.png') center / 220% 220% no-repeat; mask:url('/assets/peilo-paw-foreground.png') center / 220% 220% no-repeat; }
.docs-page .header nav { gap:26px; font-size:14px; }
.docs-page .header nav a { white-space:nowrap; }
.docs-page .header .header-cta { padding:11px 18px; font-size:14px; gap:14px; }
@media(max-width:760px) {
 .docs-page .header { padding-inline:18px; gap:12px; }
 .docs-page .header .brand { font-size:26px; }
 .docs-page .header .brand-paw { width:24px; height:24px; }
 .docs-page .header nav { flex-wrap:wrap; justify-content:flex-end; max-width:calc(100vw - 120px); gap:2px 12px; font-size:12px; }
}

.home-reading-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:8px;font-size:14px;line-height:1.5}.home-reading-links a{color:inherit;text-decoration:underline;text-underline-offset:4px}.fineprint .home-reading-links{justify-content:center}.home-reading-links .text-link{margin-top:0}

/* Studio and verified support contact */
.trial-screen footer{gap:28px}.trial-screen .footer-identity{gap:14px}
.footer-contact{display:flex;flex-direction:column;gap:5px;text-decoration:none}.footer-contact a{text-decoration:underline;text-underline-offset:3px}.footer-contact span{overflow-wrap:anywhere;color:var(--muted)}
.footer-support{display:flex;gap:20px;align-items:center;font-size:13px;line-height:1.6}.footer-support a,.footer-contact{text-decoration:underline;text-underline-offset:3px}.footer-contact{font-size:13px}.maintenance-info{border-top:1px solid #dce3dd;margin-top:36px;padding-top:24px}.maintenance-info p{overflow-wrap:anywhere}@media(max-width:760px){footer{flex-wrap:wrap;gap:12px}.footer-support{flex-direction:column;align-items:flex-start;gap:3px;font-size:12px}.trial-screen{padding-bottom:175px}}
.docs-page footer .footer-contact{text-decoration:none}

/* Use Latin punctuation metrics for English; Chinese keeps its existing font stack. */
:root:lang(en){font-family:"Segoe UI",Arial,sans-serif}