:root{--ink:#1e293b;--sub:#475569;--muted:#64748b;--line:#e6eaf1;--bg:#f7f9fc;--cyan:#0891b2;--violet:#7c3aed;--pink:#db2777;--gradient:linear-gradient(100deg,#0891b2 0%,#7c3aed 50%,#db2777 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:white;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}p{line-height:1.95}h1,h2,h3{font-feature-settings:"palt";word-break:keep-all;overflow-wrap:anywhere}h2{font-size:clamp(30px,3.2vw,44px);line-height:1.6;letter-spacing:-1.8px;font-weight:750}h3{letter-spacing:-.65px}strong{font-weight:700}.wrap{width:min(1200px,calc(100% - 88px));margin-inline:auto}.section{padding-top:122px;padding-bottom:122px}.header{height:94px;padding:0 max(36px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.logo img{width:177px;height:auto}.header nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:600}.header nav>a:not(.nav-cta):hover{color:var(--cyan)}.nav-cta{padding:13px 18px;border:1px solid var(--line);border-radius:8px;display:flex;gap:22px;align-items:center}.nav-cta:hover{background:var(--bg)}.menu-toggle{display:none}.skip{position:fixed;top:-70px;left:20px;background:var(--ink);color:white;padding:14px;z-index:40}.skip:focus{top:10px}.eyebrow{font:600 10px/1.8 Arial,sans-serif;letter-spacing:2.3px;color:var(--cyan);display:flex;align-items:center;gap:10px;margin-bottom:22px}.dot,.signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);flex-shrink:0}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:26px;padding:75px 0 66px;align-items:center;min-height:690px}.hero-tag{font-size:13px;letter-spacing:.4px;margin-bottom:18px;color:var(--sub);font-weight:600}.hero h1{font-size:clamp(37px,3.9vw,57px);font-weight:780;line-height:1.6;letter-spacing:-2.8px;white-space:nowrap}.gradient-text{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{margin-top:24px;font-size:14px;line-height:2.1;color:var(--sub)}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:31px}.btn{min-height:54px;padding:17px 24px;display:inline-flex;justify-content:center;align-items:center;gap:27px;font-size:13px;font-weight:700;border-radius:6px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px #1e293b12}.btn span{font:20px/1 Arial,sans-serif}.primary{background:#1e293b;color:#fff}.primary:hover{background:#334155;box-shadow:0 6px 18px rgba(30,41,59,.12)}.secondary{border:1px solid #d8dfe9;background:white}.hero-note{font-size:10px;color:var(--muted);margin-top:17px}.hero-visual{position:relative;border-radius:18px;overflow:hidden;isolation:isolate;background:var(--bg);border:1px solid #eaeaf1;box-shadow:0 28px 68px #4c3b6810}.hero-visual:before{content:"";position:absolute;width:160px;height:160px;top:-60px;right:-35px;background:radial-gradient(circle,#db277715,transparent);z-index:-1}.visual-label{font-size:10px;font-weight:600;display:flex;align-items:center;gap:9px;padding:25px 24px 0;letter-spacing:.7px}.hero-photo{width:100%;margin-top:14px}.visual-bottom{padding:14px 18px;display:flex;gap:15px;justify-content:space-between;align-items:center;background:#fff}.visual-bottom>span{font:9px/1.8 Arial,sans-serif;letter-spacing:1px;display:flex;gap:7px;align-items:center}.visual-bottom small{font-size:8px;line-height:1.7;color:var(--muted)}.value-rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;display:grid;grid-template-columns:repeat(3,1fr)}.value-rail>div{display:grid;grid-template-columns:35px 1fr;gap:6px 0;padding-left:34px;border-left:1px solid var(--line)}.value-rail>div:first-child{border-left:0;padding-left:0}.value-rail span{font:11px Arial,sans-serif;color:var(--cyan);padding-top:4px;grid-row:span 2}.value-rail strong{font-size:16px;letter-spacing:-.5px}.value-rail small{font-size:10px;color:var(--muted)}.concept{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}.muted-heading{color:#8891a1}.intro{font-size:14px;line-height:2.1;color:var(--sub)}.concept-body>.intro{margin-bottom:34px}.problem{display:flex;gap:19px;padding:24px 0;border-top:1px solid var(--line)}.problem-no{font:11px/1.8 Arial;color:var(--cyan);padding-top:4px}.problem h3{font-size:17px;line-height:1.7;margin-bottom:9px}.problem p{font-size:12px;color:var(--muted)}.centered{text-align:center}.centered .eyebrow{justify-content:center}.section-heading>p:last-child:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:20px}.insight-section{background:var(--bg);padding:103px 0 94px;border-block:1px solid var(--line)}.insight-console{margin-top:46px;background:white;border:1px solid #dfe5ef;border-radius:14px;box-shadow:0 20px 45px #1e293b05;overflow:hidden}.console-top{padding:21px 31px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.console-top img{width:121px}.console-top>span{font-size:10px;color:var(--muted)}.console-top b{font-size:9px;background:var(--bg);padding:6px 9px;border-radius:4px;margin-left:12px;font-weight:500}.stage-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.stage-tabs button{background:white;border:0;border-bottom:3px solid transparent;color:var(--muted);font-weight:600;font-size:13px;padding:24px 10px;display:flex;gap:16px;justify-content:center}.stage-tabs button span{font:10px/1.9 Arial;color:#9ba6b7}.stage-tabs [aria-selected=true]{background:#f0f9fc;border-bottom-color:var(--cyan);color:var(--cyan)}.stage-tabs [aria-selected=true] span{color:var(--cyan)}.stage-panel{padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:290px}.stage-panel[hidden]{display:none}.stage-record{border:1px solid var(--line);border-radius:9px;padding:24px;background:linear-gradient(120deg,#f7fbfd,#faf8ff)}.record-label{font:9px Arial;letter-spacing:1.7px;color:var(--muted)}.record-icon{margin-top:21px;color:var(--cyan);font:35px/1 Arial}.stage-record h3{font-size:19px;line-height:1.7;margin-top:12px}.stage-record p{font-size:11px;color:var(--muted);margin-top:5px}.record-timeline{display:flex;gap:9px;margin-top:22px;font-size:8px;flex-wrap:wrap;color:#a2adbd}.record-timeline span{padding-top:9px;border-top:2px solid #e2e8f0;flex:1;white-space:nowrap}.record-timeline .complete{color:var(--cyan);border-color:var(--cyan)}.stage-advice .eyebrow{margin-bottom:15px}.stage-advice h3{font-size:23px;line-height:1.8}.stage-advice>p:not(.eyebrow){color:var(--muted);font-size:12px;margin-top:14px;max-width:420px}.advice-tag{display:inline-block;margin-top:20px;font-size:10px;color:var(--cyan);border-bottom:1px solid #0891b240;padding-bottom:8px}.measurement-note{max-width:960px;margin:24px auto 0;font-size:10px;line-height:1.9;color:var(--muted)}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:46px}.feature-main{background:var(--bg);padding:45px;border-radius:12px;border:1px solid var(--line)}.feature-number{font:10px/1.8 Arial;color:var(--cyan);letter-spacing:1.6px}.feature-main h3{font-size:32px;line-height:1.65;margin-top:23px}.feature-main>p{font-size:13px;color:var(--muted);margin-top:19px}.auto-visual{margin:32px 0 22px}.auto-visual>div{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:#fff;padding:17px;border-radius:6px;font-size:12px}.mini-icon{font:22px Arial;color:var(--cyan)}.auto-visual b{margin-left:auto;color:#94a3b8;font:10px Arial}.flow-line{height:20px;width:1px;background:#cbd5e1;display:block;margin-left:29px}.auto-visual .auto-final{border-color:#0891b240;color:var(--cyan)}.auto-final .signal{margin-left:auto}.small-note{font-size:10px!important;color:var(--muted);line-height:1.9}.feature-side{display:flex;flex-direction:column;padding:0 15px 0 24px}.feature-side article{padding:15px 0 31px}.feature-side article+article{border-top:1px solid var(--line);padding-top:32px}.feature-side h3{font-size:25px;line-height:1.7;margin-top:17px}.feature-side p{font-size:12px;line-height:2;color:var(--muted);margin-top:15px}.design-strips{display:flex;gap:7px;margin-top:25px}.design-strips span{width:53px;height:5px;background:var(--cyan);border-radius:4px}.design-strips span:nth-child(2){background:var(--violet)}.design-strips span:nth-child(3){background:var(--pink)}.line-section{background:linear-gradient(110deg,#f3fafc,#faf9fe 60%,#fff8fc);border-block:1px solid var(--line);overflow:hidden}.line-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;padding-block:100px;align-items:center}.line-copy h2{font-size:clamp(28px,2.8vw,39px)}.line-copy .intro{margin-top:23px}.check-list{padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;font-size:12px;margin:28px 0}.check-list li:before{content:"✓";color:var(--cyan);margin-right:12px}.practice-note{border-top:1px solid #dfe5ef;margin-top:28px;padding-top:23px;max-width:490px}.practice-note>span{font-size:12px;font-weight:700}.practice-note p{font-size:11px;color:var(--muted);margin-top:9px}.phone-scene{position:relative;display:grid;place-items:center}.scene-orbit{position:absolute;border:1px solid #7c3aed14;border-radius:50%;width:460px;height:460px;z-index:0}.orbit-two{width:570px;height:570px}.phone{position:relative;background:#fff;border:5px solid #263142;border-radius:43px;width:282px;height:545px;overflow:hidden;transform:rotate(5deg);box-shadow:14px 25px 50px #3931551a}.phone-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);height:20px;width:83px;background:#263142;border-radius:15px;z-index:1}.phone-clock{font:10px Arial;padding:17px 21px 12px;font-weight:600;display:flex;justify-content:space-between}.phone-clock span{font-size:8px}.chat-header{display:flex;align-items:center;gap:9px;padding:13px 13px;border-bottom:1px solid var(--line);font-size:12px}.chat-header>span{font:22px Arial}.chat-header>span:last-child{margin-left:auto}.chat-avatar{width:25px;height:25px;background:var(--gradient);border-radius:50%;color:white;display:grid;place-items:center;font:15px Arial}.chat-body{background:#eef2f8;padding:18px 13px;height:100%}.chat-date{display:block;font-size:8px;text-align:center;color:var(--muted);margin-bottom:15px}.chat-bubble{background:white;border-radius:0 13px 13px 13px;padding:15px 13px;box-shadow:0 3px 12px #1e293b05}.notification-kicker{font-size:9px;color:var(--cyan);font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:12px}.notification-icon{width:22px;height:22px;background:#f1eaff;color:var(--violet);display:grid;place-items:center;border-radius:6px;font:17px Arial}.chat-bubble>strong{font-size:11px;display:block;line-height:1.8}.chat-bubble dl{margin:12px 0}.chat-bubble dl>div{display:flex;font-size:9px;margin:8px 0}.chat-bubble dt{width:44px;color:var(--muted)}.chat-bubble dd{margin:0}.chat-link{font-size:9px;color:var(--cyan);border-top:1px solid var(--line);padding-top:12px;display:block}.chat-bubble p{font-size:8px;color:var(--muted);margin-top:7px}.reply-bubble{margin-top:13px}.reply-bubble .notification-kicker{color:var(--pink);margin-bottom:4px}.reply-bubble p{font-size:10px}.phone-caption{font-size:8px;position:relative;margin-top:27px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:45px}.steps article{padding-top:26px;border-top:1px solid #cad3e1;position:relative}.steps article:before{content:"";position:absolute;top:-2px;left:0;width:32px;height:3px;background:var(--cyan)}.steps article:nth-child(2):before{background:var(--violet)}.steps article:nth-child(3):before{background:var(--pink)}.steps article>span{font:9px Arial;letter-spacing:1px;color:var(--muted)}.steps b{font:27px Arial;color:var(--ink);padding-left:6px}.steps h3{font-size:20px;line-height:1.8;margin:23px 0 11px}.steps p{font-size:12px;color:var(--muted)}.support-bar{margin-top:62px;border-block:1px solid var(--line);padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.support-bar .eyebrow{font-size:8px;margin-bottom:8px}.support-bar h3{font-size:14px;line-height:1.9}.support-bar>p{font-size:10px;color:var(--muted)}.text-link{font-size:11px;color:var(--cyan);white-space:nowrap}.brochure-section{background:var(--bg);border-block:1px solid var(--line);padding:95px 0}.brochure-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:105px;align-items:center}.guide-cover{width:300px;justify-self:center;background:white;box-shadow:10px 17px 42px #1e293b12,-3px 0 0 #f0f2f6;border:1px solid var(--line);padding:28px 25px 18px;transform:rotate(-6deg)}.guide-cover>img:first-child{width:123px}.guide-cover>span{font:7px Arial;letter-spacing:1.3px;display:block;margin:29px 0 13px;color:var(--cyan)}.guide-cover h3{font-size:20px;line-height:1.8}.guide-cover .guide-photo{margin:19px -25px 20px;width:calc(100% + 50px);max-width:none}.guide-cover>div{font-size:7px;border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;gap:8px}.guide-cover>div span{font:6px/1.8 Arial;white-space:nowrap;color:var(--muted)}.brochure-layout .intro{margin-top:22px}.guide-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;font-size:12px;color:var(--sub);margin:24px 0}.guide-list li:before{content:"—";color:var(--cyan);padding-right:12px}.download-link{font-size:11px;border-bottom:1px solid #b4bdcb;padding:7px 0;white-space:nowrap}.brochure-layout .small-note{margin-top:16px}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none;font-size:13px;font-weight:600;line-height:1.9;padding:24px 0;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{font:20px Arial;color:var(--cyan)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:12px;color:var(--muted);padding:0 27px 26px 0}.contact-section{text-align:center;padding:93px 0 74px;background:radial-gradient(ellipse at 10% 90%,#0891b20b,transparent 55%),radial-gradient(ellipse at 90% 70%,#db27770b,transparent 55%),#fafaff;border-block:1px solid var(--line);position:relative}.contact-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient)}.contact-section .eyebrow{justify-content:center}.contact-section h2{font-size:clamp(33px,3.7vw,49px)}.contact-section>.wrap>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:20px}.contact-actions{display:flex;justify-content:center;gap:13px;margin-top:33px}.contact-actions .btn{min-width:242px}.line-account{display:flex;justify-content:center;gap:16px;align-items:center;margin-top:33px}.line-account>span{text-align:left;font-size:10px;line-height:1.8;color:var(--muted)}.line-account b{font:13px/2 Arial;color:var(--ink)}.line-account small{display:block;font-size:8px}.footer{padding-top:45px;display:grid;grid-template-columns:1.1fr 1fr .7fr;gap:40px}.footer .logo img{width:157px}.footer-brand p{font-size:9px;color:var(--muted);margin-top:11px}.footer-company strong{font-size:11px}.footer-company p,.footer-company a{font-size:9px;color:var(--muted);margin-top:9px}.footer-links{display:flex;flex-direction:column;gap:16px;font-size:9px;align-items:flex-start}.footer-links a:hover{color:var(--cyan)}.copyright{grid-column:1/-1;display:flex;gap:5px;font:9px Arial;color:var(--muted);padding:22px 0;border-top:1px solid var(--line);margin-top:4px}.copyright>a{margin-left:auto;font:8px Arial;letter-spacing:.7px}.mobile-break{display:none}
@media(min-width:1500px){.hero{min-height:740px}.hero h1{font-size:58px}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.header{padding:0 30px}.header nav{gap:17px;font-size:11px}.hero{gap:22px;padding-top:55px;min-height:610px}.hero h1{font-size:43px;letter-spacing:-2px}.hero .button-row{gap:9px}.hero .btn{font-size:11px;padding:16px;gap:12px}.lead{font-size:12px}.visual-bottom{flex-direction:column;gap:4px;align-items:flex-start}.value-rail strong{font-size:14px}.value-rail>div{padding-left:20px}.concept{gap:40px}.stage-panel{gap:30px;padding:30px}.stage-advice h3{font-size:21px}.feature-main{padding:32px}.line-layout{gap:30px}.brochure-layout{gap:60px}.support-bar{gap:20px}.support-bar>p{max-width:320px}.faq{gap:35px}}
@media(max-width:800px){.header{height:76px;padding:0 24px}.header .logo img{width:148px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px 4px;background:transparent;border:0;width:32px}.menu-toggle span{display:block;width:24px;height:1px;background:var(--ink)}.header nav{display:none;position:absolute;left:0;right:0;top:76px;padding:25px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;font-size:13px;gap:0;box-shadow:0 12px 20px #1e293b06}.header nav.open{display:flex}.header nav>a{padding:16px}.nav-cta{margin-top:10px;justify-content:space-between}.wrap{width:calc(100% - 48px)}.hero{grid-template-columns:1fr;padding-top:46px;gap:36px}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.6px;margin-bottom:22px}.hero-tag{font-size:11px;margin-bottom:14px}.hero h1{font-size:48px;line-height:1.6}.lead{font-size:13px;margin-top:20px}.hero .button-row{justify-content:center;margin-top:26px}.hero .btn{font-size:12px;padding:17px 22px;gap:22px}.hero-note{margin-top:15px}.hero-visual{max-width:600px;margin:auto;width:100%}.hero-photo{margin-top:5px}.visual-label{padding-top:20px}.visual-bottom{flex-direction:row;align-items:center}.value-rail{grid-template-columns:1fr;padding:0}.value-rail>div{padding:20px 3px!important;border-left:0;border-top:1px solid var(--line);grid-template-columns:35px 1fr auto;align-items:center}.value-rail>div:first-child{border-top:0}.value-rail span{grid-row:auto;padding-top:0}.value-rail strong{font-size:14px}.value-rail small{font-size:9px}.section{padding-block:78px}h2{font-size:33px;letter-spacing:-1.3px}.concept{grid-template-columns:1fr;gap:32px}.concept-body>.intro{margin-bottom:23px}.intro{font-size:13px}.problem h3{font-size:16px}.problem p{font-size:12px}.insight-section{padding:73px 0 62px}.section-heading>p:last-child:not(.eyebrow){font-size:11px}.insight-console{margin-top:30px}.console-top{padding:18px 20px}.stage-tabs button{font-size:11px;gap:6px;padding:21px 3px}.stage-panel{grid-template-columns:1fr;gap:28px;padding:26px}.stage-record{padding:24px}.stage-advice h3{font-size:22px}.stage-advice>p:not(.eyebrow){max-width:none}.measurement-note{font-size:9px}.feature-layout{grid-template-columns:1fr;margin-top:32px}.feature-main{padding:30px}.feature-side{padding:8px 0 0}.feature-side article{padding:15px 4px 28px}.feature-side h3{font-size:26px}.feature-main h3{font-size:31px}.line-layout{grid-template-columns:1fr;padding-block:70px;gap:40px}.line-copy h2{font-size:32px}.phone{transform:rotate(3deg)}.phone-caption{margin-top:23px}.steps{grid-template-columns:1fr;gap:27px;margin-top:30px}.steps article{padding-top:20px;display:grid;grid-template-columns:90px 1fr;gap:10px 10px}.steps article>span{grid-row:span 2;padding-top:3px}.steps h3{margin:0;font-size:19px}.steps p{font-size:12px}.support-bar{flex-direction:column;align-items:flex-start;margin-top:34px;gap:15px}.support-bar>p{max-width:none}.brochure-section{padding:75px 0}.brochure-layout{grid-template-columns:1fr;gap:48px}.guide-cover{width:265px;order:2}.brochure-layout h2{font-size:32px}.brochure-layout .button-row{gap:18px;margin-top:24px}.faq{grid-template-columns:1fr;gap:32px}.faq summary{font-size:12px;padding-block:23px}.contact-section{padding:70px 0 55px}.contact-section h2{font-size:36px}.contact-actions{flex-direction:column;align-items:center;margin-top:27px}.contact-actions .btn{width:min(100%,340px)}.line-account{gap:11px}.footer{grid-template-columns:1fr 1fr;gap:30px;padding-top:35px}.footer-brand{grid-column:1/-1}.footer-links{font-size:9px}.copyright{margin-top:0}.eyebrow{margin-bottom:17px}}
@media(max-width:420px){.wrap{width:calc(100% - 38px)}.header{padding:0 19px}.hero h1{font-size:clamp(30px,10vw,39px);letter-spacing:-2px}.hero-tag{font-size:10px}.hero .eyebrow{font-size:7px;letter-spacing:1.1px}.hero .btn{font-size:11px;padding:16px 17px;gap:15px}.hero .button-row{gap:8px}.lead{font-size:12px;letter-spacing:-.3px}.hero-visual{border-radius:12px}.visual-label{font-size:9px;padding-left:17px}.visual-bottom{align-items:flex-start;flex-direction:column;padding:11px 14px;gap:4px}.value-rail>div{grid-template-columns:28px 1fr}.value-rail small{grid-column:2}.value-rail strong{font-size:14px}h2{font-size:29px;letter-spacing:-1.4px}.problem h3{font-size:15px}.problem{gap:13px}.stage-tabs button{font-size:10px;flex-direction:column;gap:4px;padding:14px 2px}.stage-tabs button span{font-size:9px}.console-top img{width:105px}.console-top>span{font-size:9px}.console-top b{margin-left:4px;font-size:8px;padding:5px}.console-top{padding:15px}.stage-panel{padding:21px}.stage-record{padding:20px}.stage-record h3{font-size:18px}.record-timeline{gap:7px;font-size:7px}.stage-advice h3{font-size:20px}.feature-main{padding:25px}.feature-main h3{font-size:29px}.line-copy h2{font-size:28px}.steps article{grid-template-columns:70px 1fr}.steps h3{font-size:17px}.support-bar h3{font-size:13px}.brochure-layout h2{font-size:29px}.contact-section h2{font-size:30px}.mobile-break{display:block}.hero h1 .mobile-break{display:none}.footer{column-gap:18px}.footer-company p{font-size:8px}.line-account small{font-size:7px}.eyebrow{font-size:9px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* TODOKU — 2026 visual refresh. Existing identity and product assets retained. */
:root{--ink:#17253e;--sub:#47566f;--muted:#6a7890;--line:#e2e8f2;--bg:#f3f6fc;--cyan:#168baa;--violet:#7958d5;--pink:#cc538e;--gradient:linear-gradient(105deg,#168baa,#7958d5 57%,#cc538e)}
body{font-family:'Inter','Noto Sans JP',sans-serif;background:#fff;color:var(--ink)}
.wrap{width:min(1200px,calc(100% - 88px))}.section{padding-block:120px}
h1,h2,h3{letter-spacing:-.035em;font-feature-settings:'palt';font-weight:750}
h2{font-size:clamp(32px,3.5vw,48px);line-height:1.55}h3{line-height:1.65}
.eyebrow{font-family:'Inter',sans-serif;font-size:10px;font-weight:650;letter-spacing:.18em;color:var(--cyan)}
.header{height:84px;padding-inline:max(32px,calc((100vw - 1280px)/2));background:rgba(255,255,255,.9);border-color:#e7ecf4;backdrop-filter:blur(20px)}
.header .logo img{width:174px}.header nav{font-size:12px;gap:25px}.nav-cta{background:#1e293b;color:#fff;border-color:#1e293b;border-radius:999px;padding:13px 20px;gap:17px}.nav-cta:hover{background:#334155}
.btn{min-height:56px;border-radius:999px;padding:17px 25px;font-size:13px;gap:23px;transition:transform .2s,box-shadow .2s,background .2s}.primary{background:#1e293b;color:white}.primary:hover{background:#334155;box-shadow:0 9px 24px #1e293b1b}.secondary{border-color:#d7deeb;background:#ffffffc9}.secondary:hover{background:#fff;box-shadow:0 9px 24px #1e293b0b}
.hero{position:relative;grid-template-columns:1fr 1.06fr;gap:50px;padding-top:88px;padding-bottom:68px;min-height:690px}
.hero:before{content:'';position:absolute;z-index:-1;inset:0 -40px -65px;background:radial-gradient(ellipse at 85% 50%,#e6e5fb7d,transparent 58%),radial-gradient(ellipse at 20% 0%,#e5f3f655,transparent 52%);pointer-events:none}
.hero .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:25px}.hero-tag{font-size:13px;letter-spacing:.025em;color:var(--sub);margin-bottom:18px}
.hero h1{font-size:clamp(38px,3.75vw,54px);font-weight:800;letter-spacing:-.055em;line-height:1.5;white-space:normal}.hero h1 .gradient-text{display:inline-block}.lead{font-size:14px;line-height:2.05;margin-top:26px;color:var(--sub)}
.hero .button-row{margin-top:30px;gap:10px}.hero .btn{padding-inline:22px;font-size:12px;gap:17px}.hero-note{font-size:11px;margin-top:19px}
.hero-visual{border-radius:25px;background:#fff;border:1px solid #e5e7f3;box-shadow:0 22px 65px #23345a0b;transform:translateY(7px)}.hero-visual:before{display:none}.visual-label{font-size:11px;padding:22px 25px 0;color:var(--sub);letter-spacing:.01em}.hero-photo{margin-top:12px;width:100%;height:auto}.visual-bottom{padding:16px 22px;align-items:flex-start;gap:12px;border-top:1px solid #edf0f7}.visual-bottom>span{font-size:8px;letter-spacing:.09em}.visual-bottom small{font-size:9px;max-width:156px}.response-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:18px 22px 19px;border-top:1px solid var(--line);background:#fafbff}.response-strip span{font-size:10px;color:var(--sub);display:flex;align-items:center;gap:7px}.response-strip i{font-size:8px;font-style:normal;color:var(--cyan);font-weight:700}.response-strip span+span{border-left:1px solid #e3e8f1;padding-left:8px}
.value-rail{border:1px solid var(--line);border-radius:20px;background:#fff;padding:25px 29px;position:relative}.value-rail>div{padding-left:27px;grid-template-columns:31px 1fr}.value-rail strong{font-size:15px;font-weight:700;letter-spacing:-.025em}.value-rail small{font-size:11px;line-height:1.7}.value-rail span{font-size:10px;color:#8b94b1}
.concept{gap:80px}.concept .section-heading{padding-top:5px}.concept .muted-heading{color:#7887a0}.intro{font-size:15px;line-height:2.05}.problem{padding:25px 0;gap:19px}.problem-no{font-size:10px;padding-top:7px}.problem h3{font-size:18px;letter-spacing:-.025em}.problem p{font-size:13px;line-height:1.95}.concept-body>.intro{margin-bottom:30px}
.insight-section{background:#f3f6fc;padding:105px 0 95px;border:0}.centered{max-width:820px;margin-inline:auto}.section-heading>p:last-child:not(.eyebrow){font-size:14px;line-height:1.9}.insight-console{margin-top:45px;border-radius:24px;border:1px solid #dce4f0;box-shadow:0 18px 65px #243b6510}.console-top{background:#fff;padding:21px 30px}.console-top img{width:124px}.console-top>span{font-size:11px}.console-top b{font-size:10px;padding:6px 10px;background:#f2f5fb;border-radius:999px}.stage-tabs{padding:12px;background:#f8faff;border-bottom-color:#e9edf6;gap:8px}.stage-tabs button{border:1px solid transparent;border-radius:11px;background:transparent;font-size:13px;padding:17px 9px;gap:12px}.stage-tabs [aria-selected=true]{background:#1e293b;border-color:#1e293b;color:#fff;box-shadow:0 4px 12px #17253e12}.stage-tabs [aria-selected=true] span{color:#a5d3e3}.stage-panel{padding:42px;gap:52px;min-height:330px}.stage-record{padding:29px;border-radius:18px;background:linear-gradient(130deg,#f0f7fb,#f4f1fc);border-color:#e3e8f1}.record-label{font-size:9px;letter-spacing:.14em}.record-icon{font-size:35px;margin-top:19px}.stage-record h3{font-size:21px;margin-top:10px}.stage-record p{font-size:12px}.record-timeline{font-size:9px;gap:10px;margin-top:25px}.stage-advice h3{font-size:24px;line-height:1.65}.stage-advice>p:not(.eyebrow){font-size:13px;line-height:1.95;max-width:none}.advice-tag{font-size:11px;margin-top:21px}.measurement-note{font-size:11px;line-height:1.9;margin-top:25px;max-width:1080px}
.feature-layout{gap:24px;margin-top:43px}.feature-main{padding:39px;border-radius:23px;background:#eef3fb;border:1px solid #e0e7f2}.feature-number{font-size:10px;letter-spacing:.13em}.feature-main h3{font-size:34px;line-height:1.5;margin-top:23px}.feature-main>p{font-size:14px;line-height:1.95;margin-top:19px}.auto-visual{margin-block:30px 23px}.auto-visual>div{border-radius:12px;padding:17px;font-size:13px;border-color:#dce4ef;box-shadow:0 3px 10px #17253e03}.mini-icon{font-size:22px}.auto-visual .auto-final{border-color:#95c8d9;background:#f8fdff}.flow-line{height:18px;background:#b9c8dc}.small-note{font-size:11px!important;line-height:1.85}.feature-side{padding:0;gap:24px}.feature-side article,.feature-side article+article{border:1px solid var(--line);border-radius:23px;padding:31px 35px;flex:1;background:#fff}.feature-side h3{font-size:25px;line-height:1.6;margin-top:17px}.feature-side p{font-size:13px;line-height:1.95;margin-top:14px}.design-strips{gap:5px;margin-top:23px}.design-strips span{height:4px;width:37px}
.line-section{background:#17253e;border:0;color:#fff;position:relative}.line-layout{padding-block:95px;gap:65px}.line-copy .eyebrow{color:#8dc9db}.line-copy h2{font-size:clamp(30px,3vw,42px);color:#fff;line-height:1.6}.line-copy .intro{color:#c2cedf;font-size:14px;line-height:2;margin-top:24px}.check-list{font-size:13px;gap:14px;color:#e4ecf7}.check-list li:before{color:#8dc9db}.line-copy .small-note{color:#a6b8ce}.practice-note{border-top-color:#ffffff24;max-width:510px}.practice-note>span{font-size:13px;color:#fff}.practice-note p{font-size:12px;color:#a6b8ce;line-height:1.9}.phone-scene{color:#17253e}.scene-orbit{border-color:#ffffff13}.phone-caption{color:#9eafc9;font-size:9px}.phone{box-shadow:0 30px 90px #0004}
.steps{gap:30px;margin-top:42px}.steps article{padding-top:23px;border-top:2px solid #dce5f2}.steps article>span{font-size:10px;letter-spacing:.1em;color:var(--muted)}.steps article>span b{font-size:27px;font-weight:500;color:var(--ink)}.steps h3{font-size:20px;margin-top:20px}.steps p{font-size:13px;line-height:1.95}.support-bar{border-radius:18px;padding:29px;background:#f5f7fc;border:1px solid #e5eaf3;gap:25px;margin-top:45px}.support-bar h3{font-size:16px;line-height:1.6}.support-bar>p{font-size:12px;line-height:1.9}.support-bar .eyebrow{font-size:9px;margin-bottom:9px}.text-link{font-size:12px;white-space:nowrap}
.brochure-section{padding:95px 0;background:#eff3fa;border:0}.brochure-layout{gap:100px;grid-template-columns:.85fr 1.15fr}.guide-cover{border-radius:15px;box-shadow:0 24px 55px #26395915;transform:rotate(-4deg);border:1px solid #dce4ef}.guide-cover h3{font-size:22px}.brochure-layout h2{font-size:42px}.guide-list{font-size:13px;gap:12px}.download-link{font-size:12px}.brochure-layout .intro{margin-top:22px;font-size:14px}.brochure-layout .button-row{gap:22px}.brochure-layout .small-note{margin-top:19px}
.faq{grid-template-columns:.72fr 1.28fr;gap:85px}.faq-list{border-top:0}.faq details{border-bottom:1px solid #e2e8f2}.faq details:first-child{border-top:1px solid #e2e8f2}.faq summary{font-size:14px;line-height:1.9;padding:25px 0;font-weight:600}.faq summary span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f2f5fb;color:var(--ink);font-size:17px;flex-shrink:0}.faq details p{font-size:13px;line-height:1.95;padding:0 40px 27px 0}
.contact-section{background:radial-gradient(ellipse at 12% 95%,#dceef76b,transparent 55%),radial-gradient(ellipse at 90% 20%,#eee4fa85,transparent 55%),#f7f8fd;border-block:1px solid #e5eaf4;padding:93px 0 73px}.contact-section:before{height:2px;opacity:.6}.contact-section h2{font-size:46px;line-height:1.55}.contact-section>.wrap>p:not(.eyebrow){font-size:14px;margin-top:22px}.contact-actions{margin-top:32px}.contact-actions .btn{min-width:245px}.line-account{margin-top:35px}.line-account>span{font-size:11px}.line-account small{font-size:9px}.line-account img{background:#fff;padding:3px;border-radius:7px}
.footer{padding-top:48px;gap:42px}.footer-brand p{font-size:11px;line-height:1.8;margin-top:15px}.footer-company strong{font-size:12px}.footer-company p,.footer-company a{font-size:11px;line-height:1.9}.footer-links{font-size:11px;gap:14px}.copyright{font-size:10px;padding-block:24px;margin-top:7px}.copyright>a{font-size:9px}
@media(min-width:1500px){.hero{min-height:730px}.hero h1{font-size:55px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px}.header nav{gap:16px;font-size:11px}.hero{gap:32px;min-height:650px;padding-top:65px}.hero h1{font-size:43px;letter-spacing:-.06em}.hero .btn{font-size:11px;padding-inline:18px;gap:13px}.lead{font-size:13px}.visual-bottom{flex-direction:column;gap:5px}.visual-bottom small{max-width:none}.response-strip{padding-inline:15px}.response-strip span{font-size:9px;gap:5px}.concept{gap:45px}.value-rail{padding-inline:23px}.value-rail>div{padding-left:20px}.value-rail strong{font-size:14px}.value-rail small{font-size:10px}.stage-panel{gap:33px;padding:33px}.stage-advice h3{font-size:22px}.feature-main{padding:32px}.feature-side article,.feature-side article+article{padding:29px}.line-layout{gap:35px}.brochure-layout{gap:60px}.faq{gap:45px}}
@media(max-width:800px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 48px)}.header{height:72px;padding-inline:24px}.header .logo img{width:148px}.header nav{top:72px;font-size:13px;gap:0;padding:18px 24px 23px}.header .nav-cta{border-radius:999px;padding-inline:21px;margin-top:8px;color:#fff}.section{padding-block:78px}h2{font-size:33px;line-height:1.6}.hero{grid-template-columns:1fr;gap:34px;min-height:0;padding-top:53px;padding-bottom:42px}.hero:before{inset:0 -24px -50px}.hero-copy{text-align:left}.hero .eyebrow{justify-content:flex-start;font-size:8px;letter-spacing:.13em;margin-bottom:24px}.hero-tag{font-size:12px;margin-bottom:15px}.hero h1{font-size:clamp(36px,6.5vw,49px);line-height:1.5;letter-spacing:-.045em}.hero .lead{font-size:13px;line-height:2;margin-top:23px}.hero .button-row{justify-content:flex-start;gap:10px;margin-top:26px}.hero .btn{font-size:12px;padding:16px 21px;gap:20px}.hero-note{font-size:10px;margin-top:17px}.hero-visual{max-width:none;border-radius:21px;transform:none}.visual-label{padding:19px 21px 0;font-size:10px}.visual-bottom{padding:14px 20px;gap:4px}.visual-bottom small{font-size:9px}.response-strip{padding:17px 20px}.response-strip span{font-size:10px}.response-strip i{font-size:8px}.value-rail{border-radius:18px;grid-template-columns:1fr;padding:3px 22px}.value-rail>div{padding:20px 0!important;border-left:0;border-top:1px solid var(--line);grid-template-columns:29px 1fr auto;gap:5px}.value-rail span{grid-row:auto}.value-rail strong{font-size:14px}.value-rail small{font-size:10px}.concept{grid-template-columns:1fr;gap:29px}.intro{font-size:14px}.concept-body>.intro{margin-bottom:26px}.problem{padding:24px 0}.problem h3{font-size:17px}.problem p{font-size:13px}.insight-section{padding:77px 0 65px}.section-heading>p:last-child:not(.eyebrow){font-size:12px;margin-top:18px}.insight-console{margin-top:31px;border-radius:19px}.console-top{padding:18px 22px}.console-top img{width:113px}.console-top>span{font-size:10px}.console-top b{font-size:9px;margin-left:7px}.stage-tabs{padding:9px;gap:5px}.stage-tabs button{font-size:11px;padding:16px 4px;gap:5px}.stage-panel{grid-template-columns:1fr;gap:27px;padding:26px;min-height:0}.stage-record{padding:25px;border-radius:15px}.stage-record h3{font-size:21px}.stage-record p{font-size:12px}.record-timeline{font-size:9px;gap:8px}.stage-advice h3{font-size:23px}.stage-advice>p:not(.eyebrow){font-size:13px}.advice-tag{font-size:10px}.measurement-note{font-size:10px;line-height:1.9;margin-top:21px}.feature-layout{grid-template-columns:1fr;gap:20px;margin-top:31px}.feature-main{padding:31px;border-radius:20px}.feature-main h3{font-size:32px}.feature-main>p{font-size:13px}.auto-visual>div{font-size:12px}.feature-side{gap:20px}.feature-side article,.feature-side article+article{padding:29px 31px;border-radius:20px}.feature-side h3{font-size:26px}.line-layout{grid-template-columns:1fr;gap:44px;padding-block:76px}.line-copy h2{font-size:32px}.line-copy .intro{font-size:13px}.phone{transform:rotate(2deg)}.phone-caption{font-size:9px}.steps{grid-template-columns:1fr;gap:28px;margin-top:32px}.steps article{grid-template-columns:75px 1fr;gap:10px 13px}.steps article>span{grid-row:span 2}.steps h3{font-size:19px;margin:0}.steps p{font-size:13px}.support-bar{padding:25px;border-radius:17px;align-items:flex-start;gap:17px;margin-top:34px}.support-bar h3{font-size:16px}.support-bar>p{font-size:12px;max-width:none}.brochure-section{padding-block:76px}.brochure-layout{grid-template-columns:1fr;gap:44px}.guide-cover{width:270px;order:2;transform:rotate(-3deg)}.brochure-layout h2{font-size:33px}.brochure-layout .intro{font-size:13px}.guide-list{font-size:12px;gap:11px}.brochure-layout .button-row{gap:22px}.faq{grid-template-columns:1fr;gap:31px}.faq summary{font-size:13px;padding-block:23px}.faq details p{font-size:12px;line-height:1.95;padding-right:20px}.contact-section{padding:76px 0 61px}.contact-section h2{font-size:35px}.contact-section>.wrap>p:not(.eyebrow){font-size:13px}.contact-actions{gap:12px;align-items:flex-start;max-width:340px;margin-inline:auto}.contact-actions .btn{width:100%;font-size:13px}.line-account>span{font-size:10px}.line-account small{font-size:8px}.footer{grid-template-columns:1fr 1fr;gap:30px;padding-top:38px}.footer-brand{grid-column:1/-1}.footer-company strong{font-size:11px}.footer-company p,.footer-company a,.footer-links{font-size:10px}.copyright{font-size:9px;gap:3px}.copyright>a{font-size:8px}.eyebrow{font-size:10px;margin-bottom:18px}}
@media(max-width:420px){.wrap{width:calc(100% - 40px)}.header{padding-inline:20px}.hero{padding-top:42px;gap:29px}.hero .eyebrow{font-size:7px;letter-spacing:.12em;gap:7px}.hero-tag{font-size:11px}.hero h1{font-size:clamp(31px,9.6vw,39px);letter-spacing:-.055em;line-height:1.55}.hero .lead{font-size:12px;letter-spacing:-.015em}.hero .btn{font-size:11px;padding:16px 18px;gap:14px}.hero .button-row{gap:8px}.hero-visual{border-radius:18px}.visual-label{font-size:9px;padding-inline:17px}.response-strip{padding-inline:14px;gap:3px}.response-strip span{font-size:9px;gap:4px}.response-strip span+span{padding-left:5px}.value-rail>div{grid-template-columns:25px 1fr}.value-rail small{grid-column:2}.value-rail{padding-inline:20px}h2{font-size:29px}.problem{gap:13px}.problem h3{font-size:16px}.console-top{padding:16px}.console-top img{width:102px}.console-top b{font-size:8px;padding:5px 7px;margin-left:4px}.stage-tabs button{font-size:10px;flex-direction:column;gap:5px;padding:13px 2px}.stage-tabs button span{font-size:9px}.stage-panel{padding:21px}.stage-record{padding:21px}.stage-record h3{font-size:19px}.record-timeline{font-size:8px}.stage-advice h3{font-size:21px}.feature-main,.feature-side article,.feature-side article+article{padding:26px}.feature-main h3{font-size:29px}.feature-side h3{font-size:25px}.line-copy h2{font-size:28px}.phone{max-width:270px}.steps article{grid-template-columns:65px 1fr}.steps h3{font-size:17px}.support-bar h3{font-size:15px}.brochure-layout h2{font-size:29px}.contact-section h2{font-size:31px}.footer{column-gap:20px}.footer-company p{font-size:9px}.footer-links{font-size:9px}.hero h1 .mobile-break{display:none}}

.hero:before{inset-inline:0}