:root{--paper:#f7fafc;--ink:#25313b;--muted:#5c6f7b;--red:#d9314a;--lake:#ddebf1;--deep:#203e4b;--line:#dbe4e9;--body:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--display:"Songti SC","STSong","SimSun",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 var(--body);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #477a92;outline-offset:5px}button:disabled{cursor:default;opacity:.35}.wrap{width:min(1160px,calc(100% - 80px));margin:auto}.header{position:sticky;top:0;z-index:30;background:#f7fafcf5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;line-height:1.3}.brand img{width:48px;height:48px;border-radius:50%}.brand span{font-size:19px;font-weight:650}.brand small{display:block;margin-top:5px;font-size:10px;font-weight:400;letter-spacing:1px;color:var(--muted)}nav{display:flex;gap:34px}nav a{font-size:13px;color:var(--muted)}nav a:hover{color:var(--red)}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--red);color:white;padding:13px 23px;border:1px solid var(--red);border-radius:8px;line-height:1.6;font-weight:550}.button:hover{background:#bf263d}.button.small{padding:8px 15px;font-size:12px;gap:16px}.text-button{display:inline-flex;align-items:center;gap:12px;border:0;background:none;padding:10px 0;font-size:13px}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px;gap:30px;padding-top:64px;padding-bottom:70px;align-items:center}.intro-label{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}.intro-label span{width:6px;height:6px;background:var(--red);border-radius:50%}h1,h2,h3,p,figure{margin-top:0}h1{font-family:var(--display);font-size:clamp(42px,4.6vw,62px);line-height:1.34;font-weight:600;letter-spacing:-1.8px;margin:23px 0}.hero-description{font-size:16px;color:var(--muted);line-height:2;margin-bottom:26px}.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.hero-foot{margin-top:28px;color:var(--muted);font-size:11px}.hero-scene{height:510px;position:relative;margin-left:20px}.photo{background:white;border:7px solid white;box-shadow:0 15px 38px #203e4b16}.main-photo{position:absolute;top:0;left:0;width:75%;transform:rotate(-5deg);z-index:1}.main-photo img{height:315px;width:100%;object-fit:cover}.photo figcaption{font-family:var(--display);font-size:13px;padding:10px 6px 5px;color:var(--deep)}.onsen-photo{position:absolute;width:48%;right:0;top:185px;z-index:3;transform:rotate(7deg)}.onsen-photo img{width:100%;height:215px;object-fit:cover}.onsen-photo figcaption{font-size:11px}.travel-tag{position:absolute;right:0;top:28px;background:var(--deep);color:white;z-index:4;padding:17px 21px;transform:rotate(3deg);box-shadow:0 7px 20px #203e4b1a}.travel-tag span{font-size:10px;opacity:.75}.travel-tag strong{display:block;font-size:18px;letter-spacing:1px}.travel-tag p{margin:5px 0 0;font-size:10px;opacity:.8}.mascot-note{display:flex;align-items:center;position:absolute;bottom:0;left:5px;z-index:5;gap:7px}.mascot-note img{width:97px;height:97px;border-radius:50%;mix-blend-mode:multiply}.mascot-note span{font-family:var(--display);font-size:15px;line-height:1.7;color:var(--deep)}.reason{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-top:48px;padding-bottom:60px;border-top:1px solid var(--line)}.section-label{display:block;font-size:12px;color:var(--muted);margin-bottom:16px}h2{font-family:var(--display);font-size:32px;line-height:1.5;letter-spacing:-.6px;font-weight:600;margin-bottom:0}.reason-body{padding-top:5px;color:var(--muted);font-size:14px}.reason-body p{margin-bottom:14px}.reason-body .reason-question{margin:23px 0 0;color:var(--deep);border-left:2px solid #90acba;padding-left:15px;font-size:12px}.abilities{padding:60px 0 85px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section-heading>p{color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:3px;flex-shrink:0}.ability-grid{display:grid;grid-template-columns:repeat(4,1fr)}.ability{padding:16px 27px 20px;border-left:1px solid var(--line);transition:background .15s}.ability:first-child{border-left:0;padding-left:0}.ability:last-child{padding-right:0}.ability:hover{background:#edf3f6}.ability-icon{display:block;font-size:33px;line-height:1;color:var(--deep);margin-bottom:23px;height:34px}.ability h3{font-size:17px;margin-bottom:12px;font-weight:600}.ability p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:20px}.ability-example{display:block;font-size:11px;color:#6c7f8a}.journey-section{background:#eaf1f5;padding:70px 0 30px}.journey-hint{font-size:12px;color:var(--muted);margin-top:-18px;margin-bottom:35px}.walkthrough{display:grid;grid-template-columns:190px 1fr 310px;gap:32px;align-items:start;min-height:590px}.step-nav{display:flex;flex-direction:column;gap:6px;padding:15px 0}.step-tab{border:0;background:transparent;display:flex;gap:16px;align-items:center;text-align:left;padding:13px 14px;border-radius:7px;color:var(--muted);font-size:14px;width:100%;white-space:nowrap}.step-tab span{font-size:11px;opacity:.7}.step-tab[aria-selected=true]{background:white;color:var(--deep);box-shadow:0 3px 12px #203e4b08;font-weight:600}.step-tab[aria-selected=true] span{color:var(--red);opacity:1}.step-tab:hover{background:#ffffff90}.step-detail{padding:21px 4px 20px;min-width:0}.step-detail h3{font:600 28px/1.5 var(--display);letter-spacing:-.5px;margin-bottom:14px}.step-detail>.step-description{font-size:14px;color:var(--muted);margin-bottom:27px}.detail-row{margin-bottom:23px}.detail-row .row-label{font-size:10px;color:var(--muted);margin-bottom:6px;display:block}.detail-row p{font-size:13px;line-height:1.9;margin:0}.detail-row ol{margin:0;padding-left:18px;font-size:13px;line-height:2}.result{border-top:1px solid #cad9e1;padding-top:18px;margin-top:26px}.result p{color:var(--deep)}.step-boundary{font-size:11px;color:var(--muted);margin-top:20px;padding-left:14px;position:relative}.step-boundary:before{content:'↳';position:absolute;left:0;color:var(--red)}.screen-area{text-align:center;min-width:0}.screen-caption{font-size:10px;display:block;margin-bottom:12px;color:var(--muted)}.illustration-phone{width:292px;height:554px;background:white;border:6px solid #273b46;border-radius:39px;margin:auto;box-shadow:12px 16px 30px #203e4b10;position:relative;overflow:hidden;text-align:left}.phone-status{height:40px;display:flex;justify-content:space-between;padding:12px 18px 0;font-size:10px;font-weight:600}.phone-screen{height:474px;overflow-y:auto;scrollbar-width:thin;font-size:11px;line-height:1.7;background:#fff}.phone-home{height:4px;width:95px;background:#273b46;position:absolute;bottom:8px;left:50%;transform:translateX(-50%);border-radius:3px}.ui-header{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:9px 14px;border-bottom:1px solid #edf0f2;font-size:11px;font-weight:600}.ui-header>span{font-size:17px;font-weight:400}.ui-search{background:#f3f5f6;margin:10px 12px;border-radius:15px;padding:6px 13px;color:#374c58}.ui-tabs{padding:4px 14px 9px;display:flex;justify-content:space-around;border-bottom:1px solid #edf0f2;color:#8a969d}.ui-tabs b{color:var(--red)}.ui-assistant{margin:13px 12px;background:#f7f9fa;border-radius:10px;padding:12px}.ui-assistant h4{margin:0 0 6px;font-size:11px;display:flex;align-items:center;gap:6px}.ui-assistant h4 img{width:24px;border-radius:50%}.ui-assistant p{font-size:10px;margin:8px 0 10px;line-height:1.9}.ui-action{display:inline-block;background:var(--red);color:white;border-radius:6px;font-size:10px;padding:5px 11px}.ui-action.outline{background:#fff;color:var(--red);border:1px solid #f1c7ce}.ui-action.muted{background:#eef2f4;color:var(--deep)}.ui-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px}.ui-cards img{width:100%;height:132px;object-fit:cover;border-radius:6px}.ui-cards p{font-size:10px;line-height:1.6;margin:6px 0}.ui-note{font-size:9px;color:#7c8c96;padding:0 12px}.ui-message{margin:12px;border-radius:9px;padding:10px 12px;background:#f5f7f8;font-size:10px}.ui-message.user{background:#ffeef1;margin-left:40px}.ui-memory{margin:12px;padding:13px;border:1px solid #e3eaee;border-radius:9px}.ui-memory strong{display:block;margin-bottom:7px}.ui-memory p{margin:0;font-size:10px;line-height:1.9}.ui-memory small{font-size:8px;color:var(--muted)}.ui-heading{display:flex;align-items:center;gap:6px;margin:14px 12px 0;font-size:10px;font-weight:600}.ui-heading img{width:24px;border-radius:50%}.ui-composer{border-top:1px solid #eef2f4;margin:20px 12px 0;padding-top:12px}.ui-composer>span{background:#f2f5f7;border-radius:14px;padding:7px 13px;display:block;color:#8b969e;font-size:10px}.ui-photo{width:100%;height:175px;object-fit:cover}.ui-body{padding:12px}.ui-body h4{font-size:14px;line-height:1.5;margin:0 0 12px}.ui-comment{border-top:1px solid #edf0f2;margin-top:15px;padding-top:12px;font-size:10px}.ui-highlight{background:#dceafc;line-height:2.2}.ui-selection{display:flex;gap:15px;background:#29363e;color:white;padding:8px 13px;width:max-content;border-radius:6px;margin:8px auto;font-size:9px}.ui-saving{background:#f2f7f4;color:#47705a;margin:12px;border-radius:6px;padding:8px 10px;font-size:10px}.ui-source{background:#f7f9fa;margin:10px 12px;padding:10px;border:1px solid #e7edf0;border-radius:7px}.ui-source strong{font-size:10px}.ui-source p{font-size:10px;margin:6px 0}.ui-source small{font-size:8px;color:#7c8c96}.ui-plan-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f2}.ui-plan-row>span{font-size:9px;color:var(--red);white-space:nowrap}.ui-plan-row strong{font-size:10px;display:block}.ui-plan-row small{font-size:9px;color:var(--muted)}.ui-saved{color:#458168;font-size:9px}.ui-background{padding:12px}.ui-background>strong{font-size:10px}.ui-background>p{font-size:9px;color:var(--muted)}.ui-checkbox{display:flex;justify-content:space-between;align-items:center;background:#f6f9fa;border:1px solid #dce6ec;border-radius:9px;padding:10px}.ui-checkbox b{font-size:10px}.ui-checkbox span{color:var(--red);font-size:18px}.step-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #cddde5;padding-top:25px;margin-top:22px}.step-footer p{font-size:11px;color:var(--muted);margin:0}.step-footer p strong{color:var(--deep);margin-right:15px}.step-footer p span{margin:0 7px}.step-footer p small{margin-left:15px}.step-footer>div{display:flex;align-items:center;gap:15px;font-size:11px;color:var(--muted)}.round-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #c9d7df;background:transparent;border-radius:50%;font-size:17px}.round-button:hover:enabled{background:white}.places{padding-top:80px;padding-bottom:65px}.places-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.place{background:white;padding:28px 32px;border:1px solid var(--line);border-radius:12px}.place-title{display:flex;gap:15px;align-items:center;margin-bottom:14px}.place-title span{color:var(--red);font-size:24px}.place-title h3{font-size:19px;margin:0}.place p{font-size:13px;color:var(--muted);margin-bottom:23px}.place-route{font-size:11px;border-top:1px solid #edf0f2;padding-top:15px;color:var(--deep)}.places-note{font-size:11px;color:var(--muted);margin-top:18px}.clarity{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding-top:25px;padding-bottom:90px}.clarity-mascot{width:110px;height:110px;margin-top:25px;mix-blend-mode:multiply}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{list-style:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary span{font-size:20px;color:var(--muted)}details[open] summary span{transform:rotate(45deg)}details>p{font-size:12px;line-height:1.9;color:var(--muted);margin:15px 25px 0 0}.scope-section{background:var(--deep);color:white;padding:65px 0 35px}.scope-section .section-label,.scope-section .section-heading>p{color:#b8cbd4}.scope-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;margin-top:45px}.scope-status{display:inline-flex;gap:7px;align-items:center;font-size:10px;margin-bottom:16px;color:#c9d9e1}.scope-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.scope-status.available{color:#a6d9c4}.scope-status.preview{color:#e9d9a9}.scope-columns h3{font-size:17px;font-weight:500}.scope-columns ul{padding-left:15px;margin:0;font-size:12px;color:#d0dce2;line-height:2.2}.scope-columns p{font-size:10px;color:#b5c8d2;margin-top:15px}.scope-disclaimer{font-size:10px;color:#b8cbd4;border-top:1px solid #ffffff25;padding-top:23px;margin:35px 0 0}.try{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:90px;padding-top:85px;padding-bottom:85px}.try h2{font-size:35px}.try>div>p{font-size:13px;color:var(--muted);margin:20px 0 25px}.try-note{border-left:2px solid #b9d0dc;padding:13px 0 12px 30px;max-width:370px}.try-note>span{font-size:11px;color:var(--muted)}.try .try-note p{font:20px/1.9 var(--display);color:var(--deep);margin:15px 0}.copy-button{background:transparent;border:1px solid #b6c8d2;padding:6px 13px;border-radius:5px;font-size:11px}.copy-button:hover{background:var(--lake)}#copy-status{font-size:10px;margin-left:10px}.footer{border-top:1px solid var(--line);padding-top:27px;padding-bottom:28px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.footer-top>a:last-child{font-size:11px;color:var(--muted)}.footer p{font-size:10px;color:var(--muted);margin:6px 0;max-width:850px}.footer .brand img{width:38px;height:38px}.footer .brand span{font-size:16px}.footer .brand small{font-size:9px}dialog{width:min(1000px,calc(100% - 35px));max-height:94dvh;border:1px solid var(--line);padding:0;border-radius:18px;background:var(--paper);box-shadow:0 20px 70px #203e4b40}dialog::backdrop{background:#142c3b99;backdrop-filter:blur(5px)}body.modal-open{overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:15px;border-bottom:1px solid var(--line)}.dialog-header h2{font:600 16px/1.5 var(--body);margin:0}.dialog-header p{font-size:10px;color:var(--muted);margin:4px 0 0}.dialog-header button{flex-shrink:0}.demo-content{display:grid;grid-template-columns:1fr 450px;min-height:650px}.demo-content aside{padding:40px 30px}.demo-content ol{padding-left:20px;font-size:12px;line-height:2.3;color:var(--muted);margin-bottom:30px}.demo-content aside>p{font-size:11px;color:var(--muted)}.demo-content aside>a{font-size:11px;color:var(--red)}iframe{width:100%;height:690px;border:0;background:white;border-radius:0 0 15px 0}.skip{position:fixed;left:20px;top:-100px;background:white;z-index:90;padding:8px 20px}.skip:focus{top:10px}.noscript{margin:20px;text-align:center;font-size:13px}
/* ===== 产品理念 / 三层价值 / 完整周期 / 真人经验（2026-11-13 增补） ===== */
.reason-body .reason-audience{margin:0}
.reason-audience{font-size:12px;line-height:2;color:var(--muted);margin:24px 0 0;max-width:360px}
.reason-body .reason-quote{font:16px/1.9 var(--display);color:var(--deep);border-left:2px solid var(--red);padding-left:16px;margin:22px 0}
.abilities-note{font-size:11px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin:32px 0 0}

.vision{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:62px 0 68px}
.vision-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:75px;align-items:start}
.vision-statement{font:600 clamp(25px,2.6vw,33px)/1.65 var(--display);letter-spacing:-.5px;color:var(--deep);margin:20px 0 0}
.vision-lead{font-size:14px;line-height:2.05;color:var(--muted);margin:0 0 24px}
.vision-lead strong{color:var(--deep);font-weight:600}
.vision-summary{background:#f4f8fa;border-left:2px solid #a9c5d3;padding:18px 22px;margin-bottom:20px}
.vision-summary>span{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}
.vision-summary p{font-size:12px;line-height:2;color:var(--ink);margin:0}
.vision-note{font-size:11px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin:0}

.value-section{background:#eef4f7;padding:66px 0 60px}
.value-rows{border-top:1px solid #cddde5}
.value-row{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid #cddde5}
.value-no{font:24px/1.3 var(--display);color:#9db8c5}
.value-row h3{font-size:17px;font-weight:600;margin:0 0 9px;color:var(--deep)}
.value-row p{font-size:13px;line-height:2;color:var(--muted);margin:0}
.value-row b{font-weight:600;color:var(--ink)}

.loop-section{background:#fff;padding:70px 0 60px;border-top:1px solid var(--line)}
.loop-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0 26px}
.loop-track li{position:relative;padding:22px 0 20px;border-top:2px solid var(--line)}
.loop-track li:before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:#b9d0dc}
.loop-no{display:block;font-size:11px;line-height:1;color:var(--red);letter-spacing:1px;margin-bottom:12px}
.loop-track h3{font-size:15px;font-weight:600;margin:0 0 9px;color:var(--deep)}
.loop-track p{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 12px}
.loop-tag{font-style:normal;font-size:10px;display:inline-block;border:1px solid #c9d9e1;border-radius:4px;padding:2px 8px;color:var(--muted)}
.loop-tag.done{color:#4b7f68;border-color:#bcd8c9;background:#f2f8f4}
.loop-tag.preview{color:#9b7b3f;border-color:#e3d4ac;background:#fbf7ec}
.loop-note{font-size:11px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin:34px 0 0}

.trust-section{background:#fff;padding:68px 0 60px;border-top:1px solid var(--line)}
.trust-flow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px}
.trust-step{position:relative;padding:0 34px;border-left:1px solid var(--line)}
.trust-step:first-child{padding-left:0;border-left:0}
.trust-step:not(:last-child):after{content:'→';position:absolute;right:-9px;top:2px;color:#a9c1cd;font-size:16px;background:#fff;padding:0 2px}
.trust-step>span{display:block;font-size:11px;color:var(--red);letter-spacing:1px;margin-bottom:14px}
.trust-step h3{font:600 20px/1.5 var(--display);color:var(--deep);margin:0 0 12px}
.trust-step p{font-size:12px;line-height:2;color:var(--muted);margin:0}
.trust-note{font-size:11px;line-height:1.9;color:var(--muted);border-left:2px solid #b9d0dc;padding-left:16px;margin:38px 0 0}

@media(max-width:1100px){
.vision-grid{gap:45px}
.value-row{grid-template-columns:55px 1fr;gap:14px}
.loop-track{gap:0 18px}
.trust-step{padding:0 22px}
}
@media(max-width:850px){
.vision{padding:48px 0 50px}
.vision-grid{gap:30px}
.vision-statement{font-size:24px}
.value-section,.loop-section,.trust-section{padding-top:48px;padding-bottom:45px}
.loop-track{grid-template-columns:repeat(2,1fr);gap:0 22px}
.trust-flow{grid-template-columns:1fr 1fr;gap:24px 0}
.trust-step:nth-child(3){grid-column:1/-1;padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}
.trust-step:nth-child(2){padding-right:0}
.trust-step:after{display:none}
}
@media(max-width:620px){
.vision{padding:40px 0 42px}
.vision-grid{display:block}
.vision-head{margin-bottom:24px}
.vision-statement{font-size:25px}
.vision-lead{font-size:13px}
.reason-audience{max-width:none;margin-top:20px}
.reason-body .reason-quote{font-size:15px}
.abilities-note{margin-top:24px}
.value-section,.loop-section,.trust-section{padding-top:38px;padding-bottom:36px}
.value-row{grid-template-columns:38px 1fr;gap:12px;padding:20px 0}
.value-no{font-size:19px}
.value-row h3{font-size:15px}
.value-row p{font-size:12px}
.loop-track{grid-template-columns:1fr;gap:0}
.loop-track li{padding:18px 0}
.trust-flow{grid-template-columns:1fr;gap:0}
.trust-step,.trust-step:first-child,.trust-step:nth-child(2),.trust-step:nth-child(3){grid-column:auto;padding:20px 0;border-left:0;border-top:1px solid var(--line)}
.trust-step:first-child{border-top:0;padding-top:0}
.trust-step:after{display:none}
.trust-step h3{font-size:18px}
.loop-note,.trust-note{margin-top:26px}
}
@media print{
.vision,.value-section,.loop-section,.trust-section{background:#fff;color:#000}
.vision,.value-section,.loop-section,.trust-section *{color:#000!important}
.vision-grid,.value-row,.loop-track,.trust-flow{display:block}
.loop-track li,.trust-step{border:0;padding:10px 0}
.trust-step:after{display:none}
}

@media(min-width:1500px){.hero{min-height:730px}}@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.hero{min-height:630px}.hero-scene{height:470px;margin-left:0}.main-photo img{height:275px}.onsen-photo{top:190px}.onsen-photo img{height:180px}.travel-tag{padding:12px 14px;right:-4px}.travel-tag p{font-size:9px}.walkthrough{grid-template-columns:160px 1fr 285px;gap:20px}.illustration-phone{width:274px}.step-tab{font-size:12px;padding-left:8px;gap:11px}.step-detail h3{font-size:24px}.step-footer p small{display:none}.ability{padding-left:20px;padding-right:20px}.ability h3{font-size:15px}.hero-actions{gap:18px}.scope-columns{gap:30px}.clarity{gap:45px}}@media(max-width:850px){.wrap{width:calc(100% - 40px)}.nav{height:73px}.nav nav{gap:18px}.hero{gap:15px;padding-top:45px;min-height:590px}.hero-description{font-size:13px}h1{font-size:43px}.hero-scene{height:420px}.main-photo{width:83%;left:0;top:15px}.main-photo img{height:240px}.onsen-photo{top:200px;width:54%}.onsen-photo img{height:150px}.travel-tag{top:0;right:0;padding:10px 13px}.travel-tag strong{font-size:14px}.travel-tag p{display:none}.mascot-note{bottom:-20px;left:0}.mascot-note img{width:75px;height:75px}.mascot-note span{font-size:12px}.hero-foot{font-size:10px}.button{padding:11px 16px;font-size:13px}.hero-actions{gap:18px}.hero-actions .text-button{font-size:11px}.reason{gap:40px}.reason h2{font-size:27px}.reason-body{font-size:12px}.abilities{padding-top:35px;padding-bottom:60px}.ability-grid{grid-template-columns:1fr 1fr;gap:25px 30px}.ability:nth-child(3){border-left:0;padding-left:0}.ability:nth-child(2){padding-right:0}.ability{padding:15px 22px}.ability-icon{margin-bottom:15px}.ability p{margin-bottom:12px}.walkthrough{grid-template-columns:1fr 290px;gap:25px;min-height:590px}.step-nav{grid-column:1/-1;flex-direction:row;overflow-x:auto;padding:4px 0 12px;gap:8px}.step-tab{width:auto;padding:9px 12px;font-size:12px;gap:8px;flex-shrink:0}.step-detail{padding-top:0}.screen-area{margin-top:0}.journey-section{padding-top:45px}.section-heading h2{font-size:28px}.section-heading>p{font-size:11px}.journey-hint{font-size:11px}.step-footer p strong{display:block}.step-footer p{font-size:10px}.places{padding:55px 0 40px}.clarity{padding-bottom:60px;gap:25px;grid-template-columns:1fr 1.4fr}.clarity h2{font-size:28px}.scope-columns{gap:25px}.scope-columns h3{font-size:14px}.scope-columns ul{font-size:11px}.try{gap:45px;padding-top:60px;padding-bottom:60px}.try h2{font-size:29px}.try .try-note p{font-size:18px}.demo-content{grid-template-columns:1fr 420px}.demo-content aside{padding:30px 18px}.demo-content ol{font-size:11px}.dialog-header{padding:14px 20px}}@media(max-width:620px){html{scroll-padding-top:82px}.wrap{width:calc(100% - 40px)}.nav{gap:10px;height:70px}.brand img{width:38px;height:38px}.brand span{font-size:17px}.brand small{font-size:9px;letter-spacing:0}.nav nav{display:none}.button.small{font-size:11px;padding:7px 12px;gap:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;padding-bottom:35px;gap:12px}.hero-copy{padding-top:0}.intro-label{font-size:10px;margin-bottom:16px}h1{font-size:44px;line-height:1.3;margin:17px 0 22px}.hero-description{font-size:13px;margin-bottom:22px}.hero-actions{gap:24px}.hero-foot{margin-top:20px}.hero-scene{height:370px;width:min(360px,100%);align-self:center;margin-top:15px}.main-photo{width:75%;top:3px;left:8px}.main-photo img{height:225px}.onsen-photo{width:47%;right:1px;top:145px}.onsen-photo img{height:157px}.photo figcaption{font-size:11px;padding:8px 3px 3px}.onsen-photo figcaption{font-size:9px}.travel-tag{right:0;top:0}.mascot-note{bottom:0;left:3px}.mascot-note img{width:72px;height:72px}.mascot-note span{font-size:13px}.reason{display:block;padding-top:35px;padding-bottom:35px}.reason h2 br{display:none}.reason h2{font-size:26px}.reason-body{margin-top:22px;font-size:13px}.section-label{font-size:10px;margin-bottom:12px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:27px}.section-heading>p{margin:14px 0 0}.section-heading>p br{display:none}.abilities{padding-top:30px;padding-bottom:45px}.ability-grid{gap:20px 15px}.ability{padding:10px 10px 10px 17px}.ability h3{font-size:14px}.ability p{font-size:11px}.ability-example{font-size:10px}.ability-icon{font-size:28px;height:30px;margin-bottom:15px}.journey-section{padding-top:35px;padding-bottom:22px}.journey-hint{margin-top:-10px;margin-bottom:20px;font-size:11px}.walkthrough{display:flex;flex-direction:column;gap:15px;min-height:0}.step-nav{width:100%;position:relative;gap:6px}.step-tab{font-size:11px;gap:7px}.step-detail{padding:0 0 10px;width:100%}.step-detail h3{font-size:26px;margin-bottom:10px}.step-detail>.step-description{font-size:13px;margin-bottom:20px}.detail-row{margin-bottom:16px}.detail-row p,.detail-row ol{font-size:12px}.detail-row .row-label{font-size:10px}.result{padding-top:14px;margin-top:18px}.step-boundary{font-size:10px;margin-top:14px}.screen-area{align-self:center;margin-top:0}.illustration-phone{height:535px}.phone-screen{height:455px}.step-footer{margin-top:25px;padding-top:18px;gap:10px;align-items:flex-end}.step-footer p{font-size:9px;line-height:2}.step-footer p strong{margin:0}.step-footer p span{margin:0 3px}.step-footer>div{gap:10px;flex-shrink:0}.round-button{width:30px;height:30px}.places{padding-top:42px;padding-bottom:30px}.places-grid{grid-template-columns:1fr;gap:12px}.place{padding:22px 24px}.place-title{margin-bottom:10px}.place p{font-size:12px;margin-bottom:16px}.places-note{font-size:10px}.clarity{display:block;padding-top:10px;padding-bottom:45px}.clarity h2 br{display:none}.clarity h2{font-size:26px}.clarity-mascot{display:none}.faq-list{margin-top:25px}summary{font-size:12px}details{padding:17px 0}details>p{font-size:11px}.scope-section{padding-top:35px;padding-bottom:25px}.scope-columns{grid-template-columns:1fr;gap:25px;margin-top:30px}.scope-columns>div+div{border-top:1px solid #ffffff25;padding-top:25px}.scope-status{margin-bottom:10px}.scope-columns h3{font-size:17px;margin-bottom:12px}.scope-columns ul{font-size:12px}.scope-columns p{font-size:11px}.scope-disclaimer{line-height:1.9;margin-top:25px}.try{grid-template-columns:1fr;gap:35px;padding:45px 0}.try h2{font-size:29px}.try>div>p{font-size:12px}.try-note{padding:5px 0 5px 20px;max-width:100%}.try .try-note p{font-size:18px}.footer{padding-top:22px}.footer-top{gap:10px;margin-bottom:20px}.footer-top>a:last-child{font-size:10px}.footer p{font-size:9px}dialog{width:calc(100% - 16px);border-radius:13px;max-height:96dvh}.dialog-header{padding:12px 14px}.dialog-header h2{font-size:13px}.dialog-header p{font-size:9px}.demo-content{display:block;min-height:0}.demo-content aside{display:none}iframe{height:75dvh;min-height:440px;border-radius:0 0 12px 12px}.skip{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media print{.header,.hero-actions,.step-nav,.screen-area,.step-footer>div,.try,dialog{display:none}.wrap{width:100%}.hero,.reason,.walkthrough,.clarity{display:block;min-height:0}.hero-scene{display:none}.step-detail{padding:0}.scope-section{background:white;color:black}.scope-section *{color:black!important}body{font-size:11pt}.ability-grid{grid-template-columns:1fr 1fr}.section-heading h2,h2{font-size:22pt}.journey-section{background:white}.footer{break-inside:avoid}}

/* Product rationale and judging walkthrough, using the existing winter palette. */
.thinking{padding-top:65px;padding-bottom:65px}
.thinking-rows{border-top:1px solid var(--line)}
.thinking-rows article{display:grid;grid-template-columns:1fr 1.65fr;gap:65px;padding:29px 0;border-bottom:1px solid var(--line)}
.thinking-problem{font:500 20px/1.8 var(--display);color:var(--deep);max-width:250px}
.thinking-rows h3{font-size:17px;font-weight:600;margin:0 0 10px}
.thinking-rows p{font-size:13px;line-height:2;color:var(--muted);margin:0 0 12px;max-width:650px}
.thinking-rows a{font-size:12px;color:var(--deep);text-decoration:underline;text-underline-offset:5px}
.validation{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding-top:60px;padding-bottom:50px;border-bottom:1px solid var(--line)}
.validation p,.validation li{font-size:13px;line-height:2;color:var(--muted)}
.validation ul{padding-left:18px;margin:16px 0}
.validation .validation-note{font-size:11px;margin-bottom:0}
.ui-plan-state{display:block;font-size:9px;color:var(--muted);margin:4px 0 12px}
.ui-draft-field{margin:14px 0;padding:10px;border:1px solid #dde6eb;border-radius:6px}
.ui-draft-field small{display:block;color:var(--muted);font-size:9px;margin-bottom:7px}
.ui-draft-field p{margin:0 0 8px}
.ui-message.user small{font-size:9px;color:var(--muted)}
@media(max-width:850px){.thinking-rows article{gap:30px}.thinking-problem{font-size:18px}.validation{gap:30px}.validation h2{font-size:27px}}
@media(max-width:620px){.thinking{padding-top:38px;padding-bottom:38px}.thinking-rows article{display:block;padding:23px 0}.thinking-problem{font-size:16px;max-width:none;margin-bottom:13px;color:var(--muted)}.thinking-rows h3{font-size:16px}.thinking-rows p{font-size:12px}.validation{display:block;padding-top:38px;padding-bottom:35px}.validation>div+div{margin-top:22px}.validation p,.validation li{font-size:12px}.hero h1{font-size:clamp(33px,9vw,44px)}.step-tab{scroll-snap-align:start}.step-nav{scroll-snap-type:x proximity}}
@media print{.thinking-rows article,.validation{display:block}.thinking-rows article{break-inside:avoid}.thinking-problem{max-width:none}.thinking-rows a{display:none}}

/* Walkthrough frames reuse the unique Demo's rendered components and native styles. */
.walkthrough-frame{display:block;width:390px;max-width:none;height:660px;border:0;margin:0;transform-origin:top left;background:white}
.phone-screen{position:relative;overflow:hidden}
@media(min-width:1101px){.walkthrough{grid-template-columns:170px minmax(0,1fr) 340px;gap:30px}.illustration-phone{width:326px;height:620px}.phone-screen{height:540px}}

/* Light, compact ending: a travel-to-everyday direction and a single invitation. */
.closing-scope{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:64px;padding-top:58px;padding-bottom:42px;background:transparent;color:var(--ink)}
.closing-scope h2{font:500 29px/1.55 var(--display);letter-spacing:-.5px;margin:0;color:var(--deep)}
.closing-domains{display:flex;align-items:center;gap:32px}
.closing-current{padding-right:32px;border-right:1px solid var(--line)}
.closing-domains span{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-bottom:8px}
.closing-current strong{display:inline-flex;align-items:center;gap:8px;font-size:19px;font-weight:600;color:var(--deep)}
.closing-current strong:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red)}
.closing-future p{font-size:19px;font-weight:400;color:var(--deep);margin:0;white-space:nowrap}
.closing-future i{font-size:13px;font-style:normal;color:#adc0cb;margin:0 12px}
.closing-direction .closing-pending{font-size:11px;line-height:1.8;color:var(--muted);margin:20px 0 0}
.try.closing-try{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:27px;padding-bottom:30px;border-top:1px solid var(--line)}
.closing-invitation{display:flex;align-items:center;gap:17px}
.closing-invitation img{width:66px;height:66px;object-fit:contain}
.closing-try h2{font:500 25px/1.5 var(--display);letter-spacing:0;margin:0;color:var(--deep)}
.closing-try .button{flex-shrink:0;border-radius:999px;padding:12px 24px;font-size:13px;gap:24px}
@media(max-width:850px){.closing-scope{gap:25px}.closing-scope h2{font-size:26px}.closing-domains{gap:20px}.closing-current{padding-right:20px}.closing-future i{margin:0 7px}.closing-future p,.closing-current strong{font-size:17px}}
@media(max-width:620px){.closing-scope{grid-template-columns:1fr;gap:23px;padding-top:34px;padding-bottom:28px}.closing-scope h2{font-size:26px}.closing-scope h2 br{display:none}.closing-domains{gap:26px}.closing-current{padding-right:26px}.closing-future i{margin:0 10px}.closing-direction .closing-pending{margin-top:15px}.try.closing-try{align-items:flex-start;flex-direction:column;padding-top:23px;padding-bottom:29px;gap:18px}.closing-invitation{gap:12px}.closing-invitation img{width:53px;height:53px}.closing-try h2{font-size:23px}.closing-try .button{margin-left:65px;padding:11px 22px}}
@media print{.closing-scope{display:block}.closing-scope h2 br{display:none}.closing-direction{margin-top:20px}}