@font-face{font-family:Pretendard;src:url('assets/PretendardVariable.woff2') format('woff2');font-display:swap;font-weight:100 900}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#222b42;background:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;font-size:16px;line-height:1.65;word-break:keep-all}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #dfaa22;outline-offset:5px}button{border:0}svg{flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.paw{width:20px;height:20px;fill:currentColor}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;padding:12px 20px;background:#fff}.skip-link:focus{top:10px}.site-header{height:94px;background:rgba(255,255,255,.94);border-bottom:1px solid #f0f1f5;position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.nav-shell{max-width:1280px;margin:auto;height:100%;display:flex;align-items:center;gap:32px;padding:0 42px}.brand{font-family:Arial,sans-serif;font-weight:900;font-size:43px;letter-spacing:-3px;color:#3155ed;line-height:1;display:inline-flex;align-items:center}.brand-dot{color:#f0ba41}.brand-paw{margin-left:8px;width:18px;height:18px;transform:rotate(17deg)}nav{display:flex;gap:38px;margin:auto}nav a{font-weight:600;font-size:15px;color:#495267;transition:color .2s}nav a:hover{color:#3155ed}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 25px;border-radius:12px;font-weight:700;line-height:1.4;font-size:16px;transition:transform .2s,background .2s,box-shadow .2s;min-height:56px}.button:hover{transform:translateY(-2px)}.button.primary{background:#3155ed;color:white;box-shadow:0 5px 15px #3155ed13}.button.primary:hover{background:#2445d3;box-shadow:0 8px 20px #3155ed25}.button.small{font-size:14px;padding:12px 20px;min-height:44px;border-radius:9px}.button.light{background:#fff;color:#3155ed}.button.yellow-button{background:#ffe48c;color:#242c45}.icon-button{background:transparent;padding:10px;display:grid;place-items:center;border-radius:10px;color:inherit}.menu-toggle{display:none}.hero{max-width:1280px;margin:auto;min-height:715px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:60px 42px 74px;gap:15px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#3155ed;margin:0 0 25px;letter-spacing:.01em}.hero h1{font-size:clamp(45px,4.35vw,64px);line-height:1.29;letter-spacing:-.065em;font-weight:800;margin:0 0 24px}.hero h1 span{color:#3155ed}.hero-description{color:#717786;font-size:17px;line-height:1.9;margin:0 0 32px;letter-spacing:-.035em}.hero-actions{display:flex;align-items:center;gap:25px}.hero-actions .button{padding:17px 23px;gap:18px}.text-link{font-size:15px;font-weight:600;border-bottom:1px solid #b5bdce;padding:4px 0}.text-link:hover{color:#3155ed;border-color:#3155ed}.hero-note{display:flex;align-items:center;gap:6px;color:#818896;font-size:13px;margin:15px 0 0 3px}.hero-note .icon{width:15px;height:15px}.hero-art{height:560px;position:relative;isolation:isolate}.hero-orbit{width:455px;height:455px;background:#fff1bc;border-radius:50%;position:absolute;left:32px;top:47px;z-index:-1}.hero-orbit:after{content:'';position:absolute;inset:-20px;border:1px dashed #e9d994;border-radius:50%;opacity:.7}.hero-bono{position:absolute;width:435px;height:435px;object-fit:contain;left:6px;top:60px;filter:drop-shadow(0 20px 15px #7a5d0c0c);z-index:1}.hello-label{position:absolute;left:88px;top:15px;z-index:2;background:#fff;padding:9px 19px;border:1px solid #edf0f5;border-radius:15px 15px 3px 15px;font-size:14px;font-weight:700;transform:rotate(-7deg);box-shadow:0 5px 20px #29376808}.floating-note{background:white;box-shadow:0 15px 45px #202c5a12;border:1px solid #f0f2f6;padding:13px 17px;border-radius:16px;display:flex;align-items:center;gap:11px}.walk-note{position:absolute;left:-17px;bottom:57px;z-index:4;transform:rotate(-4deg)}.floating-note strong{font-size:13px;display:block}.floating-note span:not(.icon-circle):not(.mini-check){display:block;font-size:12px;color:#9398a5}.icon-circle{height:41px;width:41px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-circle.yellow{background:#fff0bd;color:#b88212}.icon-circle.peach{background:#fff0e7;color:#d98c57}.icon-circle.blue{background:#edf0ff;color:#4967e9}.mini-check{display:grid;place-items:center;background:#eaf6ed;color:#548864;border-radius:50%;width:21px;height:21px;margin-left:10px}.mini-check .icon{width:13px;height:13px}.diary-preview{position:absolute;right:-8px;top:215px;z-index:3;width:274px;background:#fff;border:1px solid #edf0f6;border-radius:20px;padding:22px;box-shadow:0 20px 65px #2b355d18;transform:rotate(6deg)}.preview-heading{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:800;letter-spacing:-.04em}.sample-label{font-size:11px;font-weight:500;padding:2px 7px;background:#f4f5f8;color:#8b91a0;border-radius:4px;letter-spacing:0}.preview-date{font-size:12px;color:#9399a7;display:flex;gap:10px;align-items:center;margin-top:3px;margin-bottom:20px}.preview-date .icon{width:15px;height:15px;color:#dcaa38}.preview-entry{display:flex;align-items:center;gap:10px;padding:11px 0}.preview-entry strong{font-size:13px;font-weight:700;display:block}.preview-entry span:not(.icon-circle):not(.entry-amount){display:block;font-size:11px;color:#9399a7}.preview-entry .icon-circle{width:35px;height:35px;border-radius:10px}.preview-entry .icon{width:20px;height:20px}.entry-amount{margin-left:auto;font-size:12px;font-weight:700;color:#788296}.preview-footer{display:flex;align-items:center;gap:8px;border-top:1px solid #f0f1f6;margin-top:12px;padding-top:14px;color:#8f95a3;font-size:10px}.avatar-stack{display:flex;padding-left:4px}.avatar-stack i{font-size:9px;font-style:normal;height:25px;width:25px;border:2px solid #fff;border-radius:50%;background:#dce6ff;display:grid;place-items:center;margin-left:-5px;color:#617ebc}.avatar-stack i:nth-child(2){background:#ffedcc;color:#b9924d}.avatar-stack i:nth-child(3){background:#f4dae4;color:#b77890}.love-sticker{position:absolute;right:11px;top:70px;display:flex;align-items:center;gap:9px;transform:rotate(9deg);color:#a88134;font-size:12px;font-weight:650;line-height:1.5}.love-sticker .icon{width:38px;height:38px;fill:#ffdf7e;stroke:#d6ad4e;stroke-width:1}.benefit-strip{background:#f7f8fc;border-top:1px solid #f0f2f8;border-bottom:1px solid #f0f2f8;display:flex;justify-content:center;gap:70px;padding:27px 30px;color:#666f82;font-size:14px;font-weight:500}.benefit-strip>span{display:flex;align-items:center;gap:12px}.benefit-strip .icon{width:21px;height:21px;color:#7b88aa}.benefit-strip>span:last-child .icon{fill:currentColor;stroke:none}footer{max-width:1196px;margin:auto;padding:40px 0;display:flex;align-items:center;gap:25px;border-top:1px solid #eceef3;color:#8a91a0;font-size:13px}footer .brand{font-size:33px}footer p{margin-left:auto}
.section{max-width:1196px;margin:auto;padding:105px 0}.section-heading h2,.family-copy h2,.meet-copy h2,.faq-heading h2{font-size:42px;font-weight:780;letter-spacing:-.05em;line-height:1.4;margin:0 0 18px}.section-heading .eyebrow,.family-copy .eyebrow,.meet-copy .eyebrow,.faq-heading .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:14px}.section-heading>p:last-child,.faq-heading>p:last-child{color:#7a8291;line-height:1.85;margin:0;font-size:16px}.record-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;margin-top:48px;align-items:center}.feature-tabs{display:flex;flex-direction:column;gap:12px}.feature-tab{display:flex;text-align:left;align-items:center;gap:15px;background:white;padding:22px 20px;border:1px solid transparent;border-radius:16px;color:#303b53;width:100%;transition:background .2s,border-color .2s}.feature-tab:hover{background:#f9faff}.feature-tab.active{background:#f5f7ff;border-color:#dce3ff}.feature-tab .icon-circle{width:47px;height:47px;border-radius:14px}.feature-tab strong{font-size:17px;display:block;letter-spacing:-.025em;font-weight:700}.feature-tab small{font-size:14px;display:block;color:#8a92a2;margin-top:5px}.tab-number{font-size:12px;color:#b5bfd6;margin-left:auto;font-weight:700}.feature-tab.active .tab-number{color:#3155ed}.interaction-hint{font-size:13px;color:#969dab;margin:22px 0 0 20px}.record-stage{background:#f0f3fd;border-radius:26px;padding:36px 42px 25px;position:relative;min-height:445px}.journal-card{background:white;border-radius:13px;box-shadow:0 16px 35px #28365a0a;padding:26px;transform:rotate(-2deg)}.journal-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.journal-kicker{color:#8992a7;font-size:12px}.journal-top h3{font-size:18px;margin:3px 0 0;letter-spacing:-.04em;line-height:1.4}.journal-top>.icon{color:#e6b047;width:23px;height:23px}.journal-date{font-size:11px;color:#9ba4b2;margin-top:8px;display:flex;justify-content:space-between}.journal-date span{font-size:10px}.journal-visual{margin-top:20px;display:flex;position:relative;overflow:hidden;background:#f8f0d7;min-height:157px;border-radius:8px;padding:22px 18px;flex-direction:column;justify-content:center}.journal-stamp{display:flex;align-items:center;gap:6px;color:#a78d4c;font-size:9px;font-weight:700;letter-spacing:.07em}.journal-stamp .icon{width:15px;height:15px}.journal-metric strong{font-size:37px;line-height:1.5;color:#62583e;font-weight:700;letter-spacing:-.04em}.journal-metric strong span{font-size:18px;font-weight:500;padding-left:3px}.journal-metric p{font-size:11px;margin:0;color:#91866d;position:relative;z-index:1;max-width:55%}.journal-visual>img{position:absolute;width:164px;height:164px;object-fit:contain;right:0;bottom:-25px;transform:rotate(-8deg)}.journal-text{font-size:13px;color:#6f788b;line-height:1.9;margin:17px 0}.journal-bottom{border-top:1px dashed #e9edf4;display:flex;align-items:center;gap:7px;padding-top:12px;font-size:11px;color:#969dab}.author-avatar{height:24px;width:24px;display:grid;place-items:center;border-radius:50%;background:#ecedfc;color:#777db2;font-size:10px}.journal-heart{margin-left:auto;display:flex;gap:4px;align-items:center}.journal-heart .icon{width:13px;height:13px;color:#b18d94}.journal-caption{font-size:12px;color:#8995b0;display:block;text-align:center;margin-top:24px}.family-section{background:#202e50;color:#fff;position:relative;overflow:hidden}.family-inner{max-width:1196px;display:grid;grid-template-columns:1fr 1.05fr;gap:105px;align-items:center;margin:auto;padding:88px 0}.family-copy .eyebrow{color:#a8baff}.family-copy h2{font-size:44px;margin-bottom:22px}.family-copy h2 span{color:#c6d4ff}.family-copy>p:not(.eyebrow){font-size:16px;color:#b0bbd2;line-height:1.9}.family-points{padding:0;margin:26px 0 0;list-style:none;color:#d6def0;font-size:14px;display:flex;gap:12px;flex-direction:column}.family-points li{display:flex;gap:10px;align-items:center}.family-points .icon{width:17px;height:17px;color:#a4c3ff}.family-board{background:#fff;color:#2d3650;border-radius:21px;padding:28px 30px;box-shadow:0 18px 45px #10182e30;transform:rotate(1deg)}.board-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.board-eyebrow{font-size:12px;color:#8e98ad}.board-title h3{font-size:20px;font-weight:700;letter-spacing:-.045em;margin:3px 0 0}.board-title .avatar-stack i{width:30px;height:30px;font-size:10px}.care-progress{margin:25px 0 8px;padding:16px;background:#f7f8fc;border-radius:11px;font-size:12px;color:#838ea4}.care-progress>span{display:flex;justify-content:space-between}.care-progress strong{color:#3155ed}.progress-track{height:5px;background:#e9edfa;border-radius:10px;margin-top:10px;overflow:hidden}.progress-track>span{height:100%;display:block;background:#6c8af0;border-radius:10px;transition:width .3s}.care-row{display:flex;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid #f0f2f7}.care-row strong{font-size:14px;display:block}.care-row div>span{font-size:12px;color:#8d97ab;display:block;margin-top:3px}.care-done{display:flex;gap:4px;align-items:center;font-size:12px;color:#718eb9;margin-left:auto}.care-done .icon{width:15px;height:15px}.care-toggle{margin-left:auto;border:1px solid #dce4fb;border-radius:7px;background:#f1f5ff;color:#3155ed;font-size:12px;font-weight:700;padding:8px 12px;min-height:38px}.care-toggle[aria-pressed=true]{background:#3155ed;color:#fff}.board-note{font-size:11px;color:#9da6b6;text-align:center;margin:16px -6px 0;min-height:19px}.section-heading.centered{text-align:center}.section-heading.centered .eyebrow{justify-content:center}.how-section{padding:97px 0 93px}.how-section h2{font-size:37px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;text-align:center;margin-top:49px}.steps article+article{border-left:1px solid #e9edf5}.step-number{font-size:13px;font-weight:800;color:#3155ed;border-radius:12px;background:#eff2fe;display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center}.steps h3{font-size:20px;letter-spacing:-.04em;margin:19px 0 10px}.steps p{font-size:15px;color:#8790a0;line-height:1.8;margin:0}.meet-section{max-width:1196px;margin:0 auto;background:#fff3cc;border-radius:27px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;min-height:415px;gap:45px}.meet-art{position:relative;height:415px;display:flex;align-items:flex-end;justify-content:center}.meet-art img{width:345px;height:345px;object-fit:contain;position:relative;bottom:-16px;transform:rotate(-5deg)}.meet-badge{position:absolute;top:33px;color:#ab913f;font-size:10px;font-weight:700;letter-spacing:.14em;transform:rotate(-7deg);left:70px}.meet-copy{padding:46px 36px 46px 0}.meet-copy .eyebrow{color:#ae8d32}.meet-copy h2{font-size:33px;color:#67552c}.meet-copy>p:not(.eyebrow){color:#97845a;font-size:15px;line-height:1.9}.bono-signature{font-size:13px;font-weight:600;color:#9d803d;display:flex;align-items:center;gap:12px;margin-top:26px}.bono-signature .paw{width:17px;height:17px;transform:rotate(15deg)}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:106px 0}.faq-heading h2{font-size:36px}.faq-heading>p:last-child{font-size:14px}.faq-list details{border-bottom:1px solid #e8ecf3}.faq-list details:first-child{border-top:1px solid #e8ecf3}.faq-list summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:650}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:23px;font-weight:400;color:#8593b2;line-height:1;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:14px;color:#7b869b;line-height:1.9;margin:0 25px 22px 0}.final-cta{background:#3155ed;color:#fff;text-align:center;padding:65px 23px 72px}.cta-paw{width:26px;height:26px;color:#a4b6ff;transform:rotate(-15deg)}.final-cta>p{font-size:14px;color:#bbc9ff;margin:13px 0 15px}.final-cta h2{font-size:35px;line-height:1.5;letter-spacing:-.04em;margin:0 0 27px}.final-cta>span{font-size:12px;color:#b1c1ff;display:block;margin-top:15px}.final-cta .button{font-size:15px;min-height:53px}.footer-links{display:flex;gap:22px;margin-left:auto;font-size:12px;align-items:center}.footer-links button{background:none;color:inherit;padding:0;font-size:inherit}.footer-links a:hover,.footer-links button:hover{color:#3155ed}footer{flex-wrap:wrap;gap:20px}footer>p{width:100%;margin:0;font-size:11px;color:#a1a9b7}.mobile-br{display:none}
dialog{border:1px solid #e9edf7;border-radius:22px;box-shadow:0 25px 120px #0e1b4840;color:#27344e;width:min(620px,calc(100% - 32px));max-height:90dvh;padding:0}dialog::backdrop{background:#14203c80;backdrop-filter:blur(7px)}body.modal-open{overflow:hidden}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 8px}.dialog-label{color:#3155ed;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.dialog-label .icon{width:19px;height:19px}.dialog-body{padding:8px 30px 30px}.dialog-body h2{font-size:26px;line-height:1.4;letter-spacing:-.04em;margin:6px 0 8px}.dialog-description{font-size:14px;color:#8a94a6;margin:0 0 22px}.dialog-tabs{display:flex;border-bottom:1px solid #e6eaf2;gap:25px;margin-bottom:23px}.dialog-tabs button{background:transparent;border-bottom:2px solid transparent;color:#9ba4b4;font-size:14px;padding:12px 0;font-weight:600}.dialog-tabs button.active{color:#3155ed;border-color:#3155ed}.dialog-tabs span{font-size:11px;background:#eef2ff;padding:2px 6px;border-radius:7px;margin-left:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:16px}label{font-size:13px;font-weight:600;color:#5b6780}input,textarea,select{display:block;width:100%;border:1px solid #dfe5ef;border-radius:9px;background:white;color:#33435f;padding:11px 12px;font-size:14px;margin-top:7px;min-width:0}input::placeholder,textarea::placeholder{color:#a9b1be}textarea{resize:vertical;min-height:90px}input[type=date]{min-height:46px}input[type=file]{font-size:12px}input[type=file]::file-selector-button{border:0;border-radius:5px;padding:7px 10px;background:#eef2ff;color:#3155ed;margin-right:10px}.full-label{display:block;margin-bottom:16px}.full-label>span{font-size:11px;color:#9aa4b6;font-weight:400;margin-left:5px}.storage-note{color:#8593a7;font-size:12px;line-height:1.7;display:flex;gap:7px;margin:16px 0}.storage-note .icon{width:15px;height:15px;flex-shrink:0;margin-top:2px}.submit-button{width:100%;font-size:15px;min-height:50px}.form-error{color:#b13636;background:#fff2f2;padding:10px 13px;border-radius:7px;font-size:13px}.photo-field img{max-height:130px;border-radius:8px;margin-top:12px;max-width:100%;object-fit:contain}.history-notice{font-size:12px;color:#97a0b0;margin:0 0 16px}.history-empty{padding:30px;text-align:center;background:#f7f9fd;color:#8c97ac;border-radius:12px;font-size:14px}.history-entry{padding:18px;background:#f6f8fd;border-radius:12px;margin-bottom:12px;overflow-wrap:anywhere;word-break:break-word}.history-entry-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8491ab}.history-entry h3{font-size:16px;margin:8px 0}.history-entry p{font-size:13px;white-space:pre-wrap;color:#73819b;margin:7px 0 0}.history-entry img{width:100%;max-height:220px;object-fit:contain;border-radius:8px;margin-top:10px;background:#e9edf6}.delete-entry{background:none;color:#9d7b7b;font-size:11px;padding:8px}.delete-entry.confirm-delete{color:#bb4545;background:#fff0f0;border-radius:5px}.success-icon{display:grid;place-items:center;width:65px;height:65px;background:#ecf5ee;color:#549067;border-radius:50%;margin:20px auto}.success-icon .icon{width:34px;height:34px}#save-success{text-align:center;padding:8px 0 5px}#save-success h3{font-size:22px;margin:15px 0 6px}#save-success>p{font-size:14px;color:#8491a6;margin:0 0 25px}.text-button{display:block;margin:15px auto 0;padding:8px;background:none;color:#8895ad;font-size:13px}#privacy-dialog .dialog-body>p{font-size:14px;color:#6b7991;line-height:1.9}.photo-field[hidden],[hidden]{display:none!important}
@media(min-width:1450px){.hero{min-height:760px}.hero-art{transform:scale(1.04)}}
@media(max-width:1280px){.section,.family-inner{margin-left:42px;margin-right:42px}.meet-section{margin-left:42px;margin-right:42px}footer{margin-left:42px;margin-right:42px}.record-layout{gap:45px}.family-inner{gap:60px}}
@media(max-width:960px){.record-layout{gap:22px;grid-template-columns:1fr 1fr}.feature-tab{padding:18px 12px;gap:10px}.feature-tab strong{font-size:15px}.feature-tab small{font-size:12px}.tab-number{display:none}.record-stage{padding:27px 22px 20px}.journal-card{padding:21px}.family-inner{gap:32px}.family-board{padding:22px}.board-title h3{font-size:18px}.board-title .avatar-stack{display:none}.family-copy h2{font-size:38px}.meet-section{gap:10px}.meet-copy h2{font-size:29px}.meet-art img{width:300px;height:300px}.meet-art{height:360px}.meet-badge{left:35px}.faq-section{gap:35px}.faq-list summary{font-size:14px}.brand{font-size:37px;letter-spacing:-2.4px}nav{gap:25px}.nav-shell{gap:22px}}
@media(max-width:1100px){.hero{padding-left:32px;padding-right:32px;min-height:660px}.hero-art{transform:scale(.86);transform-origin:center right;margin-left:-60px}.hero h1{font-size:48px}.hero-actions{gap:18px}.hero-actions .button{font-size:14px}.hero-actions .text-link{font-size:14px}.benefit-strip{gap:30px}footer{margin:0 32px}.nav-shell{padding:0 32px}}
@media(max-width:760px){html{scroll-padding-top:85px}.site-header{height:76px}.nav-shell{padding:0 23px;gap:12px}.brand{font-size:37px}.brand-paw{width:15px}.header-cta{margin-left:auto}.button.small{font-size:12px;padding:11px 15px}.menu-toggle{display:grid}.site-header nav{position:absolute;top:76px;left:0;right:0;background:#fff;padding:24px;box-shadow:0 16px 20px #1d27400c;display:none;gap:22px;border-bottom:1px solid #eef0f6}.site-header nav.open{display:flex;flex-direction:column}.hero{display:flex;flex-direction:column;padding:48px 23px 26px;gap:0;min-height:0;overflow:hidden}.hero-copy{width:100%;max-width:530px}.eyebrow{font-size:13px;margin-bottom:20px}.hero h1{font-size:clamp(40px,7.2vw,52px);line-height:1.32;margin-bottom:22px}.hero-description{font-size:15px;line-height:1.9;margin-bottom:26px}.hero-actions{gap:22px}.hero-actions .button{padding:16px 17px;font-size:14px;gap:15px}.hero-note{font-size:12px}.hero-art{width:540px;height:505px;transform:scale(.82);transform-origin:top center;margin:23px -80px -70px}.hero-orbit{left:36px}.hero-bono{left:5px}.diary-preview{right:10px}.walk-note{left:12px;bottom:23px}.benefit-strip{padding:22px 23px;gap:14px;flex-direction:column;align-items:center;font-size:13px}.benefit-strip .icon{width:18px;height:18px}footer{padding:30px 0;margin:0 23px;flex-wrap:wrap;gap:12px 22px}footer p{width:100%;margin:4px 0 0;font-size:12px}}
@media(max-width:360px){.header-cta{display:none}.menu-toggle{margin-left:auto}.hero h1{font-size:37px}.hero-actions{gap:15px}.hero-actions .button{font-size:13px;gap:7px}.hero-actions .text-link{font-size:13px}.hero-art{transform:scale(.68);margin-bottom:-140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:450px){.hero-art{transform:scale(.68);margin-bottom:-135px}}
@media(max-width:360px){.hero-art{transform:scale(.61);margin-bottom:-170px}}
@media(max-width:760px){.section{margin:0 23px;padding:65px 0}.section-heading h2,.family-copy h2{font-size:33px;line-height:1.45}.section-heading>p:last-child{font-size:14px}.section-heading .eyebrow,.family-copy .eyebrow,.meet-copy .eyebrow,.faq-heading .eyebrow{font-size:10px}.record-layout{display:flex;flex-direction:column;gap:26px;margin-top:30px}.record-controls{width:100%}.feature-tabs{gap:5px}.feature-tab{padding:16px;gap:14px}.feature-tab strong{font-size:15px}.feature-tab small{font-size:12px}.feature-tab .icon-circle{height:41px;width:41px;border-radius:11px}.tab-number{display:block}.interaction-hint{font-size:11px;margin:13px 0 0 16px}.record-stage{width:100%;min-height:0;padding:29px 29px 22px}.journal-card{padding:22px}.journal-caption{font-size:11px;margin-top:21px}.journal-visual>img{width:155px;height:155px}.family-inner{display:flex;flex-direction:column;margin:0 23px;gap:36px;padding:58px 0}.family-copy{width:100%}.family-copy h2{font-size:35px}.family-copy>p:not(.eyebrow){font-size:14px}.family-points{font-size:13px;gap:10px;margin-top:23px}.family-board{width:100%;max-width:450px;padding:24px;transform:none}.board-title .avatar-stack{display:flex}.board-title h3{font-size:18px}.board-note{font-size:10px}.care-row{padding:17px 0}.how-section h2{font-size:29px}.steps{margin-top:30px;gap:28px;grid-template-columns:1fr;text-align:left}.steps article{position:relative;padding-left:62px}.steps article+article{border:0}.step-number{position:absolute;left:0;top:3px;height:38px;width:38px;font-size:12px}.steps h3{font-size:18px;margin:0 0 5px}.steps p{font-size:14px}.steps p br{display:none}.meet-section{display:flex;flex-direction:column-reverse;margin:0 23px;gap:0;border-radius:22px;min-height:0}.meet-copy{padding:35px 29px 0;width:100%}.meet-copy h2{font-size:29px}.meet-copy>p:not(.eyebrow){font-size:13px}.bono-signature{font-size:12px;margin-top:21px}.meet-art{height:277px;width:100%;margin-top:7px}.meet-art img{width:265px;height:265px;bottom:-18px;transform:rotate(-4deg)}.meet-badge{font-size:8px;top:31px;left:25px;writing-mode:vertical-rl;transform:rotate(-7deg)}.faq-section{display:flex;flex-direction:column;gap:30px}.faq-heading h2{font-size:30px}.faq-heading h2 br{display:none}.faq-heading>p:last-child{font-size:13px}.faq-list summary{padding:20px 0;font-size:14px;line-height:1.7}.faq-list p{font-size:13px}.final-cta{padding:48px 23px 52px}.final-cta h2{font-size:27px}.final-cta>p{font-size:12px}.final-cta .button{font-size:14px}.final-cta>span{font-size:11px}.footer-links{width:100%;margin:5px 0 0;font-size:12px;gap:22px}footer>.brand{font-size:31px}footer>span{font-size:11px}footer>p{font-size:10px}.dialog-top{padding:14px 16px 5px}.dialog-body{padding:8px 21px 24px}.dialog-body h2{font-size:23px}.dialog-description{font-size:12px}.form-row{gap:12px}.full-label>span{display:inline-block;margin-left:3px;font-size:10px}label{font-size:12px}input,textarea,select{font-size:13px;padding:10px}.dialog-tabs{gap:22px}.dialog-tabs button{font-size:13px}.storage-note{font-size:11px}.mobile-br{display:block}.header-cta{font-size:11px}.nav-shell>.brand{font-size:33px}.brand-paw{display:none}}
@media(max-width:760px){input,textarea,select{font-size:16px}.faq-list p,.meet-copy>p:not(.eyebrow){font-size:14px}}
/* English copy: keep a comfortable reading rhythm at every size. */
html[lang=en] body{word-break:normal}
html[lang=en] .hero h1{letter-spacing:-.045em;line-height:1.15}
html[lang=en] .hero-description{letter-spacing:0}
html[lang=en] .section-heading h2,html[lang=en] .family-copy h2,html[lang=en] .meet-copy h2,html[lang=en] .faq-heading h2,html[lang=en] .final-cta h2{letter-spacing:-.035em;line-height:1.25}
html[lang=en] .hero-actions{flex-wrap:wrap;gap:16px 25px}
html[lang=en] .entry-amount,html[lang=en] .care-done,html[lang=en] .care-toggle{white-space:nowrap}
html[lang=en] .feature-tab>span:nth-child(2),html[lang=en] .care-row>div{min-width:0}
html[lang=en] .care-toggle{flex-shrink:0}
html[lang=en] .journal-top h3{font-size:17px;letter-spacing:-.025em}
html[lang=en] .journal-metric p{max-width:53%;line-height:1.5}
html[lang=en] .journal-visual>img{right:-10px}
html[lang=en] .journal-heart{white-space:nowrap}
html[lang=en] .board-note{line-height:1.6}
@media(max-width:760px){html[lang=en] .hero h1{line-height:1.16}html[lang=en] .hero-description .desktop-br{display:none}html[lang=en] .hero-description{max-width:380px}html[lang=en] .hero-actions{gap:13px 18px}html[lang=en] .board-title h3{font-size:18px}html[lang=en] .care-row{gap:10px}html[lang=en] .meet-copy br{display:none}html[lang=en] .meet-copy h2 br{display:block}html[lang=en] .dialog-body h2{font-size:25px}html[lang=en] .form-row{grid-template-columns:1fr}}
@media(max-width:370px){html[lang=en] .record-stage{padding:23px 17px 20px}html[lang=en] .journal-card{padding:17px}html[lang=en] .family-board{padding:20px}html[lang=en] .board-title .avatar-stack{display:none}html[lang=en] .care-row .icon-circle{width:34px;height:34px}html[lang=en] .care-row strong{font-size:13px}html[lang=en] .care-row div>span{font-size:11px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-picker{flex-shrink:0}
.hero-actions{flex-wrap:wrap}
.hero-actions .button{flex-shrink:0;white-space:nowrap}
.hero-actions .text-link{white-space:nowrap}
.language-picker select{width:111px;margin:0;padding:9px 10px;border:1px solid #e0e5f0;border-radius:9px;color:#53627e;background:#fff;font-size:13px;min-height:42px;cursor:pointer}
.language-picker select:hover{border-color:#9daeed}
.footer-languages{display:flex;gap:22px;width:100%;font-size:13px}
.footer-languages a[aria-current=page]{color:#3155ed;font-weight:700}
.footer-languages a:hover{color:#3155ed}
html[lang=ja] body{font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;word-break:normal;line-break:strict}
html[lang=ja] .hero h1{font-size:54px;letter-spacing:-.04em;line-height:1.4}
html[lang=ja] .hero-description{font-size:16px;letter-spacing:0}
html[lang=ja] .section-heading h2,html[lang=ja] .family-copy h2{font-size:37px;line-height:1.5;letter-spacing:-.04em}
html[lang=ja] .meet-copy h2{font-size:28px;line-height:1.55}
html[lang=ja] .section-heading .eyebrow,html[lang=ja] .family-copy .eyebrow,html[lang=ja] .meet-copy .eyebrow,html[lang=ja] .faq-heading .eyebrow{letter-spacing:.04em}
html[lang=ja] .feature-tab strong{font-size:16px}
html[lang=ja] .feature-tab small{font-size:13px}
html[lang=ja] .care-toggle{white-space:nowrap;flex-shrink:0}
html[lang=ja] .care-row>div{min-width:0}
html[lang=ja] .hero-actions{flex-wrap:wrap;gap:15px 22px}
html[lang=ja] .board-title h3{font-size:19px}
@media(max-width:1100px){.nav-shell{gap:20px}.site-header nav{gap:22px}html[lang=ja] .hero h1{font-size:45px}}
@media(min-width:761px) and (max-width:1000px){.header-cta{display:none}.site-header nav{margin-left:auto;margin-right:auto}}
@media(max-width:760px){.header-cta{display:none}.language-picker{margin-left:auto}.language-picker select{width:107px;font-size:13px;min-height:40px}.nav-shell{gap:10px}.footer-languages{font-size:13px;gap:25px}html[lang=ja] .hero h1{font-size:clamp(32px,8vw,40px)}html[lang=ja] .hero-description{font-size:14px;line-height:1.9}html[lang=ja] .section-heading h2,html[lang=ja] .family-copy h2{font-size:29px}html[lang=ja] .meet-copy h2{font-size:24px}html[lang=ja] .feature-tab strong{font-size:14px}html[lang=ja] .feature-tab small{font-size:12px}html[lang=ja] .board-title h3{font-size:16px}html[lang=ja] .care-row{gap:9px}html[lang=ja] .care-toggle{padding:8px;font-size:11px}html[lang=ja] .dialog-body h2{font-size:23px}html[lang=ja] .form-row{grid-template-columns:1fr}html[lang=ja] .final-cta h2{font-size:26px}}
@media(max-width:380px){.nav-shell{padding:0 18px;gap:5px}.nav-shell>.brand{font-size:29px}.language-picker select{width:94px;padding:8px;font-size:12px}.menu-toggle{padding:6px}.site-header nav{padding:20px}html[lang=ja] .board-title .avatar-stack{display:none}html[lang=ja] .family-board{padding:20px}html[lang=ja] .care-row .icon-circle{width:33px;height:33px}html[lang=ja] .care-row strong{font-size:13px}html[lang=ja] .care-row div>span{font-size:11px}}