@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#112952;--ink:#26395c;--muted:#687796;--coral:#fa7373;--coral-strong:#f36165;--teal:#12a398;--blue:#2679ef;--pale:#fdf8f5;--line:#e8eaf1;--radius:22px;--shadow:0 18px 50px rgba(23,47,85,.095)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--navy);font:400 15px/1.62 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:'Plus Jakarta Sans','DM Sans',sans-serif;letter-spacing:-.045em}p{color:var(--muted)}.container{width:min(1320px,calc(100% - 64px));margin-inline:auto}.section-anchor{scroll-margin-top:93px}.section{padding:94px 0}.eyebrow{font-size:10px;letter-spacing:.165em;color:#46729e;font-weight:800;margin-bottom:14px}.coral-text{color:var(--coral-strong)}.eyebrow-dot{display:inline-block;width:6px;height:6px;background:var(--coral);border-radius:100%;margin-right:6px;vertical-align:2px}.section-intro{text-align:center;margin:0 auto 40px;max-width:800px}.section-intro h2,.owner-content h2,.privacy-banner h2,.faq-grid h2{font-size:clamp(30px,3vw,46px);line-height:1.2}.section-intro h2 span,.owner-content h2 span,.privacy-banner h2 span,.faq-grid h2 span{color:var(--coral-strong)}.section-intro>p{max-width:620px;margin:15px auto 0;font-size:15px}.btn{border:0;border-radius:12px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:16px;white-space:nowrap;font-weight:800;font-size:13px;transition:transform .2s,filter .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-coral{background:var(--coral);color:#fff;box-shadow:0 12px 22px rgba(248,104,110,.19)}.btn-coral:hover{background:var(--coral-strong)}.btn-outline{background:#fff;color:var(--navy);border:1px solid #f0d8d7}.btn-lg{padding:16px 23px;border-radius:14px}.play-icon{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;border:2px solid #fa7373;color:#fa7373;font-size:9px}.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border-bottom:1px solid #efedf1}.nav-inner{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:28px}.daylio-brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.daylio-symbol{width:43px;height:43px;display:grid;place-items:center}.daylio-symbol svg{width:43px;height:43px}.daylio-symbol.small,.daylio-symbol.small svg{width:34px;height:34px}.brand-lockup{display:flex;flex-direction:column;line-height:1.05}.brand-lockup strong{font:800 27px/1.02 'Plus Jakarta Sans',sans-serif;letter-spacing:-.07em}.brand-lockup small{font-size:10px;font-weight:700;color:#71819b;margin:4px 0 0 2px}.desktop-nav{display:flex;align-items:center;gap:27px}.nav-link{font-size:12px;font-weight:700;color:#455774;padding:28px 0;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--coral-strong)}.nav-actions{display:flex;align-items:center;gap:9px}.nav-secondary{font-size:12px;padding:11px 15px;font-weight:800;border:1px solid #f3d9da;border-radius:12px}.menu-toggle{display:none;background:none;border:0;flex-direction:column;gap:5px;padding:10px}.menu-toggle span{width:23px;height:2px;background:var(--navy);display:block}.mobile-nav{display:none}.hero{position:relative;background:linear-gradient(110deg,#fff 0%,#fffafa 42%,#fff8f4 100%);overflow:hidden;padding:30px 0 0}.hero-bg-halo{position:absolute;width:800px;height:500px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,237,220,.55),rgba(255,252,251,0) 70%);top:0;left:40%;pointer-events:none}.hero-grid{display:grid;grid-template-columns:44% 56%;min-height:600px;align-items:center;position:relative;isolation:isolate}.hero-copy{z-index:6;padding:58px 0 74px}.hero-copy h1{font-size:clamp(45px,4.1vw,69px);line-height:1.09;font-weight:800;letter-spacing:-.065em;margin-bottom:25px}.hero-emphasis{color:var(--coral-strong);text-decoration:underline;text-decoration-color:#fdd2cb;text-decoration-thickness:8px;text-underline-offset:8px}.hero-description{max-width:465px;font-size:16px;line-height:1.77;color:#65738d}.hero-description strong{color:#4b5975}.hero-buttons{display:flex;align-items:center;gap:12px;margin:25px 0 20px}.hero-assurance{display:flex;gap:24px;color:#5b748b;font-size:11px;font-weight:700}.hero-assurance span:first-letter{color:var(--teal)}.hero-visual{height:600px;position:relative;min-width:0}.hero-photo-wrap{height:100%;position:absolute;left:0;right:0;top:0;overflow:hidden;border-radius:220px 0 0 18px;background:#ffebe1}.hero-photo-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,248,243,.19),transparent 55%)}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:43% 32%}.floating-heart{position:absolute;z-index:2;left:15%;top:12%;font-family:Arial,sans-serif;font-size:56px;color:#fd8f88;transform:rotate(-16deg)}.mini-phone{position:absolute;z-index:4;right:5%;top:8%;width:235px;height:494px;border:8px solid #18223a;border-radius:32px;background:#fff;box-shadow:0 25px 55px rgba(20,35,66,.22);padding:10px 12px 18px;overflow:hidden;transform:rotate(3deg)}.mini-phone-top{height:21px;display:flex;justify-content:space-between;align-items:flex-start;font-size:9px;color:#21304c;font-weight:800}.mini-island{background:#0b172c;width:60px;height:17px;border-radius:30px;position:relative;top:-9px}.mini-phone-logo{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:900;letter-spacing:-.045em}.dot-mark{color:var(--coral);font-size:19px}.demo-chip{margin-left:auto;background:#ffedeb;border-radius:6px;padding:2px 5px;font-size:7px;letter-spacing:.05em;color:var(--coral)}.mini-greeting{margin:12px 0;font:800 14px/1.3 'Plus Jakarta Sans',sans-serif}.mini-greeting small{display:block;font-size:9px;line-height:1.7;font-weight:500;color:#8994a7}.mini-app-links{display:flex;justify-content:space-between;margin-bottom:13px}.mini-app-links span{font-size:8px;color:#7284a0;text-align:center;display:grid;gap:3px}.mini-app-links b{width:36px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:#eff5ff;color:#2679ef}.mini-app-links span:nth-child(2) b{background:#e6f6f1;color:#00a790}.mini-app-links span:nth-child(3) b{background:#f2edff;color:#8c62f3}.mini-live{height:116px;position:relative;border-radius:13px;overflow:hidden}.mini-live img{width:100%;height:100%;object-fit:cover;object-position:center 23%}.mini-live span{position:absolute;top:7px;right:7px;background:#fff;border-radius:7px;padding:2px 6px;font-size:8px;color:#e94b60;font-weight:900}.mini-section-label{display:flex;justify-content:space-between;align-items:center;margin:12px 0 6px;font-size:10px;font-weight:900}.mini-section-label small{font-size:8px;color:#2679ef}.mini-item{display:flex;gap:7px;margin:8px 0;font-size:9px;line-height:1.3}.mini-item i{height:6px;width:6px;flex-shrink:0;background:#ff905a;border-radius:50%;margin:3px 0 0 3px}.mini-item b{font-weight:800}.mini-item small{display:block;font-size:8px;color:#93a0b5;margin-top:3px}.mini-bottom{display:flex;justify-content:space-between;padding:8px 12px;border-top:1px solid #f0f0f5;margin-top:12px;color:#446b9e;font-size:16px}.hero-notification{position:absolute;bottom:68px;left:-65px;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;box-shadow:var(--shadow);border-radius:16px;z-index:7;min-width:300px}.notif-bubble{width:33px;height:33px;border-radius:11px;display:grid;place-items:center;background:#e6f8f0;color:var(--teal);font-size:22px}.hero-notification strong{display:block;font-size:11px}.hero-notification small{display:block;font-size:10px;color:#8290a4;margin-top:2px}.notif-time{margin-left:auto;color:#b2b7c5;font-size:9px}.benefit-bar{position:relative;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #eee9e8;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(19,42,77,.05);transform:translateY(29px);overflow:hidden}.benefit-item{display:flex;gap:12px;align-items:center;padding:23px 18px;border-right:1px solid var(--line);transition:background .2s}.benefit-item:hover{background:#fffafa}.benefit-item:last-child{border-right:0}.benefit-icon,.feature-icon,.reason-icon,.role-avatar{display:grid;place-items:center;flex-shrink:0;font-weight:900}.benefit-icon{height:44px;width:44px;border-radius:14px;font-size:23px}.blue{background:#eaf2ff;color:#2679ef}.peach{background:#fff0ed;color:#ff7372}.purple{background:#f1edff;color:#8b67dc}.mint{background:#e6f8f2;color:#12a398}.benefit-item strong,.benefit-item small{display:block}.benefit-item strong{font-size:12px;line-height:1.4}.benefit-item small{font-size:10px;color:#8592a7;margin-top:4px}.section-features{padding-top:125px}.section-features .section-intro h2 span{color:var(--navy)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{border:1px solid #edf0f3;border-radius:20px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 30px rgba(21,44,80,.035);transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-card-head{display:flex;gap:11px;min-height:114px}.feature-icon{width:43px;height:43px;border-radius:14px;font-size:22px}.feature-card h3{font-size:16px;margin:0 0 6px}.feature-card p{font-size:11px;line-height:1.65}.feature-card img{width:100%;height:169px;object-fit:cover;border-radius:12px;background:#f9efeb}.text-action{background:transparent;border:0;color:#1272e4;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;padding:0;text-align:left}.text-action:hover{text-decoration:underline}.feature-card .text-action{margin-top:auto}.section-owner{background:#fff9f5}.owner-grid{display:grid;grid-template-columns:52% 48%;gap:60px;align-items:center}.owner-photo{height:535px;position:relative}.owner-photo img{width:100%;height:100%;border-radius:28px;object-fit:cover;object-position:center 28%}.image-caption{position:absolute;bottom:24px;left:24px;right:24px;color:#143156;max-width:275px;background:rgba(255,255,255,.92);padding:12px 17px;border-radius:13px;font-size:12px;font-weight:800;box-shadow:var(--shadow)}.owner-content{padding:0 50px 0 5px}.owner-content>p{margin:20px 0 28px;max-width:480px}.owner-reasons{display:grid;gap:21px;margin-bottom:30px}.owner-reasons>div{display:flex;align-items:flex-start;gap:14px}.reason-icon{height:44px;width:44px;border-radius:50%;font-size:21px}.owner-reasons h3{font-size:14px;margin-bottom:3px}.owner-reasons p{font-size:12px;max-width:410px}.section-steps{background:#fff}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step-photo{height:243px;border-radius:17px;overflow:hidden;position:relative}.step-photo img{height:100%;width:100%;object-fit:cover}.step-photo span{position:absolute;left:15px;top:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--coral);font-weight:900;color:#fff;font-size:18px;box-shadow:0 8px 24px #ed77754d}.step h3{font-size:17px;margin:16px 0 4px}.step p{font-size:13px;max-width:370px}.section-demo{background:linear-gradient(130deg,#fff7f5,#f2f8ff 84%);overflow:hidden}.role-picker{display:flex;justify-content:center;gap:13px;margin:32px auto 35px}.role-tab{display:flex;align-items:center;gap:9px;padding:11px 21px;border:1px solid #e6e7f1;border-radius:100px;background:#fff;color:#536a89;font-weight:800;font-size:13px;transition:.2s}.role-tab:hover{transform:translateY(-2px)}.role-tab.active{background:#152f58;color:#fff;border-color:#152f58}.role-avatar{border-radius:50%;height:29px;width:29px;font-size:16px}.demo-layout{display:grid;grid-template-columns:43% 57%;max-width:970px;margin:0 auto;gap:68px;align-items:center}.demo-phone-wrap{display:grid;justify-items:center;gap:17px}.phone-shell{width:309px;height:610px;border:8px solid #152136;border-radius:43px;background:#fff;overflow:hidden;box-shadow:0 28px 65px rgba(28,45,79,.17);position:relative}.phone-status{height:35px;display:flex;justify-content:space-between;padding:10px 17px 0;font-size:10px;font-weight:900;line-height:1}.phone-notch{position:absolute;width:83px;height:22px;background:#111c2d;border-radius:0 0 16px 16px;left:50%;transform:translateX(-50%);top:0}.phone-screen{height:calc(100% - 35px);overflow-y:auto;scrollbar-width:none}.phone-screen::-webkit-scrollbar{display:none}.demo-tag{font-size:9px;font-weight:900;color:#95a0b2;letter-spacing:.1em}.screen-pad{padding:12px 16px 55px}.screen-header{display:flex;justify-content:space-between;align-items:center;padding:2px 0 14px}.screen-brand{font:900 20px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.06em}.screen-brand::before{content:'✿';color:var(--coral);font-size:23px;margin-right:6px}.screen-bell{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#f3f7fa;color:#31577d}.screen-child{display:flex;align-items:center;gap:11px;border-radius:13px;padding:10px;background:#f9fafe;margin-bottom:14px}.screen-avatar{width:43px;height:43px;border-radius:50%;overflow:hidden;flex-shrink:0}.screen-avatar img{width:100%;height:100%;object-fit:cover}.screen-child b,.screen-child small{display:block}.screen-child b{font-size:13px}.screen-child small{font-size:9px;color:#8796a5}.screen-child .chev{margin-left:auto;color:#97a6b5}.screen-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 17px}.screen-quick button{background:#f4f7fe;border:0;border-radius:12px;padding:12px 4px 10px;text-align:center;font-size:9px;font-weight:800;color:#41638a;min-height:69px}.screen-quick button span{display:block;font-size:20px;margin-bottom:4px}.phone-subhead{font-weight:900;font-size:12px;margin:16px 0 9px;display:flex;justify-content:space-between;align-items:center}.phone-subhead span{font-weight:700;font-size:9px;color:#247ef7}.phone-photo{height:146px;border-radius:11px;overflow:hidden;position:relative}.phone-photo img{width:100%;height:100%;object-fit:cover}.phone-photo .badge-red{position:absolute;right:8px;top:8px;padding:3px 7px;border-radius:8px;background:#fff;color:#ee5866;font-size:9px;font-weight:900}.phone-list{display:grid;gap:13px}.phone-log{display:flex;gap:8px;align-items:flex-start}.phone-log i{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#ff924c;margin-top:5px}.phone-log time{font-size:9px;flex-shrink:0;font-weight:900;color:#8191a7;margin-top:1px}.phone-log div{min-width:0}.phone-log b{font-size:11px;display:block}.phone-log small{color:#8f9baa;font-size:9px;display:block}.screen-nav{position:absolute;bottom:0;left:0;right:0;height:53px;border-top:1px solid #ecedf4;background:#fff;display:flex;justify-content:space-around;align-items:center;padding:4px 0 7px}.screen-nav button{border:0;background:transparent;font-size:9px;color:#8b99ad;display:grid;gap:2px;justify-items:center}.screen-nav button span{font-size:16px}.screen-nav button.active{color:#f16574;font-weight:900}.screen-demo-label{margin-top:9px;border-radius:9px;background:#fff4f2;font-size:9px;color:#d46572;padding:8px;font-weight:700}.screen-back{display:flex;align-items:center;gap:9px;font-weight:900;font-size:14px;margin:0 0 14px}.screen-back button{border:0;background:none;font-size:17px;color:var(--navy)}.camera-image{width:100%;height:220px;object-fit:cover;border-radius:12px}.camera-select{font-size:11px;padding:9px 10px;border:1px solid #ebedf4;border-radius:9px;width:100%;color:var(--navy);margin-bottom:10px;background:white}.camera-label{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:#98a2ad}.camera-label b{color:#14a37f}.camera-row{display:flex;gap:9px;margin-top:10px}.camera-thumb{width:50%;height:68px;object-fit:cover;border-radius:9px;cursor:pointer;border:2px solid transparent}.camera-thumb.selected{border-color:#f27b80}.leo-icon{width:78px;height:78px;border-radius:22px;display:grid;place-items:center;background:#eef6ff;color:#2680d0;font-size:41px;margin:24px auto 12px}.leo-head{text-align:center;font-weight:900;font-size:15px}.leo-sub{text-align:center;font-size:11px;line-height:1.5;margin:8px 0 18px}.leo-questions{display:grid;gap:9px}.leo-questions button{padding:11px;text-align:left;border:1px solid #e4ebfa;color:#346bba;border-radius:12px;background:#f7faff;font-size:11px}.leo-answer{margin-top:13px;padding:12px 13px;background:#f4f8ff;border-radius:13px;border-left:3px solid #4288ec;font-size:11px;color:#3e587c;line-height:1.6}.care-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.care-type{background:#f4f8fe;border:1px solid transparent;border-radius:11px;padding:12px 2px;text-align:center;font-size:10px;font-weight:900;color:#426484}.care-type span{display:block;font-size:20px}.care-type.selected{border-color:#f37b8a;background:#fff4f2}.care-notes{width:100%;min-height:80px;border:1px solid #dfe6ef;border-radius:10px;padding:10px;resize:vertical;font-size:11px}.screen-primary{border:0;background:#327fec;color:#fff;border-radius:10px;padding:12px;width:100%;font-size:11px;font-weight:900;margin-top:12px}.owner-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.owner-kpi{background:#f3f7ff;border-radius:11px;padding:14px 12px}.owner-kpi b{display:block;font-size:25px;line-height:1.2}.owner-kpi span{font-size:10px;color:#6d819b}.demo-description{padding:25px 20px 25px 0;min-height:420px}.demo-description .eyebrow{margin-bottom:10px}.demo-description h3{font-size:clamp(28px,3vw,43px);line-height:1.18;max-width:500px}.demo-description>p{font-size:15px;max-width:470px;margin:20px 0}.demo-points{display:grid;gap:18px;margin:27px 0}.demo-points>div{display:flex;gap:14px;align-items:flex-start}.demo-point-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;color:var(--coral-strong);font-size:18px;flex-shrink:0}.demo-points strong{font-size:13px;display:block}.demo-points p{font-size:12px;margin-top:3px}.section-privacy{padding:58px 0}.privacy-banner{padding:45px 55px;border-radius:28px;background:#edf6fb;display:grid;grid-template-columns:52% 48%;gap:20px;align-items:center;overflow:hidden}.privacy-banner p{max-width:570px;margin:18px 0 23px}.privacy-photo{height:245px;position:relative;border-radius:18px;overflow:hidden}.privacy-photo img{width:100%;height:100%;object-fit:cover}.privacy-overlay{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;align-items:center;background:#fff;border-radius:12px;padding:11px 13px;box-shadow:var(--shadow);font-size:21px;color:var(--teal)}.privacy-overlay span{color:var(--navy);font-size:11px;font-weight:900;line-height:1.3}.privacy-overlay small{font-size:9px;color:#8d9cb0;font-weight:400}.section-faq{background:#fff}.faq-grid{display:grid;grid-template-columns:40% 60%;gap:45px}.faq-grid>div:first-child>p{margin-top:18px;max-width:350px}.faq-list details{border-bottom:1px solid #e4e9f0;padding:17px 5px}.faq-list summary{font-size:14px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.faq-list summary:after{content:'+';color:var(--coral);font-size:25px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list p{margin-top:12px;font-size:13px;padding-right:30px}.final-section{padding:20px 0 95px}.final-cta{display:flex;align-items:center;min-height:320px;background:linear-gradient(100deg,#ffe9e6,#f0f8ff);border-radius:30px;overflow:hidden;position:relative}.final-cta-copy{padding:52px 56px;max-width:690px;position:relative;z-index:2}.final-cta h2{font-size:clamp(27px,2.5vw,40px);line-height:1.26}.final-cta h2 span{color:var(--coral-strong)}.final-cta p{margin:13px 0 22px}.cta-actions{display:flex;gap:11px}.final-cta-photo{position:absolute;height:100%;width:37%;right:0;top:0;object-fit:cover;object-position:center 32%;mask-image:linear-gradient(90deg,transparent,#000 20%)}.footer{border-top:1px solid #eef0f5}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:27px 0}.footer-brand{display:flex;align-items:center;gap:26px}.footer-brand>span{font-size:10px;color:#8694a8}.footer-right{display:flex;align-items:center;gap:13px}.footer-right span{color:#a0a9b7;font-size:10px}.footer-right img{height:26px;max-width:112px;object-fit:contain}.footer-right a{font-size:11px;color:#347ce1;font-weight:800}.modal-backdrop{position:fixed;inset:0;background:#101e38a8;display:none;place-items:center;z-index:100;padding:22px}.modal-backdrop.open{display:grid}.modal-dialog{position:relative;width:min(100%,485px);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;padding:37px;box-shadow:0 26px 70px #06133348}.modal-dialog h2{font-size:28px;margin:4px 0 11px}.modal-dialog p{font-size:13px}.close-modal{position:absolute;right:18px;top:16px;border:0;background:#f7f8fb;border-radius:50%;font-size:25px;width:35px;height:35px;color:#61728b}.modal-dialog form{display:grid;gap:14px;margin-top:22px}.modal-dialog label{display:grid;gap:5px;font-size:12px;font-weight:800}.modal-dialog input,.modal-dialog select{width:100%;padding:12px;border:1px solid #e1e5ec;border-radius:10px;outline-color:#fa7373}.modal-dialog form small{color:#8b96a7;font-size:10px;line-height:1.5}
@media(max-width:1180px){.desktop-nav{gap:15px}.container{width:min(100% - 44px,1200px)}.hero-copy h1{font-size:clamp(43px,4vw,60px)}.mini-phone{width:218px;right:1%;transform:rotate(2deg)}.owner-content{padding-right:0}.owner-grid{gap:35px}.feature-card-head{min-height:147px}.final-cta-photo{width:39%}}
@media(max-width:980px){.desktop-nav,.nav-actions{display:none}.menu-toggle{display:flex}.mobile-nav.open{display:flex}.mobile-nav{flex-direction:column;align-items:stretch;padding:14px 24px 22px;gap:0;box-shadow:0 12px 20px #11295212;background:#fff}.mobile-nav a{padding:11px;border-bottom:1px solid #f2f3f7;font-weight:700}.mobile-nav button{margin-top:15px}.hero-grid{grid-template-columns:1fr 1fr;min-height:560px}.hero-copy h1{font-size:clamp(40px,5.6vw,54px)}.hero-visual{height:560px}.mini-phone{width:185px;height:430px;right:0;top:12%;padding:8px;transform:rotate(0)}.mini-live{height:86px}.mini-greeting{margin:9px 0}.mini-app-links b{height:28px;width:30px}.mini-item{margin:6px 0}.hero-notification{left:-35px;bottom:55px;min-width:225px}.benefit-item{padding:17px 12px;gap:8px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card-head{min-height:90px}.owner-grid{grid-template-columns:1fr 1fr}.owner-photo{height:480px}.steps-grid{gap:14px}.step-photo{height:205px}.demo-layout{gap:26px}.final-cta-copy{padding:38px}.final-cta-photo{width:36%}}
@media(max-width:720px){.container{width:calc(100% - 32px)}.nav-inner{min-height:66px}.daylio-symbol,.daylio-symbol svg{width:37px;height:37px}.brand-lockup strong{font-size:23px}.hero{padding:0 0 12px}.hero-grid{display:flex;flex-direction:column;min-height:0;align-items:stretch}.hero-copy{padding:42px 7px 28px}.hero-copy h1{font-size:clamp(39px,9.5vw,55px);line-height:1.12}.hero-description{font-size:14px}.hero-buttons{flex-wrap:wrap}.hero-assurance{gap:12px;flex-wrap:wrap}.hero-visual{width:100%;height:390px}.hero-photo-wrap{border-radius:110px 24px 18px 18px;left:0}.hero-photo{object-position:center 30%}.mini-phone{right:0;top:8%;height:335px;width:171px;border-width:6px;border-radius:26px;padding:7px}.mini-phone-top{height:15px}.mini-phone-logo{font-size:11px}.mini-greeting{font-size:11px;margin:8px 0}.mini-greeting small{font-size:7px}.mini-app-links{margin:3px 0 8px}.mini-app-links b{height:24px;width:28px;font-size:12px}.mini-app-links span{font-size:7px}.mini-live{height:77px}.mini-section-label{font-size:9px;margin:9px 0 5px}.mini-item{margin:5px 0}.mini-item small{display:none}.mini-bottom{padding:4px;margin-top:8px}.hero-notification{bottom:17px;left:-8px;padding:8px;min-width:200px}.hero-notification strong{font-size:9px}.hero-notification small{font-size:8px}.notif-time{display:none}.benefit-bar{transform:translateY(22px);grid-template-columns:repeat(2,1fr);border-radius:17px}.benefit-item{padding:15px 11px}.benefit-item:nth-child(2){border-right:0}.benefit-item:nth-child(-n+2){border-bottom:1px solid #e9ebf1}.benefit-icon{height:37px;width:37px;font-size:17px}.benefit-item strong{font-size:11px}.benefit-item small{font-size:9px}.section{padding:72px 0}.section-features{padding-top:83px}.section-intro{text-align:left;margin-bottom:24px}.section-intro h2{font-size:30px}.section-intro>p{font-size:13px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-card{border-radius:14px;padding:10px;gap:10px}.feature-card-head{display:block;min-height:180px}.feature-icon{height:37px;width:37px;font-size:18px;margin-bottom:8px}.feature-card h3{font-size:14px}.feature-card p{font-size:10px}.feature-card img{height:120px;border-radius:8px}.feature-card .text-action{font-size:10px}.owner-grid{grid-template-columns:1fr}.owner-photo{height:315px}.owner-content{padding:0 4px}.owner-content h2{font-size:32px}.owner-content>p{font-size:13px}.owner-reasons{gap:17px}.owner-reasons p{font-size:11px}.steps-grid{grid-template-columns:1fr;gap:25px}.step-photo{height:250px}.step h3{margin-top:10px}.role-picker{gap:6px;margin:21px 0}.role-tab{flex:1;justify-content:center;font-size:11px;padding:8px 7px;gap:5px}.role-avatar{width:22px;height:22px;font-size:12px}.demo-layout{grid-template-columns:1fr;gap:10px}.demo-description{padding:14px 5px 0;min-height:0}.demo-description h3{font-size:30px}.demo-description>p{font-size:13px}.demo-points{gap:12px}.privacy-banner{grid-template-columns:1fr;padding:30px 23px;gap:24px}.privacy-banner h2{font-size:30px}.privacy-photo{height:200px}.faq-grid{grid-template-columns:1fr;gap:16px}.final-section{padding:0 0 55px}.final-cta{min-height:500px;align-items:start}.final-cta-copy{padding:30px 22px}.final-cta h2{font-size:28px}.final-cta p{font-size:12px}.final-cta-photo{width:100%;height:220px;top:auto;bottom:0;mask-image:linear-gradient(180deg,transparent,#000 40%)}.footer-inner{flex-direction:column;align-items:flex-start}.footer-brand{flex-wrap:wrap;gap:10px}.modal-dialog{padding:28px}}
@media(max-width:390px){.hero-copy h1{font-size:38px}.hero-buttons .btn{font-size:11px;padding:13px}.hero-visual{height:345px}.mini-phone{width:150px;height:300px}.mini-live{height:64px}.mini-item{font-size:8px}.mini-section-label{margin:7px 0}.feature-card-head{min-height:204px}.feature-card img{height:97px}.role-tab{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* V3: owner-first, independent photo compositions, clear faces */
.hero-photo-wrap{border-radius:190px 26px 26px 26px}
.hero-photo-wrap::after{background:linear-gradient(90deg,rgba(255,248,243,.08),transparent 70%)}
.hero-photo{object-position:center 35%}
.hero-copy h1{font-size:clamp(42px,4.08vw,66px)}
.hero-visual .floating-heart{display:none}
.hero-notification,.mini-phone{display:none!important}
.section-owner{background:linear-gradient(155deg,#f5fbff 0%,#ffffff 84%);padding-top:116px}
.owner-grid{grid-template-columns:49% 51%;gap:54px}
.owner-photo{height:520px}
.owner-photo img{object-position:center 35%}
.owner-content h2{font-size:clamp(32px,3.1vw,45px)}
.owner-reasons{gap:22px}
.section-features{padding-top:96px}
.step-photo{overflow:hidden}
.step-photo span{display:none}
.step-index{display:inline-block;margin-top:17px;font-size:10px;letter-spacing:.13em;color:#df7471;font-weight:900}
.step h3{margin-top:7px}
.feature-card img{object-position:center 36%}
.step-photo img{object-position:center 38%}
.final-cta-photo{object-position:center 38%}
@media(max-width:980px){.owner-grid{grid-template-columns:1fr 1fr;gap:24px}.owner-photo{height:450px}.section-owner{padding-top:80px}}
@media(max-width:720px){.hero-grid{align-items:stretch}.hero-visual{height:430px}.hero-photo-wrap{border-radius:90px 18px 18px 18px}.hero-photo{object-position:center 35%}.owner-grid{grid-template-columns:1fr}.owner-photo{height:315px}.section-owner{padding-top:77px}.owner-content{padding:0 5px}.section-features{padding-top:75px}}
@media(max-width:390px){.hero-visual{height:345px}}

.owner-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(max-width:720px){.owner-actions .btn{font-size:12px;padding:12px 14px}}

/* Daylio v4 — owner-first marketing narrative */
.hero-grid{grid-template-columns:47% 53%;min-height:585px}
.hero-copy{padding:45px 12px 58px 0}
.hero-copy h1{font-size:clamp(41px,3.85vw,61px);line-height:1.125;max-width:635px}
.hero-description{max-width:540px}
.hero-visual{height:585px}
.hero-photo-wrap{border-radius:145px 20px 20px 20px}
.hero-photo{object-position:51% 37%}
.benefit-item small{font-size:10px}
.section-owner{padding-top:118px;padding-bottom:86px}
.owner-photo img{object-position:45% 34%}
.owner-content h2{font-size:clamp(30px,3vw,43px)}
.owner-content>p{line-height:1.8}
.section-outcomes{background:#fff;padding:83px 0 89px}
.outcomes-heading{display:grid;grid-template-columns:1.1fr .75fr;gap:56px;align-items:end;margin-bottom:36px}
.outcomes-heading h2{font-size:clamp(29px,3vw,43px);line-height:1.18}
.outcomes-heading h2 span{color:var(--coral-strong)}
.outcomes-heading>p{font-size:14px;max-width:430px;line-height:1.85}
.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.outcome-card{background:#fff;border:1px solid #e8edf2;border-radius:21px;overflow:hidden;box-shadow:0 10px 24px rgba(25,45,74,.035)}
.outcome-card img{width:100%;height:232px;object-fit:cover;object-position:center 37%}
.outcome-card>div{padding:23px 23px 26px}
.outcome-number{display:block;color:#de7771;font-size:10px;font-weight:900;letter-spacing:.1em;margin-bottom:9px}
.outcome-card h3{font-size:19px;line-height:1.39;letter-spacing:-.045em;margin-bottom:10px}
.outcome-card p{font-size:12px;line-height:1.74}
.outcomes-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f5fafc;border-radius:14px;margin-top:21px;padding:21px 24px}
.outcomes-bottom span{font-size:12px;font-weight:600;color:#546988}
.section-features{padding-top:85px;background:linear-gradient(180deg,#f9fbfd,#fff)}
.faq-help{margin-top:33px;background:#f7fbff;border:1px solid #e4eef9;border-radius:19px;padding:22px;max-width:365px}
.faq-help strong{font-size:13px}
.faq-help p{font-size:12px;margin:7px 0 16px!important}
.faq-help .btn{font-size:12px}
.section-faq{padding-bottom:115px}
@media(max-width:980px){
 .hero-grid{grid-template-columns:49% 51%;min-height:520px}
 .hero-copy h1{font-size:clamp(36px,4.6vw,48px)}
 .hero-visual{height:540px}
 .outcomes-heading{gap:24px}
 .outcome-card img{height:190px}
 .outcome-card>div{padding:18px}
 .outcome-card h3{font-size:16px}
}
@media(max-width:720px){
 .hero-grid{display:flex;flex-direction:column;min-height:0}
 .hero-copy{padding:39px 5px 25px}
 .hero-copy h1{font-size:clamp(38px,9vw,49px);line-height:1.135}
 .hero-description{font-size:14px}
 .hero-visual{height:380px}
 .hero-photo-wrap{border-radius:74px 16px 16px 16px}
 .hero-photo{object-position:center 34%}
 .section-owner{padding-top:74px;padding-bottom:66px}
 .outcomes-heading{display:block;margin-bottom:24px}
 .outcomes-heading h2{font-size:30px}
 .outcomes-heading>p{margin-top:15px;font-size:13px}
 .section-outcomes{padding:65px 0 72px}
 .outcome-grid{grid-template-columns:1fr;gap:15px}
 .outcome-card{display:grid;grid-template-columns:42% 58%;min-height:200px;border-radius:16px}
 .outcome-card img{height:100%;min-height:200px;object-position:center 35%}
 .outcome-card>div{padding:17px 16px}
 .outcome-card h3{font-size:15px;line-height:1.4}
 .outcome-card p{font-size:11px;line-height:1.5}
 .outcome-number{font-size:9px}
 .outcomes-bottom{display:grid;padding:17px 20px}
 .outcomes-bottom span{font-size:11px}
 .section-features{padding-top:70px}
 .faq-help{margin-top:20px}
}
@media(max-width:400px){
 .hero-copy h1{font-size:36px}
 .hero-visual{height:350px}
 .outcome-card{grid-template-columns:40% 60%}
 .outcome-card img{min-height:210px}
 .outcome-card>div{padding:15px 12px}
 .outcome-card h3{font-size:14px}
 .outcome-card p{font-size:10px}
}

/* Stabilize FAQ grid on tablet widths */
.faq-grid{grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:38px}
@media(max-width:720px){.faq-grid{grid-template-columns:1fr;gap:20px}}