:root{--app-green:#0b4939;--app-green-deep:#06372c;--app-lime:#d8ec55;--app-soft:#edf2e6}
.apps-section{padding-top:1rem}.app-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:4rem;align-items:center;background:var(--cream);border:1px solid var(--line);padding:clamp(1.5rem,4vw,4rem)}.app-feature-copy h2{font:400 clamp(3rem,6vw,5.5rem)/.95 var(--serif);margin:.5rem 0 1.2rem}.app-feature-copy>p{font:1.15rem/1.75 var(--serif)}.app-logo{width:96px;height:96px;object-fit:cover;border-radius:22%;margin-bottom:1.5rem;box-shadow:0 14px 35px #082f2530}.app-screens{display:flex;justify-content:center;align-items:center;gap:1rem}.app-screens img,.phone-frame img,.app-hero-screen img{display:block;width:min(220px,45%);height:auto;border:8px solid #19211e;border-radius:28px;box-shadow:0 24px 50px #16201c32}.app-screens img:nth-child(2){transform:translateY(2rem)}.app-resource-links{display:flex;gap:1.25rem;margin-top:1.4rem}.app-resource-links a{font-weight:700;color:var(--app-green)}.app-store-pending{cursor:default;opacity:.7}.app-detail{background:#f5f4ee}.app-subnav{max-width:1180px;margin:auto;padding:1rem 1.4rem;display:flex;align-items:center;gap:1.1rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.app-subnav span{flex:1}.app-subnav a{text-decoration:none}.app-subnav a:hover{color:var(--copper)}.app-hero{max-width:1180px;margin:0 auto;padding:4rem 1.4rem 6rem;display:grid;grid-template-columns:1.15fr .85fr;gap:5rem;align-items:center}.app-hero h1{font:700 clamp(4rem,9vw,8rem)/.85 var(--sans);letter-spacing:-.07em;color:var(--app-green);margin:.7rem 0 1.2rem}.app-lead{font:700 clamp(1.7rem,3vw,2.8rem)/1.1 var(--sans);color:var(--app-green)}.app-hero-copy>p:not(.app-lead){max-width:610px;font-size:1.1rem}.app-hero-screen{text-align:center}.app-hero-screen img{width:min(300px,90%);margin:auto}.app-dark{background:var(--app-green);color:white}.app-dark .eyebrow{color:var(--app-lime)}.app-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff3d;border:1px solid #ffffff3d}.app-capabilities article{background:var(--app-green-deep);padding:1.8rem}.app-capabilities strong{font-size:1.15rem}.app-capabilities p{color:#e3eee8}.app-language-feature{display:grid;grid-template-columns:1fr 320px;gap:5rem;align-items:center}.app-language-feature h2{font:700 clamp(2.8rem,6vw,5.5rem)/.95 var(--sans);letter-spacing:-.055em;color:var(--app-green);margin:.5rem 0 1.5rem}.phone-frame img{width:100%}.app-legal{background:#f7f5ef}.app-page-hero{max-width:900px;margin:0 auto;padding:4rem 1.4rem}.app-page-hero:before{content:"";display:block;width:72px;height:6px;background:var(--app-lime);margin-bottom:1.5rem}.app-page-hero h1{font:700 clamp(3.5rem,8vw,6.5rem)/.9 var(--sans);letter-spacing:-.055em;color:var(--app-green);margin:.5rem 0 1.5rem}.app-page-hero>p{font:1.2rem/1.7 var(--serif);max-width:680px}.app-page-language{display:flex;gap:.7rem;margin-top:1.5rem}.app-page-language a{border:1px solid var(--line);border-radius:99px;padding:.5rem .9rem;text-decoration:none;font-weight:700;color:var(--app-green);background:white}.legal-content{max-width:900px}.legal-content>.eyebrow{color:var(--app-green);margin-bottom:1.5rem}.legal-content h2{font:700 1.75rem/1.2 var(--sans);color:var(--app-green);margin:2.5rem 0 .7rem}.legal-content details{background:white;border:1px solid var(--line);padding:1rem 1.2rem;margin:.75rem 0}.legal-content summary{cursor:pointer;font-weight:700;color:var(--app-green)}.legal-content details p{margin:.7rem 0 0}.app-soft{background:var(--app-soft)}.privacy-summary{background:var(--app-soft);border-left:5px solid var(--app-green);padding:1.3rem 1.5rem}.app-soft .privacy-summary{background:white}.privacy-summary p{margin:.4rem 0 0}
@media(max-width:900px){.app-feature,.app-hero,.app-language-feature{grid-template-columns:1fr;gap:3rem}.app-capabilities{grid-template-columns:1fr 1fr}.app-feature{padding:2rem}.app-screens{order:-1}.app-subnav{overflow-x:auto}.app-subnav span{display:none}}
@media(max-width:540px){.app-screens img{width:47%;border-width:5px;border-radius:20px}.app-capabilities{grid-template-columns:1fr}.app-hero{padding-top:2rem}.app-hero h1{font-size:4rem}.app-language-feature{grid-template-columns:1fr}.phone-frame{max-width:270px;margin:auto}.app-resource-links{flex-wrap:wrap}.app-subnav{font-size:.68rem;gap:.8rem}}