/* V33. Light editorial surface; the demo and genuine iPhone captures remain legible. */
:root{--muted:#637261;--line:#dce2d5;background:#f8f7f1;color:#182d23}
body{background:radial-gradient(ellipse at 12% 2%,#e9f1df 0,transparent 28%),#f8f7f1}
#landingPage{color:#182d23}
#landingPage em,#landingPage .eyebrow,#landingPage .text-link,#landingPage .brand-period{color:#496d53}
#landingPage .site-header{background:#f8f7f1ed;border-color:#dce2d5}
#landingPage .site-header.is-scrolled{box-shadow:0 8px 28px #3c51330b}
#landingPage .site-header nav{color:#5d6a58;font-size:13px;gap:24px}
#landingPage .site-header a:hover{color:#396443}
#landingPage .header-cta{background:#fffdf8;border-color:#d7dfcd}
#landingPage .button-primary{background:#284f39;color:#fffdf7;box-shadow:0 5px 16px #35523512}
#landingPage .button-primary:hover{background:#396647;color:#fff}
#landingPage .hero-final{padding-top:48px;padding-bottom:60px;gap:45px}
#landingPage .hero-final h1{font-size:clamp(39px,3.9vw,58px);line-height:1.05;letter-spacing:-.047em}
#landingPage .hero-final .hero-lede{color:#586852;font-size:17px;line-height:1.65;max-width:360px}
#landingPage .hero-note,#landingPage .hero-try,#landingPage .film-caption,#landingPage .film-caption button{color:#62715b}
#landingPage .hero-film .cinema{border-color:#d4dfc7;box-shadow:0 25px 60px #455e2920}
#landingPage .film-chapters button{color:#68745f;border-color:#d7e0cd}
#landingPage .film-chapters button span{color:#798771}
#landingPage .film-chapters button.active,#landingPage .film-chapters button.active span{color:#2e603d;border-color:#476e42}
#landingPage .try-section{border-top:1px solid #dce2d5;padding-block:64px;gap:76px}
#landingPage .section-lede{color:#63725a;line-height:1.65;max-width:385px}
#landingPage .try-playground{background:radial-gradient(ellipse at 50% 50%,#e2eac8,transparent 65%),#eeefdf;border-color:#dedfc9;box-shadow:none}
#landingPage .playground-top,#landingPage .playground-top button,#landingPage .trial-feedback{color:#647259}
#landingPage .trial-context{color:#426b48}
#landingPage .scenario-picker button{background:#f9faf3;border-color:#d1dcc5;color:#586e4c;font-size:12px}
#landingPage .scenario-picker button[aria-pressed=true]{background:#284f39;border-color:#284f39;color:#fffdf5}
#landingPage .demo-steps{display:block;min-height:85px;margin-top:24px}
#landingPage .demo-steps li{display:none;color:#253d2b}
#landingPage .demo-steps li.is-current{display:flex}
#landingPage .demo-steps p{color:#647459;font-size:14px;max-width:315px}
#landingPage .demo-steps strong{font-size:17px}
#landingPage .demo-steps .is-current>span{background:#e5eecf;border-color:#c9d8b5}
.section-heading{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:30px}
.section-heading h2,.flower-copy h2{font:600 clamp(36px,4vw,56px)/1.05 Bricolage,sans-serif;letter-spacing:-.045em;margin:0}
.section-heading>p,.flower-copy>p:not(.eyebrow){color:#63725a;font-size:16px;line-height:1.65;margin:20px 0 0}
.pocket-section{padding-block:35px 75px}
.screen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.screen-card{padding:25px 27px 0;border-radius:25px;display:flex;align-items:center;flex-direction:column;overflow:hidden;background:#e9eddd;border:1px solid #dde2d0;color:#27432f;transition:transform .25s,box-shadow .25s;min-width:0}
.screen-tasks{background:#eee8e3;border-color:#e6dcd5}.screen-routines{background:#e8e7ee;border-color:#dddae5}
.shot-caption{display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:25px;font-size:17px;gap:15px;text-align:left}
.shot-caption b{font-weight:500}.shot-caption>span{border:1px solid #66785840;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex:none}
.screenshot-device{display:block;width:min(248px,100%);border:6px solid #2b332c;border-radius:35px 35px 0 0;padding:0;background:#2b332c;box-shadow:0 15px 45px #202b2425;margin-bottom:-4px}
.screenshot-device img{width:100%;height:430px;object-fit:cover;object-position:top;border-radius:28px 28px 0 0}
.screens-note{font-size:11px;color:#738067;text-align:center;margin:17px 0 0}
.flower-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:24px 60px;background:#eef0e3;border:1px solid #e1e6d3;border-radius:32px;overflow:hidden}
#landingPage .flower-section .growth-visual{position:relative;min-height:435px;height:435px;width:auto;pointer-events:auto}
#landingPage .flower-section .growth-visual>img{width:295px;height:365px;object-fit:contain;margin:0;z-index:1;transition:transform .6s,opacity .5s,filter .5s;filter:drop-shadow(0 25px 20px #50633316)}
.flower-orbit{position:absolute;width:330px;height:330px;border:1px solid #dbe1cb;border-radius:50%}
.flower-orbit:after{content:'';position:absolute;inset:28px;border:1px solid #dfe5d0;border-radius:50%}
.flower-token{position:absolute;width:53px;height:53px;display:grid;place-items:center;border-radius:18px;background:#fafcf2;color:#4f7841;font-size:28px;border:1px solid #d9e6c9;z-index:2;box-shadow:0 8px 25px #53673612;transition:transform .6s,opacity .6s}
.token-check{left:12%;top:30%;transform:rotate(-12deg)}.token-sun{right:11%;top:48%;transform:rotate(10deg);color:#b08a37}
.growth-visual[data-current-mood=tired] .flower-token{opacity:.15;transform:translateY(40px) rotate(20deg)}
.growth-visual[data-current-mood=tired]>img{transform:scale(.94) rotate(-3deg);opacity:.78;filter:grayscale(.12) saturate(.72) brightness(.97) drop-shadow(0 18px 18px #50633316)}
#landingPage .growth-switch{margin-top:25px;border-color:#ccd8bc;background:#f9faf4}
#landingPage .growth-switch button{font-size:12px;color:#637657;min-height:44px}
#landingPage .growth-switch button[aria-pressed=true]{background:#456d46;color:white}
#landingPage .social-section{padding:85px 0;gap:45px;grid-template-columns:.9fr 1.1fr}
#landingPage .social-copy h2{font-size:clamp(38px,4.1vw,56px)}
#landingPage .social-copy>p:not(.eyebrow){color:#63725a;font-size:17px;line-height:1.6;margin:22px 0 17px}
.sharing-note{display:inline-flex;align-items:center;gap:8px;color:#6e7b63;font-size:12px}
.sharing-note:before{content:'✓';border:1px solid #c5d1b8;border-radius:50%;width:21px;height:21px;display:grid;place-items:center}
.social-visual{background:#f0eae0;border:1px solid #e8dfd0;border-radius:30px;padding:25px 26px 0;overflow:hidden;display:grid;grid-template-columns:.65fr 1fr;gap:20px;align-items:center;min-height:370px}
.duo-illustration{text-align:center;color:#826b4f;font-size:12px;align-self:center;padding-bottom:20px}
.duo-plants{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.duo-plants img{width:66%;height:140px;object-fit:contain;filter:drop-shadow(0 9px 8px #75573412)}
.duo-plants img:first-child{transform:rotate(-9deg);margin-right:-12%}.duo-plants img:last-child{transform:rotate(9deg)}
.duo-flame{position:absolute;left:calc(50% - 19px);top:-25px;width:38px;height:47px}
.friends-capture{background:#f8f8f1;padding:7px;border:1px solid #c9cbbd;border-radius:24px 24px 0 0;box-shadow:0 16px 40px #6e584022;transform:rotate(3deg);align-self:end;transition:transform .25s;min-width:0}
.friends-capture img{border-radius:17px;width:100%;height:290px;object-fit:cover;object-position:top}
.friends-capture>span{display:flex;align-items:center;justify-content:space-between;color:#4e6148;font-size:10px;text-align:left;gap:5px;padding:12px 5px}.friends-capture i{font-style:normal}
#landingPage .faq-final{padding-bottom:65px;gap:60px}
#landingPage .faq-final h2{font-size:44px}
#landingPage .faq-final summary{font-size:14px;min-height:67px;color:#3a513c}
#landingPage .faq-final details p{color:#66755b;font-size:13px}
#landingPage .closing-section{border-color:#d9e2cb;padding:40px 0;gap:28px}
.closing-action{display:flex!important;flex-direction:column;align-items:center;gap:13px!important}.closing-action small{color:#7a8470;font-size:10px;text-align:center}
#landingPage .site-footer,#landingPage .site-footer .brand,#landingPage .site-footer>span{color:#6c7b61}
#landingPage .app-dialog{background:#f8f7ef;color:#243c2a;border-color:#d3ddc7;max-width:min(500px,calc(100vw - 30px))}
#landingPage .app-dialog>img{object-fit:contain;width:100%;height:auto;max-height:75vh}
@media(hover:hover){.screen-card:hover{transform:translateY(-5px);box-shadow:0 16px 28px #4d603116}.friends-capture:hover{transform:rotate(0deg)}}
@media(max-width:950px){#landingPage .site-header nav{gap:13px;font-size:11px}#landingPage .hero-final{gap:24px}#landingPage .hero-final h1{font-size:40px}#landingPage .hero-final .hero-lede{font-size:15px}.screen-card{padding:20px 15px 0}.shot-caption{font-size:14px}.screenshot-device img{height:355px}.flower-section{padding:20px 30px}.social-visual{padding:20px 15px 0;gap:10px;grid-template-columns:.65fr 1fr}.friends-capture img{height:245px}.duo-plants img{height:115px}#landingPage .social-section{gap:25px}.section-heading>p{font-size:14px}}
@media(max-width:700px){
 #landingPage .hero-final{padding:30px 0 44px;gap:0}#landingPage .hero-final h1{font-size:clamp(33px,8.4vw,46px);margin-bottom:18px}#landingPage .hero-final .hero-lede{font-size:15px;max-width:340px;line-height:1.6;margin-bottom:18px}#landingPage .hero-final .actions{margin-bottom:12px}#landingPage .hero-note{margin-bottom:26px}
 #landingPage .try-section{padding-block:38px;gap:25px}#landingPage .try-copy h2{font-size:38px}#landingPage .try-copy .eyebrow{font-size:10px}#landingPage .demo-steps{min-height:76px;margin-top:20px}#landingPage .demo-steps strong{font-size:15px}#landingPage .demo-steps p{font-size:13px}
 .pocket-section{padding:25px 0 43px}.section-heading{display:block;margin-bottom:23px}.section-heading h2,.flower-copy h2{font-size:37px}.section-heading>p{font-size:14px;margin-top:17px}.screen-gallery{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.screen-card{padding:17px 12px 0;border-radius:20px}.screen-home{display:none}.shot-caption{font-size:12px;gap:5px;margin-bottom:17px;line-height:1.4}.shot-caption>span{width:24px;height:24px;font-size:14px}.screenshot-device{border-width:4px;border-radius:23px 23px 0 0}.screenshot-device img{height:270px;border-radius:18px 18px 0 0}.screens-note{font-size:10px;line-height:1.5}
 .flower-section{grid-template-columns:1fr;padding:28px 26px 10px;gap:0;border-radius:25px}.flower-copy>p:not(.eyebrow){font-size:15px;line-height:1.55;margin:17px 0 0}#landingPage .growth-switch{margin-top:20px}#landingPage .growth-switch button{font-size:11px;padding:11px 13px}#landingPage .flower-section .growth-visual{height:325px;min-height:325px}#landingPage .flower-section .growth-visual>img{width:225px;height:295px}.flower-orbit{width:255px;height:255px}.flower-token{width:43px;height:43px;font-size:24px}.token-check{left:0;top:29%}.token-sun{right:0;top:49%}
 #landingPage .social-section{padding:43px 0;grid-template-columns:1fr;gap:24px}#landingPage .social-copy h2{font-size:38px}#landingPage .social-copy>p:not(.eyebrow){font-size:15px;margin:17px 0 13px}.social-visual{grid-template-columns:.7fr 1fr;padding:27px 20px 0;gap:20px;min-height:315px}.friends-capture img{height:265px}.duo-plants img{height:125px}.duo-illustration{font-size:11px}.friends-capture>span{font-size:8px;padding:10px 3px}
 #landingPage .faq-final{padding-bottom:35px;gap:20px}#landingPage .faq-final h2{font-size:36px}#landingPage .faq-final .eyebrow{font-size:10px}#landingPage .closing-section{padding:30px 0}#landingPage .closing-section>div{align-items:flex-start}.closing-action{width:100%;align-items:flex-start!important}.closing-action small{text-align:left;line-height:1.5}
}
@media(max-width:359px){.screen-card{padding-inline:8px}.shot-caption{font-size:11px}.screenshot-device img{height:245px}.social-visual{gap:12px;padding-inline:15px}.flower-section{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.screen-card,.friends-capture,.flower-token,#landingPage .growth-visual>img{transition:none}.screen-card:hover,.friends-capture:hover{transform:none}}

@media(prefers-reduced-motion:no-preference){
  #landingPage .growth-visual.mood-animating[data-current-mood=tired]>img{animation:flower-sink .72s cubic-bezier(.22,.72,.28,1) both}
  #landingPage .growth-visual.mood-animating[data-current-mood=happy]>img{animation:flower-rise .72s cubic-bezier(.22,.8,.25,1) both}
  @keyframes flower-sink{0%{transform:scale(1) rotate(0);opacity:1;filter:drop-shadow(0 25px 20px #50633316)}55%{transform:scale(.92) rotate(-4deg);opacity:.7;filter:grayscale(.16) saturate(.68) brightness(.95) drop-shadow(0 12px 14px #50633310)}100%{transform:scale(.94) rotate(-3deg);opacity:.78;filter:grayscale(.12) saturate(.72) brightness(.97) drop-shadow(0 18px 18px #50633316)}}
  @keyframes flower-rise{0%{transform:scale(.94) rotate(-3deg);opacity:.78;filter:grayscale(.12) saturate(.72) brightness(.97) drop-shadow(0 18px 18px #50633316)}55%{transform:scale(1.02) rotate(2deg);opacity:1;filter:drop-shadow(0 27px 22px #50633318)}100%{transform:scale(1) rotate(0);opacity:1;filter:drop-shadow(0 25px 20px #50633316)}}
}

/* A single real home screen, with arrows anchored to its five visible regions. */
.home-map{position:relative;max-width:1080px;width:100%;aspect-ratio:1080/720;margin:10px auto 0;background:radial-gradient(ellipse at center,#e4ebd45c,transparent 65%);isolation:isolate}
.home-phone{position:absolute;left:35.5%;top:4%;width:29%;padding:7px;background:#2d372e;border:1px solid #768270;border-radius:39px;box-shadow:0 28px 45px #394b2420;z-index:2;transition:box-shadow .25s}
.home-phone img{width:100%;height:auto;border-radius:31px}
.home-phone:hover{box-shadow:0 30px 50px #394b2430}
.home-arrows{position:absolute;inset:0;width:100%;height:100%;color:#81956c;pointer-events:none;z-index:3}
.home-arrows-mobile{display:none}
.home-label{position:absolute;width:23%;z-index:4;color:#28472f}
.home-label-number{display:block;color:#8b9a7b;font-size:11px;letter-spacing:.08em;margin-bottom:9px}
.home-label h3{font-family:Bricolage,Inter,sans-serif;font-size:clamp(17px,1.8vw,23px);font-weight:600;line-height:1.12;letter-spacing:-.025em;margin:0}
.home-label p{font-size:14px;line-height:1.55;color:#6b785f;margin:10px 0 0;max-width:240px}
.home-label-1,.home-label-3,.home-label-5{left:1%;text-align:left}
.home-label-2,.home-label-4{left:76%}
.home-label-1{top:7%}.home-label-2{top:25%}.home-label-3{top:53%}.home-label-4{top:68%}.home-label-5{top:82%}
@media(min-width:701px) and (max-width:950px){.home-phone{padding:5px;border-radius:29px}.home-phone img{border-radius:23px}.home-label h3{font-size:17px}.home-label p{font-size:12px;margin-top:7px}.home-label-number{font-size:9px;margin-bottom:6px}.home-label-5{top:80%}}
@media(max-width:700px){
 .home-map{aspect-ratio:360/480;max-width:420px;margin-top:30px}
 .home-phone{left:0;top:4%;width:53%;padding:4px;border-radius:25px;box-shadow:0 15px 27px #394b2420}
 .home-phone img{border-radius:20px}
 .home-arrows-desktop{display:none}.home-arrows-mobile{display:block}
 .home-label{left:66%;width:34%;text-align:left}
 .home-label-number{font-size:9px;margin-bottom:5px}
 .home-label h3{font-size:clamp(13px,3.5vw,16px);line-height:1.2;letter-spacing:-.02em}
 .home-label p{display:none}
 .home-label-1{top:6.5%}.home-label-2{top:27%}.home-label-3{top:49%}.home-label-4{top:67%}.home-label-5{top:81%}
 #accueil .section-heading>p{margin-top:16px}#accueil .screens-note{margin-top:5px;text-align:left}
}
@media(prefers-reduced-motion:reduce){.home-phone{transition:none}}

/* Keep the long-term reward beside the companion, within the existing block. */
@media(max-width:700px){#landingPage .hero-final .eyebrow{display:block;order:-1;font-size:9px;letter-spacing:.08em;line-height:1.6;margin:0 0 16px;text-align:center}}
@media(min-width:701px) and (max-width:950px){#landingPage .hero-final .eyebrow{display:block;grid-column:1/-1;grid-row:1;margin-bottom:16px}#landingPage .hero-final h1{grid-row:2/5}}
.flower-experience{min-width:0;padding-bottom:17px}
#landingPage .flower-experience .growth-visual{height:325px;min-height:325px}
#landingPage .flower-experience .growth-visual>img{width:250px;height:315px;mix-blend-mode:multiply}
.flower-experience .flower-orbit{width:290px;height:290px}
.species-unlocks{display:block;max-width:390px;margin:0 auto}
.species-unlocks-caption{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.4;color:#506347}
.species-unlocks-caption svg{display:block;width:22px;height:22px;flex:none;fill:none;stroke:#809268;stroke-width:1.7;stroke-linecap:round}
.species-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:9px}
.species-choice{display:grid;gap:4px;justify-items:center;min-width:0;padding:6px 5px 7px;border:1px solid transparent;border-radius:17px;background:#f4f4e9;color:#65775a;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.species-choice img{display:block;width:100%;height:82px;object-fit:contain;border-radius:13px;mix-blend-mode:multiply}
.species-choice span{font-size:10px;line-height:1.2}
.species-choice[aria-pressed="true"]{border-color:#a8c78d;background:#e7f1dc;color:#315b3d;box-shadow:0 5px 16px #496d5317}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.species-choice:hover{transform:translateY(-3px);box-shadow:0 8px 18px #496d5314}}
@media(min-width:701px) and (max-width:950px){.species-choices{gap:7px}.species-unlocks-caption{font-size:10px}.species-choice{padding:5px 4px 6px}.species-choice img{height:72px}}
@media(max-width:700px){.flower-experience{padding-bottom:14px}#landingPage .flower-experience .growth-visual{height:290px;min-height:290px}#landingPage .flower-experience .growth-visual>img{width:215px;height:285px}.flower-experience .flower-orbit{width:250px;height:250px}.species-choices{gap:7px;margin-top:8px}.species-choice{padding:5px 4px 6px;border-radius:15px}.species-choice img{height:75px;border-radius:11px}.species-choice span{font-size:10px}}
@media(max-width:359px){.species-choice img{height:66px}.species-choice span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.species-choice{transition:none}}

/* V36: one clear action per demo screen, then the benefit of a chosen limit. */
#landingPage .try-copy .scenario-picker{margin-bottom:26px}
#landingPage .trial-shield>img{height:110px;width:90px;margin:0 0 8px}
#landingPage .trial-shield .trial-primary{margin-top:24px}
#landingPage .trial-app{justify-content:center;padding:28px 19px}
#landingPage .trial-app-brand{position:absolute;top:27px;left:19px}
#landingPage .trial-app-task{margin:0}
#landingPage .trial-feedback{max-width:340px;margin-inline:auto;font-size:12px;line-height:1.5}
#landingPage .film-caption{margin-top:13px}
#landingPage .site-header nav{gap:19px;font-size:12px}
.limits-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;padding:48px 0 55px;border-top:1px solid #dce2d5}
.limits-copy h2{font:600 clamp(36px,4vw,55px)/1.06 Bricolage,sans-serif;letter-spacing:-.04em;margin:0}
.limits-copy>p:not(.eyebrow){color:#63725a;font-size:16px;line-height:1.6;max-width:365px;margin:22px 0}
.limit-choices{display:flex;gap:9px;margin:23px 0 16px}
.limit-choices button{min-height:44px;min-width:70px;padding:10px 17px;background:#fffdf8;color:#506a46;border:1px solid #d2dec5;border-radius:30px;font-size:13px;font-variant-numeric:tabular-nums;transition:background .2s,color .2s}
.limit-choices button[aria-pressed=true]{background:#284f39;color:#fffdf7;border-color:#284f39}
.limits-copy .text-link{padding:8px 0;background:none;font-size:13px;min-height:44px}
.outcome-visual{margin:0;min-width:0}
.outcome-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.outcome-chart{min-width:0;border:1px solid #e0e4d7;border-radius:24px;background:#fffdf8;padding:22px 19px;color:#bb8065}
.chart-up{color:#628b43}
.outcome-chart>span{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#4e6046;font-size:14px}
.outcome-chart>span b{font-size:25px;font-weight:500;color:#bb8065}.chart-up>span b{color:#628b43}
.outcome-chart svg{display:block;width:100%;height:auto;margin:18px 0}
.chart-baseline{fill:none;stroke:#e5e8de;stroke-width:1}
.chart-area{fill:currentColor;opacity:.07}
.chart-line,.chart-arrow{fill:none;stroke:currentColor;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.outcome-chart>strong{font:500 16px/1.3 Bricolage,sans-serif;color:#3c553b;display:block}
.outcome-visual>figcaption{font-size:11px;color:#737e68;text-align:center;margin-top:14px;line-height:1.5}
.voices-section{padding:0 0 55px}
.voices-heading{display:flex;justify-content:space-between;gap:25px;align-items:baseline;margin-bottom:21px}
.voices-heading h2{font:600 28px/1.2 Bricolage,sans-serif;letter-spacing:-.025em;margin:0}
.voices-heading p{font-size:12px;color:#76806d;margin:0}
.voices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.voices-grid blockquote{margin:0;border-left:1px solid #c8d5b9;padding:0 0 0 20px;position:relative}
.quote-mark{display:block;color:#86a16d;font:500 39px/.8 Bricolage,sans-serif;height:28px}
.voices-grid blockquote p{color:#465b3f;font-size:16px;line-height:1.55;margin:8px 0 0}
.motion-ready .limits-section.is-visible .chart-line{animation:draw-outcome 1.9s ease-out both}
.motion-ready .limits-section.is-visible .chart-arrow{animation:show-outcome .3s 1.65s both}
@keyframes draw-outcome{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes show-outcome{from{opacity:0}to{opacity:1}}
@media(min-width:701px) and (max-width:950px){#landingPage .site-header nav{gap:12px;font-size:10px}.limits-section{gap:28px;grid-template-columns:.85fr 1.15fr}.outcome-charts{gap:10px}.outcome-chart{padding:18px 12px}.outcome-chart>strong{font-size:13px}.outcome-chart>span{font-size:12px}.voices-grid{gap:18px}.voices-grid blockquote p{font-size:14px}}
@media(max-width:700px){.limits-section{grid-template-columns:1fr;gap:25px;padding:34px 0 40px}.limits-copy h2{font-size:38px}.limits-copy>p:not(.eyebrow){font-size:15px;margin:17px 0}.limit-choices{margin:18px 0 8px}.outcome-charts{gap:12px}.outcome-chart{padding:17px 13px;border-radius:19px}.outcome-chart>span{font-size:12px}.outcome-chart>strong{font-size:13px}.outcome-chart svg{margin:12px 0}.outcome-visual>figcaption{font-size:10px}.voices-section{padding-bottom:38px}.voices-heading{display:block;margin-bottom:22px}.voices-heading h2{font-size:28px}.voices-heading p{font-size:11px;line-height:1.5;margin-top:10px}.voices-grid{grid-template-columns:1fr;gap:20px}.voices-grid blockquote{padding-left:18px}.voices-grid blockquote p{font-size:15px;margin:0}.quote-mark{position:absolute;left:-6px;top:-3px;height:20px;background:#f8f7f1;font-size:26px}.limits-copy .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.limit-choices button{transition:none}.motion-ready .limits-section .chart-line,.motion-ready .limits-section .chart-arrow{animation:none}}

/* V37: short floating quotes frame the hero, away from its interactive areas. */
#landingPage .hero-final{position:relative;isolation:isolate;padding-top:125px;padding-bottom:145px}
.hero-testimonials{display:contents}
.hero-quote{position:absolute;z-index:3;margin:0;width:245px;padding:15px 18px;background:#fffefaed;border:1px solid #dce4d1;border-radius:17px;box-shadow:0 12px 32px #344b2710;transform:rotate(var(--quote-tilt));animation:quote-arrive .65s both}
.hero-quote p{color:#3f5a3b;font-size:13px;line-height:1.5;margin:0;letter-spacing:-.01em;text-wrap:pretty}
.hero-quote cite{display:block;margin-top:7px;color:#7d8872;font-style:normal;font-size:9px;line-height:1.5}
.quote-morning{--quote-tilt:-3deg;top:22px;left:2%;width:230px}
.quote-screen{--quote-tilt:2deg;top:8px;right:3%;animation-delay:.08s}
.quote-actions{--quote-tilt:-1.5deg;bottom:30px;left:39%;width:290px;animation-delay:.16s}
@keyframes quote-arrive{from{opacity:0;transform:translateY(9px) rotate(var(--quote-tilt))}to{opacity:1;transform:translateY(0) rotate(var(--quote-tilt))}}
.deadline-explainer{margin:22px 0 23px;max-width:435px}
.deadline-examples{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.deadline-examples article{padding:16px 14px;border:1px solid #dbe3d0;border-radius:17px;background:#fffdf8}
.deadline-kind{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.4;color:#758465}
.deadline-kind svg{width:16px;height:16px;flex:none;stroke:#648256;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.deadline-examples h3{font-family:Bricolage,sans-serif;font-weight:600;font-size:16px;line-height:1.25;min-height:40px;color:#2d4c35;margin:12px 0 9px}
.deadline-examples article p{display:flex;justify-content:space-between;align-items:center;gap:5px;flex-wrap:wrap;font-size:11px;color:#738168;line-height:1.6;margin:0}
.deadline-examples b{font:600 15px/1.3 Bricolage,sans-serif;padding:4px 7px;border-radius:7px;background:#eaf0de;color:#40613a;white-space:nowrap}
.deadline-note{font-size:11px;line-height:1.55;color:#748067;margin:12px 0 0}
@media(min-width:701px) and (max-width:950px){#landingPage .hero-final{padding-top:130px;padding-bottom:145px}.quote-actions{left:auto;right:12%}.deadline-examples{gap:8px}.deadline-examples article{padding:13px 10px}.deadline-kind{font-size:9px}.deadline-examples h3{font-size:14px;min-height:35px}}
@media(max-width:700px){
 #landingPage .hero-final{padding:25px 0 43px}
 .hero-final .hero-quote{position:relative;inset:auto;max-width:calc(100% - 18px);padding:12px 15px;border-radius:15px}
 .hero-quote p{font-size:12px;line-height:1.45}.hero-quote cite{font-size:9px;margin-top:6px}
 .hero-final .quote-morning{order:-2;align-self:flex-start;width:215px;margin:0 0 24px 4px}
 .hero-final .quote-screen{order:4;align-self:flex-end;width:230px;margin:0 4px 27px 0}
 #landingPage .hero-final .hero-film{order:6}
 .hero-final .quote-actions{order:7;align-self:flex-start;width:260px;margin:23px 0 0 5px}
 .deadline-explainer{margin:21px 0}.deadline-examples{gap:10px}.deadline-examples article{padding:15px 12px}.deadline-kind{font-size:9px}.deadline-examples h3{font-size:15px;min-height:38px}.deadline-examples article p{font-size:10px}.deadline-examples b{font-size:14px}.deadline-note{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.hero-quote{animation:none}}

/* V38: three native guardrails, each with one visual idea and one clear result. */
#landingPage .limits-section{display:block;padding:78px 0 84px;border-top:1px solid #dce2d5}
#landingPage .limits-heading{max-width:700px;margin:0 auto 39px;text-align:center}
#landingPage .limits-heading .eyebrow{margin-bottom:17px}
#landingPage .limits-heading h2{font:600 clamp(39px,4.7vw,65px)/1.02 Bricolage,sans-serif;letter-spacing:-.052em;margin:0}
#landingPage .limits-heading>p:not(.eyebrow){max-width:600px;margin:21px auto 0;color:#64735b;font-size:16px;line-height:1.65}
.limits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.native-limit-card{position:relative;display:flex;flex-direction:column;min-height:435px;overflow:hidden;padding:22px 23px 22px;border:1px solid #dbe3d1;border-radius:25px;background:#f0f3e5;color:#294732;transition:transform .3s,box-shadow .3s}
.native-limit-card:after{content:'';position:absolute;right:-65px;bottom:-85px;width:210px;height:210px;border:1px solid #dae5cd;border-radius:50%;box-shadow:0 0 0 25px #eef3e74d,0 0 0 50px #eef3e72e;pointer-events:none}
.native-streak{background:#f3ece5;border-color:#e8dbd0}.native-streak:after{border-color:#e9dcd0;box-shadow:0 0 0 25px #f5ede64d,0 0 0 50px #f5ede62e}
.native-hour{background:#e9edf0;border-color:#dbe1e5}.native-hour:after{border-color:#d9e2e5;box-shadow:0 0 0 25px #eef3f34d,0 0 0 50px #eef3f32e}
@media(hover:hover){.native-limit-card:hover{transform:translateY(-5px);box-shadow:0 18px 33px #4b5f3814}}
.limit-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}
.limit-index{font:500 11px/1 Inter,sans-serif;letter-spacing:.13em;color:#829273}
.limit-tag{font-size:10px;color:#718266;padding:6px 9px;border:1px solid #cddbc2;border-radius:20px;background:#f9fbf2}
.native-streak .limit-tag{color:#977b67;border-color:#decfc2;background:#fcf7f1}.native-hour .limit-tag{color:#6a7e86;border-color:#cbd9df;background:#f7fbfc}
.limit-art{height:142px;margin:19px 0 13px;display:grid;place-items:center;position:relative;z-index:1}
.limit-art svg{width:min(100%,210px);height:100%;overflow:visible}
.limit-art svg path,.limit-art svg rect,.limit-art svg circle{vector-effect:non-scaling-stroke}
.wake-sun{fill:#dfad55;stroke:none}.wake-rays{fill:none;stroke:#dfad55;stroke-width:4;stroke-linecap:round}.wake-phone{fill:#fffdf7;stroke:#617d56;stroke-width:3}.wake-screen{fill:none;stroke:#c7d9bd;stroke-width:3;stroke-linecap:round}.wake-lock{fill:#d3edaa;stroke:#527b4e;stroke-width:3}.wake-lock+path{fill:none;stroke:#527b4e;stroke-width:3;stroke-linecap:round}
.streak-track{fill:#fbf6f0;stroke:#dcc9b8;stroke-width:6}.streak-progress{fill:none;stroke:#d68a62;stroke-width:7;stroke-linecap:round;stroke-dasharray:160 105}.streak-hand{fill:none;stroke:#956b52;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.streak-dot{fill:#d68a62;stroke:none}.streak-tick{fill:none;stroke:#d8ad91;stroke-width:4;stroke-linecap:round}
.hour-ring{fill:#f9fbf5;stroke:#7ca06d;stroke-width:5}.hour-hand{fill:none;stroke:#55794f;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.hour-ticks{fill:none;stroke:#a5bda0;stroke-width:3;stroke-linecap:round}.hour-bar{fill:#739b60}.hour-bar.faded{fill:#c5d5c4}
.native-limit-card h3{position:relative;z-index:1;font:600 clamp(22px,2.15vw,30px)/1.06 Bricolage,sans-serif;letter-spacing:-.035em;margin:0 0 12px;color:#284932}
.native-limit-card p{position:relative;z-index:1;color:#63725a;font-size:14px;line-height:1.6;margin:0;max-width:290px}
.native-streak h3{color:#624836}.native-streak p{color:#796655}.native-hour h3{color:#365768}.native-hour p{color:#61717b}
.limit-result{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:20px;color:#4b7047;font:500 13px/1.2 Bricolage,sans-serif}.limit-result:before{content:'✓';display:grid;place-items:center;width:22px;height:22px;border:1px solid #c8dabd;border-radius:50%;font-size:12px}.native-streak .limit-result{color:#a0654a}.native-streak .limit-result:before{border-color:#e0c8b8}.native-hour .limit-result{color:#537887}.native-hour .limit-result:before{border-color:#c9dce2}
.limit-mini-scale{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin-top:17px;color:#96725f;font-size:10px}.limit-mini-scale i{display:block;flex:1;height:4px;border-radius:6px;background:linear-gradient(90deg,#d68a62 45%,#e8dbd0 45%);font-style:normal}.hour-scale{color:#66808a}.hour-scale i{background:linear-gradient(90deg,#7ca06d 45%,#d9e2e5 45%)}.limits-action{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:24px;padding:18px 22px;border:1px solid #dce3d4;border-radius:18px;background:#fbfcf5}.limits-action-label{display:block;color:#738068;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.limits-action .limit-choices{display:flex;gap:7px;margin:0}.limits-action .limit-choices button{min-height:38px;min-width:66px;padding:8px 13px;font-size:12px}.limits-action #viewLimitDemo{flex:none;min-height:44px;padding:10px 0;background:none;border:0;color:#396745;font-size:13px;cursor:pointer}.limits-action #viewLimitDemo span{margin-left:9px}
.motion-ready .limits-grid:not(.is-motion-visible) .native-limit-card{opacity:0;transform:translateY(30px) scale(.985)}
.motion-ready .limits-grid.is-motion-visible .native-limit-card{animation:limit-card-in .65s both}.motion-ready .limits-grid.is-motion-visible .native-limit-card:nth-child(2){animation-delay:.08s}.motion-ready .limits-grid.is-motion-visible .native-limit-card:nth-child(3){animation-delay:.16s}.motion-ready .limits-grid.is-motion-visible .streak-progress{animation:streak-draw 1.6s .25s ease-out both}.motion-ready .limits-grid.is-motion-visible .wake-lock{animation:wake-pulse 2s .35s ease-in-out both}
@keyframes limit-card-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes streak-draw{from{stroke-dashoffset:105}to{stroke-dashoffset:0}}
@keyframes wake-pulse{0%,100%{filter:none}35%{filter:drop-shadow(0 0 5px #d3edaa)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .native-wake:hover .wake-phone{animation:wake-phone-awake .72s ease-in-out both;transform-box:fill-box;transform-origin:center bottom}
 .native-wake:hover .wake-rays{animation:wake-rays-ring .72s ease-out both}
 #landingPage .native-wake:hover .wake-lock{animation:wake-lock-ring .72s ease-in-out both;transform-box:fill-box;transform-origin:center}
 #landingPage .native-streak:hover .streak-progress{animation:streak-advance .95s ease-out both}
 .native-streak:hover .streak-dot{animation:streak-dot-pulse .8s ease-in-out both;transform-box:fill-box;transform-origin:center}
 .native-hour:hover .hour-bar{animation:hour-bar-rise .7s ease-out both;transform-box:fill-box;transform-origin:center bottom}
 .native-hour:hover .hour-bar:nth-of-type(2){animation-delay:.06s}
 .native-hour:hover .hour-bar:nth-of-type(3){animation-delay:.12s}
 .native-hour:hover .hour-bar:nth-of-type(4){animation-delay:.18s}
}
@keyframes wake-phone-awake{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-4px) rotate(-2deg)}68%{transform:translateY(-2px) rotate(1deg)}}
@keyframes wake-rays-ring{0%,100%{opacity:1;stroke-width:4}45%{opacity:.65;stroke-width:5}}
@keyframes wake-lock-ring{0%,100%{transform:scale(1)}45%{transform:scale(1.18)}70%{transform:scale(.96)}}
@keyframes streak-advance{from{stroke-dashoffset:0}to{stroke-dashoffset:-105}}
@keyframes streak-dot-pulse{0%,100%{transform:scale(1)}45%{transform:scale(1.45)}}
@keyframes hour-bar-rise{0%,100%{transform:scaleY(1)}45%{transform:scaleY(1.16)}}
@media(min-width:701px) and (max-width:950px){#landingPage .limits-section{padding-block:58px 65px}.native-limit-card{padding-inline:16px;min-height:410px}.limit-art{height:122px}.native-limit-card h3{font-size:22px}.native-limit-card p{font-size:12px}.limits-action{padding-inline:16px}}
@media(max-width:700px){#landingPage .limits-section{padding:48px 0 56px}.limits-heading{margin-bottom:27px}.limits-heading .eyebrow{font-size:9px}#landingPage .limits-heading h2{font-size:36px;line-height:1.05}.limits-heading>p:not(.eyebrow){font-size:15px;line-height:1.6;margin-top:17px}.limits-grid{grid-template-columns:1fr;gap:12px}.native-limit-card{min-height:0;padding:19px 20px 20px;border-radius:22px}.limit-art{height:118px;margin:13px 0 11px}.native-limit-card h3{font-size:25px;margin-bottom:8px}.native-limit-card p{font-size:14px;max-width:330px}.limit-result{margin-top:17px;padding-top:0}.limit-mini-scale{max-width:250px}.limits-action{display:block;margin-top:16px;padding:16px 18px}.limits-action #viewLimitDemo{margin-top:13px}.limits-action .limit-choices button{min-width:62px}}
@media(prefers-reduced-motion:reduce){.native-limit-card{transition:none}.motion-ready .limits-grid.is-motion-visible .native-limit-card,.motion-ready .limits-grid.is-motion-visible .streak-progress,.motion-ready .limits-grid.is-motion-visible .wake-lock{animation:none}}

/* V39: let the limit example own its duration control. */
#landingPage .limit-duration-picker{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin:17px 0 0;padding:10px 12px;border:1px solid #dce3d4;border-radius:16px;background:#fbfcf5}
#landingPage .limit-duration-picker>span{color:#738068;font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
#landingPage .limit-duration-picker>span #chosenLimit{color:#284f39;font-size:14px;letter-spacing:0}
#landingPage .limit-duration-choices{display:flex;gap:6px}
#landingPage .limit-duration-choices button{min-height:35px;min-width:60px;padding:8px 11px;border:1px solid #d2dec5;border-radius:22px;background:#fffdf8;color:#506a46;font-size:11px;font-variant-numeric:tabular-nums;transition:background .2s,color .2s,border-color .2s}
#landingPage .limit-duration-choices button[aria-pressed=true]{background:#284f39;color:#fffdf5;border-color:#284f39}
@media(max-width:700px){#landingPage .limit-duration-picker{display:block;width:100%;margin-top:14px;padding:12px 13px}#landingPage .limit-duration-picker>span{display:block;margin-bottom:8px}#landingPage .limit-duration-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#landingPage .limit-duration-choices button{min-width:0;padding-inline:7px}}

/* V41: give the real home capture a more tactile device frame. */
#landingPage .home-phone{display:block;line-height:0;font-size:0;padding:9px;background:linear-gradient(145deg,#1f2b24 0%,#41513e 52%,#26352b 100%);border:2px solid #233129;border-radius:43px;box-shadow:0 28px 50px #2d432a2b,0 2px 0 #a5b79c66 inset;transition:transform .35s ease,box-shadow .35s ease}
#landingPage .home-phone img{position:relative;z-index:1;border-radius:34px;box-shadow:0 0 0 1px #dce6d8aa,0 1px 0 #ffffff66 inset}
#landingPage .home-phone:before{content:'';position:absolute;z-index:3;top:15px;left:50%;width:72px;height:16px;transform:translateX(-50%);border-radius:12px;background:#111812;box-shadow:inset 0 1px 1px #ffffff14,0 1px 2px #0006;pointer-events:none}
#landingPage .home-phone:after{content:'';position:absolute;z-index:3;inset:4px;border:1px solid #edf6e560;border-radius:inherit;opacity:.65;pointer-events:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#landingPage .home-phone:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 36px 58px #2d432a3d,0 2px 0 #b6c9ac88 inset}#landingPage .home-phone:hover:before{box-shadow:inset 0 1px 1px #ffffff22,0 0 0 3px #d2f99a22,0 1px 2px #0006}}
@media(max-width:700px){#landingPage .home-phone{width:58%;padding:6px;border-radius:30px;box-shadow:0 18px 32px #394b2430,0 2px 0 #a5b79c66 inset}#landingPage .home-phone img{border-radius:24px}#landingPage .home-phone:before{top:10px;width:49px;height:12px}#landingPage .home-phone:after{inset:3px}}
@media(prefers-reduced-motion:reduce){#landingPage .home-phone{transition:none}}

/* V42: remove the side seam in the sticky bar and simplify the home-screen status icons. */
#landingPage .site-header{background:transparent;border-bottom-color:transparent;isolation:isolate}
#landingPage .site-header:before{content:'';position:absolute;z-index:-1;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);background:#f8f7f1ed;border-bottom:1px solid #dce2d5;backdrop-filter:blur(18px);pointer-events:none}
#landingPage .home-phone-toolbar{position:absolute;z-index:4;top:8.7%;left:40.5%;right:3%;height:6%;display:flex;align-items:center;justify-content:flex-end;gap:3%;padding:0 1.5%;border-radius:999px;background:#f3f2ee;pointer-events:none;white-space:nowrap}
#landingPage .home-toolbar-item{display:inline-flex;align-items:center;gap:2px;color:#7a8878;font:600 clamp(7px,.75vw,10px)/1 Inter,sans-serif}
#landingPage .home-toolbar-item svg{width:clamp(10px,1.15vw,15px);height:clamp(10px,1.15vw,15px);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#landingPage .home-toolbar-settings{display:grid;place-items:center;width:clamp(17px,1.7vw,23px);height:clamp(17px,1.7vw,23px);border-radius:50%;color:#617b68;background:#e3e9df}
#landingPage .home-toolbar-settings svg{width:clamp(10px,1.1vw,14px);height:clamp(10px,1.1vw,14px);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){#landingPage .home-phone-toolbar{top:8.7%;left:39%;right:2%;height:6.5%;gap:2%;padding-inline:1%}#landingPage .home-toolbar-item{font-size:7px;gap:1px}#landingPage .home-toolbar-item svg{width:11px;height:11px}#landingPage .home-toolbar-settings{width:17px;height:17px}#landingPage .home-toolbar-settings svg{width:10px;height:10px}}

/* V45: make the two scroll limits distinct at a glance, then position Flocus
   as the contextual layer that completes Apple’s native Screen Time tools. */
#landingPage .limits-compare{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr);gap:26px 38px;margin-top:24px;padding:26px 29px;border:1px solid #dce3d4;border-radius:25px;background:linear-gradient(135deg,#fbfcf5 0%,#f3f5eb 100%)}
#landingPage .limits-compare-heading{align-self:center}
#landingPage .limits-compare-heading .eyebrow{margin:0 0 12px;font-size:9px;letter-spacing:.13em;color:#738068}
#landingPage .limits-compare-heading h3{margin:0;color:#294932;font:600 clamp(25px,2.4vw,34px)/1.04 Bricolage,sans-serif;letter-spacing:-.035em}
#landingPage .limits-compare-heading>p:not(.eyebrow){margin:14px 0 0;color:#63725a;font-size:13px;line-height:1.65;max-width:330px}
#landingPage .limits-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#landingPage .limits-compare-grid article{display:flex;gap:12px;align-items:flex-start;padding:16px 15px;border:1px solid #e0e6db;border-radius:18px;background:#fffefa}
#landingPage .compare-icon{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:12px;background:#eaf1e3;color:#4d7954}
#landingPage .compare-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#landingPage .compare-session{color:#a9684c;background:#f8ebe3}.compare-hour{color:#557a83;background:#e7f0f0}
#landingPage .limits-compare h4{margin:1px 0 6px;color:#294932;font:600 16px/1.1 Bricolage,sans-serif;letter-spacing:-.02em}
#landingPage .limits-compare-grid p{margin:0;color:#68765f;font-size:12px;line-height:1.55}
#landingPage .limits-apple-note{grid-column:1/-1;display:flex;gap:13px;align-items:flex-start;padding-top:21px;border-top:1px solid #dde4d6}
#landingPage .compare-shield{color:#438b59;background:#e6f3e5;border-radius:50%}
#landingPage .limits-apple-note h4{margin:1px 0 6px;font-size:15px}
#landingPage .limits-apple-note p{margin:0;color:#63725a;font-size:12px;line-height:1.6;max-width:780px}
@media(max-width:700px){#landingPage .limits-compare{display:block;margin-top:16px;padding:20px 18px;border-radius:21px}#landingPage .limits-compare-heading h3{font-size:28px}#landingPage .limits-compare-heading>p:not(.eyebrow){font-size:13px;margin-top:11px}#landingPage .limits-compare-grid{grid-template-columns:1fr;gap:9px;margin-top:17px}#landingPage .limits-compare-grid article{padding:14px 13px}#landingPage .limits-compare-grid p{font-size:12px}#landingPage .limits-apple-note{margin-top:16px;padding-top:17px}#landingPage .limits-apple-note p{font-size:12px}}

/* V46: make the product loop legible before the visitor starts the film. */
#landingPage .hero-mechanism{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;margin:0 0 20px;max-width:380px;color:#50634f;font-size:11px;line-height:1.35}
#landingPage .hero-mechanism span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#landingPage .hero-mechanism b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e4eed6;color:#315b3d;font-size:10px;font-weight:700}
#landingPage .hero-mechanism i{font-style:normal;color:#78916e;font-size:15px}
#landingPage .cta-trust{display:flex;flex-wrap:wrap;gap:4px 9px;margin:11px 0 0;color:#71816b;font-size:11px;line-height:1.5}
#landingPage .cta-trust strong{color:#3d6547;font-weight:700}
#landingPage .hero-final .hero-lede{max-width:380px}
@media(max-width:700px){
  #landingPage .hero-final .hero-lede{order:1;max-width:350px;margin:0 auto 13px}
  #landingPage .hero-final .hero-mechanism{order:2;justify-content:center;max-width:360px;margin:0 auto 15px;gap:5px 8px;font-size:10px}
  #landingPage .hero-final .hero-mechanism b{width:18px;height:18px;font-size:9px}
  #landingPage .hero-final .hero-mechanism i{font-size:13px}
  #landingPage .hero-final .actions{order:3}
  #landingPage .hero-final .cta-trust{order:4;justify-content:center;margin:1px auto 7px;font-size:10px;text-align:center}
  #landingPage .hero-final .hero-note{order:5}
  #landingPage .hero-final .hero-film{order:6}
}
@media(prefers-reduced-motion:reduce){#landingPage .hero-mechanism b{transition:none}}

/* V46 mobile pass: keep the first viewport calm and let the three limits reveal themselves on scroll. */
@media(max-width:700px){
  #landingPage .hero-final .quote-screen,
  #landingPage .hero-final .quote-actions{display:none}
  #landingPage .hero-final .hero-note{display:none}
  #landingPage .hero-final{padding-bottom:28px}
  #landingPage .hero-final .hero-mechanism{margin-bottom:11px}
}
@media(prefers-reduced-motion:no-preference){
  .motion-ready .limits-grid.is-motion-visible .native-wake .wake-phone{animation:limit-phone-rise .8s .18s cubic-bezier(.2,.8,.25,1) both;transform-box:fill-box;transform-origin:center bottom}
  .motion-ready .limits-grid.is-motion-visible .native-wake .wake-rays{animation:wake-rays-ring .9s .35s ease-out both}
  .motion-ready .limits-grid.is-motion-visible .native-streak .streak-hand{animation:streak-hand-tick .9s .3s ease-out both;transform-box:fill-box;transform-origin:90px 63px}
  .motion-ready .limits-grid.is-motion-visible .native-hour .hour-bar{animation:hour-bar-rise .7s .32s ease-out both;transform-box:fill-box;transform-origin:center bottom}
  .motion-ready .limits-grid.is-motion-visible .native-hour .hour-bar:nth-of-type(2){animation-delay:.38s}
  .motion-ready .limits-grid.is-motion-visible .native-hour .hour-bar:nth-of-type(3){animation-delay:.44s}
  .motion-ready .limits-grid.is-motion-visible .native-hour .hour-bar:nth-of-type(4){animation-delay:.5s}
}
@keyframes limit-phone-rise{0%{opacity:0;transform:translateY(10px) rotate(-3deg)}100%{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes streak-hand-tick{0%{transform:rotate(-15deg)}65%{transform:rotate(4deg)}100%{transform:rotate(0)}}

/* V51: une seule démo de priorité, des fleurs verrouillées et une explication
   courte de la pause après déclenchement. */
#landingPage .task-demo-picker{margin:22px 0 24px;max-width:430px}
#landingPage .task-picker-label{margin:0 0 9px;color:#718066;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
#landingPage .task-picker-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#landingPage .task-choice{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid #d4dfca;border-radius:16px;background:#fbfcf6;color:#38563c;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
#landingPage .task-choice[aria-pressed=true]{border-color:#7ca274;background:#e6f2dc;box-shadow:0 6px 18px #506c3816}
#landingPage .task-choice-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:#eef4e7;color:#557b56;font:600 15px/1 Bricolage,sans-serif}
#landingPage .task-choice[aria-pressed=true] .task-choice-icon{background:#4a7857;color:#f7faef}
#landingPage .task-choice span:last-child{display:grid;gap:3px;min-width:0}
#landingPage .task-choice b{font:600 12px/1.2 Bricolage,sans-serif;white-space:nowrap}
#landingPage .task-choice small{color:#73826c;font-size:10px;line-height:1.2}
#landingPage .task-picker-hint{margin:9px 0 0;color:#7a886f;font-size:11px;line-height:1.45}

#landingPage .species-unlocks{max-width:440px;margin:3px auto 0}
#landingPage .species-unlocks-caption{font-size:11px;letter-spacing:.04em}
#landingPage .species-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px}
#landingPage .species-choice{position:relative;display:grid;gap:3px;justify-items:center;min-width:0;padding:6px 4px 7px;border:1px solid #dfe6d5;border-radius:15px;background:#f4f6eb;color:#61745c;cursor:default;pointer-events:none;transition:none}
#landingPage .species-choice img{display:block;width:100%;height:75px;object-fit:contain;border-radius:10px;mix-blend-mode:multiply}
#landingPage .species-choice.is-locked img{opacity:.43;filter:grayscale(.35) saturate(.7)}
#landingPage .species-choice.is-selected{border-color:#a7c78c;background:#e8f2dd;color:#315b3d;box-shadow:0 5px 16px #496d5317}
#landingPage .species-choice span{font:600 10px/1.2 Bricolage,sans-serif}
#landingPage .species-choice small{font-size:9px;line-height:1.2;color:#84917a}
#landingPage .species-choice.is-selected small{color:#527453}
#landingPage .species-lock{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#fffaf0;color:#ae6a52;box-shadow:0 2px 7px #4c58321f}
#landingPage .species-lock svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

#landingPage .limits-pause-note{display:flex;align-items:flex-start;gap:17px;margin-top:22px;padding:22px 24px;border:1px solid #dce5d4;border-radius:23px;background:linear-gradient(135deg,#fbfcf5,#f0f5e9)}
#landingPage .pause-note-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:15px;background:#e3f1de;color:#4b7b58}
#landingPage .pause-note-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#landingPage .pause-note-copy{min-width:0}
#landingPage .pause-note-copy .eyebrow{margin:0 0 8px;font-size:9px;letter-spacing:.12em;color:#738068}
#landingPage .pause-note-copy h3{margin:0;color:#294932;font:600 clamp(24px,2.5vw,32px)/1.05 Bricolage,sans-serif;letter-spacing:-.035em}
#landingPage .pause-note-copy p:not(.eyebrow){margin:11px 0 0;color:#64735c;font-size:13px;line-height:1.6;max-width:780px}
#landingPage .pause-note-copy strong{color:#3d6247;font-weight:700}
#landingPage .pause-note-copy .pause-note-cost{margin-top:8px;color:#516b4d}
#landingPage .pause-note-cost b{display:inline-block;padding:3px 7px;border-radius:7px;background:#e9f3d7;color:#356040;font-size:12px}
#landingPage .pause-note-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}
#landingPage .pause-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:10px 11px;border:1px solid #d9e5d2;border-radius:15px;background:#fbfcf6}
#landingPage .pause-option-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e5f2de;color:#4b7b58}
#landingPage .pause-option-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#landingPage .pause-option span:nth-child(2){display:grid;gap:3px;min-width:0}
#landingPage .pause-option b{color:#31583e;font:600 12px/1.2 Bricolage,sans-serif;white-space:nowrap}
#landingPage .pause-option small{color:#75836e;font-size:10px;line-height:1.25}
#landingPage .pause-option em{font:600 11px/1 Bricolage,sans-serif;font-style:normal;white-space:nowrap}
#landingPage .pause-option-wait em{color:#5c8a58}
#landingPage .pause-option-open{border-color:#ead7ca;background:#fffaf5}
#landingPage .pause-option-open .pause-option-icon{background:#f9e9de;color:#b46b4f}
#landingPage .pause-option-open em{color:#b46b4f}
#landingPage section[id]{scroll-margin-top:88px}

@media(max-width:700px){
  #landingPage section[id]{scroll-margin-top:78px}
  #landingPage .task-demo-picker{margin:19px 0 21px}
  #landingPage .task-picker-options{gap:7px}
  #landingPage .task-choice{gap:7px;padding:10px 8px;border-radius:14px}
  #landingPage .task-choice-icon{width:25px;height:25px;border-radius:8px;font-size:13px}
  #landingPage .task-choice b{font-size:10px}
  #landingPage .task-choice small{font-size:9px}
  #landingPage .task-picker-hint{font-size:10px}
  #landingPage .species-unlocks{margin-top:0}
  #landingPage .species-choices{gap:6px}
  #landingPage .species-choice{padding:5px 3px 6px;border-radius:13px}
  #landingPage .species-choice img{height:63px;border-radius:9px}
  #landingPage .species-choice span{font-size:9px}
  #landingPage .species-choice small{font-size:8px}
  #landingPage .species-lock{top:5px;right:5px;width:17px;height:17px}
  #landingPage .species-lock svg{width:11px;height:11px}
  #landingPage .limits-pause-note{gap:12px;margin-top:16px;padding:18px 16px;border-radius:20px}
  #landingPage .pause-note-icon{width:40px;height:40px;border-radius:12px}
  #landingPage .pause-note-icon svg{width:24px;height:24px}
  #landingPage .pause-note-copy .eyebrow{font-size:8px;margin-bottom:7px}
  #landingPage .pause-note-copy h3{font-size:24px}
  #landingPage .pause-note-copy p:not(.eyebrow){font-size:12px;line-height:1.55;margin-top:9px}
  #landingPage .pause-note-cost b{font-size:11px}
  #landingPage .pause-note-options{grid-template-columns:1fr;gap:7px;margin-top:11px}
  #landingPage .pause-option{padding:9px 10px}
  #landingPage .pause-option-icon{width:30px;height:30px}
  #landingPage .pause-option b{font-size:11px}
  #landingPage .pause-option small{font-size:9px}
}
@media(max-width:359px){#landingPage .task-choice b{font-size:9px}#landingPage .task-choice small{font-size:8px}#landingPage .species-choice img{height:56px}}

/* V53: make the shield journey self-explanatory and let product details
   arrive with restrained, editorial motion as the visitor scrolls. */
#landingPage .try-copy{position:relative}
#landingPage .demo-try-cue{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:5px;width:185px;margin:-13px -66px -2px auto;color:#568a6b;font:600 13px/1 Bricolage,sans-serif;letter-spacing:.01em;transform:rotate(-2deg);pointer-events:none}
#landingPage .demo-try-cue svg{display:block;width:96px;height:47px;overflow:visible;flex:none}
#landingPage .demo-try-cue path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
#landingPage .cue-line{stroke-width:2.2}
#landingPage .cue-sketch{stroke-width:1;opacity:.42}
#landingPage .cue-tip{stroke-width:2.2}
#landingPage .cue-mobile{display:none}

#landingPage .demo-journey{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 0;padding:0}
#landingPage .demo-journey li{position:relative;display:flex;align-items:center;gap:6px;min-width:0;color:#788870;font-size:10px;line-height:1.2;transition:color .3s}
#landingPage .demo-journey li:not(:last-child):after{content:'';position:absolute;left:calc(100% - 2px);top:50%;width:9px;height:1px;background:#ccd5bf;transform:translateY(-50%)}
#landingPage .demo-journey li>span{display:grid;place-items:center;flex:none;width:21px;height:21px;border:1px solid #cbd6c0;border-radius:50%;background:#f8f9f0;color:#6f8068;font-size:8px;font-weight:700;transition:background .3s,border-color .3s,color .3s,transform .3s}
#landingPage .demo-journey b{min-width:0;font-weight:600;text-wrap:balance}
#landingPage .demo-journey .is-current{color:#315a3d}
#landingPage .demo-journey .is-current>span{border-color:#568a6b;background:#568a6b;color:#fff}
#landingPage .demo-journey .is-complete{color:#647a60}
#landingPage .demo-journey .is-complete>span{border-color:#b9d0ad;background:#e3efd9;color:transparent}
#landingPage .demo-journey .is-complete>span:after{content:'✓';color:#47714e;font-size:10px}
#landingPage .demo-journey+.trial-context{margin-top:11px}
#landingPage .trial-shield p{max-width:205px;margin:11px 0 15px;color:#aeb2a8;font-size:10px;line-height:1.45}
#landingPage .demo-future-note{display:flex;align-items:flex-start;justify-content:center;gap:7px;max-width:390px;margin:3px auto 0;color:#74816c;font-size:9px;line-height:1.45;text-align:left}
#landingPage .demo-future-note svg{flex:none;width:15px;height:15px;fill:none;stroke:#66815f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.art-backdrop{stroke:none}
.wake-halo{fill:#f8f9ed;stroke:#dfe9d5;stroke-width:1}
.wake-ground{fill:none;stroke:#d9e5d0;stroke-width:2;stroke-linecap:round}
.streak-halo{fill:#fbf5ee;stroke:#eaded2;stroke-width:1}
.streak-spark{fill:#f7e4d8;stroke:#d68a62;stroke-width:2}
.streak-spark-hand{fill:none;stroke:#9a6a51;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hour-panel{fill:#f5f8f7;stroke:#dce7e6;stroke-width:1}
.hour-dot{fill:#55794f}
.hour-baseline{fill:none;stroke:#cbd9d9;stroke-width:2;stroke-linecap:round}
.native-hour .hour-bar{fill:#739b60}
.native-hour .hour-bar.faded{fill:#aec5b0}

#landingPage .limit-setting{position:relative;z-index:1;display:grid;grid-template-columns:auto auto minmax(70px,1fr);align-items:center;gap:7px 9px;max-width:270px;margin-top:16px}
#landingPage .limit-setting>span{color:#89796a;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
#landingPage .limit-setting>b{color:#9e654d;font:600 14px/1 Bricolage,sans-serif;white-space:nowrap}
#landingPage .limit-setting>i{position:relative;display:block;height:4px;overflow:visible;border-radius:9px;background:#e5d8ce;font-style:normal}
#landingPage .limit-setting>i>span{display:block;width:50%;height:100%;border-radius:inherit;background:#d68a62;transform-origin:left}
#landingPage .limit-setting>i:after{content:'';position:absolute;left:calc(50% - 4px);top:-2px;width:8px;height:8px;border:2px solid #fff7f1;border-radius:50%;background:#c97854;box-shadow:0 0 0 1px #c97854}
#landingPage .hour-setting>span{color:#6e7f84}
#landingPage .hour-setting>b{color:#527887}
#landingPage .hour-setting>i{background:#d6e0e3}
#landingPage .hour-setting>i>span{width:60%;background:#739b60}
#landingPage .hour-setting>i:after{left:calc(60% - 4px);border-color:#f2f6f6;background:#638d58;box-shadow:0 0 0 1px #638d58}

@media(min-width:701px) and (max-width:950px){
  #landingPage .demo-try-cue{width:160px;margin-right:-24px;font-size:12px}
  #landingPage .demo-try-cue svg{width:78px}
}
@media(max-width:700px){
  #landingPage .demo-try-cue{width:175px;min-height:55px;margin:-9px 2px -7px auto;display:grid;grid-template-columns:1fr 71px;gap:0;font-size:12px;transform:none}
  #landingPage .cue-desktop{display:none}
  #landingPage .cue-mobile{display:block;text-align:right}
  #landingPage .demo-try-cue svg{width:71px;height:43px;transform:rotate(53deg);transform-origin:center}
  #landingPage .demo-journey{gap:5px;margin-top:10px}
  #landingPage .demo-journey li{display:grid;justify-items:center;gap:4px;font-size:8px;text-align:center}
  #landingPage .demo-journey li:not(:last-child):after{left:calc(100% - 1px);top:10px;width:7px}
  #landingPage .demo-journey li>span{width:20px;height:20px}
  #landingPage .trial-shield p{margin:9px 0 13px}
  #landingPage .demo-future-note{max-width:285px;margin-top:2px;font-size:8px}
  #landingPage .limit-setting{max-width:260px;margin-top:14px}
}

@media(prefers-reduced-motion:no-preference){
  #landingPage .demo-try-cue svg{animation:cue-nudge 2.4s ease-in-out infinite}
  #landingPage .demo-journey .is-current>span{animation:step-pop .42s cubic-bezier(.2,.9,.3,1.3)}

  .motion-ready .try-section .try-copy>*,
  .motion-ready .try-section .try-playground,
  .motion-ready .pocket-section .section-heading,
  .motion-ready .pocket-section .home-phone,
  .motion-ready .pocket-section .home-label,
  .motion-ready .flower-section .flower-copy,
  .motion-ready .flower-section .flower-experience,
  .motion-ready .social-section .social-copy,
  .motion-ready .social-section .social-visual,
  .motion-ready .faq-final>div:first-child,
  .motion-ready .faq-final details,
  .motion-ready .closing-section>*{opacity:0}

  .motion-ready .try-section.is-visible .try-copy>*,
  .motion-ready .try-section.is-visible .try-playground,
  .motion-ready .pocket-section.is-visible .section-heading,
  .motion-ready .pocket-section.is-visible .home-phone,
  .motion-ready .pocket-section.is-visible .home-label,
  .motion-ready .flower-section.is-visible .flower-copy,
  .motion-ready .flower-section.is-visible .flower-experience,
  .motion-ready .social-section.is-visible .social-copy,
  .motion-ready .social-section.is-visible .social-visual,
  .motion-ready .faq-final.is-visible>div:first-child,
  .motion-ready .faq-final.is-visible details,
  .motion-ready .closing-section.is-visible>*{animation:editorial-rise .68s cubic-bezier(.2,.72,.25,1) both}

  .motion-ready .try-section.is-visible .try-copy>*:nth-child(2){animation-delay:.06s}
  .motion-ready .try-section.is-visible .try-copy>*:nth-child(3){animation-delay:.12s}
  .motion-ready .try-section.is-visible .try-copy>*:nth-child(4){animation-delay:.18s}
  .motion-ready .try-section.is-visible .try-copy>*:nth-child(5){animation-delay:.24s}
  .motion-ready .try-section.is-visible .try-playground{animation-delay:.16s}
  .motion-ready .pocket-section.is-visible .home-phone{animation-delay:.12s}
  .motion-ready .pocket-section.is-visible .home-label-1{animation-delay:.22s}
  .motion-ready .pocket-section.is-visible .home-label-2{animation-delay:.29s}
  .motion-ready .pocket-section.is-visible .home-label-3{animation-delay:.36s}
  .motion-ready .pocket-section.is-visible .home-label-4{animation-delay:.43s}
  .motion-ready .pocket-section.is-visible .home-label-5{animation-delay:.5s}
  .motion-ready .pocket-section .home-arrows path{stroke-dasharray:1;stroke-dashoffset:1}
  .motion-ready .pocket-section.is-visible .home-arrows path{animation:draw-home-arrow .58s ease-out both}
  .motion-ready .pocket-section.is-visible .home-arrows path:nth-child(1){animation-delay:.25s}
  .motion-ready .pocket-section.is-visible .home-arrows path:nth-child(2){animation-delay:.32s}
  .motion-ready .pocket-section.is-visible .home-arrows path:nth-child(3){animation-delay:.39s}
  .motion-ready .pocket-section.is-visible .home-arrows path:nth-child(4){animation-delay:.46s}
  .motion-ready .pocket-section.is-visible .home-arrows path:nth-child(5){animation-delay:.53s}
  .motion-ready .flower-section.is-visible .flower-experience{animation-delay:.14s}
  .motion-ready .social-section.is-visible .social-visual{animation-delay:.13s}
  .motion-ready .social-section.is-visible .duo-plants img:first-child{animation:plant-friend-left .75s .28s cubic-bezier(.2,.8,.25,1) both}
  .motion-ready .social-section.is-visible .duo-plants img:last-child{animation:plant-friend-right .75s .34s cubic-bezier(.2,.8,.25,1) both}
  .motion-ready .social-section.is-visible .duo-flame{animation:flame-pop .6s .72s cubic-bezier(.2,.9,.3,1.25) both}
  .motion-ready .faq-final.is-visible details:nth-child(1){animation-delay:.08s}
  .motion-ready .faq-final.is-visible details:nth-child(2){animation-delay:.13s}
  .motion-ready .faq-final.is-visible details:nth-child(3){animation-delay:.18s}
  .motion-ready .faq-final.is-visible details:nth-child(4){animation-delay:.23s}
  .motion-ready .faq-final.is-visible details:nth-child(5){animation-delay:.28s}
  .motion-ready .faq-final.is-visible details:nth-child(6){animation-delay:.33s}
  .motion-ready .faq-final.is-visible details:nth-child(7){animation-delay:.38s}
  .motion-ready .closing-section.is-visible>*:last-child{animation-delay:.1s}

  .motion-ready .limits-grid.is-motion-visible .wake-halo,
  .motion-ready .limits-grid.is-motion-visible .streak-halo,
  .motion-ready .limits-grid.is-motion-visible .hour-panel{animation:art-halo-in .72s .18s cubic-bezier(.2,.8,.25,1) both;transform-box:fill-box;transform-origin:center}
  .motion-ready .limits-grid.is-motion-visible .native-limit-card{animation-duration:.95s;animation-timing-function:cubic-bezier(.18,.75,.25,1)}
  .motion-ready .limits-grid.is-motion-visible .native-limit-card:nth-child(2){animation-delay:.22s}
  .motion-ready .limits-grid.is-motion-visible .native-limit-card:nth-child(3){animation-delay:.44s}
  .motion-ready .limits-grid.is-motion-visible .wake-ground,
  .motion-ready .limits-grid.is-motion-visible .hour-baseline{animation:art-line-draw .8s .55s ease-out both}
  .motion-ready .limits-grid.is-motion-visible .streak-spark{animation:art-spark-in .5s .85s cubic-bezier(.2,.9,.3,1.3) both;transform-box:fill-box;transform-origin:center}
  .motion-ready .limits-grid.is-motion-visible .limit-setting>i>span{animation:setting-fill 1s .58s cubic-bezier(.2,.75,.25,1) both}
  .motion-ready .limits-grid.is-motion-visible .native-streak .streak-halo{animation-delay:.4s}
  .motion-ready .limits-grid.is-motion-visible .native-streak .streak-progress{animation-delay:.46s}
  .motion-ready .limits-grid.is-motion-visible .native-streak .streak-hand{animation-delay:.5s}
  .motion-ready .limits-grid.is-motion-visible .native-streak .streak-spark{animation-delay:1.02s}
  .motion-ready .limits-grid.is-motion-visible .native-streak .limit-setting>i>span{animation-delay:.78s}
  .motion-ready .limits-grid.is-motion-visible .native-hour .hour-panel{animation-delay:.62s}
  .motion-ready .limits-grid.is-motion-visible .native-hour .hour-baseline{animation-delay:.82s}
  .motion-ready .limits-grid.is-motion-visible .native-hour .hour-bar:nth-of-type(2){animation-delay:.72s}
  .motion-ready .limits-grid.is-motion-visible .native-hour .hour-bar:nth-of-type(3){animation-delay:.8s}
  .motion-ready .limits-grid.is-motion-visible .native-hour .hour-bar:nth-of-type(4){animation-delay:.88s}
  .motion-ready .limits-grid.is-motion-visible .native-hour .limit-setting>i>span{animation-delay:1s}
}
@keyframes cue-nudge{0%,100%{translate:0 0}50%{translate:7px 1px}}
@keyframes step-pop{0%{transform:scale(.72)}100%{transform:scale(1)}}
@keyframes editorial-rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes limit-card-in{from{opacity:0;transform:translateY(30px) scale(.985)}to{opacity:1;transform:none}}
@keyframes draw-home-arrow{to{stroke-dashoffset:0}}
@keyframes plant-friend-left{from{opacity:0;transform:translate(-13px,12px) rotate(-14deg)}to{opacity:1;transform:rotate(-9deg)}}
@keyframes plant-friend-right{from{opacity:0;transform:translate(13px,12px) rotate(14deg)}to{opacity:1;transform:rotate(9deg)}}
@keyframes flame-pop{from{opacity:0;transform:translateY(8px) scale(.7)}to{opacity:1;transform:none}}
@keyframes art-halo-in{from{opacity:0;transform:scale(.76)}to{opacity:1;transform:scale(1)}}
@keyframes art-line-draw{from{stroke-dasharray:180;stroke-dashoffset:180}to{stroke-dasharray:180;stroke-dashoffset:0}}
@keyframes art-spark-in{from{opacity:0;transform:scale(.5) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes setting-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media(prefers-reduced-motion:reduce){
  #landingPage .demo-journey li,
  #landingPage .demo-journey li>span{transition:none}
}

/* V54: founder-grade first impression, purposeful navigation and a clearer
   mobile handoff into the interactive demo. */
#landingPage .site-header{--scroll-progress:0}
#landingPage .site-header nav a{position:relative;transition:color .2s}
#landingPage .site-header nav a:after{content:'';position:absolute;left:50%;bottom:8px;width:4px;height:4px;border-radius:50%;background:#568a6b;opacity:0;transform:translateX(-50%) scale(.5);transition:opacity .2s,transform .2s}
#landingPage .site-header nav a.is-active{color:#294f38}
#landingPage .site-header nav a.is-active:after{opacity:1;transform:translateX(-50%) scale(1)}
#landingPage .page-progress{position:absolute;z-index:2;left:50%;bottom:0;width:100vw;height:2px;overflow:hidden;transform:translateX(-50%);pointer-events:none}
#landingPage .page-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#568a6b,#8fbf7e);transform:scaleX(var(--scroll-progress));transform-origin:left center;will-change:transform}

#landingPage .hero-final{padding:64px 0 82px}
#landingPage .hero-final h1{font-size:clamp(44px,4.4vw,66px)}
#landingPage .hero-final .hero-lede{max-width:410px;margin-bottom:15px;color:#4f6253}
#landingPage .hero-native{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:0 0 22px;padding:10px 12px;border:1px solid #d4e0cd;border-radius:15px;background:#f0f5e9;color:#64745e;font-size:10px;line-height:1.35}
#landingPage .hero-native svg{display:block;flex:none;width:22px;height:22px;fill:none;stroke:#4f7b58;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#landingPage .hero-native span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#landingPage .hero-native b{color:#31593d;font-weight:700}
#landingPage .hero-film .cinema{transition:transform .45s cubic-bezier(.2,.7,.25,1),box-shadow .45s}

#landingPage .demo-try-cue .cue-arrow-mobile{display:none}
#landingPage .pause-note-icon{margin-top:22px}

#landingPage .closing-section{margin-bottom:28px;padding:38px 42px;border:1px solid #d7e2cf;border-radius:28px;background:#f4f6ee;color:#294932;box-shadow:0 12px 28px #52654a0f}
#landingPage .closing-section h2{color:#294932}
#landingPage .closing-section h2 em{color:#5f7f63}
#landingPage .closing-section .button-primary{background:#d2f99a;color:#173021;box-shadow:none}
#landingPage .closing-section .button-primary:hover{background:#c7f086;color:#173021}
#landingPage .closing-section .closing-action small{color:#667660}
#landingPage .site-footer nav a{color:#52644e}

@media(hover:hover) and (pointer:fine){
  #landingPage .hero-film .cinema:hover{transform:translateY(-4px);box-shadow:0 31px 72px #455e2930}
}
@media(min-width:701px) and (max-width:950px){
  #landingPage .hero-final{padding:48px 0 66px}
  #landingPage .hero-native{grid-column:2;margin-bottom:10px}
}
@media(max-width:700px){
  #landingPage .hero-final{padding:34px 0 48px}
  #landingPage .hero-final h1{font-size:clamp(34px,9vw,45px)}
  #landingPage .hero-final .hero-lede{margin-bottom:12px}
  #landingPage .hero-native{order:2;justify-content:center;margin:0 auto 14px;padding:9px 11px;font-size:9px;text-align:left}
  #landingPage .hero-final .actions{order:3}
  #landingPage .hero-final .cta-trust{order:4}
  #landingPage .hero-final .hero-note{order:5}
  #landingPage .hero-final .hero-film{order:6}

  #landingPage .demo-try-cue{width:100%;min-height:72px;margin:-5px 0 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-size:13px;transform:rotate(-1deg)}
  #landingPage .cue-mobile{display:block;text-align:center}
  #landingPage .demo-try-cue .cue-arrow-desktop{display:none}
  #landingPage .demo-try-cue .cue-arrow-mobile{display:block;width:88px;height:46px;margin-top:-2px;transform:none}
  #landingPage .pause-note-icon{margin-top:24px}

  #landingPage .closing-section{margin-bottom:18px;padding:28px 25px;border-radius:24px}
  #landingPage .closing-section>div{align-items:center}
  #landingPage .closing-action{align-items:flex-start!important}
}
@media(prefers-reduced-motion:no-preference){
  .motion-ready .hero-final .hero-intro>*{animation:founder-rise .72s cubic-bezier(.2,.72,.25,1) both}
  .motion-ready .hero-final .hero-intro>*:nth-child(2){animation-delay:.06s}
  .motion-ready .hero-final .hero-intro>*:nth-child(3){animation-delay:.12s}
  .motion-ready .hero-final .hero-intro>*:nth-child(4){animation-delay:.18s}
  .motion-ready .hero-final .hero-intro>*:nth-child(5){animation-delay:.24s}
  .motion-ready .hero-final .hero-intro>*:nth-child(6){animation-delay:.3s}
  .motion-ready .hero-final .hero-film{animation:founder-film-in .9s .14s cubic-bezier(.18,.72,.24,1) both}
  #landingPage .demo-try-cue .cue-arrow-mobile{animation:cue-nudge-mobile 2s ease-in-out infinite}
}
@keyframes founder-rise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@keyframes founder-film-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes cue-nudge-mobile{0%,100%{translate:0 0}50%{translate:0 6px}}

/* V56: compact mobile guardrails and a visual, two-path pause decision. */
#landingPage .limits-swipe-hint{display:none}
#landingPage .limits-pause-note{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:16px;margin-top:26px;padding:18px;border-color:#d7e2cf;background:#f3f6ee;box-shadow:0 12px 28px #52654a0f}
#landingPage .pause-note-head{display:block;min-width:0}
#landingPage .pause-note-icon{position:relative;z-index:1;width:48px;height:48px;margin:0;border:1px solid #d7e4ce;border-radius:15px;background:#e7f1de;color:#4b7b58;box-shadow:none}
#landingPage .pause-note-icon:after{content:none}
#landingPage .pause-note-icon svg{width:27px;height:27px;stroke-width:1.8}
#landingPage .pause-note-copy .eyebrow{margin-bottom:7px;color:#6f8169}
#landingPage .pause-note-copy h3{color:#294932;font-size:clamp(23px,2.2vw,29px)}
#landingPage .pause-note-copy p:not(.eyebrow){margin-top:8px;color:#65745f;font-size:12px;line-height:1.5}
#landingPage .pause-note-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
#landingPage .pause-option{min-height:88px;padding:14px;border:0;border-radius:18px;box-shadow:inset 0 0 0 1px #fff9}
#landingPage .pause-option-wait{background:#eef7e6}
#landingPage .pause-option-open{background:#faece3}
#landingPage .pause-option-icon{width:39px;height:39px;border-radius:12px}
#landingPage .pause-option-icon svg{width:22px;height:22px}
#landingPage .pause-option b{font-size:14px;white-space:normal}
#landingPage .pause-option small{font-size:10px;line-height:1.3}
#landingPage .pause-option em{padding:6px 7px;border-radius:9px;background:#fff9;font-size:11px}

@media(max-width:700px){
  #landingPage .limits-section{padding:42px 0 48px}
  #landingPage .limits-heading{margin-bottom:13px}
  #landingPage .limits-swipe-hint{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 8px;color:#6a7d64;font-size:10px;font-weight:600}
  #landingPage .limits-swipe-hint b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #ccd9c4;border-radius:50%;color:#477054;font-size:13px}
  #landingPage .limits-grid{width:100%;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(80vw,292px);gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 8px 8px 0;scroll-padding-inline:0 8px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  #landingPage .limits-grid::-webkit-scrollbar{display:none}
  #landingPage .native-limit-card{height:304px;min-height:304px;padding:14px 16px 15px;border-radius:20px;scroll-snap-align:start}
  #landingPage .limit-tag{padding:5px 8px;font-size:9px}
  #landingPage .limit-art{height:84px;margin:6px 0 5px}
  #landingPage .limit-art svg{width:min(100%,150px)}
  #landingPage .native-limit-card h3{margin-bottom:5px;font-size:22px}
  #landingPage .native-limit-card p{min-height:35px;font-size:12px;line-height:1.45}
  #landingPage .limit-setting{max-width:235px;margin-top:9px}
  #landingPage .limit-result{margin-top:auto;padding-top:8px;font-size:12px}

  #landingPage .limits-pause-note{grid-template-columns:1fr;gap:14px;margin-top:15px;padding:16px;border-radius:22px}
  #landingPage .pause-note-head{grid-template-columns:56px minmax(0,1fr);gap:12px}
  #landingPage .pause-note-icon{width:54px;height:54px;margin:0;border-radius:17px}
  #landingPage .pause-note-icon:after{inset:-5px;border-radius:20px}
  #landingPage .pause-note-icon svg{width:30px;height:30px}
  #landingPage .pause-note-copy .eyebrow{margin-bottom:5px;font-size:7px}
  #landingPage .pause-note-copy h3{font-size:23px}
  #landingPage .pause-note-copy p:not(.eyebrow){margin-top:6px;font-size:10px;line-height:1.4}
  #landingPage .pause-note-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
  #landingPage .pause-option{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:8px;min-height:124px;padding:11px;border-radius:16px}
  #landingPage .pause-option-icon{width:34px;height:34px}
  #landingPage .pause-option-icon svg{width:19px;height:19px}
  #landingPage .pause-option span:nth-child(2){gap:3px;width:100%}
  #landingPage .pause-option b{padding-right:0;font-size:12px;line-height:1.1}
  #landingPage .pause-option small{font-size:9px;line-height:1.25}
  #landingPage .pause-option em{position:absolute;top:11px;right:10px;padding:5px 6px;font-size:9px}
}

/* V58: softer decision and closing panels, with the real blocking state first. */
#landingPage .limits-pause-note{grid-template-columns:minmax(0,.88fr) minmax(390px,1.12fr);grid-template-areas:"example example" "copy options";align-items:center;gap:14px;border-color:#d7e2cf;background:#f3f6ee;box-shadow:0 12px 28px #52654a0f}
#landingPage .pause-example{grid-area:example;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:14px 16px;border:1px solid #e4d5cc;border-radius:20px;background:#fffaf6}
#landingPage .pause-example-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#f6e4d8;color:#a65e45}
#landingPage .pause-example-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#landingPage .pause-example-copy{display:grid;gap:3px;min-width:0}
#landingPage .pause-example-copy small{color:#8a7a70;font-size:8px;font-weight:700;letter-spacing:.1em}
#landingPage .pause-example-copy strong{color:#8f513f;font:600 22px/1.05 Bricolage,sans-serif;white-space:nowrap}
#landingPage .pause-example-copy em{overflow:hidden;color:#7a6c64;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
#landingPage .pause-countdown{display:grid;gap:3px;min-width:92px;padding:7px 10px;border-radius:14px;background:#f3f7ee;text-align:right}
#landingPage .pause-countdown small{color:#6f8169;font-size:8px;font-weight:700;letter-spacing:.08em}
#landingPage .pause-countdown b{color:#335d40;font:600 28px/1 Bricolage,sans-serif;font-variant-numeric:tabular-nums}
#landingPage .pause-note-head{grid-area:copy;display:block}
#landingPage .pause-note-copy .eyebrow{color:#6f8169}
#landingPage .pause-note-copy h3{color:#294932}
#landingPage .pause-note-copy p:not(.eyebrow){color:#65745f}
#landingPage .pause-note-options{grid-area:options}
#landingPage .pause-option{box-shadow:none}

#landingPage .closing-section{border-color:#d7e2cf;background:#f4f6ee;color:#294932;box-shadow:0 12px 28px #52654a0f}
#landingPage .closing-section h2{color:#294932}
#landingPage .closing-section h2 em{color:#5f7f63}
#landingPage .closing-section .button-primary{background:#d2f99a;color:#173021;box-shadow:none}
#landingPage .closing-section .button-primary:hover{background:#c7f086;color:#173021}
#landingPage .closing-section .closing-action small{color:#667660}

@media(min-width:701px) and (max-width:1050px){
  #landingPage .limits-pause-note{grid-template-columns:1fr;grid-template-areas:"example" "copy" "options"}
}
@media(max-width:700px){
  #landingPage .limits-pause-note{grid-template-columns:1fr;grid-template-areas:"example" "copy" "options";gap:11px;padding:14px}
  #landingPage .pause-example{grid-template-columns:43px minmax(0,1fr) auto;padding:11px 12px;border-radius:16px}
  #landingPage .pause-example-icon{width:43px;height:43px;border-radius:13px}
  #landingPage .pause-example-icon svg{width:24px;height:24px}
  #landingPage .pause-example-copy strong{font-size:18px}
  #landingPage .pause-countdown{min-width:78px;padding:6px 8px}
  #landingPage .pause-countdown b{font-size:22px}
  #landingPage .pause-note-copy h3{font-size:22px}
}

/* V59: one sage surface for the three guardrails and the pause decision,
   plus a mobile-only copy diet that keeps the same facts on desktop. */
#landingPage .copy-short{display:none}

#landingPage .native-streak,
#landingPage .native-hour{background:#f0f3e5;border-color:#dbe3d1;color:#294732}
#landingPage .native-streak:after,
#landingPage .native-hour:after{border-color:#dae5cd;box-shadow:0 0 0 25px #eef3e74d,0 0 0 50px #eef3e72e}
#landingPage .native-streak .limit-tag,
#landingPage .native-hour .limit-tag{color:#718266;border-color:#cddbc2;background:#f9fbf2}
#landingPage .native-streak h3,
#landingPage .native-hour h3{color:#284932}
#landingPage .native-streak p,
#landingPage .native-hour p{color:#63725a}
#landingPage .native-streak .limit-result,
#landingPage .native-hour .limit-result{color:#4b7047}
#landingPage .native-streak .limit-result:before,
#landingPage .native-hour .limit-result:before{border-color:#c8dabd}

#landingPage .streak-track{fill:#f8f9ed;stroke:#d5e0c8;stroke-width:6}
#landingPage .streak-progress{stroke:#7ca06d}
#landingPage .streak-hand{stroke:#55794f}
#landingPage .streak-dot{fill:#739b60}
#landingPage .streak-tick{stroke:#a5bda0}
#landingPage .streak-halo{fill:#f8f9ed;stroke:#dfe9d5}
#landingPage .streak-spark{fill:#e7f1dc;stroke:#7ca06d}
#landingPage .streak-spark-hand{stroke:#55794f}
#landingPage .hour-panel{fill:#f8f9ed;stroke:#dfe9d5}
#landingPage .hour-baseline{stroke:#d9e5d0}

#landingPage .limit-setting>span,
#landingPage .hour-setting>span{color:#738068}
#landingPage .limit-setting>b,
#landingPage .hour-setting>b{color:#3f6a46}
#landingPage .limit-setting>i,
#landingPage .hour-setting>i{background:#dce6d2}
#landingPage .limit-setting>i>span,
#landingPage .hour-setting>i>span{background:#739b60}
#landingPage .limit-setting>i:after,
#landingPage .hour-setting>i:after{border-color:#f7faf2;background:#638d58;box-shadow:0 0 0 1px #638d58}

#landingPage .pause-example{border-color:#d7e2cf;background:#f7f9f1}
#landingPage .pause-example-icon{background:#e7f1de;color:#4b7b58}
#landingPage .pause-example-copy small{color:#6f8169}
#landingPage .pause-example-copy strong{color:#294932}
#landingPage .pause-example-copy em{color:#65745f}
#landingPage .pause-countdown{background:#eef4e8}
#landingPage .pause-option-wait,
#landingPage .pause-option-open{background:#eef4e8;border-color:#d7e2cf}
#landingPage .pause-option-open .pause-option-icon{background:#e5f2de;color:#4b7b58}
#landingPage .pause-option-wait em,
#landingPage .pause-option-open em{color:#3f6a46}

@media(max-width:700px){
  #landingPage .copy-wide{display:none}
  #landingPage span.copy-short{display:inline}
  #landingPage p.copy-short{display:block}
  #landingPage .native-limit-card{height:248px;min-height:248px}
  #landingPage .pause-note-copy h3{margin-top:2px;font-size:20px}
  #landingPage .pause-option{min-height:108px}
}

/* V60: Instagram returns full-bleed after the demo, and the home capture
   uses the same wordmark and header chips as the app. */
#landingPage .trial-done{padding:14px 12px 16px;background:#111;color:#f4f6ee;justify-content:space-between}
#landingPage .trial-done:before{content:'';position:absolute;inset:0;background:linear-gradient(#0008 0%,#0000 26%,#0000 58%,#0009 100%);pointer-events:none}
#landingPage .trial-restored-feed{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;object-fit:cover;box-shadow:none;animation:none}
#landingPage .trial-done-toast{position:relative;z-index:1;display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 11px;border:1px solid #ffffff22;border-radius:16px;background:#f4f6eeed;color:#213617;text-align:left;backdrop-filter:blur(10px)}
#landingPage .trial-done-toast .done-check{flex:none;width:28px;height:28px;margin-top:1px;background:#2a5428;color:#e5ffc8;font-size:16px}
#landingPage .trial-done-toast>div{display:grid;gap:3px;min-width:0}
#landingPage .trial-done-toast strong{font-size:10px;letter-spacing:.04em;color:#3e662b}
#landingPage .trial-done-toast h3{margin:0;color:#213617;font-size:16px;line-height:1.15}
#landingPage .trial-done-toast p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#landingPage .trial-done .trial-primary{position:relative;z-index:1;width:100%;margin:0;background:#f4f6ee;color:#173021}

#landingPage .home-phone-toolbar{top:7.7%;left:6%;right:3.2%;height:7.6%;justify-content:space-between;gap:6px;padding:0 1%;border-radius:0;background:#f3f2ee}
#landingPage .home-wordmark{display:block;flex:none;color:#232a24;font:750 clamp(13px,1.55vw,21px)/1 Bricolage,sans-serif;letter-spacing:-.06em}
#landingPage .home-wordmark span{color:#456d56}
#landingPage .home-toolbar-metrics{display:flex;align-items:center;justify-content:flex-end;gap:3%;min-width:0}
#landingPage .home-toolbar-item{flex:none;gap:2px;color:#456d56;font:700 clamp(8px,.78vw,12px)/1 ui-rounded,Inter,sans-serif}
#landingPage .home-toolbar-item b{color:#232a24;font:inherit}
#landingPage .home-toolbar-item.is-routine{color:#5e90b4}
#landingPage .home-toolbar-item.is-promise{color:#80664f}
#landingPage .home-toolbar-item.is-screen{color:#5c665c}
#landingPage .home-toolbar-settings{flex:none;width:clamp(17px,1.65vw,22px);height:clamp(17px,1.65vw,22px);border:1px solid #232a241a;background:#fff;color:#232a24}

@media(max-width:700px){
  #landingPage .trial-done{padding:12px 11px 14px}
  #landingPage .trial-done-toast{padding:9px 10px;border-radius:14px}
  #landingPage .trial-done-toast h3{font-size:15px}
  #landingPage .home-phone-toolbar{top:8%;left:5.5%;right:3.5%;height:7.8%;gap:3px}
  #landingPage .home-wordmark{font-size:clamp(12px,4.4vw,16px)}
  #landingPage .home-toolbar-item{font-size:7px}
}