:root{--paper:#faf9f3;--ink:#163e30;--ink-2:#52695e;--heading:'Zen Kaku Gothic New','Noto Sans JP',sans-serif}
body{background:var(--paper)}
.wrap{max-width:1180px}.skip{position:absolute;top:-100px;left:12px;background:#fff;padding:10px;z-index:100}.skip:focus{top:10px}.nav{padding-top:19px;padding-bottom:19px;border-bottom:1px solid #dce4da}.nav .brand{margin-right:auto}.nav-link{font-size:13px;font-weight:700;margin-right:14px}.nav .btn{box-shadow:none;border-radius:8px;font-size:13px;padding:10px 17px;gap:20px}
.hero{padding:42px 0 48px;background:radial-gradient(ellipse at 85% 40%,#e2eee1 0,transparent 65%)}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:auto auto;column-gap:55px;align-items:center}.hero-text{align-self:end}.kicker{font-size:13px;font-weight:700;display:flex;align-items:center;gap:12px;margin-bottom:23px}.kicker span{border:1px solid #a7bdaa;padding:2px 9px;border-radius:4px;font-size:11px}.hero h1{font-size:clamp(40px,4.8vw,60px);line-height:1.3;letter-spacing:-.045em;font-weight:900}.tier-word{position:relative;display:inline-block;z-index:0}.tier-word:after{content:'';position:absolute;left:0;bottom:6px;width:100%;height:15px;background:#f3cc6b;z-index:-1}.hero-copy{font-size:17px;line-height:1.95;margin-top:22px}.hero-cta{align-self:start;margin-top:25px}.cta-caption{font-size:13px;font-weight:700;margin-bottom:10px}.area-note{font-size:11px;color:var(--ink-2);margin-top:11px}.hero-visual{grid-column:2;grid-row:1/3;margin:0;min-width:0;transform:rotate(1.3deg)}.board-top{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:#fff;font-size:13px;font-weight:700;border:1px solid #d1dfd3;border-bottom:0;border-radius:10px 10px 0 0}.board-symbol{font-size:10px;color:#617c6a;letter-spacing:1px}.tier-board{aspect-ratio:1080/1040;overflow:hidden;background:#0f3527}.tier-board img{width:100%;height:auto}.hero-visual .tier-board{box-shadow:10px 20px 35px #103b2418;border-radius:0 0 9px 9px}figcaption{font-size:10px;color:#617568;margin-top:12px;text-align:center;line-height:1.7}.hero-visual figcaption{transform:rotate(-1.3deg)}.benefit-strip{border-top:1px solid #dae3d6;border-bottom:1px solid #dae3d6}.benefit-strip .wrap{display:flex;justify-content:center;gap:100px;padding-top:18px;padding-bottom:18px}.benefit-strip span{font-size:14px;font-weight:700}.benefit-strip b{font-family:var(--latin);font-size:12px;color:#678671;margin-right:12px}.intro{text-align:center;padding-top:72px;padding-bottom:12px}.section-label{font-size:12px;font-weight:700;letter-spacing:.09em;color:#47775b}.intro h2{font-size:34px;line-height:1.5;margin:16px 0}.intro>p:last-child{font-size:15px;line-height:2;color:var(--ink-2)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-top:74px;padding-bottom:74px}.feature-copy{max-width:480px}.step-number{font-family:var(--latin);font-size:12px;color:#527e63;letter-spacing:.16em;font-weight:700}.feature h2{font-size:36px;line-height:1.5;font-weight:900;margin:16px 0 21px}.feature p{font-size:16px;line-height:2}.feature .secondary{font-size:14px;color:var(--ink-2);margin-top:17px}.small-note{display:block;font-size:11px;color:#617568;margin-top:18px}.record-feature{padding-top:55px}.record-visual{margin:0;background:#e6ede2;border-radius:50% 50% 18px 18px;padding:27px 30px 22px;max-width:420px;justify-self:center;width:100%}.visual-note{display:block;text-align:center;font-size:12px;font-weight:700;margin-bottom:18px}.record-frame{height:390px;max-width:260px;margin:auto;overflow:hidden;border:6px solid #233d32;border-radius:26px;box-shadow:0 10px 24px #1c40231a;background:#fff}.record-frame img{width:100%;height:auto}.tier-feature{background:#ecf0e6;border-top:1px solid #dfe6da;border-bottom:1px solid #dfe6da}.phone-figure{margin:0;max-width:310px;width:100%;justify-self:center}.wire-window{aspect-ratio:780/1695;overflow:hidden;border-radius:30px;box-shadow:0 20px 35px #133c2c18}.wire-window img{width:100%;height:auto}.feature-list{list-style:none;padding:0;margin:22px 0;border-top:1px solid #c6d4c6}.feature-list li{font-size:14px;padding:11px 0;border-bottom:1px solid #c6d4c6}.feature-list li:before{content:'✓';margin-right:10px;color:#1f7052;font-weight:700}.share-visual{margin:0;max-width:480px;justify-self:center;transform:rotate(-2deg)}.share-paper{padding:14px;background:#fff;border:1px solid #d6dfd4;box-shadow:9px 15px 0 #e3e9df}.share-paper-head{display:flex;justify-content:space-between;font-size:12px;font-weight:700;padding:0 1px 12px}.share-paper-foot{font-size:12px;text-align:center;padding:16px 0 6px}.share-visual figcaption{transform:rotate(2deg)}.keep-records{background:#eaf1e9;overflow:hidden}.keep-records>.wrap{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:50px;padding-top:40px;max-height:350px}.keep-records h2{font-size:29px;line-height:1.5;margin:13px 0 20px}.keep-records p:last-child{font-size:14px;line-height:2;padding-bottom:40px}.map-window{align-self:start;max-width:240px;height:310px;overflow:hidden;border:6px solid #294136;border-radius:25px 25px 0 0;background:#fff}.map-window img{width:100%}.faq-section{max-width:820px;padding-top:78px;padding-bottom:78px}.faq-section h2{font-size:32px;margin:10px 0 28px}.faq{border-top:1px solid #cedbcf}.faq details{border-bottom:1px solid #cedbcf;padding:0}.faq summary{cursor:pointer;list-style:none;position:relative;font-size:15px;font-weight:700;padding:21px 34px 21px 0}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'＋';position:absolute;right:0;top:20px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--ink-2);line-height:1.95;padding:0 25px 22px 0}.download-section{background:#143d2e;color:#fff;text-align:center;padding:70px 0}.download-section .section-label{color:#c6d8bd}.download-section h2{font-size:42px;line-height:1.45;margin:18px 0}.download-section>.wrap>p:not(.section-label){font-size:14px;color:#dbe8d6}.download-section .badges{justify-content:center;margin-top:26px}.download-section .area-note{font-size:11px!important;margin-top:15px}.qr{display:flex;justify-content:center;gap:15px;align-items:center;margin-top:28px}.qr img{background:#fff;padding:7px;border-radius:5px}.qr span{text-align:left;font-size:11px;color:#dbe8d6}footer .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}footer .brand{font-size:22px}footer .flinks{margin:0;gap:18px}footer .flinks a{font-size:12px}footer .copy{font-size:10px}.mobile-cta{display:none}#download,#how{scroll-margin-top:20px}
@media(max-width:900px){.hero-grid{column-gap:25px}.hero h1{font-size:43px}.feature{gap:35px}.feature h2{font-size:30px}.benefit-strip .wrap{gap:50px}.hero-copy{font-size:15px}.badges img{height:42px}.hero .badges{gap:8px}.board-symbol{display:none}.hero-visual{transform:none}.hero-visual figcaption{transform:none}}
@media(max-width:650px){.wrap{padding-left:22px;padding-right:22px}.nav{padding-top:14px;padding-bottom:14px}.nav .brand{font-size:21px;gap:7px}.brand img{width:30px;height:30px}.nav-link{display:none}.nav .btn{font-size:11px;padding:8px 12px;gap:9px}.hero{padding:27px 0 30px}.hero-grid{display:flex;flex-direction:column;gap:0}.hero-text{align-self:stretch}.kicker{font-size:11px;gap:9px;margin-bottom:14px}.kicker span{font-size:10px}.hero h1{font-size:32px;line-height:1.35;letter-spacing:-.035em}.hero h1 br:nth-of-type(2){display:none}.tier-word:after{height:10px;bottom:4px}.hero-copy{font-size:14px;line-height:1.8;margin-top:14px}.hero-visual{width:100%;margin-top:23px;max-width:460px}.board-top{font-size:11px;padding:8px 11px}.board-symbol{display:block;font-size:8px}.hero-visual figcaption{font-size:9px;margin-top:7px}.hero-cta{margin-top:19px;align-self:center;text-align:center}.cta-caption{font-size:12px}.badges{justify-content:center;gap:10px}.badges img{height:44px}.area-note{font-size:10px}.benefit-strip .wrap{gap:0;justify-content:space-between;padding:15px 18px}.benefit-strip span{font-size:11px}.benefit-strip b{font-size:10px;margin-right:5px}.intro{padding-top:46px;padding-bottom:0}.intro h2{font-size:26px;margin:13px 0}.section-label{font-size:11px}.intro>p:last-child{font-size:13px}.feature{grid-template-columns:1fr;padding-top:42px;padding-bottom:45px;gap:26px}.feature h2{font-size:29px;margin:12px 0 16px}.feature p{font-size:14px}.feature .secondary{font-size:13px;margin-top:12px}.step-number{font-size:11px}.feature-copy{max-width:none}.record-visual{max-width:340px;padding-top:24px}.record-frame{height:340px;max-width:230px}.tier-feature .feature-copy{grid-row:1}.phone-figure{max-width:285px}.wire-window{border-radius:25px}.feature-list{margin:17px 0}.feature-list li{font-size:13px}.share-visual{max-width:390px;width:calc(100% - 8px);transform:rotate(-1deg)}.share-paper{padding:10px}.share-paper-foot{font-size:11px}.keep-records>.wrap{grid-template-columns:1fr 115px;gap:15px;padding-top:26px;max-height:290px}.keep-records h2{font-size:20px;margin:9px 0 14px}.keep-records p:last-child{font-size:12px;padding-bottom:28px}.map-window{border-width:4px;border-radius:15px 15px 0 0;height:265px}.faq-section{padding-top:46px;padding-bottom:46px}.faq-section h2{font-size:28px;margin-bottom:20px}.faq summary{font-size:14px;padding:18px 25px 18px 0}.faq summary:after{top:17px}.faq details p{font-size:13px}.download-section{padding:43px 0}.download-section h2{font-size:29px}.qr{display:none}footer{padding:27px 0 95px}footer .wrap{justify-content:center;gap:15px}footer .flinks{gap:16px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fbfdf8f5;border-top:1px solid #cdd9cd;box-shadow:0 -4px 18px #173a2510;transform:translateY(110%);visibility:hidden;transition:transform .2s,visibility .2s}.mobile-cta.show{transform:translateY(0);visibility:visible}.mobile-cta .badges img{height:40px}.mobile-cta .badges{gap:12px}}
@media(max-width:360px){.wrap{padding-left:16px;padding-right:16px}.hero h1{font-size:28px}.hero .badges img{height:40px}.keep-records>.wrap{grid-template-columns:1fr 92px}.keep-records h2{font-size:18px}.keep-records p:last-child{font-size:11px}.mobile-cta .badges img{height:37px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Review revision: comparison-led copy and focused screenshots. */
.hero-question{font-size:22px;font-weight:700;line-height:1.5;margin-top:24px}
.hero-copy{font-size:16px;margin-top:9px}
.hero-visual .tier-board{border-radius:10px}
.record-feature{padding-top:48px;padding-bottom:48px}
.record-visual{background:#e8eee4;border-radius:18px;padding:20px;max-width:350px}
.record-input{position:relative;aspect-ratio:1206/1630;overflow:hidden;border:1px solid #d4e0d4;border-radius:13px;background:#fff}
.record-input img{position:absolute;width:100%;height:auto;top:-13%;left:0}
.phone-figure{max-width:380px}
.drag-detail{position:relative;aspect-ratio:748/1004;overflow:hidden;border:1px solid #cdd9cd;border-radius:14px;background:#fff;box-shadow:0 18px 32px #133c2c14}
.drag-detail img{position:absolute;width:104.278%;max-width:none;height:auto;left:-2.139%;top:-28.088%}
.map-note{padding-top:24px;padding-bottom:24px;border-top:1px solid #dce4da;border-bottom:1px solid #dce4da;text-align:center}
.map-note p{font-size:13px;color:var(--ink-2);line-height:1.9}
.map-note strong{color:var(--ink);font-weight:700}
@media(max-width:900px){.hero-question{font-size:19px}.hero-copy{font-size:14px}}
@media(max-width:650px){
.hero-question{font-size:18px;margin-top:14px}
.hero-copy{font-size:13px;margin-top:6px;line-height:1.8}
.hero-visual{margin-top:18px}
.hero-cta{margin-top:16px}
.cta-caption{font-size:11px}
.record-feature{padding-top:36px;padding-bottom:36px}
.record-visual{max-width:295px;padding:15px}
.phone-figure{max-width:350px}
.map-note{margin:0 22px;padding:20px 0}
.map-note p{font-size:12px}
}

/* Photo collection: supporting value after the three Tier sections. */
.collection-section{background:linear-gradient(125deg,#f2f7ef,#e9f3ed);border-top:1px solid #dce7da}
.collection-feature{padding-top:54px;padding-bottom:54px;gap:60px}
.collection-feature h2{font-size:34px;letter-spacing:-.035em}
.collection-feature h2 span{background:linear-gradient(transparent 70%,#c0e7cd 0)}
.collection-benefits{list-style:none;display:grid;gap:12px;margin:24px 0 0;padding:0}
.collection-benefits li{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--ink-2)}
.collection-benefits li:before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;background:#deefe2;border-radius:50%;color:#248860;font-size:12px;font-weight:700}
.collection-visual{margin:0;justify-self:center;width:100%;max-width:290px}
.collection-phone{aspect-ratio:720/1335;overflow:hidden;background:#eff3f1;border:7px solid #122119;border-bottom:0;border-radius:36px 36px 0 0;box-shadow:0 18px 34px #1a47251c}
.collection-phone img{width:100%;height:auto;display:block}
@media(max-width:900px){.collection-feature{gap:34px}.collection-feature h2{font-size:29px}}
@media(max-width:650px){.collection-feature{padding-top:38px;padding-bottom:38px;gap:28px}.collection-feature h2{font-size:28px}.collection-benefits{margin-top:20px;gap:10px}.collection-benefits li{font-size:13px}.collection-visual{max-width:270px}.collection-phone{border-width:6px;border-radius:32px 32px 0 0}}
@media(max-width:360px){.collection-feature h2{font-size:25px}.collection-visual{max-width:250px}}

/* Keep release history available below the main product story. */
.updates-section{max-width:1000px;padding-top:6px;padding-bottom:64px}
.updates-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.updates-heading h2{font-size:24px;font-weight:900;line-height:1.5;margin:0}
.updates-heading>a{font-size:12px;font-weight:700;color:#35644e;text-decoration:underline;text-underline-offset:4px}
.updates-list{border-top:1px solid #cedbcf}
.updates-list>a{display:grid;grid-template-columns:100px 1fr 14px;align-items:center;gap:20px;padding:19px 0;border-bottom:1px solid #cedbcf;color:var(--ink)}
.updates-list time{font-size:12px;color:var(--ink-2);font-family:var(--latin)}
.updates-list span{font-size:14px;line-height:1.7}
.updates-list b{font-size:14px;color:#5b806a}
.updates-list>a:hover span{text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.updates-section{padding-top:0;padding-bottom:38px}.updates-heading{align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:16px}.updates-heading h2{font-size:23px}.updates-list>a{grid-template-columns:1fr 14px;gap:5px 12px;padding:15px 0}.updates-list time{grid-column:1;font-size:11px}.updates-list span{grid-column:1;font-size:13px}.updates-list b{grid-column:2;grid-row:1/3}}
@media(max-width:360px){.share-feature h2,.download-section h2{font-size:25px}}

.collection-phone{aspect-ratio:auto}.collection-crop{aspect-ratio:720/1335;overflow:hidden}

/* Give release news its own surface after the FAQ. */
.updates-band{background:#eaf0ed;border-top:1px solid #d4dfd8}
.updates-band .updates-section{padding-top:40px;padding-bottom:46px}
.updates-band .updates-list{border-top-color:#c4d4ca}
.updates-band .updates-list>a{border-bottom-color:#c4d4ca}
@media(max-width:650px){.updates-band .updates-section{padding-top:30px;padding-bottom:34px}}