/* App Store companion pages; shared brand styles remain in styles.css. */
.app-page{--muted:#667266}
.app-page p{overflow-wrap:break-word}
.app-page .availability{font-size:12px;color:#667266;line-height:1.9}
.app-page .main-nav a[aria-current="page"]{color:var(--green);font-weight:650}
.app-page .section-kicker{color:#65765b;font-size:10px}
.app-page .contact-section .section-kicker{color:#c1cfb4}
.app-page .breadcrumbs{font-size:12px;color:#667266;flex-wrap:wrap}
.app-identity{display:flex;align-items:center;gap:14px;margin-bottom:25px}
.app-identity img{width:58px;height:58px;border-radius:15px;border:1px solid var(--line)}
.app-identity strong{display:block;font-size:19px;font-weight:600}
.app-identity small{display:block;font-size:10px;letter-spacing:1.8px;color:#667266;margin-top:2px}
.app-hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-block:48px 65px}
.app-hero h1{font-size:clamp(40px,4.25vw,58px);line-height:1.45;letter-spacing:-1.5px}
.app-hero h1 em{font-style:normal;color:#708859}
.app-hero .hero-description{font-size:15px;line-height:2;color:#667266;max-width:430px;margin-top:24px}
.app-hero .hero-actions{flex-wrap:wrap;gap:16px}
.app-page .button{font-size:14px;min-height:50px}
.app-page .text-link{font-size:14px}
.app-page .product-facts strong{font-size:19px}
.app-page .product-facts small{font-size:12px;color:#667266}
.phone-stage{min-height:620px;border-radius:20px;background:#e8ede2;position:relative;overflow:hidden;isolation:isolate}
.phone-stage:before{content:"";position:absolute;width:440px;height:440px;border:1px solid #ccd6c3;border-radius:50%;left:35px;top:93px;z-index:-1}
.phone-stage:after{content:"";position:absolute;width:540px;height:540px;border:1px solid #d5decd;border-radius:50%;left:-15px;top:43px;z-index:-1}
.stage-heading{position:absolute;top:27px;left:28px;font-size:9px;letter-spacing:1.8px;color:#61725a}
.phone-frame{background:#243b31;border:5px solid #243b31;border-radius:29px;overflow:hidden;box-shadow:0 18px 35px #253e3320;line-height:0}
.phone-frame img{width:100%;height:auto}
.phone-primary{position:absolute;width:228px;left:38px;top:65px;transform:rotate(-5deg);z-index:2}
.phone-secondary{position:absolute;width:197px;right:26px;top:122px;transform:rotate(7deg);z-index:1}
.stage-note{position:absolute;bottom:60px;right:23px;z-index:3;padding:13px 18px;background:#fdfdf7;box-shadow:0 8px 25px #253e3312;border:1px solid #dce3d3;border-radius:9px;transform:rotate(3deg);font-size:13px;display:flex;align-items:center;gap:13px}
.stage-note>span{display:grid;place-items:center;border-radius:50%;width:29px;height:29px;background:#e4eddb;color:#58733d}
.stage-note small{display:block;font-size:10px;color:#667266;margin-top:2px}
.phone-stage figcaption{position:absolute;bottom:18px;left:28px;right:20px;font-size:10px;color:#667266}
.app-section{padding-block:78px}
.app-section .section-heading{margin-bottom:35px}
.app-section h2{font-size:34px;line-height:1.5;letter-spacing:-.8px}
.app-section .section-heading>p{font-size:14px;color:#667266}
.app-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.app-feature{border-top:1px solid #cdd7c7;padding-top:23px}
.app-feature .feature-number{font-size:12px;font-family:monospace;letter-spacing:1px;color:#788768;display:block;margin-bottom:20px}
.app-feature h3{font-size:21px;font-weight:550;margin-bottom:14px}
.app-feature p{font-size:14px;color:#667266;line-height:1.95}
.budget-story{background:#e9ede3;border-block:1px solid var(--line);overflow:hidden}
.budget-story-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center;padding-block:64px}
.budget-story h2{font-size:37px;line-height:1.5;margin-bottom:21px}
.budget-story .story-intro{font-size:14px;max-width:420px;color:#667266;line-height:1.95}
.story-list{list-style:none;margin:29px 0 0;padding:0;display:grid;gap:21px}
.story-list li{display:flex;gap:14px;font-size:14px;color:#667266}
.story-list li>span{font-size:11px;color:#67834e;flex-shrink:0;padding-top:3px}
.story-list strong{display:block;font-size:16px;font-weight:550;color:var(--ink);margin-bottom:3px}
.budget-shot{display:flex;flex-direction:column;align-items:center;gap:18px;position:relative}
.budget-shot:before{content:"";position:absolute;width:365px;height:365px;border:1px solid #c7d2ba;border-radius:50%;top:90px;z-index:0}
.budget-shot .phone-frame{width:224px;transform:rotate(4deg);z-index:1}
.budget-shot figcaption{font-size:11px;color:#667266;z-index:1}
.app-data-note .text-link{display:inline;font-size:inherit}
.app-data-note{margin-top:32px;padding:20px 23px;border-left:2px solid #aaba98;background:#edf0e6;font-size:13px;color:#5e6c55;line-height:1.95}
.app-cta{margin-top:0;margin-bottom:20px}
.app-cta h2{font-size:32px}
.app-cta .contact-bottom{align-items:center}
.app-cta .contact-bottom>p{font-size:14px;color:#c8d5c1}
.app-cta .button{position:relative;z-index:1;flex-shrink:0;background:#f2f5e9;color:var(--ink);border-color:#f2f5e9}
.app-cta .button:hover{background:#e0e8d3}
.app-footer{padding-block:35px 28px;border-top:1px solid var(--line);margin-top:38px}
.app-footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px}
.app-footer-top nav{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#667266}
.app-footer a:hover{color:var(--orange)}
.app-footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;display:flex;gap:20px;justify-content:space-between;font-size:11px;color:#667266}
.app-footer-bottom a{text-decoration:underline;text-underline-offset:3px}
.support-hero{padding-block:48px 42px;display:grid;grid-template-columns:1fr .77fr;align-items:center;gap:100px}
.support-hero h1{font-size:clamp(38px,4vw,53px);letter-spacing:-1px;line-height:1.45}
.support-hero .hero-description{font-size:15px;color:#667266;margin-top:22px;max-width:430px}
.support-contact-card{background:#e9eee2;border:1px solid #dbe3d2;border-radius:16px;padding:30px;position:relative;overflow:hidden}
.support-contact-card:after{content:"✳";position:absolute;right:23px;top:15px;color:#b7c8a2;font-size:50px;line-height:1;pointer-events:none}
.support-contact-card .section-kicker{font-size:10px;letter-spacing:1.5px;margin-bottom:23px}
.support-contact-card h2{font-size:21px;font-weight:550;margin-bottom:12px}
.support-contact-card .support-email{font-size:clamp(18px,2vw,24px);text-decoration:underline;text-underline-offset:6px;overflow-wrap:anywhere;position:relative}
.support-contact-card>p:last-child{font-size:12px;color:#667266;margin-top:18px;line-height:1.9}
.support-contact-card .copy-email{color:#4c6540;margin-left:0;font-size:12px;padding-top:16px}
.support-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:48px}
.support-shortcuts a{display:flex;align-items:center;gap:13px;padding:22px 20px;border:1px solid var(--line);background:#fff;border-radius:10px;transition:border-color .2s,background .2s}
.support-shortcuts a:hover{border-color:#aab99c;background:#f0f3e9}
.support-shortcuts .shortcut-icon{width:37px;height:37px;display:grid;place-items:center;background:#edf1e6;border-radius:9px;color:#63824e;font-size:18px;flex-shrink:0}
.support-shortcuts strong{display:block;font-size:15px;font-weight:550}
.support-shortcuts small{display:block;font-size:11px;color:#667266;margin-top:3px}
.support-shortcuts .shortcut-arrow{margin-left:auto;color:#7c8f6d}
.support-layout{display:grid;grid-template-columns:230px 1fr;gap:75px;border-top:1px solid var(--line);padding-top:50px;padding-bottom:70px}
.support-sidebar-inner{position:sticky;top:125px}
.support-sidebar h2{font-size:23px;margin-bottom:19px}
.support-sidebar nav{display:grid;font-size:13px;gap:13px;color:#667266}
.support-sidebar nav a{display:flex;gap:16px;align-items:center;padding-block:3px}
.support-sidebar nav span{font-size:10px;font-family:monospace;color:#7e8e6f}
.support-sidebar nav a:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}
.support-sidebar-note{font-size:12px;color:#667266;border-top:1px solid var(--line);margin-top:28px;padding-top:20px;line-height:1.9}
.support-topic+.support-topic{margin-top:46px}
.support-topic h2{font-size:23px;margin-bottom:17px;display:flex;gap:14px;align-items:center}
.support-topic h2>span{font-size:11px;font-family:monospace;color:#7e8e6f;font-weight:400}
.support-topic .faq-list summary{font-size:15px;padding-block:21px;line-height:1.7}
.support-topic .faq-answer{font-size:14px;line-height:2;color:#667266;padding:0 24px 23px 0}
.faq-answer p+p{margin-top:12px}
.faq-answer ol{padding-left:21px;margin:0}
.faq-answer li+li{margin-top:7px}
.faq-answer code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.9em;background:#e9ede2;padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}
.faq-answer strong{font-weight:550;color:var(--ink)}
.support-report{margin-top:0;margin-bottom:20px}
.support-report h2{font-size:32px}
.support-report .report-description{font-size:14px;color:#c8d5c1;margin-top:18px;max-width:600px;line-height:2}
.report-checklist{padding:0;list-style:none;display:flex;gap:13px;flex-wrap:wrap;margin:22px 0 0}
.report-checklist li{border:1px solid #6e8769;padding:5px 12px;border-radius:5px;font-size:12px;color:#e2ead9}
.support-report .contact-bottom>p{font-size:12px;max-width:490px;color:#c8d5c1}
.support-report .button{flex-shrink:0;background:#f2f5e9;color:var(--ink);position:relative;z-index:1}
.support-report .button:hover{background:#e0e8d3}
.app-page .toast{font-size:13px}
@media(min-width:1400px){.phone-primary{left:53px}.phone-secondary{right:37px}}
@media(max-width:1100px){.app-hero{gap:32px}.phone-stage{min-height:570px}.phone-primary{width:206px;left:20px;top:65px}.phone-secondary{width:175px;right:15px;top:130px}.stage-note{right:16px;bottom:48px;font-size:12px;padding:10px 13px}.stage-heading{left:22px;font-size:8px}.budget-story-inner{gap:45px}.support-hero{gap:45px;grid-template-columns:1fr .9fr}.support-contact-card{padding:26px}.support-shortcuts a{padding:18px 14px;gap:9px}.support-shortcuts small{font-size:10px}.support-layout{grid-template-columns:190px 1fr;gap:45px}}
@media(max-width:900px) and (min-width:761px){.app-hero h1{font-size:39px}.app-hero .hero-description{font-size:13px}.phone-stage{min-height:510px}.phone-primary{width:181px;left:12px;top:74px}.phone-secondary{width:148px;right:10px;top:120px}.stage-heading{font-size:7px;letter-spacing:1px}.stage-note{bottom:39px;font-size:11px;gap:8px;padding:9px 11px}.stage-note small{font-size:9px}.stage-note>span{width:24px;height:24px}.phone-stage figcaption{font-size:9px;left:20px;bottom:13px}.support-hero{gap:30px}.support-contact-card{padding:23px}.support-shortcuts{grid-template-columns:repeat(2,1fr)}.support-shortcuts small{font-size:11px}}
@media(max-width:760px){
  .app-hero{grid-template-columns:1fr;padding-block:35px 38px;gap:32px}
  .app-identity{margin-bottom:23px;gap:12px}.app-identity img{width:50px;height:50px;border-radius:13px}.app-identity strong{font-size:17px}.app-identity small{font-size:9px}
  .app-hero h1{font-size:clamp(36px,7.5vw,51px);line-height:1.5;letter-spacing:-1px}.app-hero .hero-description{font-size:14px;margin-top:20px}.app-hero .hero-actions{gap:12px}.app-page .button{font-size:13px;padding-inline:17px;gap:18px}
  .phone-stage{width:100%;max-width:490px;justify-self:center;min-height:580px}.phone-primary{width:216px;left:9%;top:65px}.phone-secondary{width:179px;right:5%;top:110px}.stage-heading{font-size:8px;left:23px;top:22px}.stage-note{right:15px;bottom:48px}.phone-stage figcaption{left:23px;font-size:9px;bottom:15px}
  .app-page .product-facts{row-gap:22px}.app-page .product-facts strong{font-size:16px}.app-page .product-facts small{font-size:11px}
  .app-section{padding-block:53px}.app-section h2{font-size:27px}.app-section .section-heading>p{font-size:13px}.app-section .section-heading{margin-bottom:25px}.app-feature-grid{grid-template-columns:1fr;gap:25px}.app-feature{padding-top:17px}.app-feature .feature-number{margin-bottom:10px}.app-feature h3{font-size:20px;margin-bottom:11px}.app-feature p{font-size:14px}
  .budget-story-inner{grid-template-columns:1fr;gap:35px;padding-block:45px}.budget-story h2{font-size:29px}.budget-story .story-intro{font-size:14px}.story-list{gap:19px;margin-top:24px}.story-list li{font-size:13px}.story-list strong{font-size:15px}.budget-shot .phone-frame{width:205px}.budget-shot:before{width:290px;height:290px;top:80px}.budget-shot figcaption{font-size:10px}
  .app-data-note{font-size:12px;padding:18px;margin-top:26px}.app-cta h2{font-size:27px}.app-cta .contact-bottom{align-items:flex-start}.app-cta .contact-bottom>p{font-size:13px}
  .app-footer{margin-top:30px;padding-top:26px}.app-footer-top{align-items:flex-start;flex-direction:column;gap:16px}.app-footer-top nav{font-size:12px;gap:22px}.app-footer-bottom{flex-direction:column;gap:8px;font-size:10px;padding-top:17px;margin-top:20px}
  .support-hero{grid-template-columns:1fr;padding-block:34px 25px;gap:29px}.support-hero h1{font-size:clamp(35px,7.5vw,48px)}.support-hero .hero-description{font-size:14px;max-width:440px;margin-top:17px}.support-contact-card{padding:26px}.support-contact-card .section-kicker{margin-bottom:16px}.support-contact-card h2{font-size:19px}.support-contact-card .support-email{font-size:23px}
  .support-shortcuts{grid-template-columns:1fr 1fr;gap:10px;padding-bottom:32px}.support-shortcuts a{padding:16px 13px;gap:10px}.support-shortcuts strong{font-size:14px}.support-shortcuts small{font-size:10px}.support-shortcuts .shortcut-icon{width:30px;height:34px;font-size:17px}.support-shortcuts .shortcut-arrow{display:none}
  .support-layout{grid-template-columns:1fr;gap:29px;padding-top:29px;padding-bottom:43px}.support-sidebar-inner{position:static}.support-sidebar h2{font-size:22px;margin-bottom:15px}.support-sidebar nav{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px}.support-sidebar nav a{gap:7px}.support-sidebar-note{display:none}.support-topic+.support-topic{margin-top:30px}.support-topic h2{font-size:21px;gap:10px}.support-topic .faq-list summary{font-size:14px;padding-block:20px;gap:18px}.support-topic .faq-answer{font-size:13px;padding-right:6px}.support-report h2{font-size:26px}.support-report .report-description{font-size:13px}.report-checklist{gap:9px}.report-checklist li{font-size:11px;padding:5px 10px}.support-report .contact-bottom{margin-top:22px}.support-report .contact-bottom>p{font-size:12px}
}
@media(max-width:374px){.phone-stage{min-height:530px}.phone-primary{width:187px;left:6%;top:65px}.phone-secondary{width:151px;right:4%;top:108px}.stage-note{font-size:11px;right:10px;bottom:40px;padding:9px 11px;gap:9px}.stage-note small{font-size:9px}.stage-note>span{width:24px;height:24px}.support-shortcuts a{padding:14px 10px;gap:8px}.support-shortcuts strong{font-size:13px}.support-shortcuts small{font-size:9px}.support-shortcuts .shortcut-icon{width:25px}.support-contact-card .support-email{font-size:21px}}
@media print{.phone-stage,.budget-shot,.support-shortcuts,.support-sidebar,.app-page .hero-actions{display:none}.app-hero,.budget-story-inner,.support-hero,.support-layout{display:block;padding-block:20px}.app-section{padding-block:25px}.app-feature-grid{display:block}.app-feature{margin-top:20px}.support-contact-card,.app-data-note{background:none;border:1px solid #aaa}.support-report .report-description,.support-report .contact-bottom>p,.report-checklist li,.app-cta .contact-bottom>p{color:#333}.support-report .button,.app-cta .button{background:none}.support-topic .faq-answer{display:block}.app-footer-bottom{font-size:10px}}
