@font-face{font-family:SkySerif;src:url('../fonts/skyshare-serif-jp-subset.woff') format('woff');font-display:swap}
@font-face{font-family:Outfit;src:url('../fonts/outfit-latin.woff2') format('woff2');font-display:swap}
:root{--paper:#f7f4ec;--ink:#23394c;--muted:#586979;--line:#d4d4cd;--serif:SkySerif,'Yu Mincho','Hiragino Mincho ProN',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #477e9d;outline-offset:5px}.skip-link{position:absolute;left:18px;top:-80px;background:#fff;padding:12px;z-index:2000}.skip-link:focus{top:12px}.essay-header{max-width:1300px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:15px}.wordmark{font:500 23px Outfit,system-ui,sans-serif;letter-spacing:.045em;display:inline-flex;gap:10px;align-items:center}.header-link{font-size:12px;letter-spacing:.08em}.header-link span{margin-left:16px}.essay-hero{max-width:1300px;min-height:730px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:25px;padding:38px 6% 100px}.eyebrow{font:500 10px/1.6 Outfit,system-ui,sans-serif;letter-spacing:.2em;color:var(--muted);margin:0 0 25px}h1{font:400 clamp(54px,5.5vw,80px)/1.4 var(--serif);letter-spacing:.04em;margin:0 0 25px}h1 em{font-style:normal}h2{font:400 clamp(29px,3vw,43px)/1.65 var(--serif);letter-spacing:.045em;margin:0 0 22px}.hero-lead{font-size:15px;line-height:2.1;margin:0 0 30px}.mobile-break{display:none}.stores{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.stores a{display:block;border-radius:8px;transition:transform .18s ease}.stores a:hover{transform:translateY(-3px)}.stores img{height:44px;width:auto}.store-note{font-size:10px;line-height:1.9;color:var(--muted);margin:12px 0 0}.app-screen-scene{margin:0;align-self:center;padding:12px 0 0;text-align:center}.app-screen-frame{max-width:344px;margin:auto;border:7px solid #21384b;border-radius:36px;overflow:hidden;background:#0f1d30;box-shadow:18px 25px 45px #213b4d25,0 2px 6px #213b4d15;transform:rotate(2deg)}.app-screen-frame img{width:100%;height:auto}.app-screen-scene figcaption{font-size:10px;line-height:1.9;color:var(--muted);max-width:350px;margin:24px auto 0}.plan-screen-example{display:flex;align-items:center;justify-content:center;gap:36px;margin:48px 0 0;text-align:left}.plan-screen-frame{width:200px;flex:none;border:5px solid #253c4d;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px #213b4d1c}.plan-screen-example figcaption{max-width:260px;font-size:13px;line-height:2;color:var(--muted)}.how-section{padding:95px 6%;border-top:1px solid var(--line);max-width:1180px;margin:auto}.section-intro{text-align:center}.section-intro>p:last-child{line-height:2;font-size:14px;color:var(--muted)}.steps{list-style:none;padding:0;margin:60px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.steps li{border-top:1px solid #aebac1;padding-top:20px}.step-number{font:14px Outfit,sans-serif;color:#657684}.steps h3{font:400 22px var(--serif);margin:25px 0 15px}.steps p{font-size:12px;line-height:2.2;color:var(--muted);margin:0}.sharing-section{max-width:1180px;margin:auto;padding:50px 6% 110px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.sky-pair{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px}.sky-pair img{width:100%;aspect-ratio:3/4;object-fit:cover;border:10px solid #fff;box-shadow:0 8px 25px #253b4d12}.sky-pair img:first-child{transform:rotate(-5deg);margin-top:70px}.sky-pair img:last-child{transform:rotate(5deg);margin-top:-60px}.sharing-section p:not(.eyebrow){font-size:14px;line-height:2.2;color:var(--muted)}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:8px;margin-top:18px}.text-link span{margin-left:18px}.plans-section{background:#eaeef0;padding:80px max(6%,calc((100vw - 1040px)/2));text-align:center}.plans{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left;margin:40px 0 0}.plans article{padding:30px;border-radius:3px;background:#f9f8f4;border-top:2px solid #bac5cd}.plan-label{font:500 10px Outfit,sans-serif;letter-spacing:.17em;margin:0 0 18px}.plans h3{font:400 22px/1.6 var(--serif);margin:0 0 20px}.plans p:not(.plan-label){font-size:12px;line-height:2.1;color:var(--muted)}.plans strong{font-weight:600;color:var(--ink)}.plans .paid-plan{border-top-color:#354e61}.closing-section{text-align:center;padding:105px 20px 90px}.closing-section .stores{justify-content:center;margin-top:30px}.essay-footer{border-top:1px solid var(--line);max-width:1180px;margin:auto;padding:28px 6% 42px;display:flex;align-items:center;flex-wrap:wrap;gap:22px;font-size:10px}.essay-footer nav{display:flex;flex-wrap:wrap;gap:18px;margin-left:auto}.essay-footer small{width:100%;color:var(--muted)}.analytics-settings{font:inherit;color:var(--muted);background:none;border:0;cursor:pointer;padding:8px 0}
@media(max-width:850px){.essay-hero{grid-template-columns:1fr 1fr;gap:20px;min-height:650px}h1{font-size:54px}.hero-lead{font-size:13px}.stores{gap:8px}.stores img{height:38px}.app-screen-frame{max-width:300px;border-radius:30px}.sharing-section{gap:35px}}
@media(max-width:600px){.essay-header{padding:22px 24px}.wordmark{font-size:21px}.header-link{font-size:10px}.header-link span{margin-left:4px}.essay-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:28px 25px 65px;gap:38px}.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:clamp(46px,12vw,64px);line-height:1.45;margin-bottom:24px}.hero-lead{font-size:13px;line-height:2;margin-bottom:25px}.stores img{height:38px}.mobile-break{display:block}.app-screen-scene{width:100%;padding:0}.app-screen-frame{max-width:300px;transform:none}.app-screen-scene figcaption{margin-top:22px}.plan-screen-example{gap:24px;flex-direction:column;align-items:center;text-align:center}.plan-screen-frame{width:215px}.how-section{padding:65px 25px}.section-intro{text-align:left}h2{font-size:29px}.steps{grid-template-columns:1fr;margin-top:38px;gap:24px}.steps li{display:grid;grid-template-columns:32px 1fr;column-gap:10px;padding-top:20px}.steps h3{font-size:20px;margin:0 0 12px}.steps p{grid-column:2}.step-number{padding-top:3px}.sharing-section{display:flex;flex-direction:column;align-items:stretch;gap:55px;padding:20px 25px 65px}.sky-pair{max-width:410px;margin:auto}.sky-pair img:first-child{margin-top:35px}.sky-pair img:last-child{margin-top:-20px}.plans-section{padding:60px 25px;text-align:left}.plans{grid-template-columns:1fr;gap:20px;margin-top:30px}.plans article{padding:25px}.plans h3{font-size:20px}.closing-section{padding:70px 20px 60px}.essay-footer{padding:25px}.essay-footer nav{margin-left:0;width:100%;gap:15px}.essay-footer small{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stores a{transition:none}}

