:root{color-scheme:light;--paper:#f8f8f5;--surface:#fff;--ink:#252824;--muted:#696e66;--line:#dedfd7;--accent:#ad523a;--soft:#efefe9;--font:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}p,h1,h2,h3,figure,ol,dl,dd{margin:0}img,svg{display:block;max-width:100%}a{color:inherit;text-underline-offset:5px}a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;z-index:10;top:10px;left:10px;padding:12px;background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}
.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;text-decoration:none;flex:none}.brand-crop{display:block;width:124px;aspect-ratio:3/1}.brand .brand-crop img{display:block;width:100%;height:auto}.header nav{display:flex;align-items:center;gap:30px;font-size:12px}.header nav a{padding-block:12px;text-decoration:none}.header nav a:hover,.text-link:hover,.footer a:hover{color:var(--accent)}.header nav .nav-cta{display:flex;gap:18px;align-items:center;padding:11px 17px;border:1px solid #d5d7ce;border-radius:7px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.06em;line-height:1.7}.hero{padding-top:65px;padding-bottom:100px}.hero-copy{text-align:center}.hero .eyebrow{color:var(--muted)}h1{font-size:clamp(46px,5.2vw,72px);line-height:1.35;font-weight:550;letter-spacing:-.07em;margin-top:18px}h1 span{display:inline-block}.lead{font-size:16px;line-height:1.95;letter-spacing:.025em;color:var(--muted);margin-top:23px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:27px;margin-top:27px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:24px;padding:13px 23px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;text-decoration:none;font-size:13px;font-weight:500;line-height:1.7;transition:background .15s,transform .15s}.button:hover{background:#41463e;transform:translateY(-1px)}.button>span{font-size:18px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:15px;text-decoration:none;font-size:12px;font-weight:500;line-height:1.8;padding-block:10px}.release{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;line-height:1.7;color:var(--muted);margin-top:13px}.status-dot{display:inline-block;width:5px;height:5px;flex:none;background:var(--accent);border-radius:50%}
.hero-example{margin:50px auto 0;background:linear-gradient(135deg,#eeede5,#f3f2ed 64%,#eceee5);border:1px solid #e0e1d7;border-radius:18px;padding:28px 36px 20px;max-width:1060px}.example-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:21px;border-bottom:1px solid #d9dcd1}.example-heading>p{font-size:15px;font-weight:500;line-height:1.8;letter-spacing:-.01em}.example-tag{font-size:10px;color:#777c70;letter-spacing:.04em;flex:none}.example-grid{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:24px;align-items:center;padding-top:24px}.example-panel{min-width:0;width:100%;max-width:300px;justify-self:center;align-self:start}.panel-label{font-size:12px;font-weight:500;margin-bottom:13px;line-height:1.8}.panel-label>span{font-size:10px;color:#878d7d;letter-spacing:.07em;margin-right:6px}.panel-caption{font-size:11px;color:#7c8272;margin-top:13px;text-align:center;line-height:1.8}.example-arrow{text-align:center;color:#939c85}.example-arrow>span{font-size:30px;font-weight:300}.hero-example figcaption{color:#7c8175;text-align:center;font-size:9px;line-height:1.8;margin-top:19px}
/* Animated demos preserve the native 390 x 844 mobile screen. */
.screen-clip{width:100%;max-width:300px;aspect-ratio:390/844;margin-inline:auto;overflow:hidden;background:#fff;border:1px solid #dddfd6;border-radius:24px;box-shadow:0 14px 32px -23px #25331a66}.screen-clip img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.hero-example .screen-clip{border-color:#dcdfd3}.section{padding-block:100px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px}h2{font-size:37px;font-weight:500;letter-spacing:-.05em;line-height:1.55}.section-intro>p{font-size:14px;line-height:2;color:var(--muted);padding-bottom:7px}.journey{border-top:1px solid var(--line)}.journey-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:0}.journey-steps>li{position:relative;border-top:1px solid #cfd3c7;padding-top:15px}.step-number{font-size:10px;letter-spacing:.08em;color:#8b9280}.journey-steps>li:not(:last-child)::after{content:'→';position:absolute;top:10px;right:0;color:#a3aa98;font-size:16px}.journey-steps h3{font-size:17px;font-weight:500;letter-spacing:-.025em;margin-top:14px}.journey-steps p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:9px}.journey-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;align-items:start;max-width:760px;margin:42px auto 0}.journey-screens>figure{min-width:0;width:100%;max-width:300px;justify-self:center}.figure-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:1.8;margin-bottom:13px}.figure-detail{font-size:10px;color:#8b9084}.screen-note{font-size:9px;color:#858b7e;line-height:1.8;text-align:center;margin-top:19px}.benefits{background:#eeefe9}.benefits .section-intro{margin-bottom:52px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.benefit{min-width:0;display:flex;flex-direction:column}.benefit-copy{padding-bottom:26px}.benefit h3{font-size:26px;font-weight:500;letter-spacing:-.045em;line-height:1.6}.benefit-copy>p{max-width:440px;margin-top:17px;color:var(--muted);font-size:13px;line-height:2}.benefit>figure{margin-top:auto;max-width:100%;width:100%}.benefit .screen-clip{box-shadow:none}.benefit figcaption{font-size:10px;color:#8b9082;margin-top:12px;text-align:center;line-height:1.8}.notes{display:grid;grid-template-columns:1fr 1fr;gap:100px}.notes .eyebrow{font-size:11px;color:#858b7c;margin-bottom:17px}.notes-copy>p{color:var(--muted);font-size:14px;line-height:2.1}.development-status{display:flex;align-items:flex-start;gap:11px;margin-top:27px;padding-top:23px;border-top:1px solid var(--line)}.development-status>.status-dot{margin-top:9px}.development-status strong{font-size:12px;font-weight:500;line-height:1.9}.development-status p{font-size:12px;color:#7b8272;line-height:1.9;margin-top:6px}.notes .text-link{margin-top:18px;border-bottom:1px solid currentColor;padding-bottom:5px}.faq{border-top:1px solid var(--line);padding-top:70px;padding-bottom:0}.faq>h2{text-align:center;font-size:31px}.faq-list{max-width:760px;margin:35px auto 0}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding-block:21px;font-size:13px;line-height:1.8}summary::-webkit-details-marker{display:none}summary>span{font-size:18px;font-weight:300;color:var(--muted);transition:transform .15s}details[open] summary>span{transform:rotate(45deg)}details>p{padding:0 32px 25px 0;font-size:12px;line-height:2;color:var(--muted)}.closing{text-align:center;padding-block:80px 86px}.closing h2{font-size:36px}.closing>p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:13px}.closing .button{margin-top:24px}.closing-note{display:block;font-size:10px;color:#858b7e;margin-top:13px;line-height:1.8}.footer{display:flex;align-items:center;gap:28px;justify-content:space-between;border-top:1px solid var(--line);padding-block:28px}.footer .brand-crop{width:94px}.footer>p{font-size:10px;color:var(--muted);margin-left:auto}.footer>div{display:flex;gap:25px;margin-left:24px}.footer>div a{display:inline-flex;gap:8px;font-size:10px;text-decoration:none;line-height:1.8}
/* Supporting pages share the wordmark, links and typography. */
.document{max-width:760px;padding-block:70px 100px}.document h1{font-size:36px;margin:15px 0 32px;letter-spacing:-.04em}.document h2{font-size:21px;margin:36px 0 12px}.document p,.document li{font-size:14px;line-height:2;color:var(--muted)}.document ul{padding-left:23px}.document .text-link{margin-top:25px}.document .updated{font-size:12px}.error-page{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.error-page h1{font-size:46px}.error-page p{margin-block:20px 25px;color:var(--muted);line-height:2}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{padding-top:54px;padding-bottom:80px}.hero h1{font-size:57px}.hero-example{padding:24px 25px 18px}.example-grid{gap:18px;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)}.section{padding-block:80px}.section-intro{gap:30px}h2{font-size:33px}.section-intro>p{font-size:13px}.journey-steps{gap:22px}.journey-steps h3{font-size:16px}.journey-steps p{font-size:11px}.figure-detail{display:none}.benefit-grid{gap:36px}.notes{gap:55px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px);max-width:560px}.header{height:76px;gap:16px}.brand-crop{width:105px}.header nav{gap:18px;font-size:11px}.header nav>a:nth-child(2){display:none}.header nav .nav-cta{padding:9px 12px;gap:12px}.hero{padding-top:43px;padding-bottom:58px}.hero .eyebrow{font-size:10px}.hero h1{font-size:clamp(43px,10.6vw,59px);line-height:1.35;letter-spacing:-.075em;margin-top:18px}.hero h1 span{display:block}.lead{font-size:13px;line-height:2;margin-top:18px}.hero-actions{flex-direction:column;gap:10px;margin-top:24px}.button{min-height:50px;font-size:12px;padding:12px 18px;gap:20px}.hero-actions .text-link{order:2;font-size:11px;padding-block:6px}.release{margin-top:10px;font-size:9px}.hero-example{margin-top:30px;border-radius:13px;padding:19px 17px 15px}.example-heading{padding-bottom:15px}.example-heading>p{font-size:12px}.example-tag{display:none}.example-grid{grid-template-columns:1fr;gap:15px;padding-top:18px}.panel-label{font-size:11px;margin-bottom:10px}.panel-caption{font-size:10px;margin-top:10px}.example-arrow{height:23px;display:flex;align-items:center;justify-content:center}.example-arrow>span{font-size:25px;transform:rotate(90deg)}.hero-example figcaption{font-size:8px;margin-top:15px}.section{padding-block:57px}.section-intro{display:block;margin-bottom:30px}h2{font-size:29px;line-height:1.55}.section-intro>p{font-size:12px;padding:0;margin-top:17px;line-height:1.95}.journey-steps{grid-template-columns:1fr 1fr;gap:24px 22px}.journey-steps>li{padding-top:12px}.journey-steps h3{font-size:15px;margin-top:10px}.journey-steps p{font-size:11px;line-height:1.9}.journey-steps>li:not(:last-child)::after{display:none}.journey-screens{grid-template-columns:1fr;gap:25px;margin-top:32px}.figure-heading{font-size:11px;margin-bottom:10px}.figure-detail{display:block;font-size:9px}.screen-note{font-size:8px;margin-top:15px}.screen-clip{border-radius:22px}.benefits .section-intro{margin-bottom:32px}.benefit-grid{grid-template-columns:1fr;gap:40px}.benefit h3{font-size:23px}.benefit-copy{padding-bottom:20px}.benefit-copy>p{font-size:12px;margin-top:13px;line-height:1.95}.benefit figcaption{font-size:9px}.notes{grid-template-columns:1fr;gap:24px}.notes .eyebrow{font-size:10px;margin-bottom:13px}.notes-copy>p{font-size:13px}.development-status{margin-top:23px;padding-top:20px}.development-status strong,.development-status p{font-size:11px}.notes .text-link{font-size:11px}.faq>h2{font-size:27px}.faq-list{margin-top:27px}summary{font-size:12px;min-height:68px;padding-block:20px;gap:16px}details>p{font-size:11px;padding-right:12px}.closing{padding-block:54px 5px}.closing h2{font-size:28px}.closing>p{font-size:11px;margin-top:12px}.closing .button{margin-top:21px}.closing-note{font-size:9px}.footer{padding-block:24px;gap:16px;flex-wrap:wrap}.footer .brand-crop{width:83px}.footer>p{font-size:9px}.footer>div{gap:16px;margin-left:0}.footer>div a{font-size:9px}.document{padding-block:45px 65px}.document h1{font-size:28px}.document h2{font-size:20px}.document p,.document li{font-size:13px}.error-page h1{font-size:35px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header nav>a:first-child{display:none}.hero h1{font-size:42px}.lead{font-size:11px}.hero-example{padding:16px 13px 13px}.example-heading>p{font-size:11px}.journey-steps{gap:22px 18px}.journey-steps h3{font-size:14px}.journey-steps p{font-size:10px}.figure-detail{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.motion-toggle{margin-left:6px;padding:3px 7px;border:1px solid #cfd3c7;border-radius:5px;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.motion-toggle:hover{background:#e7e9df}