:root{color-scheme:light;--ink:#233942;--muted:#526b77;--blue:#dceff8;--paper:#fffefb;--accent:#285769;--line:#bed3dc;--wood:#f3d39d;--wood-ink:#614823;--shadow:0 16px 44px #24465310}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#f6fafb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.9;overflow-wrap:anywhere}h1,h2,h3,p,figure{margin:0}a{color:var(--accent);text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #a84931;outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3{text-wrap:balance}h1,h2{letter-spacing:.025em;line-height:1.45}h2{font-size:clamp(1.65rem,3vw,2.35rem)}h3{font-size:1.23rem;line-height:1.65}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.section{padding-block:88px}.paper{background:var(--paper)}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.08em;color:var(--muted)}.small-note,.note{font-size:.84rem;color:var(--muted)}.skip{position:fixed;z-index:99;left:12px;top:12px;transform:translateY(-160%);padding:10px 18px;background:white;border:2px solid var(--ink)}.skip:focus{transform:none}.site-header{position:relative;background:#f6fafbf2;border-bottom:1px solid #ccdee6;z-index:5}.header-inner{width:min(1200px,calc(100% - 64px));margin:auto;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em;line-height:1.4;color:var(--ink);text-decoration:none}.wordmark img{border-radius:10px}.brand-next{display:block;font-size:1.13rem;letter-spacing:.08em}.wordmark>span{font-size:.83rem}.main-nav{display:flex;gap:28px;align-items:center;font-size:.86rem;font-weight:700}.main-nav a{text-decoration:none}.main-nav a:hover{text-decoration:underline}.main-nav .nav-play{background:var(--ink);color:white;padding:10px 18px;border-radius:7px}.hero{display:grid;grid-template-columns:1.45fr .8fr;align-items:center;gap:68px;min-height:760px;padding-block:65px 70px;position:relative}.hero:before{content:"";position:absolute;inset:0 calc((1120px - 100vw)/2);background-image:linear-gradient(#b0d2e326 1px,transparent 1px),linear-gradient(90deg,#b0d2e326 1px,transparent 1px);background-size:28px 28px;z-index:-1}.hero-copy>.eyebrow{display:flex;gap:11px;align-items:center;margin-bottom:25px}.small-piece{display:inline-grid;place-items:center;width:29px;height:32px;padding-top:5px;clip-path:polygon(50% 0,88% 18%,100% 100%,0 100%,12% 18%);background:var(--wood);font-family:serif;font-size:17px;color:var(--wood-ink)}.hero h1{font-size:clamp(2.6rem,4.7vw,3.9rem);line-height:1.5;letter-spacing:.015em}.hero h1 span{color:#356b82}.hero-lead{margin-top:23px;color:#4c6875;font-size:1.02rem;line-height:2.1}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:52px;padding:12px 23px;border:1px solid var(--ink);border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:750;line-height:1.5;text-align:center;color:var(--ink);background:white;transition:background-color .15s,transform .15s}.button:hover{background:#ebf5f9;transform:translateY(-1px)}.button.primary{background:var(--ink);color:white;box-shadow:0 5px 0 #172a3318}.button.primary:hover{background:#386675}.button.secondary{background:#ffffffa8}.hero .small-note{margin-top:13px}.depths{display:flex;align-items:center;gap:12px;margin-top:37px;color:var(--muted)}.depths>span{display:flex;align-items:baseline;justify-content:center;width:49px;min-height:50px;background:var(--paper);border:1px solid #c5d7dd;border-radius:8px;font-size:1.6rem;line-height:1.85;color:var(--ink);font-weight:650}.depths>span:last-child{background:#ecd3ac;border-color:#dac096;color:#644620}.depths small{font-size:.65rem;padding-left:2px}.depths i{font-size:.8rem;font-style:normal}.hero-screen{position:relative;margin:0 auto;width:300px;max-width:100%}.hero-screen img{border:7px solid #fff;border-radius:17px;box-shadow:0 20px 70px #233e4925}.screen-label{position:absolute;top:42px;left:-55px;background:#fffefb;padding:9px 18px;border:1px solid #b9cfd8;box-shadow:0 4px 20px #233e4910;font-size:.75rem;font-weight:650;border-radius:40px;transform:rotate(-5deg)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6c9678;margin-right:7px}.hero-screen figcaption,.classic-screen figcaption{text-align:center;font-size:.7rem;color:var(--muted);margin-top:12px}.section-heading{margin-bottom:34px}.section-heading>.eyebrow{margin-bottom:10px}.section-heading>p:last-child:not(.eyebrow){color:var(--muted);margin-top:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.feature{position:relative}.feature-mark{display:grid;place-items:center;width:46px;height:50px;background:#dceff8;clip-path:polygon(50% 0,88% 18%,100% 100%,0 100%,12% 18%);font-family:serif;font-size:24px;padding-top:8px;margin-bottom:20px}.feature:nth-child(2) .feature-mark{background:#eed6af}.feature h3{margin-bottom:12px}.feature p,.split-copy p{color:var(--muted);font-size:.95rem;line-height:2}.mobile-only{display:none}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.image-card{height:460px;background:#dcecf3;border-radius:14px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:38px;border:1px solid #c9e0e9}.image-card img{width:270px;border:6px solid #fff;border-radius:13px;box-shadow:var(--shadow)}.image-note{position:absolute;bottom:24px;left:24px;padding:9px 18px;background:var(--paper);border-radius:5px;border:1px solid #b9cfd8;font-size:.8rem;font-weight:700;box-shadow:var(--shadow)}.split-copy>.eyebrow{margin-bottom:15px}.split-copy h2{margin-bottom:25px}.split-copy>p+p{margin-top:15px}.text-link{display:inline-flex;gap:18px;font-size:.9rem;font-weight:750;margin-top:22px}.classic-section{background:#f3ecde;border-block:1px solid #e7ddca;overflow:hidden}.classic{padding-block:65px;grid-template-columns:1.2fr 1fr;min-height:560px}.classic h2{color:#5b482c}.classic .eyebrow{color:#82663e}.classic-screen{width:240px;margin:0 auto;height:455px;overflow:hidden;position:relative;border-radius:13px;border:6px solid #fff;box-shadow:0 16px 40px #75531b18}.classic-screen img{width:100%}.classic-screen figcaption{position:absolute;bottom:0;left:0;right:0;background:#fffefbee;padding:8px 4px;margin:0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{display:flex;flex-direction:column;position:relative;padding:32px 26px 26px;background:#fffefb;border:1px solid #c8dbe3;border-radius:11px;color:var(--ink);text-decoration:none;box-shadow:0 5px 16px #24465306;transition:border-color .15s,transform .15s}.article-card:hover{border-color:#668b9d;transform:translateY(-3px)}.article-number{font-size:1.2rem;font-weight:450;color:#638795;display:block;margin-bottom:28px;letter-spacing:.12em}.article-card h3{margin-block:10px 15px;font-size:1.16rem}.article-card>p:not(.eyebrow){color:var(--muted);font-size:.88rem;line-height:1.95}.article-card .eyebrow{font-size:.7rem}.read-link{font-size:.84rem;font-weight:750;display:flex;justify-content:space-between;margin-top:auto;padding-top:28px}.article-card.warm{background:#fcf6e9;border-color:#e2d6bd}.try-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#e2f0f5;border:1px solid #bed7e2;border-radius:14px;padding:40px}.try-card h2{font-size:1.75rem;margin-block:8px 15px}.try-card p:not(.eyebrow){font-size:.9rem;color:var(--muted)}.try-card>.button{flex-shrink:0}.support-wrap{padding-block:10px 30px;max-width:900px}.panel{margin-top:28px;padding:32px;background:var(--paper);border:1px solid #c8dbe3;border-radius:10px;scroll-margin-top:24px}.panel h2{font-size:1.35rem;padding-bottom:17px;border-bottom:1px solid #d9e5ea;margin-bottom:16px}.panel p{margin:13px 0;font-size:.9rem;line-height:2}.panel details{border-bottom:1px solid #dce6ea;padding:7px 0}.panel details:last-child{border:0}.panel summary{min-height:48px;cursor:pointer;padding:9px 4px;font-size:.95rem;font-weight:650}.panel details p{padding:0 4px 8px;color:var(--muted)}.panel dl{display:grid;grid-template-columns:100px 1fr;gap:9px 18px;padding:22px;background:#edf5f8;font-size:.88rem;border-radius:7px;margin-block:22px}.panel dt{font-weight:700}.panel dd{margin:0}.panel .email{word-break:break-word}.panel .actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:23px}.panel .note{font-size:.8rem;color:var(--muted)}.bottom-cta{padding-block:40px 85px}.app-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px 40px;background:var(--blue);border-radius:12px}.app-cta h2{font-size:1.55rem;margin-block:8px 9px}.app-cta p:not(.eyebrow){font-size:.86rem;color:var(--muted)}.app-cta>.button{flex-shrink:0}.site-footer{border-top:1px solid #cadde5;background:#eef5f8;padding:35px 0 28px}.footer-inner{width:min(1120px,calc(100% - 64px));margin:auto;display:flex;gap:28px;flex-wrap:wrap;align-items:center;justify-content:space-between}.footer-inner nav{display:flex;gap:22px;flex-wrap:wrap;font-size:.78rem}.footer-inner nav a{text-decoration:none}.footer-inner nav a:hover{text-decoration:underline}.footer-inner>p{width:100%;text-align:right;color:var(--muted);font-size:.73rem;margin-top:0}.footer-inner .wordmark>span{font-size:.88rem}.learning-index{padding-block:30px 80px;min-height:75vh}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:.77rem;color:var(--muted);margin-bottom:40px}.learning-index>.section-heading{margin-top:35px;margin-bottom:38px}.learning-index h1{font-size:clamp(2rem,4vw,2.8rem)}.learning-index .app-cta{margin-top:60px}.article-wrap{width:min(880px,calc(100% - 64px));margin:auto;padding-block:26px 80px}.reading{background:var(--paper);padding:50px 60px;border:1px solid #d3e1e7;border-radius:10px}.reading-header{border-bottom:1px solid #dde7eb;padding-bottom:30px;margin-bottom:33px}.reading-header h1{font-size:clamp(1.8rem,3.5vw,2.4rem);margin-block:13px 20px;line-height:1.5}.article-description{color:var(--muted);font-size:.95rem}.byline{font-size:.76rem;color:var(--muted);margin-top:20px}.reading>p,.reading>ul,.reading>ol{margin-block:19px;line-height:2.1;font-size:.98rem}.reading strong{font-weight:750}.reading h2{font-size:1.4rem;margin-block:45px 20px;padding-left:16px;border-left:4px solid #a5cbdc}.reading h3{font-size:1.05rem;margin-block:26px 12px}.reading ul,.reading ol{padding-left:1.5em}.reading li+li{margin-top:12px}.reading .reference{font-size:.81rem;color:var(--muted);line-height:1.95;margin-top:25px}.reading-note{padding:25px;background:#ecf5f9;border:1px solid #d5e5ed;border-radius:8px;margin-top:36px}.reading-note h2{font-size:1.16rem;border:0;padding:0;margin:0 0 15px}.reading-note p{font-size:.92rem;line-height:2}.reading-note p+p{margin-top:13px}.move-sequence{list-style:none!important;padding:0!important;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-block:24px!important}.move-sequence li{background:#edf5f8;border:1px solid #d6e4ea;padding:16px 12px;line-height:1.7;margin:0!important;text-align:center;border-radius:7px}.move-sequence strong{display:block;font-size:.86rem}.move-sequence span{font-size:.8rem;color:var(--muted)}.table-scroll{overflow:auto;margin-block:25px}.table-scroll table{width:100%;border-collapse:collapse;font-size:.91rem;text-align:left}.table-scroll caption{text-align:left;font-size:.85rem;color:var(--muted);margin-bottom:10px}.table-scroll th,.table-scroll td{padding:12px 16px;border:1px solid #d1e0e6}.table-scroll thead{background:#eaf3f8}.table-scroll tbody th{background:#f6fafb}.article-actions{display:flex;justify-content:center;gap:12px;margin-block:30px 52px;flex-wrap:wrap}.article-wrap>.app-cta{padding:28px;flex-wrap:wrap}.not-found{padding-block:95px 140px;min-height:70vh}.not-found h1{font-size:3rem;margin-block:20px 22px}.not-found>p{color:var(--muted)}
@media(min-width:1184px){.hero:before{left:calc((1120px - 100vw)/2);right:calc((1120px - 100vw)/2)}}
@media(max-width:1183px){.hero:before{left:-32px;right:-32px}.hero{gap:45px}.hero h1{font-size:3rem}.hero-screen{width:280px}.screen-label{left:-24px}.split{gap:55px}.header-inner{min-height:84px}.feature-grid{gap:28px}.app-cta{padding:30px}.article-card{padding:25px 22px}.hero{min-height:690px}}
@media(max-width:850px){.hero{grid-template-columns:1.25fr .8fr;gap:28px}.hero h1{font-size:2.5rem}.hero-lead{font-size:.92rem}.hero-actions .button{padding-inline:16px;font-size:.83rem}.hero-screen{width:245px}.depths{gap:7px}.depths>span{width:40px;min-height:44px;font-size:1.4rem}.screen-label{font-size:.64rem;padding:8px 11px;left:-16px}.article-grid{gap:12px}.article-card{padding:23px 18px}.article-card h3{font-size:1.02rem}.article-card>p:not(.eyebrow){font-size:.83rem}.main-nav{gap:20px}.try-card{padding:30px}.try-card h2{font-size:1.55rem}.try-card br{display:none}.split{gap:40px}.feature-grid{gap:24px}.feature h3{font-size:1.08rem}.feature p{font-size:.86rem}.app-cta h2{font-size:1.35rem}.app-cta{gap:22px}.app-cta>.button{padding-inline:17px;font-size:.83rem}.reading{padding:38px}.classic{gap:35px}.classic-screen{width:215px}}
@media(max-width:650px){body{font-size:15px}.wrap,.header-inner,.footer-inner,.article-wrap{width:calc(100% - 40px)}.header-inner{min-height:76px;gap:15px}.wordmark{gap:9px}.wordmark img{width:36px;height:36px}.wordmark>span{font-size:.72rem}.brand-next{font-size:1rem}.main-nav{gap:15px;font-size:.75rem}.main-nav>a:nth-child(2){display:none}.main-nav .nav-play{padding:9px 12px;font-size:.73rem}.hero{grid-template-columns:1fr;min-height:0;gap:42px;padding-block:46px 44px}.hero:before{left:-20px;right:-20px}.hero-copy{text-align:center}.hero-copy>.eyebrow{justify-content:center;margin-bottom:20px;font-size:.76rem}.hero h1{font-size:clamp(2.3rem,8.6vw,3.1rem);line-height:1.5}.hero-lead{font-size:.91rem;line-height:2.05;margin-top:20px}.hero-actions{justify-content:center;gap:10px;margin-top:24px}.hero-actions .button{font-size:.84rem;padding:13px 16px;min-height:52px}.hero .small-note{font-size:.72rem}.depths{justify-content:center;gap:9px;margin-top:27px}.depths>span{width:43px;min-height:44px;font-size:1.4rem}.hero-screen{width:246px}.hero-screen img{border-width:6px}.screen-label{left:-31px;top:45px;font-size:.67rem}.hero-screen figcaption{font-size:.67rem}.section{padding-block:58px}.section-heading{margin-bottom:28px}.section-heading>p:last-child:not(.eyebrow){font-size:.87rem}.section-heading .eyebrow{font-size:.72rem}.feature-grid{grid-template-columns:1fr;gap:28px}.feature{display:grid;grid-template-columns:48px 1fr;gap:5px 16px}.feature-mark{grid-row:1 / 3;margin:0;width:40px;height:45px;font-size:22px}.feature h3{margin:0;font-size:1.12rem}.feature p{font-size:.89rem;grid-column:2}.split{grid-template-columns:1fr;gap:32px}.image-card{order:2;height:345px;padding-top:25px}.image-card img{width:250px}.split-copy h2{font-size:1.9rem;margin-bottom:20px}.split-copy>p{font-size:.9rem}.split-copy br{display:none}.split-copy h2 br{display:initial}.classic{padding-block:48px;gap:32px;min-height:0}.classic-screen{width:230px;height:430px}.classic .split-copy h2{font-size:1.9rem}.article-grid{grid-template-columns:1fr;gap:15px}.article-card{padding:25px}.article-number{margin-bottom:12px;font-size:.92rem}.article-card h3{font-size:1.2rem}.article-card h3 br{display:none}.article-card>p:not(.eyebrow){font-size:.89rem}.article-card .eyebrow{font-size:.72rem}.read-link{padding-top:20px}.try-card{flex-direction:column;align-items:flex-start;padding:28px 24px;gap:22px}.try-card h2{font-size:1.55rem}.try-card p:not(.eyebrow){font-size:.87rem}.try-card>.button{width:100%}.support-wrap{padding-block:0 15px}.panel{padding:25px 20px;margin-top:20px}.panel h2{font-size:1.24rem}.panel p{font-size:.85rem}.panel summary{font-size:.88rem}.panel dl{grid-template-columns:1fr;gap:3px;padding:18px;font-size:.83rem}.panel dd+dt{margin-top:10px}.panel .button{font-size:.81rem;padding:12px 16px;width:100%}.panel .actions{margin-block:20px}.panel .note{font-size:.78rem}.bottom-cta{padding-block:30px 55px}.app-cta{flex-direction:column;align-items:flex-start;padding:28px 24px;gap:22px}.app-cta h2{font-size:1.35rem}.app-cta>.button{width:100%;font-size:.86rem}.app-cta .eyebrow{font-size:.73rem}.site-footer{padding-block:28px}.footer-inner{gap:23px}.footer-inner nav{gap:14px 20px;font-size:.73rem}.footer-inner>p{text-align:left;font-size:.68rem}.footer-inner .wordmark>span{font-size:.82rem}.article-wrap{padding-block:22px 52px}.breadcrumbs{font-size:.74rem;margin-bottom:25px}.reading{padding:28px 22px}.reading-header h1{font-size:1.7rem}.reading-header{padding-bottom:25px;margin-bottom:25px}.article-description{font-size:.9rem}.byline{font-size:.69rem}.reading>p,.reading>ul,.reading>ol{font-size:.91rem;line-height:2}.reading h2{font-size:1.22rem;margin-block:35px 18px;padding-left:12px}.reading h3{font-size:1rem}.reading .reference{font-size:.77rem}.reading-note{padding:21px 18px}.reading-note h2{font-size:1.1rem;margin:0 0 15px;padding:0}.reading-note p{font-size:.88rem}.move-sequence{grid-template-columns:1fr;gap:8px}.move-sequence li{display:flex;justify-content:space-between;gap:12px;padding:14px 15px}.table-scroll th,.table-scroll td{padding:11px 12px;font-size:.81rem}.article-wrap>.app-cta{padding:26px}.article-actions{margin-bottom:38px}.article-actions .button{font-size:.84rem}.learning-index{padding-block:25px 55px}.learning-index>.section-heading{margin-top:28px}.learning-index h1{font-size:1.95rem}.learning-index .app-cta{margin-top:45px}.not-found{padding-block:65px 90px}.not-found h1{font-size:2.7rem}.not-found .hero-actions{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.site-header,.site-footer,.app-cta,.article-actions,.skip{display:none}.reading{border:0;padding:0}.article-wrap{width:100%;padding:0}body{background:white;color:black}.reading h2{break-after:avoid}.reading a{color:inherit}.reading-note{background:none;break-inside:avoid}}
@media(max-width:360px){.hero-copy{min-width:0}.hero h1{font-size:2.05rem}.hero-copy>.eyebrow{font-size:.69rem;gap:8px}.hero-lead{font-size:.81rem}.hero-actions .button{flex:1 1 100%;font-size:.86rem}.depths{gap:6px}.depths>span{width:37px;min-height:40px;font-size:1.25rem}.depths i{font-size:.65rem}.main-nav{gap:10px}.main-nav .nav-play{padding:9px;font-size:.65rem}.main-nav>a:first-child{font-size:.68rem}}