.app-page{--app-surface:#e5e9df}
.app-hero{margin:42px 5vw 0;display:grid;grid-template-columns:1fr 1.12fr;gap:5vw;align-items:center}
.app-hero-copy{padding:20px 0 35px;min-width:0}.app-identity{display:flex;gap:16px;align-items:center;margin-bottom:34px}.app-identity img,.app-final-icon{border-radius:22%;box-shadow:0 8px 24px #21322912}.app-identity span{font-size:20px;letter-spacing:-.04em}.app-identity p{margin:3px 0 0;font-size:10px;letter-spacing:.14em;color:var(--muted)}
.app-hero h1{font-family:var(--serif);font-size:clamp(60px,6.6vw,104px);letter-spacing:-.055em;line-height:1.03;margin:0 0 26px}.app-hero h1 em{font-weight:400}.app-lede{max-width:430px;font-size:17px;line-height:1.85;color:var(--muted);margin:0 0 28px}
.app-store-link{display:inline-flex;align-items:center;gap:15px;min-height:67px;min-width:209px;padding:11px 20px;border-radius:10px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);text-align:left}.app-store-link:disabled{opacity:1;cursor:default}.app-store-link span:not([aria-hidden]){display:flex;flex-direction:column;line-height:1.25}.app-store-link small{font-size:11px;letter-spacing:.03em;color:#e2e8d7}.app-store-link strong{font-size:23px;font-weight:400;letter-spacing:-.025em;margin-top:2px}.app-store-link>span[aria-hidden]{margin-left:auto}.app-store-link[href]:hover{background:#324d43}.app-release-note{font-size:12px;color:var(--muted);line-height:1.6;max-width:290px;margin:12px 0 0}.app-inside-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;margin-top:29px;padding:5px 0;border-bottom:1px solid var(--line)}.app-inside-link:hover{border-color:var(--ink)}

.app-capabilities{margin:0 5vw;padding:62px 0 65px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.app-section-number{font-family:var(--serif);font-size:16px;font-style:italic;color:#6c7a58}.app-capabilities h2{font-family:var(--serif);font-size:30px;letter-spacing:-.035em;line-height:1.2;margin:18px 0 15px}.app-capabilities p{font-size:15px;line-height:1.85;color:var(--muted);max-width:350px;margin:0}
.app-details{margin:80px 5vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center}.app-details h2,.app-faq h2{font-family:var(--serif);font-size:clamp(36px,4vw,58px);line-height:1.1;letter-spacing:-.045em;margin:0 0 25px}.app-details-copy>p:not(.eyebrow){max-width:400px;line-height:1.85;color:var(--muted);margin:0 0 26px}.app-details .eyebrow{font-size:10px}.app-materials{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.app-materials figure{margin:0;min-width:0}.app-materials figure:last-child{margin-top:70px}.app-materials img{width:100%;aspect-ratio:1/1.25;object-fit:cover;background:#ecece5}.app-materials figcaption{display:flex;gap:20px;margin-top:13px;font-size:12px}.app-materials figcaption span{color:var(--muted)}
.app-faq{margin:80px 5vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;border-top:1px solid var(--line);padding-top:55px}.app-faq .eyebrow{font-size:10px}.app-questions details{border-bottom:1px solid var(--line)}.app-questions summary{display:flex;justify-content:space-between;gap:25px;align-items:center;cursor:pointer;list-style:none;padding:22px 0;font-size:16px;line-height:1.5}.app-questions summary::-webkit-details-marker{display:none}.app-questions summary>span{font-size:24px;font-weight:400;color:var(--muted);flex-shrink:0}.app-questions details[open] summary>span{transform:rotate(45deg)}.app-questions details p{font-size:15px;line-height:1.9;color:var(--muted);max-width:540px;margin:0 30px 22px 0}
.app-final{margin:0 5vw 75px;background:var(--ink);color:var(--paper);padding:56px 30px;text-align:center}.app-final-icon{margin:0 auto 23px}.app-final .eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:20px;color:#dbe4c9}.app-final h2{font-family:var(--serif);font-size:clamp(40px,4.4vw,64px);line-height:1.12;letter-spacing:-.035em;margin:0 0 18px}.app-final-platform{color:#d8e0d4;font-size:14px;margin:0 0 24px}.app-final .app-store-link{background:var(--paper);color:var(--ink);border-color:var(--paper)}.app-final .app-store-link small{color:var(--muted)}.app-final .app-release-note{margin:13px auto 0;color:#d8e0d4;max-width:360px}.app-final .text-link{font-size:13px;margin-top:25px;color:#e4edc3}
html[lang=ja] .app-hero h1{font-size:clamp(42px,4.4vw,65px);line-height:1.45}html[lang=ja] .app-details h2,html[lang=ja] .app-faq h2{font-size:clamp(32px,3.2vw,46px)}html[lang=fr] .app-hero h1{font-size:clamp(53px,5.3vw,80px)}
@media(min-width:1600px){.app-hero,.app-capabilities,.app-details,.app-faq,.app-final{max-width:1450px;margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.app-capabilities{gap:28px}.app-capabilities h2{font-size:27px}}
@media(max-width:820px){.app-hero{grid-template-columns:1fr;gap:16px;margin-top:34px}.app-hero-copy{padding:0 0 24px}.app-identity{margin-bottom:25px}.app-hero h1{font-size:clamp(65px,10vw,90px)}.app-lede{max-width:560px}.app-capabilities{gap:25px;padding:45px 0}.app-capabilities h2{font-size:24px}.app-capabilities p{font-size:14px}.app-details,.app-faq{grid-template-columns:1fr;gap:28px;margin-top:55px;margin-bottom:55px}.app-details-copy>p:not(.eyebrow){max-width:570px}.app-materials{max-width:600px;gap:24px}.app-materials img{aspect-ratio:1.2}.app-materials figure:last-child{margin-top:35px}.app-faq h2{margin-bottom:0}.app-faq{padding-top:40px}html[lang=ja] .app-hero h1{font-size:clamp(38px,7vw,62px)}html[lang=fr] .app-hero h1{font-size:clamp(48px,8.5vw,76px)}}
@media(max-width:540px){.app-identity img{width:53px;height:53px}.app-identity span{font-size:18px}.app-hero h1{font-size:clamp(59px,15vw,78px)}.app-lede{font-size:16px;line-height:1.8;margin-bottom:24px}.app-release-note{max-width:270px}.app-inside-link{margin-top:22px}.app-capabilities{grid-template-columns:1fr;gap:27px;padding:35px 0 40px}.app-capabilities article{display:grid;grid-template-columns:25px 1fr;column-gap:14px}.app-section-number{grid-column:1;grid-row:1 / 3;padding-top:3px}.app-capabilities h2{grid-column:2;font-size:28px;margin:0 0 12px}.app-capabilities p{grid-column:2;font-size:15px;max-width:none}.app-details h2,.app-faq h2{font-size:39px}.app-details .eyebrow{font-size:9px}.app-materials{gap:14px}.app-materials figcaption{font-size:11px;gap:12px}.app-materials img{aspect-ratio:.86}.app-questions summary{font-size:15px}.app-final{padding:40px 20px;margin-bottom:45px}.app-final h2{font-size:38px}.app-final .app-release-note{font-size:11px;max-width:270px}html[lang=ja] .app-hero h1{font-size:clamp(33px,8.6vw,46px)}html[lang=fr] .app-hero h1{font-size:clamp(42px,11.7vw,63px)}html[lang=ja] .app-final h2{font-size:29px}html[lang=fr] .app-final h2{font-size:33px}}
@media(max-width:380px){.app-hero h1{font-size:58px}.app-final h2{font-size:33px}}

/* Original screenshot proportions, with a light staggered composition. */
.app-showcase{margin:0;padding:24px 28px;background:var(--app-surface);display:flex;flex-direction:column;align-items:center;gap:26px}
.app-showcase-label{align-self:stretch;display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.1em}
.app-screen-pair{position:relative;width:100%;max-width:440px;aspect-ratio:9/10}
.app-screen{position:absolute;display:block;width:55%;line-height:0;border-radius:10px;box-shadow:0 10px 24px #243d291a}
.app-screen-back{left:3%;top:8%;transform:rotate(-4deg)}
.app-screen-front{right:3%;top:1%;transform:rotate(4deg);z-index:2}
.app-screen:hover,.app-screen:focus-visible{z-index:3}
.app-screen img{display:block;width:100%;height:auto;border-radius:10px}
.app-showcase figcaption{align-self:stretch;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 22px;font-size:11px;color:var(--muted);line-height:1.6}
.app-showcase figcaption a{color:var(--ink);border-bottom:1px solid var(--line);padding:4px 0}
.app-showcase figcaption a:hover{border-color:var(--ink)}
@media(max-width:820px){.app-showcase{max-width:660px;width:100%}}
@media(max-width:540px){.app-showcase{padding:20px;gap:22px}.app-showcase-label{font-size:9px}.app-showcase figcaption{font-size:11px}}

.app-legal-links{text-align:center;padding:0 20px 36px;font-size:.875rem;line-height:2;overflow-wrap:anywhere}.app-legal-links a{text-underline-offset:3px}
