/* Neutral surfaces connect warm photos and real service screens; blue marks actions. */
:root{--ink:#182c3a;--blue:#2963b5;--muted:#535c64;--pale:#f8f8f5;--line:#dce1e4;--paper:#fff}
.panel,.guidance-panel{color:var(--ink)}
.readable-art .panel h2,.readable-art .guidance-panel h2{font-size:56px!important;line-height:1.25!important;font-weight:740;letter-spacing:-.045em}
.readable-art .panel h3{font-weight:680}
.kicker,.eyebrow,.guidance-panel .eyebrow,.purchase-label,.plain-steps b,.step b,.schedule b,.short-faq h3 span{color:var(--blue)!important}
.readable-art .purchase-first{background:#fafaf7;color:var(--ink);border:1px solid #dce1e4;border-top:4px solid var(--blue);border-radius:0;padding:32px 28px}
.readable-art .purchase-first .purchase-label{color:var(--blue)!important}
.readable-art .purchase-first .purchase-note,.readable-art .purchase-first figcaption span{color:var(--muted)!important}
.readable-art .purchase-first .purchase-title h3{color:var(--ink)}
.readable-art .purchase-title>strong{font-size:64px;font-weight:760;color:var(--blue)}
.readable-art .purchase-add,.readable-art .purchase-key{background:#fff;border:1px solid var(--line)}
.audience-card{background:#fafaf7;border:1px solid #e3e4df}
.readable-art .short-faq article,.plain-steps article,.schedule .row,.step{border-color:#dce1e4}
.concept-thumb,.thumb,.concept-banner,.concept-social{background:#fafaf7}
.concept-thumb h1,.thumb h1{color:var(--ink);font-weight:740}
.concept-thumb .kicker,.thumb .tagline{color:var(--blue)}
.concept-banner h1{font-weight:730;font-size:44px;line-height:1.25}
.concept-banner .banner-copy{width:630px;top:50px}
.concept-banner .banner-copy p:not(.kicker){color:var(--muted)}
.banner-services{position:absolute;right:20px;bottom:24px;width:475px;display:flex;align-items:end;justify-content:center;gap:25px}
.service-phone{width:166px;height:331px;overflow:hidden;border:5px solid #293039;border-radius:22px;background:#fcfbf8;box-shadow:0 7px 15px #26374710}
.service-phone img{width:100%;display:block;height:auto}
.service-cover{width:231px;height:289px;object-fit:contain;box-shadow:0 8px 20px #2637470d}
.usage-visual{position:absolute;right:24px;bottom:25px;width:475px;height:350px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}
.usage-visual img{display:block;width:100%;height:100%;object-fit:contain}
.concept-banner .usage-visual{width:465px}
.concept-banner.mobile .banner-copy{top:28px;left:38px;width:680px}
.concept-banner.mobile h1{font-size:44px}
.concept-banner.mobile .banner-copy p:not(.kicker){font-size:23px;margin-top:15px}
.concept-banner.mobile .banner-services{left:135px;right:auto;bottom:18px;width:480px;gap:24px}
.concept-banner.mobile .service-phone{width:171px;height:332px;border-width:5px}
.concept-banner.mobile .service-cover{width:240px;height:300px}
.concept-banner.mobile .usage-visual{width:590px;height:322px;right:35px;bottom:18px}
.banner-link{height:230px;background:#f8f8f5;color:var(--ink);border:1px solid var(--line);padding:34px 40px}
.banner-link .kicker{color:var(--blue)!important}
.banner-link p{color:var(--muted)!important}
.banner-link h2{font-size:42px;font-weight:730;width:690px;line-height:1.25}
.banner-link .arrow{font-size:62px;right:35px;top:82px;color:var(--blue)}
.concept-blog-header{background:#fafaf7;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:38px 43px}
.concept-blog-header .wordmark{filter:none;width:190px}
.concept-blog-header h1{font-weight:710;font-size:34px}
.concept-blog-header p{color:var(--muted)}
.concept-mobile-cover{background:#fafaf7}
.concept-mobile-cover .cover-phone{position:absolute;left:224px;top:100px;width:452px;height:900px;border:10px solid #293039;border-radius:48px;overflow:hidden;background:#fcfbf8;box-shadow:0 12px 24px #26374714}
.concept-mobile-cover .cover-phone img{position:static;width:100%;height:auto;object-fit:contain}
.blue-story{width:1600px;height:900px;position:relative;overflow:hidden;padding:92px 86px;background:#fafaf7;color:var(--ink)}
.blue-story .copy{position:relative;z-index:1;width:800px}
.blue-story .kicker{font-size:27px;margin:0 0 35px}
.blue-story h1{font-size:78px;line-height:1.18;font-weight:740;letter-spacing:-.045em}
.blue-story p:not(.kicker){font-size:30px;line-height:1.6;margin-top:37px;color:var(--muted)}
.blue-story.hero .copy{width:755px}
.blue-story .story-photo{position:absolute;right:0;top:0;width:715px;height:900px;object-fit:cover;object-position:48% center}
.blue-story .usage-visual{right:25px;bottom:58px;width:690px;height:740px;border-radius:0}
.blue-story.order .copy{width:760px}
.story-making{position:absolute;right:52px;top:180px;width:635px;display:flex;gap:37px;align-items:center}
.story-making .source-photos{display:grid;gap:14px;width:170px}
.story-making .source-photos img{width:170px;height:150px;object-fit:cover}
.story-making .story-cover{width:390px;height:488px;object-fit:contain;box-shadow:0 10px 24px #2637470b}
.story-making .making-arrow{font-size:44px;color:var(--blue);margin-left:-24px;margin-right:-24px}
.blue-story .order-label{position:absolute;left:86px;bottom:105px;font-size:28px;color:var(--blue)}
.thumb-services{position:absolute;left:75px;right:75px;bottom:135px;display:flex;justify-content:center;align-items:end;gap:58px}
.thumb-services .service-phone{width:245px;height:488px;border-width:7px;border-radius:29px}
.thumb-services .service-cover{width:345px;height:432px}
body:has(.page-main){--ink:#182c3a;--blue:#2963b5;--pale:#f8f8f5;--line:#dce1e4}
.site-header .store-link,.site-header .store-button,.store-link{background:#2963b5!important}
.site-header a:focus-visible,.page-main a:focus-visible,.page-main button:focus-visible{outline:3px solid #2963b5;outline-offset:4px}
.page-main .eyebrow{color:#2963b5!important}
.page-main .hero-copy h1{font-weight:750!important;letter-spacing:-.05em!important}
.page-main .hero-description,.page-main .hero-fine,.page-main .collection-copy>p:not(.eyebrow),.page-main .section-heading>p:not(.eyebrow){color:#535c64!important}
.page-main .section-heading h2,.page-main .collection-copy h2,.page-main .memo-demo-copy h2{font-weight:730!important;font-size:44px!important;line-height:1.3!important}
.page-main .concept-growth{background:#fafaf7!important;border:0!important}
.page-main .product-card{background:#fff!important;border:1px solid #e3e4df}
.page-main .product-heading{background:#fafaf7}
.page-main .product-heading h3{font-weight:710!important}
.page-main .product-number,.page-main .product-heading .number{color:#2963b5!important}
.page-main .audience-card{border:1px solid #e3e4df;background:#fafaf7}
.page-main #purchase .purchase-first{background:#fafaf7;color:var(--ink);border:1px solid var(--line)!important;border-top:4px solid var(--blue)!important}
.page-main #purchase .purchase-first .purchase-title h3,.page-main #purchase .purchase-first figcaption b{color:var(--ink)!important}
.page-main #purchase .purchase-first .purchase-explain,.page-main #purchase .purchase-first .purchase-note{color:var(--muted)!important}
.page-main #purchase .purchase-first .purchase-label{color:var(--blue)!important}
.page-main #purchase .purchase-first .guidance-cta{color:var(--blue)!important;border-color:var(--blue)!important}
.page-main #purchase .purchase-add,.page-main #purchase .purchase-key{background:#fff;border:1px solid var(--line)}
.page-main #purchase .purchase-title h3{font-weight:730!important}
.page-main #purchase .purchase-title>strong{font-size:46px!important;font-weight:760;color:var(--blue)}
.page-main .guidance-cta,.page-main .sample-card a,.page-main .launch-guide a{color:#2963b5}
.page-main .concept-movie,.page-main .collection-movie{background:#fafaf7!important;height:auto!important;overflow:hidden}
.page-main .concept-movie{aspect-ratio:848/1132!important}
.page-main .collection-movie{aspect-ratio:648/1132!important}
.page-main .concept-movie video,.page-main .collection-movie video{display:block;position:static!important;width:100%!important;height:auto!important;max-width:100%;object-fit:contain!important;transform:none!important;margin:0!important}
.page-main .short-faq details{border-color:#dce1e4}
@media(max-width:1000px) and (min-width:761px){.page-main .section-heading h2,.page-main .collection-copy h2,.page-main .memo-demo-copy h2{font-size:36px!important}}
@media(max-width:760px){
 .page-main .section-heading h2,.page-main .collection-copy h2,.page-main .memo-demo-copy h2{font-size:31px!important}
 .page-main #purchase .purchase-title>strong{font-size:35px!important}
 .page-main .hero-copy h1{font-size:clamp(31px,8.5vw,42px)!important}
}