:root{--color-frost:#f5f5f7;--color-paper:#fff;--color-carbon:#1d1d1f;--color-ash:#707070;--color-pebble:#e2e2e5;--color-apple-blue:#0071e3;--pin:#ee6048;--radius-cards:28px;--radius-buttons:980px;--brand-font:Futura,"Jost",sans-serif;--display:var(--body);--body:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;color:var(--color-carbon);background:var(--color-paper)}body{margin:0;font:400 17px/1.55 var(--body);letter-spacing:-.016em}html[lang=en] .ja,html[lang=ja] .en{display:none}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--color-apple-blue);outline-offset:5px}img{max-width:100%;display:block}button{color:inherit}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.055em}h2{font-size:clamp(36px,4.5vw,62px);line-height:1.1}h3{font-size:28px;line-height:1.2}svg{display:block}.section-width{width:min(1248px,calc(100% - 96px));margin-inline:auto}.section-space{margin-top:148px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.5}.skip-link{position:fixed;top:8px;left:12px;z-index:100;background:#fff;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,226,229,.65)}.header-inner{height:80px;width:min(1344px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;font:500 22px/1 var(--brand-font);letter-spacing:-.04em;white-space:nowrap}.brand img{border-radius:22%;flex-shrink:0}.header-links{display:flex;gap:30px;margin-left:auto;font-size:13px}.header-actions{display:flex;align-items:center;gap:24px}.language{display:flex;gap:2px;border:1px solid var(--color-pebble);padding:3px;border-radius:980px}.language button{border:0;background:transparent;color:var(--color-ash);font-size:11px;letter-spacing:0;padding:6px 9px;border-radius:980px;min-height:28px}.language button[aria-pressed=true]{background:var(--color-carbon);color:#fff}.nav-download{font-size:13px;color:var(--color-apple-blue);font-weight:500}.hero{display:grid;grid-template-columns:1fr 1.03fr;gap:72px;align-items:center;padding-top:68px}.hero-copy{padding-bottom:8px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.tiny-pin{width:10px;height:13px;border-radius:7px 7px 7px 0;background:var(--pin);transform:rotate(-45deg);display:inline-block;position:relative;flex-shrink:0}.tiny-pin:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;left:3px;top:3px}.hero h1{font-size:clamp(70px,7.8vw,112px);line-height:1.03;margin-top:30px;letter-spacing:-.065em}.accent{color:var(--pin)}.hero-description{font-size:19px;line-height:1.65;margin-top:28px;max-width:410px;color:#56565a;letter-spacing:-.024em}.hero-buttons{margin-top:36px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:var(--radius-buttons);min-height:52px;padding:14px 24px;font-size:15px;font-weight:500;letter-spacing:-.015em;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--color-apple-blue);color:#fff}.button-primary:hover{background:#005bb5}.button svg{width:21px;height:24px}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:500}.text-link span:last-child{transition:transform .2s}.text-link:hover span:last-child{transform:translateY(3px)}.availability{font-size:11px;color:var(--color-ash);margin-top:15px}.hero-photo{position:relative;border-radius:var(--radius-cards);overflow:hidden;aspect-ratio:.96;background:#ddcfc0}.hero-photo>img{width:100%;height:100%;object-fit:cover}.hero-photo figcaption{position:absolute;left:25px;bottom:24px;background:rgba(255,255,255,.91);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:980px;padding:11px 17px;display:flex;gap:9px;align-items:center;font-size:11px;color:#373330}.caption-dot{width:7px;height:7px;background:var(--pin);border-radius:50%}.place-strip{margin-top:58px;border-bottom:1px solid var(--color-pebble);padding-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:28px}.place-strip>p{font-size:12px;color:var(--color-ash)}.place-strip ul{list-style:none;display:flex;gap:44px;padding:0;margin:0;font:400 22px/1.4 var(--display);letter-spacing:-.035em}.section-heading{max-width:760px}.section-heading h2{margin-top:20px}.section-heading>p:last-child{margin-top:23px;color:var(--color-ash);font-size:19px;max-width:560px}.walkthrough{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.demo-stage{position:relative;isolation:isolate;background:var(--color-frost);border-radius:var(--radius-cards);min-height:660px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:42px 20px 28px;overflow:hidden}.phone{width:242px;border:7px solid #202020;border-radius:36px;background:#fff;overflow:hidden;position:relative;z-index:2;outline:1px solid #00000017}.phone img{width:100%;height:auto;aspect-ratio:1206/2622}.demo-stage figcaption{font-size:11px;margin-top:20px;z-index:2;color:var(--color-ash)}.demo-orbit{position:absolute;border:1px solid #dfd5ca;border-radius:50%;z-index:-1}.orbit-one{width:470px;height:470px;top:65px;left:50%;transform:translateX(-50%)}.orbit-two{width:630px;height:630px;top:-15px;left:50%;transform:translateX(-50%)}.step{position:relative;display:flex;width:100%;gap:23px;align-items:baseline;text-align:left;border:0;border-bottom:1px solid var(--color-pebble);padding:30px 30px 30px 0;background:none;transition:opacity .2s}.step:first-child{border-top:1px solid var(--color-pebble)}.step-number{font:400 12px/1 var(--display);color:#8b8b8f;letter-spacing:.04em;flex-shrink:0;transform:translateY(-3px)}.step-copy{display:block}.step strong{display:block;font:500 28px/1.25 var(--display);letter-spacing:-.045em}.step-description{display:block;color:var(--color-ash);font-size:15px;line-height:1.7;max-width:345px;margin-top:13px}.step-arrow{position:absolute;right:0;top:30px;color:#b0b0b4;font-size:22px;transition:transform .25s,color .25s}.step.active .step-number{color:var(--color-carbon)}.step.active .step-arrow{color:var(--color-apple-blue);transform:rotate(45deg)}.step.active:after{content:"";height:2px;background:var(--color-carbon);width:44px;position:absolute;bottom:-1px;left:0}.step:not(.active) .step-description{color:#88888b}.step:hover .step-arrow{color:var(--color-apple-blue)}.film-section{background:var(--color-frost);padding-top:90px;overflow:hidden}.film-heading{text-align:center}.film-heading h2{margin-top:22px}.film-heading>p:last-child{margin:25px auto 0;color:var(--color-ash);font-size:19px;line-height:1.65}.film-wrap{position:relative;max-width:1600px;margin:24px auto 0}.film-wrap video{display:block;width:100%;height:auto;aspect-ratio:1920/824;object-fit:cover}.motion-control{position:absolute;bottom:28px;right:max(30px,calc((100vw - 1248px)/2));display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.9);padding:9px 13px;border:1px solid #d4c6b6;border-radius:980px;font-size:11px;min-width:85px;justify-content:center}.motion-control svg{width:16px;height:16px}.motion-control .pause-icon{display:none}.motion-control[aria-pressed=true] .play-icon{display:none}.motion-control[aria-pressed=true] .pause-icon{display:block}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:26px}.benefits article{border-radius:var(--radius-cards);padding:48px 46px;min-height:605px;overflow:hidden}.benefits h2{font-size:clamp(34px,3.4vw,47px);margin-top:22px}.benefits article>p:not(.eyebrow):not(.selection-note){font-size:16px;line-height:1.75;max-width:380px;margin-top:20px;color:var(--color-ash)}.break-feature{background:var(--color-frost)}.five-minute{width:245px;height:245px;position:relative;margin:28px auto 0;display:grid;place-items:center}.five-minute>svg{position:absolute;width:100%;height:100%}.five-minute>span:first-of-type{font:400 86px/1 var(--display);letter-spacing:-.08em;padding-top:3px}.five-minute .minute-label{font-size:18px;letter-spacing:-.02em;margin-left:9px}.minute-dot{position:absolute;top:18px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--pin)}.selective-feature{background:#222427;color:#fff}.selective-feature .eyebrow{color:#c4c4c9}.selective-feature h2{letter-spacing:-.05em}.benefits .selective-feature>p:not(.eyebrow):not(.selection-note){color:#c4c4c9}.app-selection-art{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:74px;transform:rotate(-7deg)}.app-tile{width:100%;aspect-ratio:1;background:#36383c;border:1px solid #54565a;border-radius:20px;display:grid;place-items:center}.app-tile svg{width:43px;height:43px;stroke:#d1d2d5;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.app-tile-blocked{background:#39302e;border-color:#705149;transform:translateY(-16px)}.app-tile-blocked svg{stroke:#fa937e}.selection-note{text-align:center;font-size:11px!important;color:#a8a9ae;margin-top:43px!important;letter-spacing:.03em}.plans-section{text-align:center;max-width:940px}.plans-section .section-heading{margin:auto}.plans-section .section-heading>p:last-child{margin-inline:auto}.plan-options{display:grid;grid-template-columns:1fr 1fr;text-align:left;margin:48px auto 34px;border-top:1px solid var(--color-pebble);border-bottom:1px solid var(--color-pebble);padding:36px 0}.plan-option{padding:8px 42px}.plan-option+article{border-left:1px solid var(--color-pebble)}.plan-symbol{display:block;font:400 36px/1 var(--display);margin-bottom:20px;color:var(--color-ash)}.plan-option p{font-size:14px;line-height:1.8;color:var(--color-ash);margin-top:15px}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq-intro h2{margin-top:20px;font-size:48px}.faq-intro .text-link{margin-top:30px}.faqs{border-top:1px solid var(--color-pebble)}details{border-bottom:1px solid var(--color-pebble)}summary{font-size:17px;font-weight:500;cursor:pointer;list-style:none;padding:24px 30px 24px 0;position:relative}summary::-webkit-details-marker{display:none}.faq-plus{position:absolute;right:0;top:22px;font:300 24px/1 var(--body);color:var(--color-ash);transition:transform .2s}details[open] .faq-plus{transform:rotate(45deg)}details>p{color:var(--color-ash);font-size:15px;line-height:1.8;padding:0 32px 25px 0}details>p a{color:var(--color-apple-blue);text-decoration:underline;text-underline-offset:3px}.closing{background:var(--color-frost);border-radius:var(--radius-cards);padding:65px 30px 70px;text-align:center}.closing>img{margin:0 auto;border-radius:22%}.closing h2{margin:25px 0 32px}.site-footer{padding:70px 0 32px;display:grid;grid-template-columns:1fr auto;gap:18px;font-size:11px;color:var(--color-ash)}.site-footer .brand{font-size:19px;color:var(--color-carbon)}.site-footer>p{grid-column:1;grid-row:2}.site-footer nav{grid-column:2;grid-row:1;display:flex;gap:24px;align-items:center}.copyright{grid-column:2;grid-row:2;text-align:right}html[lang=ja] h1{font-family:var(--body);font-weight:600;font-size:clamp(46px,5vw,70px);line-height:1.45;letter-spacing:-.07em}html[lang=ja] h2{font-family:var(--body);font-weight:600;font-size:clamp(31px,3.5vw,48px);line-height:1.5;letter-spacing:-.055em}html[lang=ja] .hero-description{font-size:16px}html[lang=ja] .hero-buttons{gap:19px}html[lang=ja] .step strong{font-family:var(--body);font-size:24px;font-weight:600}html[lang=ja] .benefits h2{font-size:clamp(28px,2.7vw,39px)}html[lang=ja] .selection-note{letter-spacing:0}@media(min-width:1500px){.hero{gap:100px}}@media(max-width:1100px){.section-width{width:calc(100% - 72px)}.hero{gap:36px}.hero h1{font-size:82px}.hero-description{font-size:17px}.hero-buttons{gap:18px}.button{font-size:14px;padding:14px 20px}.walkthrough{gap:56px}.benefits article{padding:36px 30px}.step strong{font-size:25px}.app-selection-art{gap:9px}.app-tile{border-radius:15px}.app-tile svg{width:34px;height:34px}.faq-section{gap:50px}.place-strip ul{gap:26px;font-size:20px}}@media(max-width:820px){.header-inner{width:calc(100% - 40px);height:70px;gap:15px}.header-links{display:none}.header-actions{gap:18px}.hero{padding-top:48px;gap:28px;grid-template-columns:1fr 1fr}.hero h1{font-size:70px}.hero .eyebrow{font-size:9px}.hero-description{font-size:15px}.hero-buttons{margin-top:26px}.hero-photo{aspect-ratio:.77}.hero-photo figcaption{left:12px;bottom:14px;padding:9px 12px;font-size:9px}.hero-buttons .text-link{font-size:13px}.hero .availability{font-size:10px}.section-width{width:calc(100% - 48px)}.section-space{margin-top:100px}.place-strip{margin-top:40px;align-items:flex-start;flex-direction:column;gap:18px}.place-strip ul{font-size:19px;gap:32px}.walkthrough{gap:36px;margin-top:40px}.demo-stage{min-height:590px;padding-inline:16px}.phone{width:210px}.step{gap:14px;padding-block:25px;padding-right:24px}.step strong{font-size:22px}.step-description{font-size:13px}.step-arrow{top:24px}.film-section{padding-top:65px}.benefits{gap:18px}.benefits article{padding:30px 26px;min-height:550px}.benefits h2{font-size:33px}.benefits article>p:not(.eyebrow):not(.selection-note){font-size:14px}.five-minute{width:210px;height:210px;margin-top:35px}.app-selection-art{grid-template-columns:repeat(2,72px);justify-content:center;gap:14px;margin-top:42px}.app-tile-blocked{transform:translateY(-7px)}.app-tile:last-child{transform:translateY(6px)}.selection-note{margin-top:25px!important}.plan-option{padding-inline:25px}.faq-section{grid-template-columns:1fr;gap:36px}.faq-intro h2{font-size:40px}.faq-intro h2 br{display:none}.film-heading>p:last-child{font-size:16px}html[lang=ja] .hero h1{font-size:39px}html[lang=ja] .hero-description{font-size:14px}html[lang=ja] .step strong{font-size:20px}html[lang=ja] .step-description{font-size:12px}}@media(max-width:600px){.section-width{width:calc(100% - 40px)}.nav-download{display:none}.brand{font-size:21px}.brand img{width:33px;height:33px}.hero{grid-template-columns:1fr;gap:36px;padding-top:42px}.hero-copy{padding-left:3px}.hero .eyebrow{font-size:10px}.hero h1{font-size:82px;line-height:1;margin-top:22px}.hero-description{font-size:17px;line-height:1.7;margin-top:23px}.hero-buttons{margin-top:27px;gap:20px}.hero .button{font-size:14px}.hero .availability{font-size:11px}.hero-photo{aspect-ratio:.98}.hero-photo figcaption{left:18px;bottom:19px;font-size:10px;padding:10px 14px}.place-strip{margin-top:34px;padding-bottom:25px;gap:15px}.place-strip ul{font-size:18px;gap:24px;flex-wrap:wrap}.section-space{margin-top:82px}.section-heading h2{font-size:39px;margin-top:16px}.section-heading>p:last-child{font-size:16px;margin-top:20px}.walkthrough{display:flex;flex-direction:column;gap:28px;margin-top:34px}.demo-stage{width:100%;min-height:560px;padding-top:31px;padding-bottom:22px}.phone{width:215px}.demo-stage figcaption{margin-top:18px}.steps{width:100%}.step strong{font-size:25px}.step-description{font-size:14px;max-width:100%;margin-top:10px}.step{gap:20px;padding-block:24px}.step-number{font-size:11px}.film-section{padding-top:58px}.film-heading h2{font-size:39px}.film-heading>p:last-child{font-size:15px}.film-wrap{width:160%;margin-left:-30%;margin-top:20px}.motion-control{right:calc(18.75% + 20px);bottom:13px;min-width:80px}.benefits{grid-template-columns:1fr;gap:20px}.benefits article{padding:37px 32px;min-height:560px}.benefits h2{font-size:39px}.benefits article>p:not(.eyebrow):not(.selection-note){font-size:15px}.five-minute{width:240px;height:240px;margin-top:25px}.app-selection-art{grid-template-columns:repeat(4,1fr);gap:10px;max-width:330px;margin:65px auto 0}.app-tile svg{width:32px;height:32px}.app-tile-last-child{transform:none}.selection-note{margin-top:35px!important}.selective-feature{min-height:490px!important}.plans-section .section-heading h2{font-size:37px}.plan-options{margin-top:34px;grid-template-columns:1fr;padding:12px 0;text-align:center}.plan-option{padding:28px 15px}.plan-option+article{border-left:0;border-top:1px solid var(--color-pebble)}.plan-symbol{font-size:32px;margin-bottom:13px}.plan-option h3{font-size:27px}.faq-section{gap:30px}.faq-intro h2{font-size:38px}.faq-intro .text-link{margin-top:17px}summary{font-size:16px}details>p{font-size:14px}.closing{padding:48px 20px 52px}.closing h2{font-size:39px;margin:23px 0 29px}.closing>img{width:64px;height:64px}.site-footer{display:flex;flex-direction:column;gap:18px;padding-top:46px;padding-bottom:30px}.site-footer nav{margin-top:7px;gap:23px}.site-footer .copyright{text-align:left;margin-top:8px}html[lang=ja] .hero h1{font-size:46px;line-height:1.45}html[lang=ja] .hero-description{font-size:15px}html[lang=ja] .hero .button{font-size:13px}html[lang=ja] .hero-buttons{gap:17px}html[lang=ja] h2,html[lang=ja] .section-heading h2{font-size:31px;line-height:1.5}html[lang=ja] .step strong{font-size:23px}html[lang=ja] .step-description{font-size:14px}html[lang=ja] .benefits h2{font-size:31px}}@media(max-width:360px){.hero h1{font-size:73px}.hero-buttons{gap:15px}.hero .button{padding-inline:17px;font-size:13px}.hero-buttons .text-link{font-size:12px}.place-strip ul{gap:16px;font-size:16px}.benefits article{padding-inline:25px}.app-selection-art{gap:7px}.app-tile{border-radius:13px}html[lang=ja] .hero h1{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}body.js .reveal{opacity:1;transform:none}}

/* Full-width photographic hero. Futura is reserved for the wordmark and slogan. */
.hero-editorial{width:100%;margin:0;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;aspect-ratio:1.85;min-height:0;padding:44px 4%;gap:0;overflow:hidden;border-radius:0;background:#e5d8cb}
.hero-editorial .hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0;border-radius:0;aspect-ratio:auto;background:none}
.hero-editorial .hero-photo picture,.hero-editorial .hero-photo img{display:block;width:100%;height:100%}
.hero-editorial .hero-photo img{max-width:100%;object-fit:cover;object-position:center;transform:none}
.hero-editorial:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 55%,rgba(243,235,225,.4) 72%,rgba(243,235,225,.7))}
.hero-editorial .hero-copy{width:36%;max-width:550px;padding:0}
.hero-editorial .eyebrow{color:#4b4038;font-size:11px;letter-spacing:.13em}
html[lang=en] .hero-editorial h1{font-family:var(--brand-font);font-weight:500;font-size:clamp(48px,6.3vw,104px);line-height:1.08;letter-spacing:-.05em;margin-top:22px}
.hero-editorial .accent{color:#bc402e}
.hero-editorial .hero-description{font-size:clamp(16px,1.4vw,19px);color:#443d37;line-height:1.65;margin-top:26px;max-width:405px;letter-spacing:-.015em}
.hero-editorial .hero-buttons{margin-top:28px;gap:20px}
.hero-editorial .button{font-size:15px;min-height:52px;padding-inline:22px}
.hero-editorial .text-link{font-size:14px}
.hero-editorial .availability{font-size:12px;color:#5d5146;margin-top:15px;line-height:1.6}
.hero-editorial .button .apple-icon{width:19px;height:19px;flex:none;overflow:visible}
html[lang=ja] .hero-editorial h1{font-size:clamp(29px,3vw,48px);font-weight:600;line-height:1.5;letter-spacing:-.05em;margin-top:22px}
html[lang=ja] .hero-editorial .hero-description{font-size:16px}

/* A quieter and more consistent reading rhythm through the rest of the page. */
.section-width{width:min(1120px,calc(100% - 96px))}
.section-space{margin-top:112px}
h2,h3{font-weight:600;letter-spacing:-.035em}
h2,.section-heading h2,.film-heading h2,.closing h2{font-size:clamp(34px,4vw,52px);line-height:1.18}
.section-heading>p:last-child,.film-heading>p:last-child{font-size:18px;line-height:1.7;letter-spacing:-.01em}
.header-links,.nav-download{font-size:14px}
.language button{font-size:12px;min-height:32px}
.place-strip{margin-top:0;padding:28px 0;gap:24px}
.place-strip>p{font-size:13px}
.place-strip ul{font-size:20px;letter-spacing:-.02em;gap:36px}
.walkthrough{gap:72px;margin-top:44px}
.demo-stage{min-height:620px;padding-top:34px;padding-bottom:30px}
.phone:before{content:"";position:absolute;z-index:3;top:7px;left:50%;transform:translateX(-50%);width:68px;height:18px;border-radius:20px;background:#111}
.demo-stage figcaption{font-size:12px;line-height:1.6;text-align:center}
.demo-description{display:none}
.step strong{font-weight:600;letter-spacing:-.025em;font-size:26px}
.step-description,.step:not(.active) .step-description{color:#66666b;font-size:15px;line-height:1.7}
.step-number{color:#707070}
.film-section{padding-top:72px}
.film-wrap{margin-top:32px}
.benefits{gap:24px}
.benefits article{padding:40px;min-height:560px}
.benefits h2{font-size:clamp(32px,3.2vw,42px);line-height:1.2;letter-spacing:-.03em}
.benefits article>p:not(.eyebrow):not(.selection-note){line-height:1.7}
.five-minute{width:220px;height:220px;margin-top:30px}
.five-minute>span:first-of-type{font-size:76px;letter-spacing:-.05em}
.app-selection-art{margin-top:62px}
.selection-note{font-size:12px!important}
.plan-options{margin-top:36px;padding:28px 0}
.plan-option h3{font-size:27px;line-height:1.25}
.plan-option p{font-size:15px}
.faq-section{grid-template-columns:.8fr 1.2fr;gap:72px}
.faq-intro h2{font-size:44px;line-height:1.18}
.closing{padding:56px 30px 60px}
.closing h2{margin:24px 0 30px}
.site-footer{padding-top:48px;font-size:13px;line-height:1.65}
.site-footer .brand{font-family:var(--brand-font)}
.site-footer nav a{padding-block:8px}
html[lang=ja] h2,html[lang=ja] .section-heading h2{font-size:clamp(30px,3.3vw,44px);line-height:1.5;letter-spacing:-.035em}
html[lang=ja] .benefits h2{font-size:clamp(28px,2.6vw,36px)}

@media(max-width:1050px){
 .section-width{width:calc(100% - 64px)}
 .hero-editorial{aspect-ratio:1.6;padding-inline:4%;gap:0}
 .hero-editorial .hero-photo img{object-position:25% center}
 .hero-editorial .hero-buttons{flex-direction:column;align-items:flex-start;gap:17px}
 .hero-editorial .hero-description{font-size:16px}
 .hero-editorial .button{font-size:14px}
 .walkthrough{gap:44px}.benefits article{padding:32px;min-height:540px}
 .faq-section{gap:44px}
 html[lang=ja] .hero-editorial .hero-description{font-size:14px}
}
@media(max-width:820px){
 .section-space{margin-top:88px}
 .header-inner{height:72px}.header-actions{gap:14px}
 .place-strip{flex-direction:column;align-items:flex-start;gap:14px;padding-block:24px}
 .walkthrough{gap:30px}.step strong{font-size:23px}.step{gap:15px}
 .demo-stage{min-height:560px}
 .faq-section{grid-template-columns:1fr;gap:32px}
 .faq-intro h2 br{display:initial}
 .film-section{padding-top:60px}
 .benefits article{padding:28px;min-height:540px}
 .benefits h2{font-size:32px}
 .app-selection-art{grid-template-columns:repeat(2,72px);gap:15px;max-width:180px;margin:36px auto 0}
}
@media(max-width:700px){
 .hero-editorial{display:flex;flex-direction:column;align-items:stretch;aspect-ratio:auto;padding:32px 24px 0;gap:24px;background:#f2eae1}
 .hero-editorial:after{display:none}.hero-editorial .hero-copy{width:100%;max-width:none}
 html[lang=en] .hero-editorial h1{font-size:clamp(60px,17vw,72px);line-height:1.04;margin-top:20px}
 .hero-editorial h1 .accent{display:block}.hero-editorial h1 br{display:none}
 .hero-editorial .hero-description{font-size:16px;line-height:1.65;margin-top:22px}
 .hero-editorial .hero-buttons{flex-direction:row;align-items:center;gap:18px;margin-top:24px}
 .hero-editorial .button{font-size:14px;padding-inline:18px;gap:9px}
 .hero-editorial .text-link{font-size:13px;gap:8px}
 .hero-editorial .availability{font-size:12px}
 .hero-editorial .eyebrow{font-size:10px}
 .hero-editorial .hero-photo{position:relative;inset:auto;z-index:0;margin:0 -24px;width:calc(100% + 48px);height:auto;aspect-ratio:1.08}
 .hero-editorial .hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(#f2eae1,transparent 18%);pointer-events:none}
 html[lang=ja] .hero-editorial h1{font-size:clamp(30px,8.4vw,38px)}
 html[lang=ja] .hero-editorial .hero-description{font-size:15px}
 .section-width{width:calc(100% - 40px)}.section-space{margin-top:72px}
 .walkthrough{display:flex;flex-direction:column;gap:20px;margin-top:30px}
 .steps{order:-1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--color-pebble)}
 .step,.step:first-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:16px 11px 20px;border-top:0;border-bottom:0;min-height:108px}
 .step+.step{border-left:1px solid var(--color-pebble)}
 .step strong{font-size:15px;line-height:1.35;letter-spacing:-.015em}
 .step-number{font-size:11px;transform:none}.step-arrow{display:none}.step-description{display:none}
 .step.active:after{width:100%;bottom:-1px;background:var(--color-apple-blue)}
 .step.active .step-number{color:var(--color-apple-blue)}
 .demo-stage{width:100%;min-height:0;padding:28px 18px 26px}
 .phone{width:210px}.demo-stage figcaption{margin-top:18px}
 .demo-description{display:block;font-size:14px;line-height:1.7;text-align:center;color:#626267;max-width:300px;margin-top:10px}
 .section-heading h2,.film-heading h2,.closing h2{font-size:35px;line-height:1.2;letter-spacing:-.03em}
 .section-heading>p:last-child,.film-heading>p:last-child{font-size:16px;line-height:1.7;margin-top:20px}
 .film-section{padding-top:52px}.film-heading{max-width:480px}
 .film-wrap{margin-top:24px}
 .benefits{grid-template-columns:1fr;gap:20px}
 .benefits article{padding:32px 28px;min-height:0}
 .benefits h2{font-size:34px}
 .benefits article>p:not(.eyebrow):not(.selection-note){font-size:16px}
 .five-minute{width:205px;height:205px;margin:26px auto 0}
 .selective-feature{min-height:0!important}
 .app-selection-art{grid-template-columns:repeat(4,minmax(0,1fr));max-width:330px;margin:48px auto 0;gap:10px}
 .app-tile:last-child{transform:translateY(-7px)}
 .selection-note{margin-top:30px!important}
 .plan-options{padding-block:4px;margin-top:28px}
 .plan-option{padding:26px 10px}.plan-symbol{margin-bottom:13px}
 .plan-option h3{font-size:25px}.plan-option p{font-size:15px;line-height:1.8}
 .plans-section .section-heading h2{font-size:35px}
 .faq-section{gap:26px}.faq-intro h2{font-size:35px}.faq-intro h2 br{display:none}
 summary{font-size:16px;line-height:1.55;padding-block:22px}
 details>p{font-size:15px;line-height:1.8;padding-right:12px}
 .closing{padding:40px 22px 44px}.closing h2{font-size:34px}
 .site-footer{padding-top:36px;gap:14px}.site-footer nav{gap:28px}
 html[lang=ja] h2,html[lang=ja] .section-heading h2{font-size:30px;line-height:1.5}
 html[lang=ja] .step strong{font-size:14px;line-height:1.5}
 html[lang=ja] .benefits h2{font-size:28px}
}
@media(max-width:360px){
 .hero-editorial{padding-inline:20px}.hero-editorial .hero-photo{margin-inline:-20px;width:calc(100% + 40px)}
 .hero-editorial .hero-buttons{gap:16px}.hero-editorial .button{font-size:13px;padding-inline:17px}.hero-editorial .text-link{font-size:12px}
 .step{padding-inline:8px}.step strong{font-size:14px}.phone{width:195px}
 .benefits article{padding-inline:25px}
}
@media(max-width:700px){html[lang=ja] #how-title{font-size:clamp(22px,6.5vw,28px)}}

/* Copy-led hero: photography supports the slogan instead of competing with it. */
.hero-editorial{aspect-ratio:2.05;padding-inline:5%;background:#f3ede6}
.hero-editorial .hero-copy{width:46%;max-width:650px}
.hero-editorial .hero-photo img{filter:saturate(.7) contrast(.94);opacity:.76}
.hero-editorial:after{background:linear-gradient(90deg,rgba(243,237,230,.08) 0%,rgba(243,237,230,.2) 32%,rgba(243,237,230,.9) 52%,#f3ede6 72%)}
html[lang=en] .hero-editorial h1{font-size:clamp(58px,8vw,132px);line-height:1.02;letter-spacing:-.055em}
.hero-editorial .hero-description{color:#37312d;font-size:clamp(17px,1.5vw,20px);max-width:440px;margin-top:28px}
.hero-editorial .eyebrow{color:#65574b}
.hero-editorial .hero-buttons{margin-top:30px}
@media(min-width:701px) and (max-width:1050px){.hero-editorial{aspect-ratio:1.6}.hero-editorial .hero-copy{width:47%}.hero-editorial .hero-buttons{flex-direction:row;flex-wrap:wrap;gap:17px}.hero-editorial .hero-description{font-size:16px}}
@media(max-width:700px){
 .hero-editorial{aspect-ratio:auto;background:#f3ede6;padding:38px 24px 0;gap:28px}
 .hero-editorial .hero-copy{width:100%;max-width:none}
 html[lang=en] .hero-editorial h1{font-size:clamp(66px,19.5vw,84px);line-height:1.02}
 .hero-editorial .hero-description{font-size:17px;margin-top:24px}
 .hero-editorial .hero-photo{aspect-ratio:1.8}
 .hero-editorial .hero-photo img{object-position:center;opacity:.88;filter:saturate(.8) contrast(.96)}
 .hero-editorial .hero-photo:after{background:linear-gradient(#f3ede6,transparent 30%)}
}
@media(max-width:360px){.hero-editorial{padding-inline:20px}.hero-editorial .hero-description{font-size:16px}}
/* Keep the handset clear, with the soft fade starting after its right edge. */
.hero-editorial .hero-photo img{opacity:1;filter:none;transform:translateX(-7%)}
.hero-editorial:after{background:linear-gradient(90deg,transparent 38%,rgba(243,237,230,.18) 44%,rgba(243,237,230,.94) 55%,#f3ede6 68%)}
@media(max-width:700px){.hero-editorial .hero-photo img{opacity:1;filter:none;transform:none}.hero-editorial .hero-photo:after{background:linear-gradient(#f3ede6,transparent 16%)}}

/* Headings begin directly, without a leftover gap for removed eyebrow copy. */
html[lang=en] .hero-editorial h1,html[lang=ja] .hero-editorial h1{margin-top:0}
.section-heading>h2:first-child,.film-heading>h2:first-child,.benefits article>h2:first-child,.faq-intro>h2:first-child{margin-top:0}

/* Restore the first hero's clear separation of copy and photography. */
.hero-split{width:min(1248px,calc(100% - 96px));display:grid;grid-template-columns:1fr 1.03fr;gap:72px;align-items:center;padding-top:68px;background:#fff}
.hero-split .hero-copy{padding:0}
.hero-split h1{font-family:var(--brand-font);font-size:clamp(70px,7.8vw,112px);font-weight:500;line-height:1.03;letter-spacing:-.065em;margin:0}
.hero-split .hero-description{font-size:19px;line-height:1.65;margin-top:30px;max-width:410px;color:#56565a}
.hero-split .hero-buttons{margin-top:34px;gap:24px}
.hero-split .hero-photo{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:.96;background:#ddcfc0;margin:0}
.hero-split .hero-photo img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;opacity:1;filter:none;transform:none}
.hero-split .hero-photo figcaption{font-size:11px}
.hero-split .apple-icon{width:19px;height:19px;flex:none;overflow:visible}
.hero-split+.place-strip{margin-top:32px}
html[lang=ja] .hero-split h1{font-family:var(--body);font-size:clamp(34px,4vw,60px);line-height:1.5;letter-spacing:-.05em}
@media(max-width:1050px){.hero-split{width:calc(100% - 64px);gap:36px;padding-top:48px}.hero-split h1{font-size:clamp(62px,7.8vw,82px)}.hero-split .hero-description{font-size:17px}.hero-split .hero-buttons{gap:18px}.hero-split .hero-photo{aspect-ratio:.82}}
@media(max-width:700px){.hero-split{width:calc(100% - 40px);grid-template-columns:1fr;gap:32px;padding-top:38px}.hero-split h1{font-size:clamp(68px,20vw,82px)}.hero-split .hero-description{font-size:17px;margin-top:24px}.hero-split .hero-buttons{gap:18px;margin-top:26px}.hero-split .button{font-size:14px;padding-inline:18px}.hero-split .text-link{font-size:13px;gap:8px}.hero-split .hero-photo{aspect-ratio:1.03;border-radius:24px}.hero-split .hero-photo figcaption{left:16px;bottom:18px;font-size:10px}.hero-split+.place-strip{margin-top:12px}html[lang=ja] .hero-split h1{font-size:clamp(32px,9.5vw,40px)}}

/* Official, unmodified localized App Store artwork. */
.app-store-badge{display:inline-flex;align-items:center;vertical-align:middle;line-height:0;border-radius:8px;flex-shrink:0}
.app-store-badge img{height:52px;width:auto;max-width:none;display:block}
.app-store-badge:focus-visible{outline:3px solid var(--color-apple-blue);outline-offset:6px}
@media(max-width:700px){.app-store-badge img{height:48px}}
.hero-split .hero-photo img{object-position:center center}