/* Product pages, extending LoneApp's existing design. */
.nav nav{gap:22px}.nav nav>a[aria-current=page]{color:var(--accent)}
.feature-hero{background:var(--dark);color:#fff;padding:70px 0 32px}.feature-hero .kicker{color:var(--accent)}.feature-hero h1{font-size:clamp(2.75rem,5.4vw,4.6rem);line-height:1.12;letter-spacing:-.035em}.feature-hero h1 span{color:var(--accent)}.feature-hero-intro{font-size:1.15rem;line-height:1.8;color:#c3d4c9;max-width:42rem;margin:26px 0}.feature-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:54px;align-items:center}.feature-hero .button{background:var(--accent);border-color:var(--accent);color:var(--dark)}.feature-hero .button:hover{background:#7bf5ba}.feature-hero .button-outline{background:transparent;border-color:#61796b;color:white}.feature-hero .button-outline:hover{background:#203f2e}.hero-small{font-size:.875rem;color:#9fbbab;margin-top:26px}
.hero-phones{display:flex;gap:22px;align-items:center;padding:8px 0 14px;min-width:0}.hero-phones .feature-screen{width:calc(50% - 11px);flex:none}.hero-phones .feature-screen:first-child{transform:translateY(18px)}.hero-phones figcaption{display:none}
.feature-screen{margin:0;min-width:0}.screen-open{display:block;background:#eff2ee;border-radius:12px;overflow:hidden;border:1px solid #cfdbd3;transition:box-shadow .2s;cursor:zoom-in}.screen-open:hover{box-shadow:0 10px 34px #16382520}.feature-screen img{width:100%;height:auto}.phone-screen{max-width:300px;margin-inline:auto}.phone-screen .screen-open{border:6px solid #14231b;border-radius:30px;outline:1px solid #4c6154;box-shadow:0 18px 42px #152f1618;background:#f2f0ea}.feature-screen figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:16px;font-size:.875rem;line-height:1.55;color:#506c5c;text-align:left}.phone-screen figcaption{text-align:center;justify-content:center}.feature-screen figcaption>a{color:#10643f;font-weight:700;text-decoration:underline;text-underline-offset:4px;min-height:30px;display:inline-flex;align-items:center}.feature-screen figcaption>small{width:100%;font-size:.8125rem;color:#526c5d}.feature-hero .feature-screen figcaption{color:#c5d9cd}.feature-hero .feature-screen figcaption>a{color:var(--accent)}.feature-hero .feature-screen figcaption>small{color:#a3bbad}
.trial-caption{display:flex;align-items:start;gap:18px;border-top:1px solid #35513f;padding-top:20px;margin-top:40px;color:#b6cebf;font-size:.875rem;line-height:1.6}.trial-caption strong{white-space:nowrap;color:#f2d998;font-size:.8125rem}.trial-caption span{max-width:58rem}.section-nav{display:flex;flex-wrap:wrap;gap:12px 28px;border-bottom:1px solid var(--line);padding-block:26px;font-size:.875rem}.section-nav>span{font-weight:700;margin-right:auto}.section-nav a{color:#42664f;text-decoration:underline;text-underline-offset:5px}.section-nav a:hover{color:#087a51}
.feature-row{display:grid;grid-template-columns:1.12fr 1fr;gap:100px;align-items:center;padding-block:88px;border-bottom:1px solid var(--line)}.feature-row.reverse .feature-copy{order:2}.feature-row.reverse .feature-visual{order:1}.feature-copy,.feature-visual{min-width:0}.feature-copy h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.2}.chapter-number{font-family:'Manrope',Arial,sans-serif;font-size:1.3rem;margin-right:12px;letter-spacing:0;font-weight:800}.feature-lead{font-size:1.0625rem;line-height:1.85;margin-top:24px}.feature-points{list-style:none;margin:28px 0 0;padding:0}.feature-points li{border-top:1px solid var(--line);padding:17px 0;display:block}.feature-points strong{display:block;font-size:1rem;font-weight:700;margin-bottom:4px}.feature-points span{color:var(--muted);font-size:.9375rem;line-height:1.75;display:block}.support-copy{margin:24px 0;line-height:1.85}.feature-copy>.button{margin-top:12px}
.context-panel{display:grid;grid-template-columns:1fr 1.3fr;align-items:start;gap:64px;border-left:4px solid var(--green);background:#edf5ef;padding:36px 40px;margin-block:48px 72px}.context-panel h2{font-size:1.7rem;line-height:1.3}.context-panel>p{line-height:1.85;font-size:1rem}.feature-cta{background:#d9f4e5;padding:66px 0}.feature-cta>.container{display:grid;grid-template-columns:1.6fr 1fr;gap:64px;align-items:center}.feature-cta h2{max-width:42rem}.feature-cta p:not(.kicker){margin-top:20px;color:#3f6650;font-size:1.0625rem}.feature-cta>.container>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:20px;justify-self:end}.feature-cta .inline-link{overflow-wrap:anywhere}
.editorial-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.editorial-heading .feature-hero-intro{margin-top:0}.manager-hero .dashboard-screen{margin-top:32px}.manager-hero .screen-open{border:1px solid #435b4c;background:#28342d;padding:7px;border-radius:14px}.manager-hero .screen-open img{border-radius:8px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.detail-grid article{border-top:2px solid #173b26;padding-top:25px}.detail-index{color:#087a51;font-size:.875rem;font-weight:700;display:block;margin-bottom:18px}.detail-grid h3{font-size:1.25rem;margin-bottom:14px}.detail-grid p{line-height:1.8}.plain-note{padding:16px 20px;border-left:3px solid #aec6b7;background:#f1f6f3;font-size:.9375rem;line-height:1.8;margin-top:28px}
.manager-alarm-band{background:var(--paper);padding:80px 0}.response-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}.response-principles h3{font-size:1.25rem;margin-bottom:10px}.manager-alarm-band .text-link{display:inline-block;margin-top:30px}.resolution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.resolution-grid article{min-width:0}.resolution-grid h3{margin:24px 0 12px;font-size:1.25rem}.resolution-grid p{line-height:1.8}
.journey-hero{padding-top:74px}.journey-hero h1{max-width:58rem}.journey-hero .feature-hero-intro{max-width:45rem}.journey-rail{display:flex;flex-wrap:wrap;gap:14px 32px;border-top:1px solid #35513f;padding-top:24px;margin-top:38px;color:#c4dacb;font-size:.9375rem;font-weight:600}.journey-hero .trial-caption{margin-top:26px}.paired-journey{background:#f3f6f4;padding:80px 0}.worker-manager-pair{display:grid;grid-template-columns:.65fr 1.5fr;gap:68px;align-items:center}.worker-manager-pair article{min-width:0}.worker-manager-pair .phone-screen{max-width:245px}.worker-manager-pair h3{margin:24px 0 12px;font-size:1.25rem}.worker-manager-pair p{line-height:1.8}.paired-phones{display:flex;gap:18px;align-items:start}.paired-phones>.phone-screen{width:calc(50% - 9px);min-width:0}.paired-phones .screen-open{border-width:4px;border-radius:23px}.resolution-story{border-bottom:1px solid var(--line)}
.section-action{margin-top:32px;display:flex;flex-wrap:wrap;gap:18px;align-items:center}.section-action p{max-width:36rem;font-size:.9375rem}.response-link-band{background:var(--dark);color:white;padding:64px 0}.response-link-band>.container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.response-link-band .kicker{color:var(--accent)}.response-link-band h2{font-size:clamp(2rem,3.5vw,3rem)}.response-link-band p:not(.kicker){color:#bdd1c4;line-height:1.8;margin-bottom:26px;font-size:1.0625rem}.response-link-band .button{background:var(--accent);color:var(--dark);border-color:var(--accent)}.actual-phone[data-zoom]{display:block;cursor:zoom-in}
.lightbox-note{font-size:.875rem;line-height:1.6;padding:12px 20px;background:#ecf2ed;border-bottom:1px solid var(--line)}#image-dialog{width:min(1460px,95vw)}.image-dialog-body{background:#e9eeeb;padding:16px;overflow:auto;max-height:73vh;text-align:center}.image-dialog-body img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}.image-dialog-body img.is-portrait{width:min(460px,100%)}.footer-bottom nav{max-width:390px}.footer-top .brand{flex-shrink:0}.screen-open:focus-visible{outline:3px solid #19a977;outline-offset:5px}
@media(min-width:681px) and (max-width:1150px){.header{height:80px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;border:1px solid #3a5846;border-radius:8px;background:transparent}.menu-toggle span{width:18px;height:2px;background:#e1eee6}.nav nav{display:none;position:absolute;left:0;right:0;top:79px;padding:24px;flex-direction:column;align-items:stretch;gap:20px;background:var(--dark);border-bottom:1px solid #3b5747;text-align:center;box-shadow:0 16px 24px #0002}.nav nav.is-open{display:flex}}
@media(max-width:1050px){.feature-hero-grid{gap:32px;grid-template-columns:1fr 1fr}.feature-hero h1{font-size:3rem}.hero-phones{gap:12px}.hero-phones .feature-screen{width:calc(50% - 6px)}.hero-phones .phone-screen .screen-open{border-width:4px;border-radius:23px}.feature-row{gap:54px;padding-block:64px}.editorial-heading{gap:40px}.worker-manager-pair{gap:40px;grid-template-columns:.7fr 1.3fr}.section-nav{gap:12px 20px}.section-nav>span{width:100%}.feature-cta>.container{gap:40px}.response-link-band>.container{gap:40px}}
@media(max-width:760px){.feature-hero{padding-top:44px}.feature-hero-grid,.editorial-heading{grid-template-columns:1fr}.feature-hero h1{font-size:clamp(2.4rem,7.5vw,3.8rem)}.desktop-break{display:none}.feature-hero-intro{font-size:1.0625rem}.hero-phones{max-width:430px;width:100%;margin:4px auto 12px;gap:22px}.hero-phones .feature-screen{width:calc(50% - 11px)}.hero-phones .feature-screen:first-child{transform:none}.hero-small{margin-top:20px}.trial-caption{gap:8px;flex-direction:column;margin-top:30px}.feature-row{grid-template-columns:1fr;gap:36px;padding-block:48px}.feature-row.reverse .feature-copy,.feature-row.reverse .feature-visual{order:initial}.feature-copy h2{font-size:2.1rem}.feature-copy h2 br{display:none}.feature-visual .phone-screen{max-width:275px}.feature-lead{font-size:1rem;margin-top:20px}.feature-points{margin-top:20px}.feature-points li{padding:14px 0}.context-panel{grid-template-columns:1fr;gap:18px;padding:28px;margin-block:36px 48px}.feature-cta{padding:48px 0}.feature-cta>.container{grid-template-columns:1fr;gap:28px}.feature-cta>.container>div:last-child{justify-self:start}.editorial-heading{gap:12px}.detail-grid,.response-principles{grid-template-columns:1fr;gap:28px}.detail-grid article{padding-top:18px}.detail-index{margin-bottom:10px}.manager-alarm-band,.paired-journey{padding:48px 0}.resolution-grid{grid-template-columns:1fr;gap:42px}.worker-manager-pair{grid-template-columns:1fr;gap:40px}.worker-manager-pair article:first-child>h3,.worker-manager-pair article:first-child>p{max-width:32rem;margin-inline:auto}.paired-phones{max-width:560px;width:100%;margin:auto;gap:16px}.paired-phones>.phone-screen{width:calc(50% - 8px)}.paired-phones figcaption{font-size:.8125rem}.response-link-band>.container{grid-template-columns:1fr;gap:24px}.response-link-band{padding:48px 0}.journey-rail{gap:14px 22px;font-size:.875rem}.section-action{align-items:flex-start;flex-direction:column}.feature-hero .hero-actions{gap:10px}.feature-hero .hero-actions .button{font-size:.875rem;padding-inline:14px}.manager-hero .dashboard-screen{margin-top:24px}.feature-screen.phone-screen figcaption{gap:6px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Website refresh 2026-10-11.1: clear dashboard access and focused support. */
.brand .brand-wordmark{display:block;width:160px;height:auto;max-width:100%}.footer .brand-wordmark{width:160px}.nav nav{gap:20px}.nav nav>a.manager-signin{color:#b4f6d4;white-space:nowrap}.manager-signin span{font-size:.85em}.menu-toggle b{display:none;font-size:.875rem;font-weight:600;color:#e1eee6}.rollout-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.rollout-steps li{border-top:2px solid #afd5bd;padding-top:22px}.rollout-steps h3{margin-bottom:12px}.rollout-steps .step-number{margin-bottom:22px}.rollout-section .section-action{margin-top:30px;align-items:flex-start}.rollout-section .section-action p{max-width:43rem}.mobile-manager-band{background:var(--paper);padding:72px 0}.mobile-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.mobile-manager-screens{display:flex;gap:20px;align-items:flex-start}.mobile-manager-screens>figure{width:calc(50% - 10px);max-width:245px}.mobile-manager-screens .screen-open{border-width:4px;border-radius:20px}.mobile-manager-screens figure:nth-child(2){margin-top:48px}.mobile-manager-screens figcaption{font-size:.8125rem}.demonstration-caption{font-size:.8125rem;color:#526c5d;margin-top:28px}.small-link{margin-top:18px;font-size:.9375rem}.support-hero{padding-bottom:56px}.support-section{display:grid;grid-template-columns:1fr 1.5fr;gap:72px;align-items:start}.support-heading>p:last-child{margin-top:20px}.support-heading h2{font-size:clamp(2rem,3vw,2.6rem)}.support-tint{background:var(--paper)}.support-steps{list-style:none;counter-reset:setup;padding:0;margin:0}.support-steps li{counter-increment:setup;position:relative;padding:0 0 28px 52px}.support-steps li:last-child{padding-bottom:0}.support-steps li::before{content:counter(setup,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:34px;height:34px;background:#dfefe5;border-radius:50%;font-size:.8rem;color:#0d6542;font-weight:700}.support-steps h3{margin-bottom:10px}.support-section .faqs details:first-child{padding-top:0}.support-section .faqs p{font-size:.975rem}.support-section a{overflow-wrap:anywhere}.support-section .plain-note{font-size:.9375rem}.feature-hero .hero-small .inline-link{color:#d1f9e2}.rollout-section a{white-space:normal}
@media(max-width:1150px){.menu-toggle{width:90px;position:relative;padding:0 12px;align-items:flex-end}.menu-toggle b{display:block;position:absolute;left:12px;top:9px}.nav nav>a{min-height:40px;display:flex;justify-content:center;align-items:center}.nav nav{gap:6px;max-height:calc(100dvh - 80px);overflow-y:auto}.nav nav .button{margin-top:8px}.mobile-manager-grid{gap:34px}.support-section{gap:42px}}
@media(max-width:940px){.rollout-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.mobile-manager-grid{grid-template-columns:1fr 1.1fr;gap:30px}.mobile-manager-screens{gap:12px}.mobile-manager-screens>figure{width:calc(50% - 6px)}}
@media(max-width:760px){.mobile-manager-grid,.support-section{grid-template-columns:1fr;gap:32px}.mobile-manager-screens{max-width:430px;margin:0 auto;width:100%;gap:16px}.mobile-manager-screens>figure{width:calc(50% - 8px)}.mobile-manager-band{padding:48px 0}.mobile-manager-screens figure:nth-child(2){margin-top:28px}.support-hero{padding-bottom:40px}.support-heading h2 br{display:none}.support-section{padding-block:48px}.support-steps li{padding-left:46px}.support-steps h3{font-size:1.0625rem}.support-section .faqs details{padding-block:18px}}
@media(max-width:480px){.rollout-steps{grid-template-columns:1fr;gap:24px}.rollout-steps li{position:relative;padding:18px 0 0 48px}.rollout-steps .step-number{position:absolute;left:0;top:22px;font-size:1.3rem}.rollout-steps h3{margin-bottom:8px}.brand .brand-wordmark{width:148px}.mobile-manager-screens .screen-open{border-width:3px;border-radius:14px}}


/* Website refinement 2026-10-11.2 */
.launch-status{font-size:.875rem;line-height:1.6;color:#c6d8cd;margin-top:18px;max-width:36rem}.launch-status a{color:#b4f6d4;text-decoration:underline;text-underline-offset:3px}
.rollout-section{padding-block:42px}.rollout-section .section-heading{display:block;margin-bottom:26px}.rollout-section h2{font-size:clamp(1.65rem,2.8vw,2.2rem);max-width:none}.rollout-section .kicker{margin-bottom:12px}.rollout-steps li{padding-top:16px}.rollout-steps .step-number{margin-bottom:12px}.rollout-steps h3{font-size:1.0625rem;margin-bottom:8px}.rollout-steps p{font-size:.9375rem;line-height:1.65}.rollout-next{font-size:.875rem;line-height:1.7;margin-top:24px;color:#526c5d}.rollout-next a{margin-left:4px}
.app-preview-section{background:var(--dark);color:white;padding-top:26px}.app-preview-section .showcase-heading{border:0;padding-top:0;margin-bottom:22px}.app-preview-section .screen-showcase{padding-bottom:30px}
.manager-alarm-band .section-action p{max-width:32rem}.manager-alarm-band .screen-open{padding:7px;background:#e6e9e5;border-radius:14px}.manager-alarm-band .screen-open img{border-radius:8px}
@media(max-width:940px){.app-preview-section .mobile-screen-tabs{margin-bottom:18px}}
@media(max-width:480px){.rollout-section{padding-block:32px}.rollout-steps{grid-template-columns:1fr 1fr;gap:22px 18px}.rollout-steps li{padding:14px 0 0}.rollout-steps .step-number{position:static;font-size:1.05rem;margin-bottom:8px}.rollout-steps h3{font-size:1rem}.rollout-steps p{font-size:.875rem}.rollout-next a{display:inline-block;margin:0}.app-preview-section .showcase-heading{gap:12px;flex-wrap:wrap}.manager-alarm-band .screen-open{padding:3px}}

.hero{align-items:center}

.manager-alarm-band .section-action .text-link{flex-shrink:0}

/* Final review 2026-10-11.3: retain the original continuous product-led hero. */
.premium-intro .hero{padding-block:48px 34px}.premium-intro .app-preview-section{padding-top:0}.premium-intro .showcase-heading{border-top:1px solid #304439;padding-top:22px}.hero-byline{margin-top:14px}.launch-status{margin-top:14px}
@media(max-width:940px){.premium-intro .hero{padding-block:34px 28px;gap:22px}}
@media(max-width:480px){.premium-intro .hero{padding-block:28px 24px;gap:20px}.hero-intro{font-size:1rem;line-height:1.65;margin-bottom:18px}.launch-pill{margin-bottom:18px}.hero-price-link{margin-top:18px}}

/* Comfortable navigation targets without changing the header composition. */
.nav nav>a{min-height:40px;display:inline-flex;align-items:center}

/* Give the FAQ its usual section spacing after the tinted pricing panel. */
.pricing-home + .faq-section{padding-top:88px}
@media(max-width:680px){.pricing-home + .faq-section{padding-top:56px}}

/* 2026-10-11.4: retain the original 600px app previews and responsive sizes from styles.css. */

/* 2026-10-11.5: a quiet route from the product screens to worker features. */
.showcase-note .inline-link{display:inline-block;margin-left:8px;color:#b4f6d4}

/* 2026-10-21.1: app downloads and a simple company / worker journey. */
.app-download{margin-top:26px;scroll-margin-top:105px}.download-label{font-size:.75rem;letter-spacing:.1em;font-weight:700;color:#b7ebcf;margin-bottom:14px}.store-options{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px}.app-store-badge{display:inline-block;flex-shrink:0;padding:3px;border-radius:8px;line-height:0}.app-store-badge img{width:162px;height:48px}.app-store-badge:hover{background:#ffffff18}.android-coming{font-size:.8125rem;line-height:1.6;border-left:1px solid #496152;padding-left:20px;color:#bdcfc3}.android-coming strong{display:block;color:#e1ece5;font-size:.875rem}.android-coming span{display:block}.download-note{font-size:.875rem;line-height:1.7;color:#c3d4c9;max-width:29rem;margin:17px 0 10px}.app-download>.inline-link{font-size:.875rem;color:#c7f8dd}.home-download{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 24px;margin:24px 0 4px}.home-download .inline-link{color:#b4f6d4;font-size:.875rem}.contact-enquiry{background:#fff;border:1px solid #c5e2d1;border-radius:14px;padding:24px}.contact-enquiry .enquiry-form{padding:20px 0 0;border:0;border-radius:0}.contact-enquiry .contact-email-note{font-size:.875rem;margin-top:12px}.contact-enquiry:not([open])>.contact-email-note{display:none}.quote-card a[aria-disabled=true]{opacity:.55;cursor:not-allowed}.quote-secondary{display:block}
@media(max-width:680px){.store-options{gap:18px}.android-coming{padding-left:15px}.app-store-badge img{width:151px;height:auto}.home-download{flex-direction:column;gap:12px}.home-download .inline-link{text-align:center}.contact-enquiry{padding:20px}.app-download{margin-top:22px}}
@media(max-width:380px){.store-options{align-items:flex-start;flex-direction:column;gap:12px}.android-coming{border-left:0;padding-left:3px}.download-note{font-size:.8125rem}}