:root{--bg:#faf7f2;--ink:#383b33;--muted:#797b70;--accent:#e5a877;--line:#e6e2d9;--peach:#f4d4b8;--lavender:#e2dcf0;--sage:#dfe7d9;--yellow:#f1e6b9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a36541;outline-offset:5px}h1,h2,h3,p{margin:0}h2{font-size:40px;line-height:1.5;font-weight:650;letter-spacing:-1px}h3{font-size:21px;line-height:1.5;font-weight:600}.container{width:min(1180px,calc(100% - 100px));margin:auto}.header{height:98px;max-width:1360px;margin:auto;padding:0 50px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:650;font-size:20px;flex-shrink:0}.brand img{border-radius:12px;object-fit:cover}.brand small{display:block;font-size:12px;letter-spacing:3px;font-weight:500;margin-top:3px}.header nav{display:flex;gap:33px;font-size:14px;color:#606256}.header nav a{transition:color .2s}.header nav a:hover{color:#a2643d}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--ink);color:#fffdf9;border:1px solid var(--ink);padding:17px 24px;border-radius:8px;font-size:15px;font-weight:500;transition:background .2s,transform .2s;position:relative;z-index:1}.button:hover{background:#555b48;transform:translateY(-2px)}.button svg{width:20px;height:20px}.button-small{padding:12px 17px;font-size:13px;gap:15px}.menu-toggle{display:none}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:2px;color:#777b69;font-weight:550}.hero{min-height:742px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:20px;padding-top:44px;padding-bottom:70px}.hero-copy{position:relative;z-index:2;padding-bottom:10px}.hero-copy .eyebrow{font-size:14px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.tiny-sun{font-size:25px;color:#bb8a62}.hero h1{font-size:66px;line-height:1.4;letter-spacing:-3px;margin:27px 0 28px;font-weight:650}.underlined{position:relative}.underlined:after{content:"";position:absolute;left:0;right:4px;bottom:-9px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='12' viewBox='0 0 320 12'%3E%3Cpath d='M2 8Q120 -2 318 8' fill='none' stroke='%23e5a877' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}.hero-description{font-size:17px;color:var(--muted);line-height:1.95;margin-top:22px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.text-link{display:flex;align-items:center;gap:9px;font-size:14px}.text-link:hover{color:#a2643d}.play{font-size:20px;border:1px solid #cacbc2;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;padding-left:2px}.hero-notes{display:flex;gap:19px;margin-top:30px;font-size:12px;color:#7a7c70}.hero-notes span{display:flex;align-items:center;gap:4px}.hero-notes svg{width:15px;height:15px;stroke:#859575}.hero-visual{position:relative;min-width:0;height:615px;isolation:isolate}.orbit{position:absolute;border:1px solid #e9d9ca;border-radius:50%;z-index:-1;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-one{width:600px;height:490px;background:radial-gradient(ellipse,#f0dfce88,transparent 70%)}.orbit-two{width:540px;height:580px;transform:translate(-50%,-50%) rotate(25deg);border-color:#e8e4d8}.phone{overflow:hidden;border:7px solid #32312f;border-radius:36px;background:#242121;box-shadow:0 22px 38px #35372c24,0 0 0 1px #b4b0a7;line-height:0}.phone img{display:block;width:100%;height:auto}.hero .phone{position:absolute;width:236px}.phone-back{right:8px;top:44px;transform:rotate(11deg)}.phone-front{left:63px;top:92px;transform:rotate(-9deg);z-index:2}.floating-note{position:absolute;display:flex;align-items:center;gap:11px;background:#fffffff5;border:1px solid #eeebe5;border-radius:13px;box-shadow:0 12px 24px #433b2e0d;padding:13px 16px;font-size:14px;font-weight:550;z-index:3;white-space:nowrap}.floating-note small{display:block;font-size:12px;font-weight:400;color:#818176;margin-top:4px}.note-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center}.note-icon svg{width:22px;height:22px}.peach{background:var(--peach)}.lavender{background:var(--lavender)}.yellow{background:var(--yellow)}.sage{background:var(--sage)}.note-sleep{top:51px;left:22px;transform:rotate(-5deg)}.note-milk{bottom:47px;right:-1px;transform:rotate(5deg)}.note-check{margin-left:10px;color:#687c60;font-size:18px;background:#eef1e9;border-radius:50%;height:26px;width:26px;display:grid;place-items:center}.hero-star{position:absolute;color:#b28a66}.star-one{top:10px;right:58px;font-size:42px;transform:rotate(15deg)}.star-two{bottom:72px;left:7px;font-size:47px}.handwritten{position:absolute;bottom:-8px;left:105px;color:#888a76;font-family:"Kaiti SC",STKaiti,serif;font-size:18px;transform:rotate(-5deg);letter-spacing:1px}.handwritten svg{width:78px;height:32px;vertical-align:middle;margin-left:8px}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f3f0e8}.intro-strip>.container{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:29px 0;font-size:14px;color:#727669}.intro-strip>.container>span{font-family:"Kaiti SC",STKaiti,serif;font-size:18px;letter-spacing:1px}.intro-strip .container>div{display:flex;gap:35px}.intro-strip .container>div>span{display:flex;align-items:center;gap:9px}.intro-strip svg{width:19px;height:19px}.section{padding-top:105px;padding-bottom:95px}.section-heading{text-align:center;margin-bottom:43px}.section-heading h2{margin-top:15px}.section-heading>p:last-child{font-size:16px;color:var(--muted);line-height:1.8;margin-top:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:30px 27px 15px;background:#fffdfa;border:1px solid var(--line);border-radius:17px;overflow:hidden}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;margin-bottom:23px}.feature-icon svg{width:26px;height:26px}.feature-card>p{font-size:14px;line-height:1.95;color:var(--muted);margin-top:12px}.gesture-art{height:157px;position:relative;margin-top:24px}.gesture-item{position:absolute;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;z-index:1;box-shadow:0 3px 8px #5555550a}.gesture-item:nth-child(1){left:15px;top:10px}.gesture-item:nth-child(2){left:75px;top:35px}.gesture-item:nth-child(3){left:106px;top:88px}.gesture-plus{position:absolute;top:84px;right:35px;background:#ead1cc;color:#725c56;border-radius:50%;width:51px;height:51px;display:grid;place-items:center;font-size:32px}.gesture-line{width:220px;height:90px;position:absolute;top:17px;left:14px;stroke:#bcb6a6;stroke-dasharray:4 5}.gesture-label{position:absolute;bottom:10px;left:0;font-size:12px;color:#969789}.mini-summary{display:flex;position:relative;gap:19px;padding:28px 17px 44px;margin-top:27px;border-radius:10px;background:#f6f4ef}.mini-summary>div{flex:1}.mini-summary span{font-size:12px;color:#75796d}.mini-summary strong{display:block;font-family:Georgia,serif;font-size:28px;font-weight:500;margin:10px 0 13px;white-space:nowrap}.mini-summary small{font-size:12px;font-family:inherit;color:#797b70}.mini-summary .bar{display:block;width:100%;height:4px;border-radius:5px}.sample-label{position:absolute;left:17px;bottom:14px;font-size:12px!important;color:#929386!important}.hint-art{padding:20px;margin-top:25px;border:1px solid #e0e6d8;border-radius:12px;background:#f0f3eb}.hint-art>span{display:flex;align-items:center;gap:6px;font-size:12px;color:#737c61}.hint-art svg{width:16px;height:16px}.hint-art>strong{display:block;font-size:16px;margin-top:13px;font-weight:550}.hint-art p{font-size:12px;color:#828773;line-height:1.8;margin-top:7px}.hint-dots{display:flex;gap:15px;margin-top:19px;justify-content:space-between}.hint-dots i{width:7px;height:7px;background:#becaaf;border-radius:50%}.hint-dots i:nth-child(3n){background:#dee4d6}.feature-footnote{font-size:12px;line-height:1.8;color:#838576;text-align:center;margin-top:23px}.preview-section{background:#efede5;border-top:1px solid #e7e5db;border-bottom:1px solid #e7e5db;padding:85px 0}.preview-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.preview-stage{position:relative;min-height:610px;background:#e5e7dc;border-radius:160px 160px 20px 20px;display:flex;justify-content:center;align-items:center;padding:52px 25px 35px;overflow:hidden}.preview-phone{width:238px;z-index:1;transform:rotate(-4deg);border-radius:34px}.stage-caption{position:absolute;top:25px;left:50%;transform:translateX(-50%);font-size:12px;color:#7d8371;letter-spacing:1px;white-space:nowrap}.stage-decoration{position:absolute;bottom:45px;left:28px;z-index:2;font-size:34px;line-height:1.05;font-family:Georgia,serif;color:#6c7762;transform:rotate(-8deg);text-shadow:0 0 12px #e5e7dc}.stage-decoration em{font-weight:400}.stage-flower{position:absolute;right:22px;top:155px;font-size:64px;font-weight:300;color:#a5b494}.preview-copy h2{margin-top:15px}.section-description{font-size:16px;line-height:1.95;color:var(--muted);margin-top:20px}.preview-tabs{margin-top:28px}.preview-tab{display:flex;text-align:left;align-items:center;gap:20px;width:100%;border:0;border-bottom:1px solid #dddcd2;background:transparent;padding:23px 12px;color:#797b6f;transition:background .2s,border-radius .2s}.preview-tab.active{background:#fffdf8;border-radius:12px;border-color:transparent;color:var(--ink)}.preview-tab:hover{background:#ffffff80}.tab-number{font-size:13px;font-family:Georgia,serif;color:#969a8b}.preview-tab strong{display:block;font-size:17px;font-weight:550}.preview-tab small{display:block;font-size:13px;margin-top:8px;color:#838577}.preview-tab>svg{margin-left:auto;width:21px;color:#9c9e90}.preview-tab.active>svg{color:#ad7c53}.preview-copy [role="tabpanel"]{font-size:13px;color:#818477;line-height:1.9;margin-top:22px;min-height:55px}.together-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:110px;padding-bottom:110px}.together-copy h2{margin-top:17px}.check-list{list-style:none;padding:0;margin:27px 0}.check-list li{display:flex;gap:10px;align-items:center;font-size:14px;margin:17px 0;line-height:1.8}.check-list svg{width:19px;height:19px;padding:3px;background:#e7ecdf;border-radius:50%;color:#657950}.sharing-note{font-size:12px;line-height:1.9;color:#858778;max-width:390px}.family-art{position:relative;height:430px;background:#f1ebe0;border-radius:50% 48% 45% 42%;isolation:isolate}.family-label{position:absolute;top:12px;left:50%;transform:translateX(-50%);font-family:"Kaiti SC",STKaiti,serif;font-size:17px;white-space:nowrap;color:#959580}.family-person{position:absolute;text-align:center;display:flex;flex-direction:column;align-items:center;font-size:12px;gap:10px;z-index:2;color:#6c7261}.avatar{width:64px;height:64px;border:5px solid var(--bg);border-radius:50%;display:grid;place-items:center;font-size:23px;font-family:serif;color:#687764;background:#dbe5d6}.person-one{top:60px;left:44px}.person-two{right:32px;top:55px}.person-two .avatar{background:#f2d6ce;color:#9b7165}.person-three{right:42px;bottom:42px}.person-three .avatar{background:#e5dcf1;color:#887497}.family-center{position:absolute;top:139px;left:50%;transform:translateX(-50%) rotate(-3deg);width:218px;border:1px solid #e6e1d5;border-radius:19px;background:#fffdf9;box-shadow:0 13px 25px #68614c10;display:flex;align-items:center;flex-direction:column;padding:20px 10px;z-index:1}.family-center img{border-radius:20px}.family-center strong{font-size:16px;margin-top:13px;font-weight:550}.family-center>span{font-size:12px;margin-top:8px;color:#92967f}.family-center i{display:inline-block;width:5px;height:5px;background:#8b9c77;border-radius:50%;margin-right:3px}.family-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#c6c2af;stroke-dasharray:4 6;z-index:-1}.family-event{position:absolute;bottom:30px;left:19px;background:#fffdf9;box-shadow:0 6px 15px #524f3b08;border-radius:10px;padding:14px;display:flex;align-items:center;gap:10px;font-size:12px;transform:rotate(4deg)}.family-event svg{width:18px;height:18px;color:#b68a5f}.family-event svg:last-child{color:#829471;margin-left:14px}.family-star{position:absolute;left:0;top:180px;font-size:42px;color:#b3926f}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.35fr;gap:70px;padding:85px 0 100px}.faq-heading h2{font-size:32px;margin-top:16px}.faq-heading>p:last-child{font-size:14px;color:var(--muted);margin-top:16px;line-height:1.9}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:15px;padding:24px 0;gap:20px;font-weight:500;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{flex-shrink:0;width:16px;height:16px;position:relative}.faq-plus:before,.faq-plus:after{content:"";position:absolute;left:0;top:7px;width:14px;height:1px;background:#797c6a}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}details[open] .faq-plus:after{transform:rotate(0)}.faq-list details p{font-size:14px;line-height:1.95;color:var(--muted);padding:0 32px 24px 0}.start-section{text-align:center;background:#f0dec9;border-radius:22px;padding:60px 20px 54px;position:relative;overflow:hidden;isolation:isolate}.start-section h2{font-size:39px;margin-top:12px}.start-section>p:not(.eyebrow){font-size:15px;color:#887d6b;margin-top:18px}.start-section .button{margin-top:28px}.start-note{display:block;font-size:12px;color:#948872;margin-top:19px;letter-spacing:1px}.start-star{position:absolute;top:44px;left:90px;font-size:60px;color:#c29e79;transform:rotate(15deg)}.start-orbit{position:absolute;width:600px;height:400px;border:1px solid #dcc7ae;border-radius:50%;right:-230px;bottom:-130px;transform:rotate(-25deg);z-index:-1}.start-orbit:after{content:"";position:absolute;inset:35px;border:1px solid #dcc7ae;border-radius:50%}.footer{padding:60px 0 25px;display:flex;align-items:center;gap:35px;flex-wrap:wrap}.footer .brand{font-size:17px}.footer .brand small{letter-spacing:1px;font-size:12px;color:#949786;font-weight:400}.footer>p{font-size:12px;color:#909382;margin-left:auto}.footer>.footer-links{font-size:12px;display:flex;align-items:center;gap:13px}.footer svg{width:17px;height:17px}.copyright{width:100%;border-top:1px solid var(--line);margin-top:10px;padding-top:23px;font-size:12px;color:#949786;text-align:center;letter-spacing:.3px}dialog{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:22px;width:min(480px,calc(100% - 36px));padding:36px;box-shadow:0 24px 70px #1e241e38}dialog::backdrop{background:#282c2570;backdrop-filter:blur(5px)}dialog>img{border-radius:17px}dialog .eyebrow{font-size:12px;margin-top:20px}dialog h2{font-size:26px;margin-top:10px}dialog ol{padding-left:24px;margin:25px 0}dialog li{padding-left:7px;margin-bottom:18px;font-size:14px}dialog li::marker{color:#b5835b}dialog li span{display:block;font-size:13px;color:var(--muted);line-height:1.8;margin-top:5px}dialog .button{width:100%;font-size:14px;padding:13px}.dialog-note{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:22px}.dialog-close{position:absolute;right:17px;top:13px;background:transparent;border:0;color:#7a7d6e;font-size:28px;width:36px;height:36px}.dialog-close:hover{background:#eeebe3;border-radius:50%}
@media(min-width:1500px){.hero{min-height:800px}.hero-visual{transform:scale(1.05)}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header{padding:0 32px}.header nav{gap:22px}.hero{grid-template-columns:1fr 1fr;min-height:690px}.hero h1{font-size:55px}.hero-visual{height:555px}.hero .phone{width:205px}.phone-front{left:26px}.phone-back{right:0}.orbit-one{width:480px;height:400px}.orbit-two{width:430px;height:510px}.note-sleep{left:-5px}.note-milk{bottom:28px;right:-5px}.handwritten{left:65px;bottom:-15px}.hero-actions{gap:19px}.hero-actions .button{font-size:14px;padding:16px 18px;gap:15px}.text-link{font-size:12px}.hero-notes{gap:12px;font-size:12px}.intro-strip .container>div{gap:18px}.intro-strip>.container>span{font-size:16px}.feature-card{padding:25px 21px 15px}h3{font-size:19px}.preview-layout{gap:60px}.together-section{gap:35px}.faq-section{gap:50px}.family-person.person-one{left:21px}.person-two{right:12px}.family-center{width:190px}.family-event{left:8px;padding:12px;gap:7px}}
@media(max-width:800px){.container{width:calc(100% - 44px)}.header{height:80px;padding:0 22px;gap:18px}.brand{font-size:17px}.brand img{width:35px;height:35px}.brand small{font-size:12px;letter-spacing:2px}.header nav{gap:17px;font-size:12px}.nav-cta{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding:50px 0 45px;text-align:center;gap:15px}.hero-copy .eyebrow,.hero-actions,.hero-notes{justify-content:center}.hero h1{font-size:58px;line-height:1.35;margin:22px 0 30px}.hero-description{font-size:16px;line-height:1.85}.desktop-break{display:none}.hero-visual{width:530px;max-width:100%;height:595px;margin:0 auto}.hero .phone{width:228px}.phone-front{left:65px;top:82px}.phone-back{right:25px;top:38px}.note-sleep{left:20px;top:30px}.note-milk{bottom:35px;right:0}.handwritten{bottom:0;left:95px}.orbit-one{width:540px;height:470px}.orbit-two{width:470px;height:540px}.hero-star.star-one{right:55px;top:0}.star-two{left:18px}.intro-strip>.container{flex-direction:column;gap:17px;padding:25px 0}.intro-strip .container>div{gap:32px;font-size:12px}.section{padding:70px 0}.section-heading h2,h2{font-size:33px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{display:grid;grid-template-columns:48px 1fr 220px;gap:0 20px;padding:25px;align-items:start}.feature-icon{grid-column:1;grid-row:1/3;margin:0}.feature-card h3{grid-column:2;margin-top:4px}.feature-card>p{grid-column:2;font-size:13px;margin-top:8px}.gesture-art,.mini-summary,.hint-art{grid-column:3;grid-row:1/3;margin:0}.gesture-art{height:145px}.gesture-plus{right:0}.gesture-item:nth-child(1){left:0}.gesture-item:nth-child(2){left:54px;top:35px}.gesture-item:nth-child(3){left:82px}.gesture-line{left:0;width:180px}.mini-summary{gap:10px;padding:19px 12px 35px}.mini-summary strong{font-size:23px}.hint-art{padding:17px 12px}.hint-art>strong{font-size:14px}.preview-section{padding:60px 0}.preview-layout{gap:35px;grid-template-columns:1fr 1fr}.preview-stage{min-height:520px;padding:40px 20px 25px;border-radius:120px 120px 15px 15px}.preview-phone{width:205px}.stage-decoration{font-size:26px;left:12px;bottom:22px}.stage-flower{right:8px;font-size:45px;top:100px}.preview-tab{gap:12px;padding:18px 10px}.preview-tab strong{font-size:15px}.preview-tab small{font-size:12px;line-height:1.7}.preview-copy .section-description{font-size:14px}.preview-tabs{margin-top:18px}.together-section{grid-template-columns:1fr 1fr;gap:20px}.check-list li{font-size:12px;align-items:flex-start}.check-list svg{margin-top:3px}.family-art{height:370px}.family-center{top:135px;width:155px;padding:15px 8px}.family-center img{width:55px;height:55px}.family-center strong{font-size:14px}.family-center>span{font-size:12px}.avatar{width:55px;height:55px;font-size:19px}.person-one{top:68px}.person-two{top:45px}.person-three{right:20px;bottom:23px}.family-label{font-size:14px;top:20px}.family-event{bottom:0;font-size:12px;padding:10px;gap:5px}.family-event svg:last-child{margin-left:0}.family-star{font-size:30px;top:185px;left:5px}.faq-section{grid-template-columns:1fr;gap:20px;padding:60px 0}.faq-heading h2{font-size:29px}.faq-list summary{padding:22px 0}.start-section{padding:50px 20px}.start-section h2{font-size:33px}.start-star{left:30px;top:30px;font-size:38px}.footer{gap:20px;padding-top:40px}.footer>p{display:none}.footer>.footer-links{margin-left:auto}}
@media(max-width:560px){html{scroll-padding-top:30px}.container{width:calc(100% - 40px)}.header{height:76px;padding:0 20px;position:relative}.header nav{display:none;position:absolute;top:75px;left:0;right:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line);padding:20px;box-shadow:0 14px 18px #323b2810}.header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:0}.header nav a{padding:14px;font-size:14px}.menu-toggle{display:flex;width:40px;height:40px;border:1px solid var(--line);background:transparent;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-toggle span{width:17px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{padding:38px 0 24px;gap:32px;overflow:hidden;width:100%}.hero-copy{padding:0 20px}.hero-copy .eyebrow{font-size:12px;letter-spacing:1px}.tiny-sun{font-size:21px}.hero h1{font-size:47px;letter-spacing:-2px;line-height:1.4;margin:19px 0 25px}.hero-description{font-size:14px;line-height:1.95}.hero-actions{gap:18px;margin-top:25px;flex-wrap:wrap}.hero-actions .button{padding:14px 17px;font-size:13px;gap:15px}.text-link{font-size:12px;gap:6px}.play{width:24px;height:24px;font-size:16px}.hero-notes{gap:15px;font-size:12px;margin-top:22px}.hero-notes svg{width:12px;height:12px}.hero-visual{width:360px;height:445px}.hero .phone{width:163px;border-width:5px;border-radius:25px}.phone-front{left:42px;top:70px}.phone-back{right:35px;top:28px}.orbit-one{width:365px;height:330px}.orbit-two{width:330px;height:420px}.floating-note{padding:10px;gap:8px;font-size:12px;border-radius:10px}.floating-note small{font-size:12px}.note-icon{width:29px;height:29px;border-radius:8px}.note-icon svg{width:18px;height:18px}.note-sleep{top:20px;left:10px}.note-milk{bottom:26px;right:5px}.note-check{width:21px;height:21px;margin-left:3px;font-size:13px}.hero-star.star-one{font-size:27px;right:60px;top:-4px}.star-two{font-size:31px;bottom:42px;left:10px}.handwritten{font-size:15px;bottom:-1px;left:60px}.handwritten svg{width:56px}.intro-strip>.container>span{font-size:15px;letter-spacing:.5px}.intro-strip .container>div{display:grid;grid-template-columns:1fr 1fr;gap:16px 38px;font-size:12px}.intro-strip svg{width:18px;height:18px}.eyebrow{font-size:12px;letter-spacing:1.5px}h2,.section-heading h2{font-size:28px;line-height:1.55;letter-spacing:-.6px}.section{padding:58px 0}.section-heading{margin-bottom:28px}.section-heading>p:last-child{font-size:13px;margin-top:13px}.feature-card{display:block;padding:26px 26px 17px}.feature-icon{margin-bottom:20px}.feature-card h3{font-size:20px}.feature-card>p{font-size:14px;line-height:1.85;margin-top:10px}.gesture-art{width:240px;height:150px;margin:25px auto 0}.gesture-item:nth-child(1){left:15px}.gesture-item:nth-child(2){left:75px}.gesture-item:nth-child(3){left:106px}.gesture-plus{right:10px}.gesture-line{width:220px;left:0}.gesture-label{bottom:0;left:2px;font-size:12px}.mini-summary{margin-top:25px;padding:23px 20px 39px;gap:20px}.mini-summary strong{font-size:27px}.sample-label{left:20px}.hint-art{padding:19px;margin-top:23px;margin-bottom:7px}.hint-art>strong{font-size:17px}.hint-art p{font-size:12px}.feature-footnote{text-align:left;font-size:12px;margin-top:18px}.preview-section{padding:55px 0}.preview-layout{display:flex;flex-direction:column;gap:35px}.preview-stage{width:100%;max-width:390px;min-height:550px;order:2;padding:45px 25px 25px;border-radius:130px 130px 18px 18px}.preview-phone{width:218px}.stage-caption{top:20px}.stage-decoration{left:22px;bottom:28px;font-size:31px}.stage-flower{right:16px;top:140px;font-size:57px}.preview-copy{width:100%}.preview-copy h2 br{display:none}.preview-copy h2{margin-top:12px}.preview-copy .section-description{font-size:14px;margin-top:12px}.preview-copy .section-description br{display:none}.preview-tabs{margin-top:23px}.preview-tab{padding:17px 14px;gap:20px}.preview-tab strong{font-size:16px}.preview-tab small{font-size:12px}.preview-copy [role="tabpanel"]{font-size:12px;margin-top:18px;min-height:46px}.together-section{display:flex;flex-direction:column;gap:35px}.together-copy{width:100%}.together-copy h2{margin-top:12px}.section-description{font-size:14px;margin-top:15px}.check-list{margin:23px 0}.check-list li{font-size:13px;line-height:1.8}.sharing-note{font-size:12px}.family-art{width:100%;height:375px;max-width:390px}.family-center{top:133px;width:185px;padding:20px 10px}.family-center img{width:65px;height:65px}.family-center strong{font-size:15px}.family-center>span{font-size:12px}.family-person.person-one{left:20px;top:53px}.person-two{right:20px;top:45px}.person-three{right:25px;bottom:15px}.avatar{width:58px;height:58px;font-size:21px}.family-event{bottom:13px;left:8px;font-size:12px;padding:12px}.family-label{font-size:15px;top:5px}.family-star{left:0;top:186px}.faq-section{padding:52px 0}.faq-heading h2{font-size:28px}.faq-heading>p:last-child{font-size:13px;margin-top:10px}.faq-list summary{font-size:14px;padding:21px 0}.faq-list details p{font-size:13px;padding-right:10px}.start-section{width:calc(100% - 28px);border-radius:16px;padding:46px 20px 38px}.start-section h2{font-size:29px;position:relative}.start-section>p:not(.eyebrow){font-size:13px;margin-top:15px}.start-section .eyebrow{font-size:12px;position:relative}.start-star{font-size:32px;top:75px;left:13px;opacity:.7}.start-section .button{font-size:13px;padding:14px 20px}.start-note{font-size:12px}.footer{padding:35px 0 23px;gap:15px}.footer .brand{font-size:15px}.footer .brand small{font-size:12px}.footer>.footer-links{font-size:12px;gap:7px}.copyright{font-size:12px;margin-top:7px}dialog{padding:30px 25px}dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep the marketing copy readable on every screen size. */
.hero-description,.feature-card>p,.section-description,.section-heading>p:last-child,.faq-list details p{font-size:16px}.header nav,.text-link,.preview-tab small,.check-list li,.start-section>p:not(.eyebrow){font-size:14px}.hero-notes{flex-wrap:wrap}.floating-note small{font-size:12px}.family-event{font-size:12px}.family-center>span{font-size:12px}.mini-summary small{font-size:12px}.sample-label{font-size:12px!important}.hint-art p,.hint-art>span{font-size:12px}.start-section .eyebrow{font-size:12px}.footer .brand small{font-size:12px}.brand small{font-size:12px;letter-spacing:2px}.dialog-note,dialog li span{font-size:14px}
@media(max-width:800px) and (min-width:561px){.feature-card{grid-template-columns:48px 1fr}.gesture-art,.mini-summary,.hint-art{grid-column:2;grid-row:3;width:100%;max-width:310px;margin-top:20px}.gesture-art{width:240px}.family-center{width:175px}.family-center>span{font-size:12px}.family-event{max-width:190px;font-size:12px}.family-event svg:last-child{display:none}}
@media(max-width:560px){.hero-description{font-size:15px}.hero-actions{gap:15px}.hero-notes{gap:10px}.hero-notes span{gap:3px}.hero-visual{height:460px}.note-sleep{left:0}.note-milk{right:0;bottom:35px}.note-check{display:none}.floating-note{font-size:12px}.brand small{letter-spacing:2px}.start-star{left:10px;font-size:25px}.footer .brand small{font-size:12px;letter-spacing:0}.footer>.footer-links{font-size:12px}.hint-art p{font-size:12px}.hero-visual .note-icon{width:26px}.family-center>span{font-size:12px}.family-event{font-size:12px}}
@media(max-width:360px){.hero-visual{width:320px}.hero .phone{width:150px}.phone-front{left:29px}.phone-back{right:21px}.hero-actions{gap:12px}.hero-actions .button{font-size:13px;padding:13px}.text-link{font-size:13px}.hero-notes{font-size:12px;gap:6px}.hero h1{font-size:43px}.note-milk{bottom:55px}.footer .brand img{width:29px;height:29px}.footer .brand small{font-size:12px}.family-event{font-size:12px;gap:5px}.family-event svg:last-child{display:none}}