/* Story and interactive app example, aligned with the current beta. */
.hero{align-items:center}.hero-copy::before{bottom:0}.hero-visual{min-height:0;align-items:center;padding-bottom:20px}.hero .day-demo{width:410px;height:760px;border-radius:30px}.hero .visual-note{margin-bottom:14px}.hero-actions{gap:16px}.hero-actions .try-app{display:inline-flex;align-items:center;min-height:52px;padding:12px 18px;border-radius:16px;background:#e0efe8;color:#245e4c;text-decoration:none}.hero-actions .try-app:hover{background:#cbe8d8}.family-facts{max-width:390px}.day-demo .phone-top{margin-bottom:12px;padding-bottom:12px}.day-demo .phone-heading{margin-bottom:12px}.day-demo .day-switch{margin-bottom:12px}.day-demo .demo-progress{margin:14px 0;padding:12px;background:#e9faf0;border:1px solid #cfeadb;border-radius:18px}.day-demo .demo-progress progress{width:100%;accent-color:#4fa778;height:9px}.day-demo .demo-progress>div{font-size:.8rem}.next-task{background:white;border:2px solid #cce5d9;border-radius:24px;padding:19px;margin-bottom:16px}.next-eyebrow{font-size:.68rem;letter-spacing:.12em;font-weight:800;color:#527667}.next-task h4{font-size:1.25rem;line-height:1.35;margin:12px 0 8px}.next-task p{font-size:.85rem;line-height:1.5;color:#607585;margin:0 0 14px}.complete-step{border:0;border-radius:16px;padding:13px;background:#277955;color:white;width:100%;font:inherit;font-size:1rem;font-weight:bold;cursor:pointer;min-height:48px;box-shadow:0 3px 0 #206244}.complete-step:hover{background:#206244}.remaining-label{font-weight:700;font-size:.82rem;margin-bottom:8px}.day-demo .demo-task{padding:10px;gap:9px;border-radius:17px;min-height:68px}.day-demo .task-copy strong{font-size:.84rem}.day-demo .task-copy small{font-size:.73rem}.day-demo .task-symbol{font-size:1.3rem;width:35px;height:40px}.day-demo .evening-weather{margin:8px 0;padding:10px 12px}.day-demo .evening-weather .panel-note{display:none}.day-demo .activity-choice{font-size:.78rem}.day-demo .activity-choice select{padding:8px;min-height:42px}.reading-timer{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding:12px;background:#fff7dc;border-radius:16px}.reading-timer strong{font-size:1.6rem;font-variant-numeric:tabular-nums}.reading-timer button{font:inherit;min-height:42px;padding:8px 16px;border:1px solid #e0cf92;background:white;border-radius:12px;cursor:pointer}.visual-story{border-top:1px solid #dce9ee;padding-top:65px}.visual-story h2{margin-bottom:34px}.story-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.story-scenes figure{margin:0;min-width:0}.scene-art{width:100%;aspect-ratio:1/1;background-image:url('/story-august-nordic.webp');background-size:300% 100%;background-repeat:no-repeat;border-radius:16px}.scene-one{background-position:left center}.scene-two{background-position:center}.scene-three{background-position:right center}.story-scenes figcaption{padding:20px 2px 0}.story-scenes figcaption>span{font-size:.66rem;letter-spacing:.12em;color:#357b74;font-weight:800}.story-scenes h3{font-size:1.3rem;margin:10px 0}.story-scenes p{font-size:1rem;line-height:1.65;color:#68768a}.visual-story .personal-story{margin-top:30px;max-width:760px}.visual-story .personal-story-content{padding-top:20px}.day-demo button:focus-visible{outline:3px solid #315be1;outline-offset:3px}
@media(max-width:700px){.hero{padding-top:28px}.hero-copy{padding-bottom:12px}.hero .day-demo{width:100%;height:730px;max-height:88svh;min-height:540px;padding:16px 14px 0}.hero-visual{padding-top:20px}.hero .app-tabs{margin-left:-14px;margin-right:-14px}.hero .visual-note{position:static;transform:none;align-self:flex-end;font-size:1.3rem}.hero-actions{align-items:stretch}.hero-actions .text-link:not(.try-app){display:none}.story-scenes{grid-template-columns:1fr;gap:32px}.scene-art{aspect-ratio:1/1}.visual-story{padding-top:40px}.visual-story h2{font-size:2.25rem}.story-scenes h3{font-size:1.35rem}.story-scenes figcaption{padding-top:15px}.hero-copy .quiet{margin-top:15px}.hero h1{font-size:clamp(3rem,12vw,4.5rem)}}