/* Warm family identity: ink blue, blush, mint and generous shapes. */
:root{--ink:#202e52;--muted:#696d7d;--page:#fffbf7;--line:#e9e4e1;--purple:#26365f;--lilac:#f8e9e6;--sage:#e5efea;--peach:#f7e5dd}
.button:hover{background:#354979}.badge{background:#f1e9df;color:#394662}.next-card:after{border-color:#f0d9d3}.next-card p{color:#696575}.date-button.selected span{color:#fff}.date-button.current:not(.selected){background:#f9ebe4}.rail{background:#fffcf8}.rail .nav-item.active,.nav-item.active{background:#f5e7df;color:var(--ink)}.calendar-choice.active{background:#f7e9e1;border-color:#efdcd2}.filter-chip.active{background:#eee7de;color:#354267;border-color:#eee7de}.next-card .eyebrow{color:#6e5a53}.family-banner{display:flex;justify-content:space-between;gap:20px;position:relative;overflow:hidden;padding:29px;background:#f7e8e3;border-radius:25px;margin-bottom:24px}.family-banner h2{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:14px 0}.family-banner p{font-size:14px;color:var(--muted);max-width:450px}.family-banner-art{align-self:center;padding:25px;color:#ae6b5b}.family-banner-art>.icon{width:90px;height:90px;stroke-width:1}.family-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.family-columns{display:grid;gap:25px}.moment-feed{display:grid;gap:18px}.moment-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.moment-photo{width:100%;max-height:420px;object-fit:contain;display:block;background:#f5f1ed}.moment-content{padding:22px}.moment-content h3{font-size:19px;margin:15px 0 10px}.moment-content p{font-size:15px;color:var(--muted)}.moment-author{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.moment-content audio,audio{width:100%;max-width:500px;min-width:0}.moment-content .text-button{font-size:12px}.contact-edit{display:flex;align-items:center;gap:12px;width:100%;min-height:73px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}.contact-edit b,.contact-edit small{display:block}.contact-edit b{font-size:14px}.contact-edit small{font-size:12px;color:var(--muted);margin-top:5px}.contact-edit>.icon{margin-left:auto}.mint-card{background:#e6efe8}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.bottom-nav .nav-item{font-size:10px;padding:7px 2px}.bottom-nav .nav-item .icon{width:20px;height:20px}
.peach{background:#f7e4dc}.mint{background:#e3eee7}.butter{background:#f7edcd}.lavender{background:#ece7f2}.blue{background:#e3edf5}.pink{background:#f5e3e9}
/* Senior launcher */
.home-screen{max-width:1380px;margin:auto;padding:0 20px 30px}.home-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:88px}.home-top-actions{display:flex;gap:10px;align-items:center}.home-top .brand{font-size:23px}.welcome-block{position:relative;overflow:hidden;display:grid;gap:25px;border-radius:35px;background:#e5eee8;padding:32px 26px}.welcome-copy{position:relative;z-index:1}.home-date{font-size:15px;color:#4e6260}.home-clock{font-family:Georgia,serif;font-size:87px;letter-spacing:-4px;line-height:1.2;margin:10px 0}.welcome-copy h1{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:10px 0}.welcome-copy p{font-size:20px;margin:0;color:#4e6260}.welcome-next{z-index:1;position:relative;padding:20px;background:#fffc;border-radius:22px}.welcome-next h2{font-size:23px;margin:13px 0 8px;letter-spacing:-.5px}.welcome-next p{font-size:18px;color:#5a6370;margin-bottom:20px}.welcome-next .button{font-size:16px;min-height:52px}.welcome-flower{position:absolute;top:-54px;right:-28px;color:#c8dacf;font-size:280px;line-height:1;transform:rotate(15deg);pointer-events:none}.home-section-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:32px 0 20px}.home-section-title h2{font-size:24px;letter-spacing:-.6px;margin:0}.home-section-title span{font-size:13px;color:var(--muted);display:none}.apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-tile{position:relative;min-width:0;min-height:167px;padding:21px 17px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;border:1px solid #00000003;border-radius:24px;color:var(--ink);text-align:left;transition:transform .15s,box-shadow .15s}.app-tile:hover{transform:translateY(-3px);box-shadow:0 9px 22px #202e520a}.app-tile-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#ffffff75}.app-tile-icon .icon{width:25px;height:25px}.app-tile b{font-size:19px;font-weight:700;letter-spacing:-.3px;overflow-wrap:anywhere}.app-tile>span:not(.app-tile-icon):not(.app-tile-arrow){font-size:12px;color:#60697b}.app-tile-arrow{position:absolute;top:22px;right:15px;opacity:.65}.app-tile-arrow .icon{width:18px}.home-footer{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:space-between;margin-top:32px}.home-footer>span{font-size:12px;color:var(--muted)}.home-footer .button{font-size:15px;white-space:normal;text-align:center}.home-app-heading{margin:18px 0 32px}.home-app-heading>.button{margin-bottom:26px;min-height:56px;font-size:18px}.home-app-heading h1{font-size:36px;letter-spacing:-1px;margin:0}.home-app-content{min-height:65vh}.home-contacts{display:grid;gap:20px}.home-contact{background:#f5e6df;border-radius:28px;padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.home-contact .avatar{width:80px;height:80px;font-size:26px;background:#fff9}.home-contact h2{font-size:30px;margin:10px 0 0}.home-contact p{font-size:20px;margin:0 0 12px}.home-contact .button{width:100%;min-height:58px;font-size:18px}.home-service-note{font-size:17px;color:var(--muted);text-align:center;margin:28px 0}.home-moments{display:grid;gap:20px}.home-moments .moment-content h3{font-size:27px}.home-moments .moment-content p{font-size:23px}.home-moments .moment-author{font-size:16px}.home-schedule{display:grid;gap:16px;margin-bottom:22px}.media-player{border-radius:32px;padding:40px 25px;text-align:center;max-width:850px;margin:auto}.media-symbol .icon{width:80px;height:80px;stroke-width:1.2;margin:15px}.media-player h2{font-size:35px;margin:20px 0}.media-player p{font-size:22px;max-width:500px;margin:0 auto 26px}.media-player .button{min-height:60px;font-size:22px}.media-player audio{max-width:570px}.memory-status{display:flex;align-items:center;justify-content:space-between;gap:12px}.memory-status p{font-size:18px;margin:0}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;max-width:800px}.memory-card{aspect-ratio:1.1;border:0;border-radius:20px;background:#eaded0;font:400 44px Georgia,serif;min-height:75px}.memory-card.revealed{background:#dceae0;opacity:1}.memory-result{font-size:24px;color:#3d7157;margin-top:22px}
/* Reference-inspired homepage */
.family-landing{background:#fffbf7}.family-site-nav{max-width:1270px;min-height:88px;margin:auto;padding:18px 22px;display:flex;gap:15px;align-items:center;justify-content:space-between}.family-site-nav>.button{font-size:12px;padding:10px 13px;min-height:44px}.family-hero{display:grid;gap:35px;max-width:1270px;margin:auto;padding:28px 22px 44px}.family-hero-copy .eyebrow{font-size:10px;color:#93705f}.family-hero h1{font-size:clamp(43px,7vw,75px);font-weight:750;line-height:1.06;letter-spacing:-2.2px;margin:21px 0}.family-hero h1 span{color:#ac6b55}.family-hero-copy>p{font-size:17px;max-width:475px;color:#6d6c78;margin:0 0 27px}.hero-primary{border-radius:40px;padding:15px 23px;min-height:54px;font-size:15px}.family-hero .hero-note{margin:16px 0 0;font-size:11px}.family-hero-photo{position:relative;min-height:330px;overflow:hidden;border-radius:45% 45% 30% 30% / 30% 32% 22% 22%;background:#f6e5dd}.family-hero-photo img{width:100%;height:100%;min-height:330px;object-fit:cover;object-position:52% 45%;display:block}.photo-note{position:absolute;bottom:30px;left:18px;right:18px;display:flex;gap:9px;align-items:center;justify-content:center;background:#fffdf3e8;backdrop-filter:blur(10px);padding:14px;border-radius:18px;font-size:12px}.photo-note .icon{color:#ae6c54}.family-promise{background:#f5e8e3;display:flex;flex-direction:column;gap:22px;align-items:center;justify-content:center;padding:29px 22px;font-size:14px}.family-promise span{display:flex;align-items:center;gap:13px}.family-how{padding:65px 22px;max-width:1270px;margin:auto;text-align:center}.family-how>h2{font-size:37px;line-height:1.13;letter-spacing:-1.3px;margin:17px 0 38px}.how-steps{display:grid;gap:38px}.step-art{position:relative;border-radius:48% 42% 43% 45%;height:220px;display:flex;align-items:center;justify-content:center;max-width:340px;margin:0 auto 23px}.step-art>.icon{width:90px;height:90px;stroke-width:1.1}.step-number{position:absolute;left:20px;top:10px;width:45px;height:45px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:700;box-shadow:0 5px 12px #29344b05}.how-steps h3{font-size:22px;line-height:1.25;margin:0 auto 12px;max-width:310px;letter-spacing:-.5px}.how-steps p{font-size:16px;line-height:1.7;color:#6d6c78;max-width:315px;margin:auto}.tiny-apps{display:grid;grid-template-columns:1fr 1fr;gap:10px;transform:rotate(-8deg);border:7px solid #fff;background:#fffcf8;padding:14px;border-radius:22px;box-shadow:0 10px 25px #354c3f15}.tiny-apps span{padding:12px;background:#f4e1d9;border-radius:12px}.tiny-apps span:nth-child(even){background:#f3ecd0}.tiny-apps .icon{width:27px;height:27px}.possibilities{background:#f6e8e4;padding:45px 22px;display:grid;gap:35px}.possibilities h2{font-size:36px;line-height:1.12;letter-spacing:-1.2px;margin:16px 0}.possibilities p{font-size:16px;color:#706974;max-width:450px}.marketing-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.marketing-apps .app-tile{min-height:120px;gap:18px;padding:20px}.marketing-apps .app-tile b{font-size:17px}.marketing-apps .app-tile>.icon{width:29px;height:29px}.family-care{padding:65px 24px;text-align:center;background:#e6eee7}.family-care h2{font-size:44px;letter-spacing:-1.7px;margin:17px 0}.family-care p{max-width:570px;margin:0 auto 25px;font-size:17px;color:#627068}.family-site-footer{padding:38px 22px;text-align:center}.family-site-footer p{font-size:14px;color:var(--muted);margin:14px 0}.family-site-footer>span{font-size:11px;color:var(--muted)}
@media(max-width:400px){.home-screen{padding-left:15px;padding-right:15px}.app-tile{padding:18px 14px;min-height:160px}.app-tile b{font-size:17px}.app-tile-arrow{right:12px}.home-clock{font-size:76px}.welcome-block{padding:26px 20px}.family-banner-art{display:none}.family-banner h2{font-size:28px}.family-toolbar .button{font-size:12px;padding:10px 13px}}
@media(min-width:600px){.apps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.app-tile{min-height:195px;padding:26px}.app-tile b{font-size:24px}.app-tile>span:not(.app-tile-icon):not(.app-tile-arrow){font-size:15px}.app-tile-icon{width:53px;height:53px}.app-tile-icon .icon{width:30px;height:30px}.home-contacts,.home-moments{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section-title span{display:block}.welcome-block{padding:38px}.home-clock{font-size:105px}.home-footer{flex-direction:row}.memory-grid{grid-template-columns:repeat(4,1fr)}.family-hero-photo{min-height:440px;max-height:550px}.family-promise{flex-direction:row;gap:35px}.how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.step-art{height:195px}.how-steps h3{font-size:20px}.how-steps p{font-size:14px}.family-how>h2{font-size:46px}.marketing-apps{grid-template-columns:repeat(3,minmax(0,1fr))}.family-columns{grid-template-columns:minmax(0,1fr) 260px;gap:25px}}
@media(min-width:1000px){.home-screen{padding:0 45px 35px}.home-top{min-height:100px}.welcome-block{grid-template-columns:1.2fr 1fr;align-items:center;padding:43px 50px;gap:70px}.welcome-copy h1{font-size:34px}.home-date{font-size:19px}.home-clock{font-size:122px;margin:3px 0}.welcome-copy p{font-size:24px}.welcome-next{padding:27px;max-width:380px}.welcome-next h2{font-size:27px}.welcome-flower{right:200px;top:-45px;font-size:410px;opacity:.5}.home-section-title{margin:37px 0 23px}.home-section-title h2{font-size:28px}.home-section-title span{font-size:17px}.apps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app-tile{min-height:200px}.home-contacts{grid-template-columns:repeat(3,minmax(0,1fr))}.family-site-nav{padding:25px 40px;min-height:105px}.family-hero{grid-template-columns:1fr 1.05fr;align-items:center;padding:35px 40px 65px;gap:45px}.family-hero h1{font-size:67px}.family-hero-photo{height:500px}.family-hero-copy>p{font-size:17px}.family-hero .hero-note{font-size:12px}.family-promise{gap:100px;font-size:16px}.family-how{padding:80px 40px}.how-steps{gap:50px}.step-art{height:240px}.how-steps h3{font-size:24px}.how-steps p{font-size:16px}.possibilities{grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;padding:65px max(40px,calc((100vw - 1190px)/2))}.possibilities h2{font-size:45px}.marketing-apps{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-apps .app-tile{min-height:145px}.family-care{padding:75px 24px}.family-care h2{font-size:55px}}
/* On a phone the four primary actions remain near the greeting. */
@media(max-width:599px){.welcome-block{padding:25px 23px;gap:0}.home-clock{font-size:72px;line-height:1.08;margin:8px 0}.welcome-copy h1{font-size:25px}.welcome-copy p{font-size:18px}.welcome-next{display:none}.home-date{font-size:13px}.home-section-title{margin:24px 0 17px}.home-section-title h2{font-size:23px}.apps-grid .app-tile{min-height:150px;gap:10px}.app-tile>span:not(.app-tile-icon):not(.app-tile-arrow){font-size:11px}.home-footer{margin-top:22px}}
