:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--night:#fffbea;--text:#254c39;--muted:#556650;--amber:#a64716;--line:#d4ddae;--serif:"Fraunces",Georgia,serif;--sans:"Instrument Sans",system-ui,sans-serif;font-family:var(--sans);color:var(--text);background:var(--night);font-synthesis:none}*{box-sizing:border-box}body{background:radial-gradient(at 85% 20%,#ffe27870,#0000 47%);margin:0;font-size:16px;line-height:1.55}a{color:inherit}a:hover{color:var(--amber)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:5px}a,button,input{-webkit-tap-highlight-color:transparent}.wrap{width:min(1160px,100% - 64px);margin-inline:auto}.skip{position:absolute;top:-100px}.skip:focus{z-index:20;background:var(--night);padding:10px;top:10px}nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:98px;display:flex}.brand{font-family:var(--serif);letter-spacing:-.6px;align-items:center;gap:9px;font-size:25px;text-decoration:none;display:flex}.brand:first-letter{color:var(--amber)}.nav-links{align-items:center;gap:28px;font-size:14px;display:flex}.nav-links a{color:var(--muted);padding-block:9px;text-decoration:none}.nav-links [aria-current]{color:var(--text);border-bottom:1px solid var(--amber)}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;padding-block:76px 90px;display:grid}.eyebrow{color:var(--amber);letter-spacing:2.4px;margin:0 0 25px;font-size:11px;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:350}h1{letter-spacing:-2px;margin-bottom:26px;font-size:clamp(44px,5.4vw,68px);line-height:1.06}h1 em{color:#38734d;font-weight:350}h2{letter-spacing:-1.1px;margin-bottom:20px;font-size:clamp(35px,4vw,49px);line-height:1.12}.intro{max-width:355px;color:var(--muted);margin-bottom:28px;font-size:17px}.button{background:var(--amber);min-height:52px;color:var(--night);font:600 15px var(--sans);cursor:pointer;border:0;border-radius:28px;justify-content:space-between;align-items:center;gap:36px;padding:13px 23px;text-decoration:none;display:inline-flex}.small{color:var(--muted);margin:12px 0 0;font-size:12px}.family-preview{isolation:isolate;flex-direction:column;justify-content:center;min-width:0;height:495px;margin:0;display:flex;position:relative}.moment-card{color:#254c39;background:#fff3b8;border:1px solid #dfd58a;border-radius:18px;padding:19px;position:relative;box-shadow:0 18px 65px #52672c22}.breakfast{z-index:1;align-self:flex-start;width:86%;transform:rotate(-5deg)}.card-top{align-items:center;gap:10px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.card-top small{opacity:.68;font-size:10px;font-weight:400;display:block}.avatar{width:30px;height:30px;font-family:var(--serif);background:#efad53;border-radius:50%;place-items:center;font-size:17px;display:grid}.tiny-star{color:#927344;margin-left:auto;font-size:24px}.breakfast-art{width:100%;height:auto;display:block}.moment-card p{margin:13px 0 5px;font-size:15px}.post-note{color:#726e67;font-size:10px}.reply{z-index:2;background:#dbe9b9;align-self:flex-end;width:70%;margin-top:-21px;transform:rotate(5deg)}.reply .card-top{margin-bottom:5px}.recipe{color:#556650;border-top:1px solid #34394e22;align-items:center;gap:15px;margin-top:12px;padding-top:10px;font-size:11px;display:flex}.recipe>span:first-child{font-size:35px}.orbit{z-index:-1;border:1px solid #7eaa6245;border-radius:50%;width:110%;height:86%;position:absolute;top:0;left:-4%;transform:rotate(-30deg)}.orbit-two{width:82%;height:105%;top:-7%;left:15%;transform:rotate(30deg)}.spark{color:var(--amber);font-size:40px;position:absolute}.s1{top:2%;right:3%}.s2{font-size:24px;bottom:13%;left:0}.family-preview figcaption{color:var(--muted);text-align:center;width:100%;font-size:10px;position:absolute;bottom:-25px}.moments{padding-block:35px 80px}.section-head .eyebrow{margin-bottom:15px}.features{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.features article{padding:32px}.features article+article{border-left:1px solid var(--line)}.feature-icon{color:var(--amber);font-size:24px}.features h3{margin:13px 0 12px;font-size:25px}.features p{color:var(--muted);max-width:28ch;margin:0;font-size:14px}.waitlist{grid-template-columns:1fr 1fr;align-items:center;gap:95px;padding-block:20px 100px;scroll-margin-top:30px;display:grid}.waitlist>div>p:not(.eyebrow){max-width:330px;color:var(--muted);font-size:15px}.form-box{border:1px solid var(--line);background:#edf2d3;border-radius:20px;padding:30px}form{gap:9px;display:grid}label{color:var(--muted);font-size:12px}input{width:100%;height:48px;font:15px var(--sans);color:var(--text);background:#fffdf0;border:1px solid #a8ba87;border-radius:9px;margin-bottom:7px;padding:10px 13px}input::placeholder{color:#647450}.consent{color:var(--muted);margin:0 0 7px;font-size:11px;line-height:1.5}.honeypot{opacity:0;position:absolute;left:-9999px}#err{color:#a33426;margin:0;font-size:13px}#err:empty{display:none}.done{padding:20px 0;display:none}.done.on{display:block}.done>span{color:var(--amber);font-size:40px}.done h3{margin:12px 0;font-size:30px}.done p{color:var(--muted);font-size:15px}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-block:28px 35px;display:flex}footer p{color:var(--muted);margin:0;font-size:12px}footer>a:last-child{font-size:13px;text-decoration:none}@media (width<=800px){.wrap{width:calc(100% - 40px)}.hero{gap:35px;padding-top:50px}.hero h1{letter-spacing:-1.7px;font-size:46px}.family-preview{height:390px}.moment-card{padding:13px}.card-top small{font-size:9px}.reply{width:83%}.features article{padding:24px 20px}.waitlist{gap:40px}footer p{display:none}}@media (width<=600px){nav{min-height:80px}.brand{font-size:22px}.nav-links{gap:17px;font-size:12px}.hero{grid-template-columns:1fr;gap:32px;padding-block:45px 65px}.hero h1{font-size:clamp(40px,10.4vw,58px)}.intro{max-width:31ch;font-size:16px}.family-preview{width:min(380px,100%);height:450px;margin:15px auto 0}.breakfast{width:86%}.reply{width:75%}.moment-card{padding:16px}.card-top small{font-size:10px}.moments{padding-block:35px 50px}.section-head{text-align:left;margin-bottom:28px}.features{grid-template-columns:1fr}.features article{padding:25px 0}.features article+article{border-left:0;border-top:1px solid var(--line)}.features h3{margin-left:12px;font-size:24px;display:inline}.features p{max-width:38ch;margin-top:10px}.waitlist{grid-template-columns:1fr;gap:20px;padding-bottom:55px}.form-box{padding:23px}.eyebrow{font-size:10px}footer{padding-block:23px}.family-preview figcaption{bottom:-17px}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{overflow-x:clip}@media (width<=600px){.orbit{width:100%;left:0;transform:none}.orbit-two{width:82%;left:9%}}.button{color:#243b2b;background:#f5a13b}.button:hover{color:#243b2b;background:#e98c22}.feature-icon,.spark{color:#568146}.tiny-star{color:#a85d17}.post-comment{border-top:1px solid #63744528;margin-top:12px;padding-top:10px;font-size:11px;line-height:1.5}.post-comment b{margin-right:5px}.family-preview{height:560px}.reply{margin-top:-8px}.waitlist .eyebrow{text-transform:none;letter-spacing:0;font-family:var(--serif);max-width:330px;color:var(--text);font-size:24px;line-height:1.3}.app-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.app-panel{border-radius:26px;min-width:0;padding:30px 22px 0;overflow:hidden}.app-panel>h3{text-align:center;min-height:68px;margin:0 0 25px;font-size:29px;line-height:1.15}.phone{color:#254c39;background:#fffdf2;border:6px solid #fffdf2;border-radius:32px;max-width:285px;min-height:440px;margin:0 auto -35px;padding:16px 13px 32px;overflow:hidden;box-shadow:0 12px 30px #4e5b2925}.phone-bar{justify-content:space-between;margin-bottom:24px;font-size:10px;display:flex}.phone-brand{font:23px var(--serif);margin-bottom:12px}.phone-label{color:#556650;margin-bottom:17px;font-size:10px}.phone-post{background:#f4f1df;border-radius:12px;padding:12px;font-size:12px}.phone-post small{margin:3px 0 12px;font-size:9px;display:block}.phone-post p{margin:10px 0;font-size:12px}.phone-tabs{justify-content:space-between;padding:22px 12px;font-size:23px;display:flex}.chat-bubble{background:#eef0d7;border-radius:15px 15px 15px 3px;margin:18px 18px 18px 0;padding:14px;font-size:12px}.chat-bubble small{opacity:.75;margin-top:7px;font-size:9px;display:block}.chat-you{background:#f7dfae;border-radius:15px 15px 3px;margin:18px 0 18px 18px}.mock-input{border:1px solid #d4ddae;border-radius:20px;justify-content:space-between;margin-top:24px;padding:10px;font-size:10px;display:flex}.album-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.album-grid>div{text-align:center;background:#f1e5b8;border-radius:10px;min-height:87px;padding:9px 3px;font-size:32px}.album-grid>div:nth-child(2n){background:#dce8c6}.album-grid small{font-size:9px;display:block}.album-note{text-align:center;margin:20px 0;font-size:11px}@media (width<=800px){.app-panels{gap:12px}.app-panel{padding:24px 12px 0}.app-panel>h3{font-size:24px}.phone{padding:12px 8px 32px}.family-preview{height:515px}}@media (width<=600px){.family-preview{height:510px}.app-panels{grid-template-columns:1fr;gap:22px}.app-panel{padding:28px 28px 0}.app-panel>h3{min-height:0;font-size:29px}.phone{max-width:280px}.app-showcase{padding-bottom:55px}.features h3{margin-left:0;display:block}.app-panel .phone{margin-bottom:-24px}}:root{--serif:var(--sans);--night:#fffdf5;--text:#263e30;--muted:#526154;--line:#dce3d3;--amber:#a64716}body{background:0 0;font-size:16px}.brand{font-family:var(--sans);letter-spacing:-1px;gap:10px;font-size:24px;font-weight:750}.brand .icon{color:#448155;width:26px;height:26px}.icon{vertical-align:middle;flex-shrink:0;width:22px;height:22px;display:inline-block}.button .icon{width:18px;height:18px}nav{min-height:82px}.nav-links{font-size:15px}.nav-links [aria-current]{background:#edf2e7;border:0;border-radius:8px;padding:8px 12px}h1,h2,h3{font-family:var(--sans);letter-spacing:-.035em;font-weight:700}h1{margin-bottom:22px;font-size:clamp(40px,4.6vw,60px);line-height:1.12}h2{font-size:clamp(30px,3vw,40px);line-height:1.2}.eyebrow{letter-spacing:.06em;color:#47724d;font-size:12px;font-weight:650}.hero{grid-template-columns:1fr 1fr;gap:70px;padding-block:60px 65px}.intro{max-width:390px;font-size:18px;line-height:1.6}.button{background:#f7ac4a;border-radius:10px;min-height:50px;font-weight:650}.button:hover{background:#ee982b}.small{font-size:12px}.family-preview{background:#edf3e4;border:1px solid #dce6d0;border-radius:18px;gap:14px;height:auto;margin:0;padding:20px;display:flex}.moment-card{width:100%;box-shadow:none;color:var(--text);background:#fffef9;border:1px solid #e0e4d9;border-radius:12px;align-self:stretch;padding:17px;transform:none}.reply{background:#fff9df;margin:0}.card-top{font-size:14px}.card-top small{font-size:11px}.avatar{font-family:var(--sans);background:#f4d695;font-size:14px;font-weight:600}.avatar.you{background:#c6ddba}.moment-card p{font-size:15px}.post-comment{background:#f1f4e9;border:0;border-radius:8px;margin-top:12px;padding:11px;font-size:12px}.reply .post-comment{background:#f7efd1}.dinner-photo{object-fit:cover;border-radius:8px;width:100%;height:205px;display:block}.section-head{text-align:left;margin-bottom:28px}.moments{padding:35px 0 65px}.features{border:0;gap:24px}.features article{background:#f2f5ea;border-radius:12px;padding:22px;border:0!important}.features h3{letter-spacing:-.02em;margin-top:16px;font-size:20px;line-height:1.3}.features p{max-width:none;font-size:15px}.feature-icon{color:#47754b;display:block}.app-showcase{padding-block:15px 65px}.app-panel{border-radius:14px;padding:25px 20px 0}.panel-green{background:#dce9cf}.panel-yellow{background:#f7ebad}.panel-orange{background:#f9d5a8}.app-panel>h3{text-align:left;letter-spacing:-.025em;min-height:54px;font-size:22px}.phone{box-shadow:none;background:#fffef8;border:5px solid #344c3b;border-radius:25px;max-width:280px;min-height:465px}.phone-brand{font-family:var(--sans);letter-spacing:-.02em;font-size:19px;font-weight:700}.phone-post{background:#f0f3e8}.phone .dinner-photo{height:118px}.phone-tabs{padding:20px 8px}.phone-post .post-comment{padding:8px;font-size:10px}.album-grid>div{background:#f3edd2;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.album-grid .icon{color:#4f7750;width:28px;height:28px}.album-grid small{font-size:10px}.chat-bubble{font-size:12px}.waitlist{gap:70px;padding-block:30px 75px}.waitlist .eyebrow{font-family:var(--sans);color:var(--muted);font-size:17px;font-weight:500;line-height:1.5}.form-box{background:#edf3e5;border-color:#d7e1cb;border-radius:14px}label{font-size:13px}input{background:#fffef8;border-color:#b5c4aa}.consent{font-size:12px}footer{padding-block:25px}.done h3{font-family:var(--sans)}@media (width<=950px){.hero{gap:32px}.app-panel{padding:20px 12px 0}.app-panel>h3{font-size:20px}.features{gap:12px}.features article{padding:18px}}@media (width<=600px){.wrap{width:calc(100% - 36px)}nav{min-height:76px}.brand{font-size:21px}.nav-links{gap:12px;font-size:12px}.nav-links [aria-current]{padding:7px}.hero{grid-template-columns:1fr;gap:30px;padding-block:38px 40px}.hero h1{letter-spacing:-1.6px;font-size:42px}.intro{font-size:17px}.family-preview{gap:12px;width:100%;height:auto;padding:13px}.moment-card{width:100%;padding:14px}.dinner-photo{height:190px}.features{grid-template-columns:1fr;gap:12px}.features h3{margin:12px 0 8px;font-size:20px;display:block}.features p{margin:0}.moments{padding-block:20px 45px}.app-panels{grid-template-columns:1fr}.app-panel{padding:24px 24px 0}.app-panel>h3{text-align:center;min-height:0;font-size:23px}.waitlist{grid-template-columns:1fr;gap:20px;padding-block:10px 45px}.phone{max-width:270px}.app-showcase{padding-bottom:50px}}.app-panels{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#9caf8f transparent;gap:22px;padding:0 0 15px;scroll-padding-inline:0;display:flex;overflow-x:auto}.app-panel{scroll-snap-align:start;flex:0 0 350px;min-height:610px;padding:28px 25px 0}.app-panel>h3{min-height:58px;font-size:25px}.app-panel .phone{background:#fffdf8;border-color:#405b50;max-width:285px;min-height:500px;margin-bottom:-24px}.panel-sage{background:#d2e6d9}.phone-brand{font-size:18px}.preview-tabs{color:#637365;border-bottom:1px solid #d6e0d3;gap:22px;margin:14px 0;font-size:11px;display:flex}.preview-tabs b{color:#2d6f61;border-bottom:2px solid #2d6f61;padding-bottom:8px}.preview-compose{color:#617466;background:#f3f3e9;border-radius:8px;justify-content:space-between;margin-bottom:12px;padding:12px 8px;font-size:10px;display:flex}.week-heading{text-align:center;grid-template-columns:repeat(4,1fr);margin-bottom:14px;font-size:9px;line-height:1.8;display:grid}.week-heading b{font-size:13px}.week-grid{grid-template-columns:34px 1fr;align-items:start;gap:9px;font-size:9px;display:grid}.week-grid>span{color:#65786b;padding-top:10px}.calendar-event{background:#d8e9dd;border-left:3px solid #4b8b68;border-radius:5px;min-height:65px;padding:13px 9px;font-size:11px}.calendar-event small,.calendar-upcoming small{margin-top:5px;font-size:9px;display:block}.family-event{background:#f6e7bc;border-color:#d09f40}.calendar-empty{border-top:1px solid #e0e5dc;height:35px}.calendar-upcoming{border:1px solid #d4dfd2;border-radius:8px;margin-top:20px;padding:14px 10px;font-size:11px}.carousel-controls{justify-content:space-between;align-items:center;gap:15px;margin-top:15px;display:flex}.carousel-controls p{color:var(--muted);margin:0;font-size:13px}.carousel-controls>div{align-items:center;gap:14px;display:flex}.carousel-controls button{cursor:pointer;width:44px;height:44px;color:var(--text);background:#f1f5e8;border:1px solid #bcccaf;border-radius:50%;place-items:center;display:grid}.carousel-controls button:hover{background:#dfeacc}.carousel-controls button:disabled{opacity:.35;cursor:default}#preview-count{text-align:center;min-width:36px;font-size:13px}.phone{box-shadow:0 3px 12px #254c3910}@media (width<=600px){.app-panels{gap:14px}.app-panel{flex-basis:88%;min-height:600px;padding:24px 18px 0}.app-panel>h3{text-align:left;min-height:56px;font-size:24px}.app-panel .phone{max-width:270px;margin-bottom:-24px}.carousel-controls p{max-width:140px;font-size:12px}.carousel-controls>div{gap:8px}}@media (prefers-reduced-motion:reduce){.app-panels{scroll-behavior:auto}}.local-times{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;display:grid}.local-times>div{background:#f0f4e9;border:1px solid #dce4d8;border-radius:9px;padding:12px 8px}.local-times small,.local-times span{font-size:9px;display:block}.local-times b{margin:8px 0;font-size:25px;display:block}.now-checkin{background:#f3f1df;border-radius:9px;margin:17px 0;padding:15px 12px;font-size:12px}.now-checkin small{margin-bottom:9px;font-size:9px;display:block}.now-checkin b{display:block}.now-checkin p{margin:8px 0 0;font-size:11px}.phone .calendar-upcoming{margin-bottom:20px}.mood-history{border-bottom:1px solid #adbdab;align-items:end;gap:10px;height:125px;padding:10px 6px 0;display:flex}.mood-history i{height:var(--level);background:#6b977b;border-radius:5px 5px 0 0;flex:1}.week-labels{text-align:center;white-space:pre;margin-top:8px;font-size:9px}.health-caption{margin-top:20px}.timezone-choice{text-align:right;color:#526b58;margin-bottom:12px;font-size:9px}.album-board{background-color:#f2f2e9;background-image:radial-gradient(#c6cdbd 1px,#0000 1px);background-size:12px 12px;border-radius:8px;padding:12px;position:relative}.album-board>img{object-fit:cover;border:4px solid #fff;border-radius:5px;width:100%;height:112px}.board-note{background:#fff0bc;margin:10px 0;padding:12px;font-size:11px}.board-note p{margin:7px 0 0;font-size:10px}.board-list{background:#fffef7;padding:12px;font-size:10px}.board-list b{margin-bottom:8px;display:block}.board-list span{margin:6px 0;display:block}.board-list span:before{content:"";border:1px solid #779077;width:7px;height:7px;margin-right:6px;display:inline-block}.board-list .checked:before{background:#719674}.app-panel{min-height:640px}.app-panel .phone{min-height:525px}.checkin-days{grid-template-columns:repeat(7,1fr);gap:3px;margin:25px 0;display:grid}.checkin-days span{text-align:center;color:#637365;font-size:8px}.checkin-days b{color:#365e42;background:#e2ebdc;border-radius:50%;place-items:center;width:22px;height:22px;margin:9px auto;font-size:10px;display:grid}.meal-photos{grid-template-columns:1fr 1fr;gap:5px;display:grid}.meal-photos img{object-fit:cover;border:3px solid #fff;border-radius:4px;width:100%;height:75px}.meal-photos img:first-child{grid-column:1/-1;height:100px}.dinner-photo{object-position:center 52%}nav{flex-wrap:wrap;gap:20px}.nav-links{margin-left:auto}.language-picker select{font:14px var(--sans);color:var(--text);background:#f2f5ea;border:1px solid #c5d4bc;border-radius:8px;padding:9px 10px}.sr-label{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}html[lang=ja] body{font-family:Instrument Sans,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}html[lang=ko] body{font-family:Instrument Sans,Apple SD Gothic Neo,Malgun Gothic,sans-serif}html[lang=zh-CN] body{font-family:Instrument Sans,PingFang SC,Microsoft YaHei,sans-serif}.app-panel>h3{min-height:75px}h1,h2,h3{overflow-wrap:anywhere}@media (width<=600px){nav{gap:10px;padding-block:14px}.language-picker{margin-left:auto}.hero h1{font-size:38px}.nav-links{gap:10px}.app-panel>h3{font-size:22px}}[hidden]{display:none!important}.family-demo{padding:40px 0 80px}.family-demo .section-head{text-align:left;margin-bottom:34px}.demo-lede{color:var(--muted);max-width:46ch;margin:0}.family-demo :is(h2,.demo-lede,.pin-bubble p,.map-caption){word-break:auto-phrase}.demo-grid{grid-template:"cities map""summary map""meal map""note map"1fr/minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:18px 40px;display:grid}.demo-cities{grid-area:cities;gap:12px;display:grid}.demo-summary{grid-area:summary}.meal-form{grid-area:meal}.demo-note{grid-area:note;margin:0}.demo-map-box{grid-area:map;gap:12px;display:grid}.demo-field{gap:6px;display:grid}.family-demo .who{letter-spacing:.14em;color:#356c55;font-size:11px;font-weight:600}.family-demo .who.fam{color:#b0601a}.family-demo input{border-radius:12px;height:50px;margin:0;font-size:16px}.fine{color:var(--muted);margin:0;font-size:12px}.fine:empty{display:none}.demo-summary{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-person{border:1px solid var(--line);background:#fffdf0;border-radius:14px;padding:11px 14px;display:grid}.demo-person b{font-size:15px;font-weight:600}.demo-person span:last-child{font-family:var(--serif);font-size:28px;line-height:1.2}.demo-apart{color:var(--muted);text-align:center;grid-column:1/-1;margin:0;font-size:13px}.meal-form{gap:10px;padding-top:6px;display:grid}.meal-form label{font-family:var(--serif);color:var(--text);font-size:26px;line-height:1.2}.meal-input{gap:8px;display:flex}.meal-input input{flex:1;min-width:0}.family-demo .meal-input .button{flex:none;min-height:50px;padding:0 20px}.meal-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--text);font:13px var(--sans);cursor:pointer;background:#fffdf0;border:1px solid #c9d6b1;border-radius:999px;padding:7px 12px}.chip:hover{border-color:var(--amber)}.demo-map{background:#eaf1ed;border:1px solid #d4e0c9;border-radius:18px;position:relative;overflow:hidden}#family-map svg{width:100%;height:auto;display:block}.map-pins{pointer-events:none;position:absolute;inset:0}.map-example{border:1px solid var(--line);color:var(--muted);background:#fffdf0e6;border-radius:999px;padding:2px 10px;font-size:11px;position:absolute;top:12px;left:12px}.city-label{color:#244831;white-space:nowrap;background:#fffdf0d9;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:650;position:absolute;transform:translate(-50%,22px)}.pin{width:0;height:0;position:absolute}.pin-dot{background:#fff;border:2px solid #356c55;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;line-height:1;display:grid;position:absolute;top:0;left:0;translate:-50% -50%;box-shadow:0 4px 14px #23452e33}.pin.fam .pin-dot{border-color:#d8812a}.pin-bubble{z-index:1;background:#fff;border-radius:14px;width:max-content;max-width:220px;padding:8px 12px;font-size:13px;line-height:1.4;position:absolute;bottom:26px;left:0;translate:-50%;box-shadow:0 6px 20px #23452e26}.pin.fam .pin-bubble{background:#fff3df}.pin-bubble.below{top:46px;bottom:auto}.pin-bubble.left{translate:-24px}.pin-bubble.right{translate:calc(24px - 100%)}.pin-bubble small{color:var(--muted);margin-bottom:1px;font-size:10px;display:block}.pin-bubble p{overflow-wrap:anywhere;margin:0}.trail-dot{background:#fffdf0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;line-height:1;display:grid;position:absolute;translate:-50% -50%;box-shadow:0 2px 8px #23452e2e}.map-caption{color:var(--muted);margin:0;font-size:13px}.map-caption:empty{display:none}.family-demo .demo-cta{justify-self:start}@media (prefers-reduced-motion:no-preference){.pin.pop .pin-dot,.trail-dot.pop{animation:.5s cubic-bezier(.3,1.6,.5,1) both pin-pop}.pin.pop .pin-bubble{animation:.4s ease-out .2s both bubble-in}}@keyframes pin-pop{0%{scale:0}}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}}@media (width<=800px){.demo-grid{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"cities""summary""meal""note""map"}}@media (width<=600px){.family-demo{padding-block:20px 50px}.pin-dot{width:30px;height:30px;font-size:16px}.pin-bubble{max-width:150px;padding:6px 9px;font-size:12px;bottom:20px}.pin-bubble.below{top:38px}.pin-bubble small{font-size:9px}.city-label{font-size:11px;transform:translate(-50%,17px)}.trail-dot{width:22px;height:22px;font-size:12px}.meal-form label,.demo-person span:last-child{font-size:22px}}.nav-links .nav-cta{color:var(--text);border:1px solid #c5d4bc;border-radius:20px;padding:8px 14px}.demo-flight{font-family:var(--serif);text-align:center;color:var(--text);grid-column:1/-1;margin:2px 0 0;font-size:22px;font-style:italic}.footer-lines{gap:4px;display:grid}@media (width<=800px){footer{flex-wrap:wrap}footer p{display:block}.footer-lines{order:3;width:100%}}@media (width<=600px){nav{flex-wrap:wrap;gap:0 12px;padding-block:14px}.nav-links{order:2;justify-content:space-between;width:100%;margin:10px 0 0}.language-picker{order:1}.nav-links .nav-cta{padding:6px 10px}}:lang(ja) :is(h1,h2,h3,p,figcaption,.lede,.caption){word-break:auto-phrase}