/* These are our store links, not image-only platform badges. */
.stores a{display:flex;align-items:center;gap:11px;min-width:146px;padding:11px 17px;background:#1d3448;color:#fff;border:1px solid #1d3448;border-radius:8px;text-align:left;font:500 15px/1.3 Outfit,system-ui,sans-serif}.stores img{height:26px;width:23px;object-fit:contain}.stores span{display:block}.stores small{display:block;font:9px/1.6 system-ui,sans-serif;letter-spacing:.035em;color:#d3dde5}
@media(max-width:850px){.stores a{min-width:132px;padding:10px 13px;font-size:14px}.stores img{height:24px;width:20px}}
@media(max-width:360px){.stores a{min-width:126px;padding:10px;font-size:13px;gap:9px}}

.essay-breadcrumb{max-width:1300px;margin:auto;padding:0 6%;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;line-height:1.8;color:var(--muted)}.essay-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.essay-faq{max-width:1040px;margin:auto;padding:80px 6% 0}.essay-faq dl{margin:30px 0 0}.essay-faq dl>div{border-top:1px solid var(--line);padding:23px 0}.essay-faq dt{font-size:15px;font-weight:600;line-height:1.8}.essay-faq dd{margin:10px 0 0;max-width:780px;color:var(--muted);font-size:13px;line-height:2}.essay-related{display:inline-block;border-bottom:1px solid var(--ink);font-size:12px;line-height:1.8;padding-bottom:7px;margin-top:12px}.essay-related span{margin-left:12px}@media(max-width:600px){.essay-breadcrumb{padding:0 25px}.essay-faq{padding:60px 25px 0}.essay-faq dt{font-size:14px}}
