@charset "UTF-8";
:root{--ink:#080e58;--blue:#bceff3;--teal:#20b9bc;--yellow:#f6ff00;--paper:#fffef6;--rule:#080e5833;--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.85;font-weight:500;overflow-wrap:break-word}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:900;letter-spacing:-.065em;line-height:1.45}h2{font-size:clamp(32px,4.4vw,65px)}em{font-style:normal}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0752db;outline-offset:5px}button{border:0}a,button{ -webkit-tap-highlight-color:transparent}.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 4.5%;border-bottom:1px solid var(--ink)}.logo{font-size:36px;font-weight:900;letter-spacing:-.09em;line-height:1;white-space:nowrap}.logo i{font-size:35px;font-style:normal;color:var(--teal);margin-left:5px}.logo small{display:block;font-size:8px;letter-spacing:.1em;margin-top:10px}.header nav{display:flex;gap:30px;font-size:12px;font-weight:800}.header nav a{position:relative}.header nav a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--yellow);z-index:-1;transform:scaleX(0);transition:transform .2s}.header nav a:hover:after{transform:scaleX(1)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--yellow);border:2px solid var(--ink);border-radius:0;font-weight:900;padding:18px 24px;box-shadow:5px 5px 0 var(--ink);line-height:1.6;transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.button span>small{display:block;font-size:10px;font-weight:600;margin-top:5px;letter-spacing:.05em}.button b{font-size:35px;font-weight:500}.header-cta{font-size:12px;padding:11px 18px;box-shadow:3px 3px 0 var(--ink)}.header-cta>span{font-size:22px}.dots{background-color:var(--blue);background-image:radial-gradient(#63c9d357 1.5px,transparent 1.5px);background-size:12px 12px}.hero{position:relative;overflow:hidden;padding:25px 0 18px}.hero-kicker{display:flex;justify-content:space-between;align-items:center;padding:0 5%}.pill{background:var(--ink);color:var(--paper);font-size:11px;font-weight:800;padding:7px 16px;border-radius:30px;letter-spacing:.07em}.edition{font-size:8px;letter-spacing:.14em}.hero-scene{height:clamp(455px,40vw,620px);position:relative;isolation:isolate}.hero-ribbon{position:absolute;background:var(--yellow);height:55%;width:115%;left:-7%;top:22%;transform:rotate(-9deg);z-index:-1;box-shadow:0 7px 0 #e6ef00}.hero h1{font-size:clamp(48px,7.1vw,114px);line-height:1.4;position:absolute;left:5%;right:3%;top:26%;transform:rotate(-9deg);z-index:4;pointer-events:none;white-space:nowrap;letter-spacing:-.075em}.hero h1>span{display:block;animation:type-in .9s cubic-bezier(.16,1,.3,1) both}.title-second{text-align:right;animation-delay:.13s!important}.sticker{filter:drop-shadow(5px 0 0 white) drop-shadow(-5px 0 0 white) drop-shadow(0 5px 0 white) drop-shadow(0 -5px 0 white)}.person{position:relative;overflow:hidden;isolation:isolate}.person:before{content:"";position:absolute;background-image:none;background-size:100% 100%;background-repeat:no-repeat;width:var(--image-w);height:var(--image-h);left:var(--image-x);top:var(--image-y)}.thinker{--image-w:600px;--image-h:337.5px;--image-x:-216px;--image-y:-36px;width:100%;height:100%;clip-path:polygon(24% 0,75% 0,100% 21%,100% 96%,0 96%,0 14%)}.advisors{--image-w:900px;--image-h:506.25px;--image-x:-548px;--image-y:-161px;width:100%;height:100%;clip-path:polygon(60% 0,76% 0,89% 12%,92% 38%,100% 45%,100% 100%,5% 100%,0 62%,10% 44%,16% 15%,27% 7%,35% 14%,42% 49%,51% 43%)}.hero-thinker{position:absolute;width:100px;height:178px;left:6%;bottom:9%;z-index:5;transform:rotate(-8deg) translateY(calc(var(--scroll)*-20px))}.hero-thinker .thinker{--image-w:390px;--image-h:219.375px;--image-x:-140px;--image-y:-24px}.hero-advisors{position:absolute;width:325px;height:245px;right:7%;top:0;z-index:2;transform:rotate(5deg) translateY(calc(var(--scroll)*-30px))}.speech{background:var(--paper);border:2px solid var(--ink);border-radius:50%;text-align:center;font-size:13px;font-weight:800;line-height:1.6;padding:16px 23px;position:relative}.speech:after{content:"";position:absolute;width:15px;height:15px;background:var(--paper);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);bottom:-6px;left:26%;transform:skew(-20deg) rotate(30deg)}.hero-question{position:absolute;left:15%;bottom:4%;z-index:6;transform:rotate(-8deg);padding:18px 32px}.hero-question span{display:block;font-size:8px;letter-spacing:.06em;margin-top:5px;color:#06787f}.hero-question:hover{background:var(--yellow)}.hero-question:hover:after{background:var(--yellow)}.hero-reply{position:absolute;right:31%;top:1%;z-index:5;transform:rotate(-6deg);font-size:11px}.hero-reply.responded{background:var(--ink);color:white}.hero-reply.responded:after{background:var(--ink)}.hero-asterisk{position:absolute;left:10%;top:0;font-size:105px;line-height:1;color:var(--teal);transform:rotate(calc(var(--scroll)*65deg))}.hero-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:0 7%;position:relative;margin-top:0}.hero-copy>p{font-size:16px;font-weight:900;margin-bottom:8px}.hero-copy>span{font-size:13px}.hero-cta{font-size:17px;min-width:370px;transform:rotate(-2deg)}.hero-cta span>small{margin-top:0;margin-bottom:5px;font-size:10px}.hero-book>p{font-size:9px;margin:14px 0 0;text-align:center}.scroll-cue{font-size:22px;display:flex;align-items:center;gap:20px;margin:18px 5% 0}.scroll-cue span{font-size:8px;letter-spacing:.17em}.ticker{overflow:hidden;background:var(--ink);color:var(--paper);padding:17px 0;font-size:18px;font-weight:800;letter-spacing:.08em;transform:rotate(-2deg);position:relative;z-index:7;margin:-1px 0 -15px}.ticker>div{width:max-content;animation:marquee 40s linear infinite}.ticker b{color:var(--yellow);padding:0 30px}.section{padding:85px 7%}.section-top{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--ink);padding-top:15px;margin-bottom:45px;font-size:11px;font-weight:700}.label{font-size:9px;letter-spacing:.12em;font-weight:800}.desk-section{padding-top:95px;padding-bottom:55px}.desk-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.desk-heading h2 em{background:var(--yellow);padding:0 8px}.desk-heading>p{font-size:12px;line-height:2}.feeling-desk{position:relative;margin-top:50px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.notes{display:grid;grid-template-columns:1fr 1fr;gap:27px 22px;position:relative;z-index:3}.feeling-note{background:var(--paper);text-align:left;min-height:155px;padding:17px 22px 28px;border:1px solid var(--ink);position:relative;box-shadow:5px 6px 0 #080e5817;transform:rotate(var(--angle));transition:transform .2s,background .2s,box-shadow .2s;touch-action:pan-y;user-select:none}.feeling-note:before{content:"";position:absolute;top:-10px;left:35%;width:55px;height:20px;background:#f6ff00b5;transform:rotate(5deg)}.feeling-note small{font-size:8px;letter-spacing:.13em;display:block;margin-bottom:18px}.feeling-note>span{font-size:15px;font-weight:900;line-height:1.7;display:block;letter-spacing:-.03em}.feeling-note b{position:absolute;right:12px;bottom:8px;font-size:20px;line-height:1}.note-0{--angle:-5deg}.note-1{--angle:4deg}.note-2{--angle:2deg}.note-3{--angle:-4deg}.feeling-note:hover{transform:rotate(0) translateY(-5px);box-shadow:6px 10px 0 #080e5820}.feeling-note[aria-pressed=true]{background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}.feeling-note.dragging{position:fixed;z-index:100;pointer-events:none;transform:rotate(-3deg);margin:0;opacity:.95;touch-action:none;box-shadow:10px 14px 0 #080e5825}.conversation-table{position:relative;background:#fffef6;border:2px solid var(--ink);border-radius:50% 50% 30px 30px / 30% 30% 30px 30px;padding:56px 32px 55px;text-align:center;min-height:310px;box-shadow:9px 10px 0 var(--teal);transition:background .2s,box-shadow .2s}.conversation-table.drag-over{background:var(--yellow);box-shadow:9px 10px 0 var(--ink)}.table-instruction{position:absolute;top:-18px;left:50%;transform:translateX(-50%) rotate(3deg);background:var(--ink);padding:7px 15px;color:white;font-size:9px;white-space:nowrap}.table-selected{font-size:15px;font-weight:900;line-height:1.7;min-height:52px}.table-line{width:50px;height:3px;background:var(--teal);margin:15px auto}.conversation-table>p{font-size:12px;min-height:70px;position:relative;z-index:2}.table-sign{display:block;font-size:7px;letter-spacing:.13em;margin-top:18px}.desk-reset{background:var(--yellow);border:1px solid var(--ink);font-size:9px;position:absolute;bottom:13px;left:50%;transform:translateX(-50%);padding:3px 10px}.desk-person{position:absolute;right:-40px;bottom:-40px;width:95px;height:152px;transform:rotate(8deg);pointer-events:none}.worried{--image-w:380px;--image-h:213.75px;--image-x:-39px;--image-y:-76px;width:100%;height:100%;clip-path:polygon(32% 0,83% 0,98% 25%,100% 100%,0 100%,0 44%,15% 25%)}.desk-footnote{text-align:center;font-size:14px;font-weight:900;margin-top:60px;transform:rotate(-3deg)}.about{background:var(--ink);color:var(--paper);clip-path:polygon(0 3%,100% 0,100% 97%,0 100%);padding-top:100px;padding-bottom:110px;overflow:hidden}.about .section-top{border-color:#ffffff60}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-heading{position:relative;isolation:isolate}.outlined-word{-webkit-text-stroke:1px #4e70a1;color:transparent;font-size:clamp(40px,7vw,105px);font-weight:900;letter-spacing:-.08em;white-space:nowrap}.about h2{font-size:clamp(36px,4.5vw,67px);margin-top:10px}.about h2 em{color:var(--yellow)}.about-star{position:absolute;bottom:-90px;right:0;font-size:210px;line-height:1;color:#223776;z-index:-1}.promise-paper{background:var(--paper);color:var(--ink);padding:32px 35px;transform:rotate(3deg);box-shadow:9px 10px 0 var(--teal);position:relative}.promise-paper:before{content:"";width:90px;height:28px;background:var(--yellow);position:absolute;top:-14px;left:35%;transform:rotate(-8deg)}.paper-label{font-size:20px;font-weight:900}.promise-paper>p{font-size:11px;line-height:2;margin-top:20px}.promise-paper ol{list-style:none;padding:0;margin:20px 0}.promise-paper li{display:flex;gap:18px;border-top:1px solid var(--rule);padding:15px 0}.promise-paper li>b{font-size:20px;color:#007b82}.promise-paper h3{font-size:20px}.promise-paper li p{font-size:10px;margin-top:3px}.paper-sign{font-size:10px;border-bottom:5px solid var(--yellow)}.clarity h2 em{position:relative;z-index:0}.clarity h2 em:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:17px;background:var(--yellow);z-index:-1}.clue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;align-items:start;margin-top:60px;margin-bottom:30px}.clue{border:2px solid var(--ink);padding:25px;position:relative;box-shadow:7px 7px 0 var(--ink)}.clue-one{background:var(--blue);transform:rotate(-3deg)}.clue-two{background:var(--yellow);transform:rotate(2deg);margin-top:45px}.clue-three{background:var(--teal);transform:rotate(-2deg);margin-top:90px}.clue-num{font-size:70px;font-weight:900;line-height:1;letter-spacing:-.07em}.clue-icon{font-size:58px;position:absolute;right:22px;top:15px;line-height:1.2}.clue-en{display:block;font-size:8px;letter-spacing:.14em;margin-top:20px}.clue h3{font-size:31px;margin:13px 0 20px}.clue p{font-size:12px;line-height:2;min-height:120px}.clue-bottom{display:block;border-top:1px solid var(--ink);padding-top:15px;font-size:10px;font-weight:800}.cases{padding-top:95px;padding-bottom:95px;clip-path:polygon(0 2%,100% 0,100% 98%,0 100%)}.case-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.case-heading em{background:var(--yellow)}.case-heading>p{font-size:12px}.case-tabs{display:flex;gap:10px;padding-left:10px}.case-tabs button{background:var(--paper);border:2px solid var(--ink);border-bottom:0;padding:14px 25px 13px;border-radius:13px 13px 0 0;font-size:12px;font-weight:800;position:relative;transition:background .2s}.case-tabs button:before{content:"";width:7px;height:7px;display:inline-block;border:1px solid var(--ink);border-radius:50%;margin-right:10px}.case-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.case-tabs button[aria-selected=true]:before{background:var(--yellow)}.case-panel{background:var(--paper);border:2px solid var(--ink);padding:38px;display:grid;grid-template-columns:1fr 50px 1fr;gap:15px;align-items:center;box-shadow:8px 8px 0 var(--teal)}.before,.after{padding:25px}.before{background:repeating-linear-gradient(0deg,transparent,transparent 29px,#080e5810 29px,#080e5810 30px)}.after{background:var(--yellow);clip-path:polygon(0 0,94% 0,100% 10%,100% 100%,0 100%);position:relative}.case-panel .label{background:var(--ink);color:white;padding:4px 10px;font-size:9px}.after .label{background:var(--paper);color:var(--ink)}.case-panel h3{font-size:25px;margin:20px 0}.case-panel p{font-size:12px;line-height:2;min-height:96px}.case-arrow{font-size:42px;transform:rotate(8deg)}.micro{font-size:10px;line-height:1.9;margin-top:20px;color:#424d6a}.flow-title{display:flex;align-items:center;justify-content:space-between}.flow h2 em{background:var(--yellow)}.time-ticket{background:var(--yellow);border:2px solid var(--ink);padding:15px 40px;text-align:center;transform:rotate(8deg);box-shadow:6px 6px 0 var(--ink);position:relative;margin-right:25px}.time-ticket:before{content:"";position:absolute;top:12px;bottom:12px;left:15px;border-left:2px dashed var(--ink)}.time-ticket>span{font-size:9px;letter-spacing:.13em;display:block}.time-ticket>b{font-size:75px;font-weight:900;letter-spacing:-.09em;line-height:1.1}.time-ticket>b small{font-size:23px}.time-ticket>strong{display:block;font-size:12px}.journey{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;margin:65px 0 0;border-bottom:2px solid var(--ink)}.journey li{position:relative;padding:0 28px 40px;border-left:1px solid var(--rule)}.journey li:first-child{padding-left:0;border:0}.step-number{font-size:80px;font-weight:900;line-height:1;color:var(--teal);letter-spacing:-.08em}.journey small{display:block;font-size:8px;letter-spacing:.1em;margin-top:25px}.journey h3{font-size:24px;margin:14px 0}.journey p{font-size:12px;line-height:2}.step-arrow{position:absolute;right:25px;top:10px;font-size:35px}.faq{background:#e9ede8}.faq-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.faq h2{font-size:clamp(30px,3.3vw,46px)}.faq-items{border-top:2px solid var(--ink)}details{border-bottom:1px solid var(--ink);background:var(--paper)}summary{display:flex;align-items:start;gap:15px;padding:22px 50px 22px 20px;position:relative;cursor:pointer;font-size:12px;font-weight:800;list-style:none}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;line-height:1.3;color:#007b83}summary:after{content:"＋";position:absolute;right:15px;top:20px;width:25px;height:25px;text-align:center;background:var(--yellow);border:1px solid var(--ink);line-height:23px;font-size:18px}details[open] summary{background:var(--blue)}details[open] summary:after{content:"−"}details>p{font-size:12px;line-height:2;padding:20px 25px 25px 55px}.closing{position:relative;padding:60px 0 65px;overflow:hidden}.closing>.label{display:block;margin:0 7% 45px}.closing-ribbon{background:var(--yellow);transform:rotate(-5deg);padding:20px 7%;position:relative;z-index:1}.closing h2{font-size:clamp(35px,5.6vw,80px)}.closing h2 em{display:inline-block;margin-left:22%}.closing-bottom{display:flex;justify-content:space-between;align-items:center;padding:60px 7% 0;gap:35px;position:relative;z-index:2}.closing-bottom>p{font-size:12px}.closing .button{background:var(--ink);color:var(--yellow);box-shadow:5px 5px 0 var(--teal);min-width:340px}.closing .button:hover{box-shadow:2px 2px 0 var(--teal)}.closing-star{position:absolute;right:5%;top:15px;font-size:170px;line-height:1;transform:rotate(12deg);color:var(--teal)}.reservation{max-width:1100px;margin:auto;padding:85px 7%}.reservation-heading{text-align:center}.reservation h2{font-size:32px;margin:15px 0}.reservation-heading>p{font-size:13px}.demo-tag{font-size:9px;border:1px solid var(--ink);padding:3px 7px;margin-left:10px;background:var(--blue)}.reservation-heading .micro{font-size:10px}.form-progress{list-style:none;display:flex;padding:0;margin:40px auto;justify-content:center;gap:10px}.form-progress li{display:flex;gap:15px;align-items:center;justify-content:center;min-width:150px;padding:12px 20px;background:#e9ede8;font-size:22px;font-weight:900;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%,10% 50%)}.form-progress li:first-child{clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%)}.form-progress span{font-size:12px}.form-progress [aria-current=step]{background:var(--yellow)}#form-input,#form-confirm,#form-complete{background:white;border:1px solid var(--ink);padding:35px;box-shadow:7px 7px 0 var(--blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}form label{display:block;font-size:12px;font-weight:800;margin-bottom:25px}.required,.optional{font-size:9px;margin-left:10px}.required{background:var(--blue);padding:3px 7px}input:not([type=checkbox]),select,textarea{display:block;width:100%;background:var(--paper);border:1px solid #929aaf;border-radius:0;padding:14px;margin-top:10px;min-height:54px;font-size:14px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#70778a}.consent{display:flex;align-items:start;gap:12px;font-size:11px;font-weight:500}.consent input{width:18px;height:18px;flex-shrink:0;accent-color:var(--ink)}.form-submit{display:flex;min-width:300px;margin:35px auto 0}#form-confirm h3,#form-complete h3{font-size:25px;text-align:center}#confirmation{margin:30px 0}#confirmation dt{font-size:11px;font-weight:800;padding-top:17px}#confirmation dd{margin:0;padding:5px 0 17px;border-bottom:1px solid var(--rule);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:20px}.back-button{background:transparent;text-decoration:underline;font-size:12px;padding:15px 0}#form-complete{text-align:center}#form-complete p{font-size:13px;margin:20px 0}.complete-mark{font-size:40px;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;display:inline-grid;place-items:center;width:80px;height:80px;margin-bottom:25px;transform:rotate(-8deg)}footer{border-top:1px solid var(--ink);padding:40px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--ink);color:var(--paper)}footer p{font-size:10px}footer small{font-size:8px;display:block;margin-top:10px;letter-spacing:.1em}.version-link{font-size:10px;text-decoration:underline;display:inline-block;margin-top:8px}.to-top{font-size:25px;width:45px;height:45px;background:var(--yellow);color:var(--ink);text-align:center}.mobile-cta{display:none}.skip{position:fixed;left:10px;top:-100px;z-index:99;background:white;padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}.js .reveal{opacity:0;translate:0 25px;transition:opacity .7s,translate .7s}.js .reveal.visible{opacity:1;translate:0 0}.case-panel.changed{animation:case-change .4s ease}.table-selected.changed{animation:case-change .4s ease}@keyframes type-in{from{opacity:0;translate:-35px 15px}to{opacity:1;translate:0 0}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes case-change{from{opacity:.3;translate:0 8px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.hero-scene{height:600px;max-width:1600px;margin:auto}.hero-bottom{max-width:1600px;margin:auto}.section{padding-left:max(7%,calc((100vw - 1300px)/2));padding-right:max(7%,calc((100vw - 1300px)/2))}.reservation{padding-left:70px;padding-right:70px}}
@media(max-width:1050px){.header nav{gap:18px;font-size:10px}.hero-advisors{right:4%;width:270px;height:210px}.hero-advisors .advisors{--image-w:750px;--image-h:421.875px;--image-x:-457px;--image-y:-134px}.hero-reply{right:33%;font-size:10px}.hero h1{top:29%}.hero-thinker{bottom:7%}.hero-question{left:18%;bottom:3%}.hero-cta{min-width:310px;font-size:14px}.hero-copy>p{font-size:13px}.hero-copy>span{font-size:12px}.hero-bottom{gap:25px}.section{padding-left:6%;padding-right:6%}.feeling-desk{gap:30px}.feeling-note{padding:17px 15px 27px}.feeling-note>span{font-size:13px}.conversation-table{padding:50px 20px}.desk-person{right:-20px}.clue{padding:20px}.clue h3{font-size:26px}.clue-num{font-size:60px}.clue-icon{font-size:45px;right:14px}.clue p{min-height:145px}.clue-grid{gap:20px}.promise-paper{padding:28px}.about-layout{gap:5%}.case-panel{padding:22px;gap:5px;grid-template-columns:1fr 35px 1fr}.case-panel h3{font-size:22px}.case-panel p{min-height:120px}.before,.after{padding:20px}.journey h3{font-size:21px}.journey li{padding-right:18px;padding-left:18px}.closing .button{min-width:290px;font-size:13px}.form-progress li{min-width:130px}}
@media(max-width:700px){.header{height:82px;padding:0 5%;gap:12px}.logo{font-size:29px}.logo i{font-size:28px}.logo small{font-size:7px}.header nav{display:none}.header-cta{font-size:9px;padding:9px 12px;gap:10px}.header-cta>span{font-size:20px}.hero{padding-top:20px}.hero-kicker{padding:0 5%;gap:10px}.pill{font-size:9px;padding:6px 11px}.edition{font-size:6px;max-width:83px;line-height:1.5}.hero-scene{height:420px}.hero h1{font-size:clamp(28px,7.55vw,53px);left:4%;right:4%;top:33%;line-height:1.65}.hero-ribbon{height:38%;top:32%;width:125%;left:-12%;transform:rotate(-11deg)}.hero h1{transform:rotate(-11deg)}.hero-advisors{width:168px;height:132px;right:8%;top:12px}.hero-advisors .advisors{--image-w:467px;--image-h:262.6875px;--image-x:-284px;--image-y:-84px}.hero-reply{right:auto;left:7%;top:35px;font-size:10px;padding:12px 18px}.hero-asterisk{font-size:51px;left:auto;right:1%;top:70px}.hero-thinker{left:8%;bottom:4%;width:68px;height:117px}.hero-thinker .thinker{--image-w:260px;--image-h:146.25px;--image-x:-94px;--image-y:-16px}.hero-question{left:30%;bottom:7%;font-size:11px;padding:13px 20px;transform:rotate(-5deg)}.hero-question span{font-size:7px}.hero-bottom{display:block;padding:0 6%;margin-top:0}.hero-copy>p{font-size:13px}.hero-copy>span{font-size:12px}.hero-copy>span br{display:none}.hero-book{margin-top:24px}.hero-cta{width:100%;min-width:0;font-size:14px;padding:16px 18px}.hero-cta b{font-size:30px}.hero-book>p{font-size:8px}.scroll-cue{margin-top:20px;font-size:20px;gap:15px}.scroll-cue span{font-size:7px}.ticker{padding:12px 0;font-size:13px}.ticker b{padding:0 20px}.section{padding:60px 6%}.section-top{font-size:9px;gap:20px;padding-top:12px;margin-bottom:30px;align-items:start}.section-top>span:last-child:not(:first-child){text-align:right;max-width:52%}.label{font-size:8px}.desk-section{padding-top:75px;padding-bottom:45px}.desk-heading{display:block}.desk-heading h2{font-size:clamp(28px,7.5vw,45px);line-height:1.6}.desk-heading h2 em{padding:0 3px}.desk-heading>p{font-size:11px;margin-top:20px}.feeling-desk{grid-template-columns:1fr;gap:42px;margin-top:40px}.notes{gap:23px 15px;padding:0 3px}.feeling-note{min-height:145px;padding:17px 13px 24px}.feeling-note>span{font-size:12px;letter-spacing:-.05em}.feeling-note small{font-size:7px;margin-bottom:17px}.feeling-note:before{width:45px;height:18px;top:-9px}.conversation-table{margin:0 15px 10px 0;padding:52px 24px 50px;min-height:280px;box-shadow:7px 8px 0 var(--teal)}.table-selected{font-size:14px;min-height:45px}.conversation-table>p{font-size:12px;min-height:58px;padding-right:25px}.table-instruction{font-size:8px;padding:7px 12px}.desk-person{right:-26px;bottom:-20px;width:73px;height:116px}.desk-person .worried{--image-w:292px;--image-h:164.25px;--image-x:-30px;--image-y:-58px}.table-sign{font-size:6px}.desk-footnote{font-size:12px;margin-top:35px}.about{padding-top:85px;padding-bottom:90px;clip-path:polygon(0 1.5%,100% 0,100% 98.5%,0 100%)}.about-layout{grid-template-columns:1fr;gap:40px}.about h2{font-size:42px}.outlined-word{font-size:62px}.about-star{right:0;bottom:-10px;font-size:160px}.promise-paper{margin:0 6px;padding:30px 23px;transform:rotate(2deg)}.promise-paper>p{font-size:11px}.paper-label{font-size:19px}.paper-sign{font-size:9px}.promise-paper li p{font-size:11px}.clarity h2{font-size:clamp(27px,7.1vw,42px);line-height:1.6}.clarity h2 em:after{height:12px}.clue-grid{grid-template-columns:1fr;gap:32px;margin-top:40px;margin-bottom:15px;padding:0 8px}.clue{padding:25px;margin-top:0;display:grid;grid-template-columns:80px 1fr;column-gap:20px;align-items:start}.clue-num{grid-column:1;grid-row:1/3;font-size:65px}.clue-icon{position:static;grid-column:1;grid-row:3;font-size:53px;margin-top:10px}.clue-en{grid-column:2;grid-row:1;margin-top:0;font-size:7px}.clue h3{grid-column:2;grid-row:2;font-size:29px;margin:8px 0 15px}.clue p{grid-column:2;grid-row:3;font-size:11px;min-height:0}.clue-bottom{grid-column:1/3;font-size:9px;margin-top:22px;padding-top:12px}.clue-one{transform:rotate(-2deg)}.clue-two{transform:rotate(2deg)}.clue-three{transform:rotate(-2deg)}.cases{padding-top:75px;padding-bottom:75px;clip-path:polygon(0 1%,100% 0,100% 99%,0 100%)}.case-heading{display:block;margin-bottom:30px}.case-heading h2{font-size:32px;line-height:1.6}.case-heading>p{font-size:11px;margin-top:18px}.case-tabs{gap:4px;padding-left:0}.case-tabs button{padding:12px 7px;font-size:9px;flex:1;border-radius:9px 9px 0 0}.case-tabs button:before{width:5px;height:5px;margin-right:5px}.case-panel{grid-template-columns:1fr;padding:18px;gap:8px;box-shadow:6px 6px 0 var(--teal)}.before,.after{padding:18px}.case-panel h3{font-size:23px;margin:15px 0}.case-panel p{font-size:11px;min-height:0}.case-arrow{transform:rotate(90deg);font-size:30px;justify-self:center;line-height:1;margin:5px 0}.micro{font-size:9px;line-height:1.9;margin-top:18px}.flow-title{align-items:center;gap:10px}.flow h2{font-size:29px}.time-ticket{padding:10px 18px;margin:0 5px 0 0}.time-ticket:before{left:8px;top:8px;bottom:8px;border-width:1px}.time-ticket>span{font-size:6px}.time-ticket>b{font-size:47px}.time-ticket>b small{font-size:16px}.time-ticket>strong{font-size:8px}.journey{grid-template-columns:1fr;margin-top:45px;border:0;gap:0}.journey li,.journey li:first-child{border:0;border-top:1px solid var(--ink);padding:25px 0;display:grid;grid-template-columns:60px 1fr;gap:15px}.journey li:last-child{border-bottom:1px solid var(--ink)}.step-number{font-size:48px}.journey small{margin:0;font-size:7px}.journey h3{font-size:23px;margin:10px 0 13px}.journey p{font-size:11px}.step-arrow{font-size:25px;right:0;top:27px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq h2{font-size:32px}summary{font-size:11px;padding:20px 42px 20px 15px;gap:12px}summary>span{font-size:19px}summary:after{right:10px;width:23px;height:23px;line-height:21px}details>p{font-size:11px;padding:18px 20px 22px 44px}.closing{padding:45px 0 50px}.closing>.label{font-size:7px;margin-bottom:35px}.closing-ribbon{padding:20px 5%}.closing h2{font-size:clamp(28px,7.5vw,44px);line-height:1.7}.closing h2 em{margin-left:15%}.closing-bottom{display:block;padding:40px 6% 0}.closing-bottom>p{font-size:10px;line-height:2}.closing .button{width:100%;min-width:0;font-size:14px;margin-top:25px;padding:16px 20px}.closing-star{font-size:95px;right:-10px;top:10px}.reservation h2{font-size:24px}.reservation-heading>p{font-size:12px}.reservation-heading .micro{font-size:9px}.form-progress{gap:5px;margin:30px auto}.form-progress li{min-width:0;flex:1;padding:10px 14px;gap:9px;font-size:19px}.form-progress span{font-size:10px}#form-input,#form-confirm,#form-complete{padding:23px 18px;box-shadow:5px 5px 0 var(--blue)}.form-row{grid-template-columns:1fr;gap:0}form label{font-size:12px}.consent{font-size:10px;gap:8px}.form-submit{width:100%;min-width:0;font-size:13px;padding:15px;margin:25px auto 0}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions .button{font-size:12px;padding:15px}#form-confirm h3,#form-complete h3{font-size:22px}#form-complete p{font-size:11px}footer{padding:35px 6% 105px;flex-wrap:wrap;gap:25px}footer>div{order:3;width:100%}footer p{font-size:9px}.to-top{margin-left:auto}.mobile-cta{display:flex;position:fixed;bottom:12px;left:5%;width:90%;z-index:20;font-size:12px;padding:13px 18px;box-shadow:4px 4px 0 var(--ink)}.mobile-cta.is-hidden{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;translate:0 0}.hero-thinker{transform:rotate(-8deg)}.hero-advisors{transform:rotate(5deg)}.hero-asterisk{transform:none}}
/* Fit the supplied figures to the paper silhouettes without stretching the artwork. */
.hero-thinker .thinker{--image-w:640px;--image-h:360px;--image-x:-235px;--image-y:-46px;clip-path:polygon(32% 0,58% 0,81% 9%,87% 24%,90% 34%,100% 63%,100% 96%,84% 100%,21% 100%,0 94%,0 51%,8% 39%,20% 36%,16% 23%,18% 9%)}
@media(max-width:700px){.hero-thinker .thinker{--image-w:423px;--image-h:237.9375px;--image-x:-155px;--image-y:-30px}}
body{overflow-x:hidden;overflow-x:clip}.clue-num,.step-number{white-space:nowrap}.hero-reply{width:170px;min-height:74px;display:grid;place-items:center}.hero-question{min-height:76px}.case-tabs button{min-height:48px}.desk-reset{min-height:35px;padding:5px 13px;bottom:7px}.ticker:hover>div{animation-play-state:paused}
@media(max-width:700px){.hero-reply{width:125px;min-height:64px;left:5%;top:27px;font-size:10px;padding:11px 13px}.hero h1{font-size:clamp(28px,8.1vw,56px)}.clue-num{font-size:58px;letter-spacing:-.08em}.clue-icon{font-size:48px}.desk-reset{min-height:40px;bottom:4px}.table-sign{margin-bottom:8px}.table-selected{min-height:48px}.header-cta{min-height:46px}.case-tabs button{font-size:9px;padding-left:5px;padding-right:5px}.clue-bottom{font-size:9px}}
/* Clip the diagonal marquee inside the viewport, including narrow mobile screens. */
.ticker{transform:none;clip-path:polygon(0 12px,100% 0,100% calc(100% - 12px),0 100%);padding:25px 0;margin-top:-12px;margin-bottom:-12px}
@media(max-width:700px){.ticker{padding:20px 0;clip-path:polygon(0 8px,100% 0,100% calc(100% - 8px),0 100%);margin-top:-8px;margin-bottom:-8px}}

/* Editorial revision — independent transparent artwork, paper and conversation. */
.hero .sticker,.desk-section .sticker{filter:none}
.cutout{display:block;width:100%;height:auto;object-fit:contain}
.hero-scene{height:clamp(510px,43vw,660px)}
.hero-ribbon{height:49%;top:27%;transform:rotate(-9deg);box-shadow:0 8px 0 #d6e600}
.hero h1{top:29%;font-size:clamp(50px,7.1vw,114px)}
.hero-advisors{width:clamp(255px,25vw,385px);height:auto;right:6%;top:-3px;z-index:3;transform:rotate(4deg) translateY(calc(var(--scroll)*-26px))}
.hero-thinker{width:clamp(115px,11.5vw,175px);height:auto;left:5.5%;bottom:1%;z-index:5;transform:rotate(-7deg) translateY(calc(var(--scroll)*-18px))}
.hero-thinker:after{content:"まだ、言葉にならなくても。";display:block;background:var(--paper);border:1px solid var(--ink);font-size:9px;font-weight:800;padding:5px 8px;white-space:nowrap;position:absolute;left:-10px;bottom:-8px;transform:rotate(5deg);box-shadow:2px 3px 0 #080e5820}
.hero-question{left:20%;bottom:4%;transform:rotate(-7deg);box-shadow:4px 5px 0 #080e5818;min-width:145px}
.hero-reply{right:31%;top:5%;width:175px;transform:rotate(-7deg);z-index:5}
.hero-reply:after{left:auto;right:15%;transform:skew(20deg) rotate(-25deg)}
.hero-asterisk{left:4%;top:5%;font-size:75px}
.editor-note{font-size:11px;line-height:1.9;letter-spacing:.02em;background:var(--paper);border:1px solid var(--ink);padding:16px 21px;box-shadow:4px 5px 0 #080e5815;position:absolute;transform:rotate(-5deg)}
.editor-note:before{content:"";position:absolute;width:64px;height:22px;top:-12px;left:30%;background:#f6ff00ab;transform:rotate(9deg)}
.hero-margin-note{left:17%;top:5%}
.editor-label{font-size:10px;font-weight:800;background:var(--ink);color:var(--paper);padding:5px 15px;position:absolute;transform:rotate(6deg);white-space:nowrap}
.hero-label{right:3%;top:53%;z-index:6}
.hero-bottom{padding:20px 7% 0 22%;grid-template-columns:1fr auto;gap:30px;isolation:isolate}
.hero-handline{position:absolute;left:4%;bottom:2%;font-size:8px;letter-spacing:.1em;transform:rotate(-7deg);border-bottom:2px solid var(--teal);padding-bottom:5px}
.hero-copy>p{font-size:14px}.hero-copy>span{font-size:12px}
.hero-cta{min-width:340px;font-size:15px}
.hero-book{position:relative}.hero-book:before{content:"";position:absolute;top:-13px;left:25%;width:75px;height:23px;background:#ffffff95;transform:rotate(6deg);z-index:2;pointer-events:none;border-left:1px dashed #080e5830;border-right:1px dashed #080e5830}
.desk-section{background-color:#d0f2f3;background-size:17px 17px;padding-top:105px;padding-bottom:65px;position:relative;isolation:isolate}
.desk-section:before{content:"";position:absolute;left:0;bottom:0;width:33%;height:49%;background:#b3e6e7;clip-path:polygon(0 17%,100% 0,89% 100%,0 100%);z-index:-1}
.desk-heading{align-items:center}.desk-heading h2{transform:rotate(-3deg);line-height:1.6}.desk-heading h2 em{box-decoration-break:clone;-webkit-box-decoration-break:clone}
.desk-heading>p{transform:rotate(3deg);border-left:3px solid var(--teal);padding-left:18px;margin-right:2%}
.feeling-desk{margin-top:75px;margin-bottom:105px;grid-template-columns:1.08fr 1fr;gap:8%;align-items:center;padding:5px 2% 0 0}
.desk-scribble{position:absolute;left:18%;top:-42px;font-size:10px;letter-spacing:.09em;transform:rotate(4deg);border-bottom:1px solid var(--ink);padding-bottom:3px}
.notes{gap:27px 26px;align-items:start}
.feeling-note{min-height:180px;padding:20px 20px 30px;border:1px solid #080e5880;box-shadow:5px 7px 0 #080e5815}
.feeling-note:before{background:repeating-linear-gradient(90deg,#f6ff00a8 0px,#f6ff00a8 5px,#e8ed00a8 5px,#e8ed00a8 6px);width:64px;height:24px;top:-12px}
.feeling-note>span{font-size:15px;line-height:1.8}.feeling-note small{margin-bottom:22px}
.note-0{--angle:-8deg;z-index:2;translate:5px -5px;background:#fffef6}
.note-1{--angle:5deg;margin-top:24px;background:#fffefb}
.note-2{--angle:3deg;margin-top:-4px;translate:14px 0;background:#fff6dc}
.note-3{--angle:-6deg;margin-top:18px;translate:-1px 0;background:#f0f9f6}
.feeling-note.dragging{translate:none}
.conversation-table{border:1px solid var(--ink);border-radius:2px;padding:75px 75px 65px 29px;min-height:335px;background-color:var(--paper);background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,#080e580a 31px,#080e580a 32px);transform:rotate(4deg);box-shadow:8px 10px 0 #080e581a;text-align:left;align-self:center}
.conversation-table:before{content:"";position:absolute;left:36%;top:-15px;width:80px;height:29px;background:#fffef6bb;box-shadow:0 0 0 1px #080e5815;transform:rotate(-10deg);border-left:1px dashed #080e5820;border-right:1px dashed #080e5820}
.conversation-table:after{content:"";position:absolute;right:-13px;bottom:20px;width:45px;height:82px;background:#f6ff0090;transform:rotate(-10deg);z-index:0}
.table-paper-heading{position:absolute;left:25px;top:23px;font-size:19px;font-weight:900;border-bottom:7px solid var(--yellow);line-height:1.4}
.table-instruction{left:19px;top:-27px;transform:rotate(-7deg);font-size:8px;padding:5px 10px}
.desk-operation{position:absolute;left:12%;bottom:-46px;font-size:10px;transform:rotate(-5deg);white-space:nowrap}
.table-selected{font-size:17px;line-height:1.8;min-height:67px;position:relative;z-index:2}
.table-line{margin:16px 0;width:40px}
.conversation-table>p{font-size:12px;min-height:74px;line-height:2;padding-right:0}
.table-sign{font-size:7px;line-height:1.9;margin-top:20px;letter-spacing:.08em}
.desk-person{width:165px;height:auto;right:-64px;bottom:-95px;transform:rotate(-8deg);z-index:3}
.desk-reset{left:17px;bottom:12px;transform:rotate(-2deg);min-height:36px;font-size:9px;padding:5px 12px;z-index:4}
.desk-footnote{font-size:17px;margin-top:40px;transform:rotate(-3deg);position:relative;z-index:2}
@media(min-width:1500px){.hero-bottom{padding-left:22%;padding-right:7%}}
@media(min-width:701px) and (max-width:1050px){.hero-margin-note{left:15%;font-size:9px;padding:12px 14px}.hero-advisors{width:260px;right:3%}.hero-reply{right:30%;width:142px;font-size:10px}.hero-thinker{width:120px}.hero-question{left:21%;font-size:11px;min-width:128px}.hero-label{font-size:8px}.hero-bottom{padding-left:19%;gap:20px}.hero-handline{display:none}.hero-copy>p{font-size:12px}.hero-copy>span{font-size:11px}.hero-cta{min-width:285px;font-size:12px;padding:15px}.feeling-desk{gap:6%}.feeling-note{padding:18px 13px 28px;min-height:170px}.feeling-note>span{font-size:12px}.conversation-table{padding-right:40px;padding-left:22px}.table-paper-heading{font-size:17px}.table-selected{font-size:14px}.desk-person{width:125px;right:-45px;bottom:-80px}}
@media(max-width:700px){
.hero-scene{height:485px}.hero h1{top:34%;font-size:clamp(28px,8.2vw,56px);left:3%;right:3%;line-height:1.6;z-index:4}.hero-ribbon{top:34%;height:32%;transform:rotate(-11deg)}
.hero-advisors{width:166px;right:5%;top:3px;transform:rotate(3deg) translateY(calc(var(--scroll)*-12px));z-index:3}
.hero-reply{left:4%;right:auto;top:14px;width:120px;font-size:10px;min-height:65px;transform:rotate(-7deg)}
.hero-thinker{width:88px;height:auto;left:6%;bottom:3%;transform:rotate(-7deg) translateY(calc(var(--scroll)*-10px))}.hero-thinker:after{font-size:7px;padding:4px 6px;left:-3px;bottom:-9px}
.hero-question{left:38%;bottom:5%;font-size:11px;min-width:115px;min-height:75px;padding:13px 16px;transform:rotate(5deg)}
.hero-question span{font-size:7px}.hero-asterisk{font-size:39px;top:22%;left:8%}
.hero-margin-note{left:auto;right:5%;top:auto;bottom:24%;font-size:8px;line-height:1.7;padding:12px 14px;transform:rotate(5deg);z-index:2}.hero-margin-note:before{width:42px;height:16px;top:-8px}
.hero-label{top:29%;right:1%;font-size:7px;padding:4px 8px;transform:rotate(5deg);z-index:5}
.hero-bottom{padding:20px 6% 0;display:block}.hero-handline{display:none}.hero-copy>p{font-size:13px}.hero-copy>span{font-size:11px}.hero-book{margin-top:26px}.hero-cta{min-width:0;width:100%;font-size:13px;padding:17px}.hero-book:before{width:62px;height:19px;top:-10px}.hero-book>p{font-size:8px}.hero .scroll-cue{margin-top:21px}
.desk-section{padding-top:73px;padding-bottom:48px}.desk-section:before{width:50%;height:59%}.desk-heading h2{font-size:clamp(27px,7.4vw,44px);line-height:1.7;transform:rotate(-3deg)}.desk-heading>p{font-size:11px;transform:rotate(2deg);padding-left:12px;margin-top:28px;margin-left:15%;margin-right:0}.feeling-desk{display:block;margin:65px 0 125px;padding:0 5px 0 0}.desk-scribble{left:4%;top:-32px;font-size:9px}.notes{gap:22px 17px;padding:0 7px 0 2px}.feeling-note{padding:18px 12px 28px;min-height:153px}.feeling-note>span{font-size:12px;line-height:1.8;letter-spacing:-.05em}.feeling-note small{font-size:7px;margin-bottom:17px}.feeling-note:before{width:46px;height:19px;top:-9px}.note-1{margin-top:22px}.note-2{margin-top:-5px;translate:6px 0}.note-3{margin-top:11px;translate:-2px 0}
.conversation-table{margin:62px 30px 0 8px;min-height:335px;transform:rotate(-3deg);padding:78px 45px 65px 23px;box-shadow:6px 8px 0 #080e581a}
.table-instruction{font-size:7px;left:8px;top:-25px;transform:rotate(6deg)}.table-paper-heading{font-size:18px;left:22px;top:28px}.table-selected{font-size:15px;min-height:55px;line-height:1.8}.table-line{margin:17px 0}.conversation-table>p{font-size:11px;min-height:85px;padding-right:0;line-height:2}.table-sign{font-size:6px;line-height:2;margin-top:15px;margin-bottom:0;max-width:165px}.desk-operation{font-size:8px;left:0;bottom:-39px;transform:rotate(3deg)}.desk-person{width:105px;right:-43px;bottom:-90px;transform:rotate(8deg)}.desk-reset{left:19px;bottom:13px;min-height:38px;font-size:9px;padding:5px 13px;transform:rotate(2deg)}.desk-footnote{font-size:13px;margin-top:0;transform:rotate(-4deg)}
}
@media(prefers-reduced-motion:reduce){.hero-thinker{transform:rotate(-7deg)}.hero-advisors{transform:rotate(4deg)}}
/* Keep the deliberate overlaps inside the page and the headline unobstructed. */
.desk-section{overflow:hidden;overflow:clip}
@media(min-width:1051px){.hero-advisors{width:clamp(265px,21vw,320px);top:-30px;right:5%}.hero-label{top:13%;right:43%;transform:rotate(5deg)}}
@media(min-width:701px) and (max-width:1050px){.hero-advisors{width:235px;top:-15px}.hero-label{top:18%;right:35%;font-size:8px}}

/* CTA refinement only. Keep the existing labels, cards and layouts. */
.button{
  border-radius:16px;
  background:var(--yellow);
  color:var(--ink);
  border:2px solid var(--ink);
  box-shadow:6px 6px 0 var(--ink);
  min-height:52px;
  transition:translate .2s ease,box-shadow .2s ease;
}
.closing .button{
  background:var(--yellow);
  color:var(--ink);
  box-shadow:6px 6px 0 var(--ink);
}
.button:hover,.closing .button:hover{
  transform:var(--cta-rotation,none);
  translate:3px 3px;
  box-shadow:3px 3px 0 var(--ink);
}
.hero-cta{--cta-rotation:rotate(-2deg)}
.button:active,.closing .button:active{
  transform:var(--cta-rotation,none);
  translate:5px 5px;
  box-shadow:1px 1px 0 var(--ink);
}
.button>b,.header-cta>span,.mobile-cta>span,.form-submit>span,#finish-booking>span{
  display:inline-block;
  flex-shrink:0;
  transition:translate .2s ease;
}
.button:hover>b,.header-cta:hover>span,.mobile-cta:hover>span,.form-submit:hover>span,#finish-booking:hover>span{
  translate:3px -3px;
}
@media(max-width:700px){
  .button{min-height:54px}
  .mobile-cta{min-height:54px;box-shadow:6px 6px 0 var(--ink)}
}
@media(prefers-reduced-motion:reduce){
  .button,.button>b,.header-cta>span,.mobile-cta>span,.form-submit>span,#finish-booking>span{transition:none}
}

/* Softer editorial boundaries: curves and angled paper, not divider rules. */
.section-top{border-top:0;position:relative;padding-top:23px}
.section-top:before{content:"";position:absolute;top:0;left:0;width:100%;height:9px;background:currentColor;opacity:.28;clip-path:polygon(0 55%,13% 30%,32% 49%,51% 15%,73% 43%,87% 21%,100% 37%,100% 51%,87% 38%,73% 60%,51% 32%,32% 66%,13% 47%,0 72%)}
.faq{position:relative;background:#e9ede8;clip-path:polygon(0 1.8%,15% 1%,35% 1.4%,58% .4%,80% 1%,100% 0,100% 98.2%,80% 99%,60% 98.6%,35% 100%,12% 99.3%,0 100%);padding-top:95px;padding-bottom:100px}
.selection-count{display:inline-block;background:var(--ink);color:var(--paper);font-size:10px;font-weight:800;border-radius:20px;padding:3px 12px;margin-bottom:15px;transform:rotate(-2deg)}
.table-selected{display:flex;flex-wrap:wrap;gap:8px;align-items:start}
.chosen-feeling{display:inline-block;background:#e0f3f1;border:1px solid #080e5830;padding:6px 9px;font-size:12px;line-height:1.7;border-radius:3px;max-width:100%}
.chosen-feeling:nth-child(even){background:#f9fbb9;transform:rotate(1deg)}
.feeling-note[aria-pressed=true]>b{background:var(--ink);color:var(--yellow);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:15px;bottom:8px}
.conversation-table{min-height:370px}.desk-reset{position:relative;left:auto;bottom:auto;margin-top:15px;transform:rotate(-2deg)}
.desk-person{bottom:-65px}
/* Before/after stays readable while the slider shifts emphasis and indicators. */
.cases{--change:0}.case-panel{border-radius:10px;box-shadow:7px 8px 0 #20b9bc66}
.before,.after{transition:box-shadow .25s,transform .25s,background .25s;outline:2px solid transparent;outline-offset:5px}
.before{transform:rotate(calc(-2deg + var(--change)*2deg));border-radius:5px}
.after{clip-path:none;border-radius:4px 20px 4px 4px;transform:rotate(calc(2deg - var(--change)*2deg));box-shadow:3px 5px 0 #080e581c}
.comparison-focus{outline-color:#080e5860;box-shadow:4px 6px 0 #080e5822}
.case-arrow{transform:rotate(calc(8deg - var(--change)*8deg));color:var(--ink)}
.change-explorer{margin:30px 12px 0;padding:25px 30px;background:var(--paper);border:1px solid var(--ink);border-radius:8px;box-shadow:5px 6px 0 #080e5818;position:relative}
.change-explorer:before{content:"";position:absolute;top:-11px;left:45%;height:22px;width:65px;background:#f6ff0099;transform:rotate(-5deg)}
.change-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.change-heading p{font-size:11px}
.change-track{display:flex;align-items:center;gap:20px;margin:24px 0 10px;font-size:11px;font-weight:800}
.change-track input[type=range]{flex:1;min-width:0;margin:0;padding:0;border:0;min-height:44px;background:transparent;accent-color:var(--ink);cursor:ew-resize;width:auto}
.range-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.change-phase{font-size:12px;font-weight:800;min-height:24px;line-height:1.8}
.feeling-meters{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.feeling-meters>div{display:flex;align-items:center;gap:12px;font-size:11px}.feeling-meters meter{width:100%;height:16px;min-width:0;flex:1}.feeling-meters output{font-size:10px;white-space:nowrap}.feeling-meters span{white-space:nowrap}
meter::-webkit-meter-bar{background:#e9eeeb;border:0;border-radius:10px}#worry-meter::-webkit-meter-optimum-value{background:#73becd;border-radius:10px}#hope-meter::-webkit-meter-optimum-value{background:#b5be00;border-radius:10px}meter::-moz-meter-bar{background:var(--teal)}
/* Questions as little conversations. */
.faq-items{border:0;display:grid;gap:14px}
.faq details{border:1px solid #080e5838;border-radius:17px;background:var(--paper);box-shadow:3px 4px 0 #080e580c;overflow:hidden;transition:box-shadow .2s}
.faq details[open]{box-shadow:4px 6px 0 #20b9bc35;border-color:#1b9fa7}
.faq summary{padding:22px 60px 22px 20px;min-height:80px;align-items:center;gap:16px;font-size:12px}
.faq summary>span{display:grid;place-items:center;flex-shrink:0;background:var(--blue);width:35px;height:35px;border-radius:50% 50% 50% 9px;color:var(--ink);font-size:17px;transform:rotate(-7deg)}
.faq summary:after{content:"＋";top:50%;translate:0 -50%;right:18px;width:30px;height:30px;line-height:28px;border-radius:50%;border-color:#080e5838;background:#f6ff0080;transition:background .2s}
.faq summary:hover:after{background:var(--yellow)}.faq details[open] summary{background:#def3f1}.faq details[open] summary:after{content:"−"}
.faq details>p{padding:22px 25px 25px 70px;font-size:12px;line-height:2.1;background:var(--paper)}
/* A welcome, followed by a few optional conversation cards. */
.reservation-heading h2{line-height:1.7;transform:rotate(-2deg)}
#form-input,#form-confirm,#form-complete{border-radius:18px;border-color:#080e5866;background:#fffefb}
.form-welcome{padding:15px 20px;margin-bottom:30px;background:#def3f1;border-radius:3px 20px 20px 20px;font-size:13px;line-height:2;transform:rotate(-1deg)}
.topic-field{min-width:0;border:0;padding:0;margin:15px 0 30px}.topic-field legend{font-size:14px;font-weight:800;line-height:1.9;padding:0}.topic-field .optional{display:inline-block}
.field-help{display:block;font-size:11px;font-weight:500;line-height:1.9;margin:9px 0 15px;color:#424c68}
.topic-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.topic-card{position:relative;margin:0;cursor:pointer}.topic-card input{position:absolute;left:13px;top:50%;translate:0 -50%;width:18px;height:18px;accent-color:var(--ink);z-index:2;margin:0}
.topic-card>span{display:flex;align-items:center;gap:10px;min-height:80px;border:1px solid #080e584d;border-radius:8px;background:#eef7f6;padding:15px 35px 15px 43px;box-shadow:3px 4px 0 #080e5812;line-height:1.8;font-size:12px;transition:background .2s,box-shadow .2s}
.topic-card small{font-size:9px;color:#007b83}.topic-card b{position:absolute;right:12px;font-size:14px;opacity:0}.topic-card input:checked+span{background:#f5ff8e;border-color:var(--ink);box-shadow:3px 4px 0 var(--ink)}.topic-card input:checked+span>b{opacity:1}.topic-card input:focus-visible+span{outline:3px solid #0752db;outline-offset:4px}.topic-card:last-child{grid-column:1/-1;transform:rotate(-1deg)}
form textarea,form input:not([type=checkbox]),form select{border-radius:9px}
@media(max-width:700px){
.faq{padding-top:75px;padding-bottom:75px}.faq summary{padding:18px 52px 18px 14px;gap:12px;font-size:11px;min-height:78px}.faq summary>span{width:30px;height:30px;font-size:16px}.faq summary:after{right:12px;width:27px;height:27px;line-height:25px}.faq details>p{font-size:11px;padding:20px 20px 23px 30px}
.selection-count{font-size:9px}.chosen-feeling{font-size:11px}.conversation-table{padding-right:32px;min-height:370px}.desk-reset{left:auto;bottom:auto;margin-top:15px}.desk-person{bottom:-70px}
.change-explorer{padding:24px 18px;margin:28px 4px 0}.change-heading{display:block}.change-heading p{font-size:10px;margin-top:8px}.change-track{gap:12px;font-size:10px;margin-top:12px}.change-phase{font-size:11px;min-height:40px}.feeling-meters{grid-template-columns:1fr;gap:13px}.feeling-meters>div{font-size:11px}.case-arrow{transform:rotate(90deg)}.before,.after{padding:18px}
.form-welcome{font-size:11px;padding:15px 14px}.topic-field legend{font-size:13px}.topic-options{gap:11px;grid-template-columns:1fr}.topic-card>span{min-height:73px;font-size:12px}.topic-card:last-child{grid-column:auto}.field-help{font-size:10px}.reservation h2{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.before,.after,.faq details,.faq summary:after,.topic-card>span{transition:none}}

/* One selected person's workbook: tabs choose the story, range explores it. */
.cases .case-workbook{position:relative;margin-top:30px;isolation:isolate}
.cases .case-instruction{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;margin-bottom:22px;flex-wrap:wrap}
.cases .case-instruction>b{display:inline-grid;place-items:center;width:24px;height:24px;background:var(--ink);color:var(--yellow);border-radius:50%;font-size:12px}
.cases .case-instruction>span{margin:0 8px;color:#007b83}
.cases .case-tabs{gap:8px;padding-left:15px;position:relative;z-index:2}
.cases .case-tabs button{padding:14px 20px 16px;min-height:79px;text-align:left;flex:1;max-width:33.33%;line-height:1.6}
.cases .case-tabs button>span{font-size:12px}.cases .case-tabs button>small{display:block;font-size:10px;font-weight:500;margin:5px 0 0 18px}
.cases .case-panel{display:block;padding:30px 35px 32px;background:var(--paper);border:2px solid var(--ink);border-radius:8px;box-shadow:8px 9px 0 #20b9bc80;position:relative}
.cases .case-person{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding:0 8px 20px;border-bottom:2px dashed #080e5820}
.cases .persona-avatar{width:105px;height:125px;flex-shrink:0;overflow:hidden;border-radius:45% 48% 5px 5px;background:var(--blue);border:1px solid #080e5833;transform:rotate(-4deg)}
.cases .persona-avatar img{display:block;width:100%;height:auto;max-width:none}
.cases .persona-avatar[data-portrait=worried]{background:#fff1bc}.cases .persona-avatar[data-portrait=worried] img{width:110%;margin-left:-5%}
.cases .persona-avatar[data-portrait=advisors]{background:#bde8e3}.cases .persona-avatar[data-portrait=advisors] img{width:205%;margin-left:-102%}
.cases .case-person h3{font-size:25px;margin:7px 0 10px}
.cases .case-person p{font-size:12px;font-weight:800;min-height:0;background:var(--yellow);padding:3px 9px;display:inline-block}
.cases .case-person small{font-size:9px;display:block;margin-top:7px;color:#4d5672}
.cases .story-stamp{margin-left:auto;border:1px solid var(--ink);border-radius:50%;width:87px;height:87px;flex-shrink:0;display:grid;place-content:center;text-align:center;font-size:11px;line-height:1.6;font-weight:800;transform:rotate(11deg)}
.cases .case-comparison{display:grid;grid-template-columns:1fr 42px 1fr;gap:14px;align-items:center;padding:0 6px}
.cases .case-panel .case-comparison p{min-height:110px}
.cases .change-explorer{margin:30px -35px -32px;padding:28px 35px 30px;border:0;border-top:1px dashed #080e5840;box-shadow:none;background:#edf7f3;border-radius:0 0 6px 6px}
.cases .change-explorer:before{display:none}.cases .change-heading{gap:15px}.cases .change-heading p{font-size:10px;min-height:0}
.cases .story-moment{background:var(--paper);border:1px solid #080e5833;border-radius:6px 20px 20px 20px;padding:20px 22px;position:relative;margin:13px 0 22px;box-shadow:3px 4px 0 #080e580d}
.cases .story-moment>span{font-size:10px;font-weight:800;background:var(--blue);padding:4px 12px;border-radius:20px}
.cases .story-moment h4{font-size:19px;line-height:1.7;letter-spacing:-.04em;margin:12px 0 7px;font-weight:900}
.cases .story-moment p{font-size:12px;line-height:1.9;min-height:46px;font-weight:500}
.cases .change-explorer .micro{min-height:0;font-size:9px;margin-top:20px}.cases .case-panel .feeling-meters{gap:26px}
@media(max-width:1050px) and (min-width:701px){.cases .case-tabs button{padding:13px 12px}.cases .case-tabs button>small{font-size:9px;margin-left:0}.cases .case-person h3{font-size:23px}.cases .case-panel{padding:28px 25px 30px}.cases .change-explorer{margin:28px -25px -30px;padding:25px}.cases .case-comparison{gap:10px;grid-template-columns:1fr 30px 1fr}.cases .case-person{gap:18px}.cases .story-stamp{width:65px;height:65px;font-size:9px}}
@media(max-width:700px){
.cases .case-workbook{margin-top:20px}.cases .case-instruction{font-size:10px;gap:7px;line-height:1.9;margin-bottom:18px}.cases .case-instruction>b{width:20px;height:20px;font-size:10px}.cases .case-instruction>span{margin:0 2px}
.cases .case-tabs{padding-left:0;gap:4px}.cases .case-tabs button{min-height:92px;padding:11px 7px;line-height:1.6}.cases .case-tabs button:before{display:none}.cases .case-tabs button>span{font-size:10px;display:block;font-weight:900}.cases .case-tabs button>small{font-size:9px;line-height:1.7;margin:7px 0 0;font-weight:500}
.cases .case-panel{padding:22px 17px 24px;box-shadow:5px 6px 0 #20b9bc80}.cases .case-person{gap:14px;align-items:center;padding:0 0 20px;margin-bottom:25px}.cases .persona-avatar{width:73px;height:96px}.cases .case-person h3{font-size:19px;line-height:1.6;margin:5px 0 8px}.cases .case-person .label{font-size:7px}.cases .case-person p{font-size:10px;padding:3px 6px;line-height:1.9}.cases .case-person small{font-size:8px;margin-top:7px}.cases .story-stamp{display:none}
.cases .case-comparison{grid-template-columns:1fr;gap:12px;padding:0 4px}.cases .case-panel .case-comparison p{min-height:0;font-size:11px}.cases .case-comparison h3{font-size:21px}
.cases .change-explorer{margin:25px -17px -24px;padding:23px 17px 25px}.cases .change-heading .label{font-size:8px;letter-spacing:.07em}.cases .change-heading p{font-size:10px;margin-top:6px}.cases .story-moment{padding:16px 14px;border-radius:5px 16px 16px 16px}.cases .story-moment>span{font-size:9px}.cases .story-moment h4{font-size:17px;line-height:1.8;margin-top:10px}.cases .story-moment p{font-size:11px;min-height:65px;font-weight:500}.cases .case-panel .feeling-meters{gap:13px}.cases .change-explorer .micro{font-size:8px}
}

/* Counselors appear only where listening, organizing and welcoming matter. */
.cases .case-counselor{display:flex;gap:16px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px dashed #080e582b}
.cases .case-counselor>img{width:80px;height:85px;object-fit:contain;flex-shrink:0;align-self:end}
.cases .case-counselor>div{background:#e0f3f1;border-radius:15px 15px 15px 3px;padding:12px 16px;transform:rotate(-1deg)}
.cases .case-counselor>div>span{font-size:9px;color:#006c74;font-weight:800}
.cases .case-counselor>div>p{font-size:12px;min-height:0;margin-top:4px;line-height:1.9}
.flow-dialogue{margin:50px auto 0;display:flex;align-items:center;justify-content:center;gap:35px;max-width:800px}
.flow-dialogue>img{width:250px;height:180px;object-fit:contain;flex-shrink:0;transform:rotate(-2deg)}
.flow-dialogue>div{position:relative;background:var(--blue);padding:25px 30px;border-radius:28px 28px 28px 3px;transform:rotate(2deg)}
.flow-dialogue>div p{font-size:15px;line-height:1.9;margin:12px 0 8px}.flow-dialogue>div small{font-size:10px}
.form-greeting{display:flex;align-items:center;gap:20px;margin:0 0 30px}
.form-greeting>img{width:100px;height:115px;object-fit:contain;flex-shrink:0;align-self:end}
.form-greeting .form-welcome{flex:1;margin:0;border-radius:22px 22px 22px 3px;padding:20px;font-size:12px}
.form-greeting .form-welcome>span{font-size:16px;font-weight:900;display:block;margin-bottom:8px}
@media(max-width:700px){
.cases .case-counselor{gap:10px;align-items:end;margin-top:16px}.cases .case-counselor>img{width:57px;height:70px}.cases .case-counselor>div{padding:10px 12px}.cases .case-counselor>div>span{font-size:8px}.cases .case-counselor>div>p{font-size:11px;min-height:0}
.flow-dialogue{gap:15px;margin-top:35px;flex-direction:column}.flow-dialogue>img{width:210px;height:160px;align-self:start;margin-left:15px}.flow-dialogue>div{align-self:end;padding:23px;max-width:95%;margin-top:-20px}.flow-dialogue>div p{font-size:13px}.flow-dialogue>div small{font-size:9px}
.form-greeting{gap:9px;align-items:end;margin-bottom:25px}.form-greeting>img{width:62px;height:92px}.form-greeting .form-welcome{padding:15px 12px;font-size:10px}.form-greeting .form-welcome>span{font-size:13px;margin-bottom:6px}
}

/* Focused first view — all rules scoped to the hero. */
.hero--focused{padding:30px 0 20px;isolation:isolate}
.hero--focused .hero-kicker{padding:0 6%;position:relative;z-index:6}
.hero--focused .pill{background:transparent;color:var(--ink);border:1px solid var(--ink);padding:5px 13px;font-size:11px}
.hero--focused .hero-scene{height:515px;max-width:1600px;margin:0 auto;position:relative;isolation:isolate}
.hero--focused .hero-ribbon{width:118%;left:-9%;top:30%;height:61%;transform:rotate(-8deg);box-shadow:none;z-index:-1}
.hero--focused h1{left:6%;right:5%;top:32%;font-size:clamp(54px,7.45vw,119px);line-height:1.5;transform:rotate(-8deg);letter-spacing:-.075em;z-index:4}
.hero--focused .title-first{text-align:left}.hero--focused .title-second{text-align:right;margin-top:0}
.hero--focused .hero-advisors{width:clamp(225px,19vw,290px);right:6%;top:-26px;height:auto;transform:none;z-index:3}
.hero--focused .hero-reply{position:absolute;right:27%;left:auto;top:17px;width:170px;min-height:75px;padding:14px 20px;font-size:12px;transform:none;z-index:5;box-shadow:none}
.hero--focused .hero-reply:after{left:auto;right:17%;bottom:-6px;transform:skew(20deg) rotate(-25deg)}
.hero--focused .hero-bottom{display:block;padding:0 6%;max-width:1600px;margin:60px auto 0;position:relative}
.hero--focused .hero-copy>p{font-size:17px;line-height:1.9;font-weight:900;margin-bottom:6px}
.hero--focused .hero-copy>span{font-size:14px;line-height:1.9;display:block}
.hero--focused .hero-copy-break{display:none}
.hero--focused .hero-book{margin-top:23px;width:390px;max-width:100%}
.hero--focused .hero-book:before{display:none}
.hero--focused .hero-cta{--cta-rotation:none;transform:none;width:100%;min-width:0;min-height:82px;padding:17px 23px;border-radius:16px;background:var(--yellow);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);font-size:16px}
.hero--focused .hero-cta:hover{transform:none;translate:3px 3px;box-shadow:3px 3px 0 var(--ink)}
.hero--focused .hero-cta:active{translate:5px 5px;box-shadow:1px 1px 0 var(--ink)}
.hero--focused .hero-cta b{font-size:32px}.hero--focused .hero-cta small{font-size:10px;margin-bottom:5px}
.hero--focused .hero-book>p{font-size:9px;line-height:1.8;margin-top:14px;text-align:center}
.hero--focused .scroll-cue{position:absolute;right:6%;bottom:28px;left:auto;margin:0;gap:18px;font-size:25px}.hero--focused .scroll-cue span{font-size:8px;letter-spacing:.12em}
@media(min-width:1500px){.hero--focused .hero-bottom{padding-left:6%;padding-right:6%}}
@media(min-width:701px) and (max-width:1050px){.hero--focused .hero-scene{height:430px}.hero--focused .hero-advisors{width:215px;top:-4px;right:4%}.hero--focused .hero-reply{width:145px;right:31%;font-size:10px;top:15px;min-height:67px}.hero--focused h1{top:39%;font-size:7.4vw}.hero--focused .hero-ribbon{top:39%;height:51%}.hero--focused .hero-bottom{margin-top:25px}.hero--focused .hero-copy>p{font-size:15px}.hero--focused .hero-copy>span{font-size:13px}}
@media(max-width:700px){
.hero--focused{padding-top:22px;padding-bottom:29px}.hero--focused .hero-kicker{padding:0 6%}.hero--focused .pill{font-size:9px;padding:5px 10px;line-height:1.6}
.hero--focused .hero-scene{height:355px}.hero--focused .hero-advisors{width:152px;right:5%;top:13px;transform:none}.hero--focused .hero-reply{left:6%;right:auto;top:35px;width:132px;min-height:66px;font-size:10px;padding:12px 10px;transform:none}
.hero--focused .hero-reply:after{right:14%;left:auto}
.hero--focused h1{left:5%;right:4%;top:56%;font-size:clamp(27px,8.1vw,56px);line-height:1.7;transform:rotate(-8deg);letter-spacing:-.07em}
.hero--focused .hero-ribbon{width:125%;left:-12%;top:53%;height:39%;transform:rotate(-8deg)}
.hero--focused .hero-bottom{padding:0 6%;margin:8px auto 0}.hero--focused .hero-copy>p{font-size:13px;line-height:1.9;margin-bottom:8px}.hero--focused .hero-copy>span{font-size:12px;line-height:1.9;display:block}.hero--focused .hero-copy-break{display:block}
.hero--focused .hero-book{margin-top:22px;width:100%}.hero--focused .hero-cta{min-height:82px;padding:16px 18px;font-size:14px;gap:14px;transform:none;border-radius:16px}.hero--focused .hero-cta small{font-size:9px}.hero--focused .hero-cta b{font-size:30px}.hero--focused .hero-book>p{font-size:8px;margin-top:13px}
.hero--focused .scroll-cue{position:static;margin:25px 6% 0;font-size:20px;gap:14px}.hero--focused .scroll-cue span{font-size:7px}
}
@media(max-width:359px){.hero--focused .hero-advisors{width:134px}.hero--focused .hero-reply{width:112px;font-size:9px;left:4%}.hero--focused .hero-scene{height:330px}.hero--focused .hero-cta{font-size:12px}.hero--focused .hero-copy>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero--focused h1>span{animation:none}.hero--focused .hero-advisors{transform:none}}

/* Let the conversation cross the ribbon without competing with the headline. */
.hero--focused .hero-advisors{width:clamp(260px,22.3vw,340px);right:4.5%;top:-40px}
.hero--focused .hero-reply{right:28%;top:28px}
.hero--focused .hero-reply:after{right:-6px;left:auto;bottom:18px;transform:skew(15deg) rotate(-32deg)}
@media(min-width:701px) and (max-width:1050px){
  .hero--focused .hero-advisors{width:245px;right:2.5%;top:-12px}
  .hero--focused .hero-reply{right:35%;top:31px}
}
@media(max-width:700px){
  .hero--focused .hero-advisors{width:174px;right:1.5%;top:9px}
  .hero--focused .hero-reply{left:9%;right:auto;top:47px}
  .hero--focused .hero-reply:after{right:-6px;left:auto;bottom:16px}
}
@media(max-width:359px){
  .hero--focused .hero-advisors{width:153px;right:1%;top:9px}
  .hero--focused .hero-reply{left:6%;top:41px}
}