@font-face{font-family:'Misho UI';src:url('/app/fonts/inter-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
.marketing-page{--public-bg:#fff;--public-text:#171717;--public-muted:#5B5B5B;--public-line:#D8D8D8;--public-subtle:#F7F7F7;font-family:'Misho UI',Inter,system-ui,sans-serif!important;background:var(--public-bg)!important;color:var(--public-text)!important;min-width:0}
.marketing-page *{box-sizing:border-box}
.marketing-page a:focus-visible,.marketing-page button:focus-visible,.marketing-page input:focus-visible,.marketing-page textarea:focus-visible{outline:3px solid #3298D8;outline-offset:4px}
.marketing-page img{max-width:100%;height:auto}
.marketing-header{position:sticky;top:0;z-index:110;width:100%;background:#fff;border-bottom:1px solid var(--public-line);color:var(--public-text)}
.marketing-header-inner{max-width:1240px;margin:auto;padding:18px 28px;display:flex;align-items:center;gap:32px;min-height:82px}
.marketing-logo{display:inline-flex;flex-shrink:0;align-items:center;text-decoration:none}
.marketing-logo img{display:block;width:170px;height:42px;object-fit:contain}
.marketing-header .marketing-menu{display:flex;align-items:center;gap:26px;padding:0;margin:0 auto;max-width:none}
.marketing-header a{font-size:14px;font-weight:600;color:var(--public-text);text-decoration:none;white-space:nowrap}
.marketing-header nav a{padding:12px 0}
.marketing-header a:hover,.marketing-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.marketing-header a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.marketing-actions{display:flex;align-items:center;gap:18px}
.marketing-header .marketing-cta,.marketing-page .public-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--public-text);color:#fff;padding:15px 20px;border-radius:12px;text-decoration:none;font-weight:650;font-size:15px;min-height:48px;transition:transform .18s}
.marketing-cta:hover,.public-cta:hover{transform:translateY(-2px)}
.marketing-menu-toggle{display:none}
.marketing-header .page-lang-wrap{margin:0}
.marketing-header .page-lang-btn{color:var(--public-text);border-color:var(--public-line);background:white;min-width:44px;height:44px}
.marketing-header .page-lang-menu{color:var(--public-text);background:#fff}
.marketing-footer{width:100%;margin-top:auto;border-top:1px solid var(--public-line);background:var(--public-bg);color:var(--public-muted);padding:42px 24px}
.marketing-footer-inner{max-width:1184px;margin:auto;text-align:center}
.marketing-footer .marketing-logo img{width:140px;height:35px}
.marketing-footer p{font-size:15px;line-height:1.6;margin:12px 0 20px;color:var(--public-muted)}
.marketing-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px;padding:0;margin:0 auto 24px;max-width:none}
.marketing-footer nav a{font-size:14px;line-height:1.5;min-height:44px;display:inline-flex;align-items:center;font-weight:500;color:var(--public-text);text-decoration:none}
.marketing-footer small{font-size:13px}
.marketing-page .page-main{width:100%;max-width:1080px;margin:0 auto;padding:64px 28px 80px}
.marketing-page.help-page .page-main{max-width:1240px}
.marketing-page .page-card{background:#fff;color:var(--public-text);border:1px solid var(--public-line);border-radius:20px;padding:clamp(24px,5vw,64px);box-shadow:none}
.marketing-page .page-title{font-family:inherit!important;font-size:clamp(36px,5vw,60px);line-height:1.1;letter-spacing:-.045em;color:var(--public-text);margin:0 0 18px}
.marketing-page .page-subtitle{color:var(--public-muted);font-family:inherit;font-size:18px;line-height:1.65;margin-bottom:32px}
.marketing-page .page-section{border-color:var(--public-line)}
.marketing-page .page-section h2,.marketing-page .page-section h3{font-family:inherit!important;color:var(--public-text);font-size:24px;line-height:1.35;letter-spacing:-.025em}
.marketing-page .page-section p,.marketing-page .page-section li{font-family:inherit!important;color:var(--public-text);font-size:16px;line-height:1.8}
.marketing-page .page-section a{color:#2673A4}
.marketing-page .help-sidebar{top:106px;border-color:var(--public-line);box-shadow:none}
.marketing-page .help-nav a.active{background:var(--public-text);color:#fff}
.marketing-page .help-nav a{font-family:inherit}
.marketing-page .landing-headline,.marketing-page .landing-section-headline,.marketing-page .landing-demo-headline,.marketing-page .landing-final-headline,.marketing-page .landing-feature-title{font-family:inherit!important;letter-spacing:-.035em;line-height:1.15}
.marketing-page .landing-feature-title{font-size:18px;letter-spacing:-.02em;text-transform:none}
.marketing-page .landing-feature-card{background:#fff!important;border-color:var(--public-line)!important;color:var(--public-text)}
.marketing-page .landing-feature-icon{background:var(--public-subtle)!important;color:var(--public-text)!important}
.marketing-page .landing-feature-desc{font-size:15px;line-height:1.7;color:var(--public-muted)}
.marketing-page .landing-problem-img,.marketing-page .landing-for-img,.marketing-page .landing-final-img{max-height:390px;object-fit:contain}
.marketing-page .landing-hero{max-width:1240px;margin-inline:auto}
.marketing-page .landing-features-grid{gap:20px}
.public-pricing{max-width:1120px;margin:auto;padding:72px 28px 88px;width:100%}
.public-pricing-intro{text-align:center;max-width:740px;margin:0 auto 48px}
.public-pricing h1{font-size:clamp(40px,6vw,68px);line-height:1.08;letter-spacing:-.05em;margin:16px 0 24px}
.public-pricing .eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--public-muted)}
.public-pricing p{font-size:18px;line-height:1.7;color:var(--public-muted)}
.public-plan{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:clamp(28px,5vw,56px);border:1px solid var(--public-line);border-radius:24px;background:var(--public-subtle)}
.public-plan h2{font-size:32px;margin:0 0 16px;letter-spacing:-.035em}
.public-plan .trial-size{font-size:clamp(48px,6vw,72px);font-weight:650;letter-spacing:-.05em;margin:20px 0;color:var(--public-text);line-height:1.1}
.public-plan ul{padding:0;list-style:none;margin:0}
.public-plan li{padding:12px 0 12px 30px;position:relative;border-bottom:1px solid #dedde0;font-size:16px;line-height:1.5}
.public-plan li:before{content:'✓';position:absolute;left:0;color:var(--public-text)}
.public-plan .fine-print{font-size:14px;margin-bottom:0}
.public-faq{max-width:760px;margin:72px auto 0}
.public-faq h2{font-size:32px;letter-spacing:-.035em;margin-bottom:24px}
.public-faq details{border-bottom:1px solid var(--public-line);padding:20px 0}
.public-faq summary{cursor:pointer;font-size:18px;line-height:1.5;font-weight:600;padding-right:16px}
.public-faq p{font-size:16px;margin:16px 0 0}
@media(max-width:1050px){.marketing-header-inner{gap:20px;padding:16px 24px}.marketing-header .marketing-menu{gap:18px}.marketing-actions{gap:12px}.marketing-header .marketing-logo img{width:140px}}
@media(max-width:820px){.marketing-header-inner{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 20px;min-height:72px}.marketing-menu-toggle{display:flex;align-items:center;gap:10px;width:auto;margin:0;padding:10px 14px;border:1px solid var(--public-line);border-radius:10px;color:var(--public-text);background:white;font:inherit;font-size:14px;min-height:44px;cursor:pointer}.marketing-header .marketing-menu,.marketing-header .marketing-actions{display:none}.marketing-header.menu-open .marketing-menu{display:flex;grid-column:1/-1;flex-direction:column;align-items:stretch;gap:0;width:100%;margin:0}.marketing-header.menu-open .marketing-menu a{padding:14px 0;border-bottom:1px solid var(--public-line);font-size:17px}.marketing-header.menu-open .marketing-actions{display:flex;grid-column:1/-1;flex-wrap:wrap;padding:8px 0}.marketing-header.menu-open .marketing-cta{margin-inline-start:auto}.marketing-page .page-main{padding:32px 18px 56px}.marketing-page .help-sidebar{position:static}.marketing-page .help-nav{min-width:0;flex-wrap:wrap}.marketing-page .help-nav a{white-space:normal}.public-plan{grid-template-columns:1fr;gap:32px}.public-pricing{padding:44px 20px 56px}.public-faq{margin-top:48px}}
@media(prefers-reduced-motion:reduce){.marketing-page *{scroll-behavior:auto!important}.marketing-cta,.public-cta{transition:none!important}}
body.marketing-page{margin:0;display:flex;flex-direction:column;min-height:100vh}
.marketing-page.about-page .page-card{padding:0}
.marketing-page.about-page .about-hero{background:#fff;color:var(--public-text);padding:48px 48px 0}
.marketing-page.about-page .about-hero::before{display:none}
.marketing-page.about-page .about-eyebrow{color:var(--public-muted)}
.marketing-page.about-page .about-hero-visual{margin:32px 0 0;background:var(--public-subtle);border-radius:16px}
.marketing-page.about-page .about-hero-img{max-height:440px;display:block;object-fit:contain}
.marketing-page.about-page .about-story{padding:48px;max-width:820px}
.marketing-page.about-page .about-values-list li,.marketing-page.about-page .about-hadith,.marketing-page.about-page .about-quran{background:var(--public-subtle)}
.marketing-page .help-screenshot{background:var(--public-subtle)}
.marketing-page .page-lang-btn{border-radius:24px;font:inherit;font-size:13px;cursor:pointer}
.marketing-page .eyebrow{color:var(--public-muted)}
.marketing-page input:focus,.marketing-page textarea:focus{border-color:#3298D8;box-shadow:0 0 0 3px #3298D826}
.marketing-page :is(section,main)[id]{scroll-margin-top:100px}
@media(max-width:820px){.marketing-page.about-page .about-hero{padding:28px 24px 0}.marketing-page.about-page .about-story{padding:32px 24px}.marketing-page .landing-hero-right{flex:none;max-width:320px;margin:0 auto}.marketing-page .landing-hero-flower{width:280px;max-width:100%}.marketing-page .landing-problem-img,.marketing-page .landing-for-img,.marketing-page .landing-final-img{max-height:270px}.marketing-page .landing-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.marketing-page .landing-features-grid{grid-template-columns:1fr}.marketing-page .landing-hero-headline{font-size:44px!important;line-height:1.08!important}.marketing-page .landing-section-headline{font-size:32px!important}.marketing-page .marketing-footer nav{gap:0 20px}}
.marketing-page :is(.landing-problem-headline,.landing-for-headline,.landing-about-headline,.landing-final-cta-headline){font-family:inherit!important;font-size:clamp(30px,3.4vw,44px);line-height:1.15;letter-spacing:-.035em}
.marketing-page .landing-trial-note{font-size:13px;line-height:1.6;color:var(--public-muted);margin:0;max-width:40ch}
.marketing-page .landing-final-cta-img{width:100%;max-height:360px;object-fit:contain}
@media(max-width:820px){.marketing-page .landing-final-cta-visual{width:100%;max-width:320px}.marketing-page .landing-final-cta-img{max-height:260px}.marketing-page .landing-final-cta{padding-block:48px}.marketing-page .landing-final-cta-inner{gap:28px}}
.marketing-page{--bg:#fff;--surface:#fff;--surface-container:#F7F7F7;--text:#171717;--text-secondary:#5B5B5B;--primary:#171717;--border:#D8D8D8}
.marketing-page .contact-card{background:#fff;border-color:var(--public-line)}
.marketing-page .contact-card-link{color:#2673A4;overflow-wrap:anywhere}
.marketing-page .contact-card-note{font-size:15px;line-height:1.7;color:var(--public-muted)}
.marketing-page.misho-auth-page{padding:0;display:flex;align-items:stretch}
.marketing-page .misho-auth-card{margin:56px auto;max-width:calc(100% - 36px);border-color:var(--public-line);box-shadow:none}
.marketing-page .misho-auth-brand{display:none}
.marketing-page .misho-auth-card h1{font-family:inherit;letter-spacing:-.035em;font-size:32px}
.marketing-page .misho-auth-card button{border-radius:12px}
.marketing-page .misho-auth-card input{border-color:#858585;background:#fff;color:var(--public-text)}
@media(max-width:500px){.marketing-page .misho-auth-card{margin:32px auto;padding:24px}}

/* Public layout rhythm: 8px scale, one content edge, independent of planner UI. */
.marketing-page{--public-gutter:clamp(20px,4vw,48px);--public-space:clamp(56px,7vw,96px);--public-gap:clamp(28px,5vw,64px)}
.marketing-header-inner{max-width:1280px;padding-inline:var(--public-gutter);gap:24px}
.marketing-header .marketing-logo img,.marketing-footer .marketing-logo img{width:180px;height:44px}
.marketing-language{order:3;width:102px;min-height:44px;padding:8px;border:1px solid var(--public-line);border-radius:10px;background:#fff;color:var(--public-text);font:inherit;font-size:13px;cursor:pointer}
.marketing-actions{order:4}
.marketing-menu-toggle{order:5}
.marketing-page select:focus-visible{outline:3px solid #3298D8;outline-offset:4px}
.marketing-page :is(.landing-hero,.landing-demo-inner,.landing-problem-inner,.landing-for-inner,.landing-about-inner,.landing-final-cta-inner,.landing-devices){width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--public-gutter);gap:var(--public-gap)}
.marketing-page .landing-hero{padding-block:var(--public-space);align-items:center}
.marketing-page :is(.landing-demo,.landing-problem,.landing-for,.landing-about,.landing-final-cta){padding-block:var(--public-space);padding-inline:0}
.marketing-page .landing-devices{padding-block:var(--public-space)}
.marketing-page :is(.landing-problem-inner,.landing-for-inner,.landing-final-cta-inner){align-items:center}
.marketing-page .landing-demo-inner{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center}
.marketing-page :is(.landing-hero-left,.landing-problem-text,.landing-for-text,.landing-final-cta-text){min-width:0}
.marketing-page :is(.landing-hero-sub,.landing-problem-body,.landing-for-body){max-width:52ch;line-height:1.75}
.marketing-page :is(.landing-problem-img,.landing-for-img,.landing-final-cta-img){width:100%;max-height:360px;object-fit:contain}
.marketing-page .landing-features-grid{gap:24px;margin-top:32px!important}
.marketing-page .landing-feature-card{padding:28px;border-radius:16px}
.marketing-page .landing-feature-icon{margin-bottom:24px}
.marketing-page :is(.landing-btn-primary,.landing-email-signin,.landing-devices .button,.public-cta){width:320px;max-width:100%;min-height:52px;padding:14px 20px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;box-shadow:none;margin-inline:0;transition:background .2s,transform .2s}
.marketing-page .landing-email-signin{border:1px solid #D5D3D8;background:#fff;color:var(--public-text)}
.marketing-page .landing-btn-primary{background:var(--public-text);color:#fff;border:1px solid var(--public-text)}
.marketing-page :is(.landing-btn-primary,.landing-email-signin,.landing-devices .button):hover{transform:translateY(-2px)}
.marketing-page .page-main{max-width:1120px;padding:var(--public-space) var(--public-gutter)}
.marketing-page .page-section{margin-block:32px}
.marketing-page .page-section :is(h2,h3){margin-block:0 16px}
.marketing-page .page-section p{margin-block:0 16px}
.marketing-page .public-pricing{max-width:1200px;padding:var(--public-space) var(--public-gutter)}
.marketing-footer{padding:48px var(--public-gutter)}
.marketing-page .verse-carousel{padding:48px 40px 24px;background:#fcfaf5;border:1px solid #ded9ce;border-radius:24px;box-shadow:0 16px 40px #27273712;margin-top:40px}
.marketing-page .verse-carousel:before{inset:12px;border-color:#e9e3d7;border-radius:16px}
.marketing-page .verse-stage{min-height:280px}
.marketing-page .verse-reference{display:block;color:#7656b9;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.marketing-page .verse-arabic{font-family:'Amiri Quran','Noto Naskh Arabic',serif;font-weight:400;font-size:clamp(32px,3.7vw,46px);line-height:1.9;color:#272737;margin-bottom:18px}
.marketing-page .verse-translation{color:#514c57;font-size:17px;line-height:1.8;max-width:54ch}
.marketing-page .verse-source{display:inline-block;color:#7656b9;font-size:13px;text-decoration:underline;text-underline-offset:3px;margin-top:8px}
.marketing-page .verse-controls{gap:4px;padding:20px 0 0;margin-top:24px;border-top:1px solid #e9e3d7;flex-wrap:wrap}
.marketing-page .verse-controls button{color:#302b38;min-width:44px;min-height:44px}
.marketing-page .verse-controls button:hover{background:#eae5da}
.marketing-page .verse-controls .verse-pause{position:static;margin-inline-start:12px;border:1px solid #d9d1c4}
.marketing-page .verse-dots button:after{background:#bdb7c1}
.marketing-page .verse-dots button[aria-current=true]:after{background:#7656b9}
@media(max-width:1100px){.marketing-header-inner{gap:16px}.marketing-header .marketing-menu{gap:16px}.marketing-actions{gap:12px}.marketing-header .marketing-cta{font-size:13px;padding-inline:14px}}
@media(max-width:900px){.marketing-page :is(.landing-demo-inner,.landing-devices){grid-template-columns:1fr}.marketing-page .landing-demo-inner> :last-child{width:100%;max-width:480px;margin-inline:auto}}
@media(max-width:820px){.marketing-header-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding-inline:20px}.marketing-language{order:0;width:88px;grid-column:2;grid-row:1}.marketing-menu-toggle{grid-column:3;grid-row:1;font-size:0;padding:10px;min-width:44px;gap:0}.marketing-menu-toggle span{font-size:20px}.marketing-header .marketing-logo img{width:180px}.marketing-header .marketing-logo{grid-column:1;grid-row:1}.marketing-header.menu-open .marketing-menu,.marketing-header.menu-open .marketing-actions{grid-column:1/-1}.marketing-page :is(.landing-problem-img,.landing-for-img,.landing-final-cta-img){max-height:280px}.marketing-page .landing-feature-card{padding:24px}.marketing-page .verse-carousel{padding:36px 24px 24px}.marketing-page .verse-stage{min-height:350px}.marketing-page .verse-translation{font-size:16px}.marketing-page .landing-hero-right{max-width:360px}}
@media(max-width:380px){.marketing-header .marketing-logo img{width:132px}.marketing-language{width:78px}.marketing-page .verse-controls{gap:0}.marketing-page .verse-controls .verse-pause{margin-inline-start:0}.marketing-page .verse-carousel{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.marketing-page :is(.landing-btn-primary,.landing-email-signin,.landing-devices .button){transition:none;transform:none}}
.public-plan>*{min-width:0}
@media(max-width:820px){.public-plan{grid-template-columns:minmax(0,1fr)}}
.marketing-page .landing-email-signin{align-self:flex-start}
.marketing-page .landing-download-jump{margin:0;min-height:44px;display:inline-flex;align-items:center}
/* Final invitation: intrinsic height avoids mobile flex-basis creating empty space. */
.marketing-page .landing-final-cta-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.marketing-page .landing-final-cta-visual{width:100%;max-width:none;min-height:0;flex:none}
.marketing-page .landing-final-cta-img{width:100%;max-height:none;height:auto}
.marketing-page .landing-final-cta-text{flex:none;min-width:0;gap:16px;align-items:flex-start;text-align:start}
.marketing-page .landing-final-cta-text .landing-btn-primary,.marketing-page .landing-final-cta-text .landing-email-signin{width:320px;max-width:100%;margin:0;align-self:flex-start}
.marketing-page .landing-final-cta-headline{margin:0 0 8px;max-width:20ch}
@media(max-width:820px){
.marketing-page .landing-final-cta-inner{grid-template-columns:minmax(0,1fr);gap:24px}
.marketing-page .landing-final-cta-visual{max-width:480px;margin-inline:auto}
.marketing-page .landing-final-cta-text{align-items:center;text-align:center;gap:16px}
.marketing-page .landing-final-cta-text .landing-btn-primary,.marketing-page .landing-final-cta-text .landing-email-signin{align-self:center}
.marketing-page .landing-final-cta-headline{font-size:32px;line-height:1.2}
}
.marketing-page .landing-final-cta-visual{overflow:hidden}
.marketing-page .landing-final-cta-img{height:400px;object-fit:cover;object-position:center}
@media(max-width:820px){.marketing-page .landing-final-cta-img{height:300px}}
.marketing-page .landing-demo-preview{min-width:0;width:100%;max-width:480px;margin-inline:auto}
.marketing-page .landing-demo-preview .landing-demo-frame{width:100%;margin:0}
.marketing-page .landing-demo-preview .landing-demo-hint{max-width:none;margin:16px 0 0;text-align:center;font-size:12px;line-height:1.6;color:var(--public-muted)}
/* Public theme controls and semantic surfaces; never targets the planner shell. */
.marketing-theme{order:3;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:112px;min-height:44px;padding:8px 12px;border:1px solid var(--public-line);border-radius:10px;background:var(--public-bg);color:var(--public-text);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.marketing-theme:hover{background:var(--public-subtle);transform:translateY(-1px)}
.marketing-theme:focus-visible{outline:2px solid var(--public-text);outline-offset:3px}
.marketing-theme-icon{font-size:20px;line-height:1}
.marketing-page[data-public-theme=dark]{--public-bg:#171717;--public-text:#FFFFFF;--public-muted:#B7B7B7;--public-line:#444444;--public-subtle:#242424;--bg:#171717;--surface:#242424;--surface-container:#242424;--text:#FFFFFF;--text-secondary:#B7B7B7;--primary:#FFFFFF;--border:#444444;--help-paper:#171717;--help-ink:#FFFFFF;--help-muted:#B7B7B7;--help-tile:#444444;--privacy-paper:#171717;--privacy-ink:#FFFFFF;--privacy-muted:#B7B7B7;--privacy-tile:#444444}
.marketing-page[data-public-theme=dark] :is(.marketing-header,.marketing-language,.marketing-menu-toggle,.page-card,.contact-card,.misho-auth-card,.landing-hero,.landing-final-cta,.about-hero){background:var(--public-bg)!important;color:var(--public-text);border-color:var(--public-line)}
.marketing-page[data-public-theme=dark] :is(.landing-demo,.landing-problem,.landing-for,.landing-about,.landing-devices,.landing-feature-card,.help-sidebar,.help-screenshot,.about-hero-visual,.public-plan,.about-values-list li,.about-hadith,.about-quran){background:var(--public-subtle)!important;color:var(--public-text);border-color:var(--public-line)!important}
.marketing-page[data-public-theme=dark] :is(.landing-btn-primary,.marketing-cta,.public-cta,.landing-devices .button,.help-nav a.active){background:#FFFFFF!important;color:#171717!important;border-color:#FFFFFF}
.marketing-page[data-public-theme=dark] :is(.landing-email-signin,input,textarea,select,.misho-auth-card input){background:var(--public-subtle);color:var(--public-text);border-color:var(--public-line)}
.marketing-page[data-public-theme=dark] :is(.landing-hero-headline,.landing-hero-sub,.landing-problem-body,.landing-for-body,.landing-about-body,.devices-copy h2,.devices-copy p,.landing-flower-caption,.landing-flower-caption span,.landing-feature-title,.landing-feature-desc,.landing-feature-icon,.landing-demo-headline,.landing-demo-body,.landing-final-cta-headline,.landing-for-list,.page-section h2,.page-section h3,.page-section p,.page-section li,.page-title,.page-subtitle){color:var(--public-text)!important}
.marketing-page[data-public-theme=dark] :is(.page-section a,.contact-card-link,.devices-mac-link a,.landing-download-jump){color:#45ACFA}
.marketing-page[data-public-theme=dark] :is(.landing-hero-badge,.landing-feature-icon){background:#303030!important;color:#FFFFFF!important}
.marketing-page[data-public-theme=dark] :is(.landing-demo-frame,.landing-demo-strip,.landing-demo-column){background:var(--public-bg);color:var(--public-text);border-color:var(--public-line)}
.marketing-page[data-public-theme=dark] .landing-demo-frame :is(h2,h3,button){color:var(--public-text)}
.marketing-page[data-public-theme=dark] .landing-demo-frame button{background:transparent}
.marketing-page[data-public-theme=dark] :is(.device-visual,.phone-frame){color:#171717}
.marketing-page[data-public-theme=dark] .verse-carousel{border-color:var(--public-line)}
@media(max-width:1100px) and (min-width:821px){.marketing-header-inner{gap:10px;padding-inline:20px}.marketing-header .marketing-logo img{width:140px}.marketing-header .marketing-menu{gap:10px}.marketing-language{width:86px}}
@media(max-width:820px){.marketing-header-inner{grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;padding-inline:16px}.marketing-header .marketing-logo img{width:140px}.marketing-theme{grid-column:2;grid-row:1;min-width:44px;width:44px;padding:8px;order:0}.marketing-theme-label{display:none}.marketing-language{grid-column:3;width:78px}.marketing-menu-toggle{grid-column:4}.marketing-header.menu-open .marketing-menu,.marketing-header.menu-open .marketing-actions{grid-column:1/-1}}
@media(max-width:380px){.marketing-header .marketing-logo img{width:100px}.marketing-language{width:72px}.marketing-theme{width:40px;min-width:40px}.marketing-header-inner{gap:6px;padding-inline:12px}}
.marketing-page[data-public-theme=dark] .landing-hero-headline em{color:inherit!important}
.marketing-page[data-public-theme=dark] :is(.landing-demo-day,.preview-task,.preview-task-toggle){background:var(--public-bg);color:var(--public-text);border-color:var(--public-line)}
.marketing-page[data-public-theme=dark] :is(.preview-text,.landing-demo-day-title){color:var(--public-text)}
.marketing-page[data-public-theme=dark] .preview-check{border-color:var(--public-muted)}
.marketing-page[data-public-theme=dark] main>form{background:var(--public-subtle);border-color:var(--public-line)}
.marketing-page[data-public-theme=dark] main>section>p{color:var(--public-muted)}
.marketing-page[data-public-theme=dark] main>form button{background:var(--public-text);color:var(--public-bg)}
.marketing-page[data-public-theme=dark] :is(.about-emphasis,.about-hadith-text,.about-quran-text){color:var(--public-text)!important}
.marketing-page[data-public-theme=dark] :is(input,textarea)::placeholder{color:var(--public-muted);opacity:1}
.marketing-page :is(a,button,input,textarea,select):focus-visible{outline:2px solid #3298D8;outline-offset:4px}
.marketing-page[data-public-theme=dark] .landing-headline-accent{color:var(--public-text)!important}

.marketing-page :is(button,input,textarea,select,.marketing-cta,.public-cta,.landing-email-signin,.landing-btn-primary){border-radius:8px}
.marketing-page :is(.page-card,.landing-feature-card,.public-plan){border-radius:12px}
.marketing-page :is(h1,h2,h3){font-family:inherit!important;font-weight:600}

.marketing-page[data-public-theme=light]{--misho-prayer-fajr-text:#2673A4;--misho-prayer-dhuhr-text:#876A0B;--misho-prayer-asr-text:#B65018;--misho-prayer-maghrib-text:#C24133;--misho-prayer-isha-text:#7C5CB5;}

.marketing-page[data-public-theme=dark]{--misho-prayer-fajr-text:#45ACFA;--misho-prayer-dhuhr-text:#E7B512;--misho-prayer-asr-text:#E67C2C;--misho-prayer-maghrib-text:#F37C71;--misho-prayer-isha-text:#B38DF3;}

@font-face{font-family:Cairo;src:url('/brand/public-20261101/Cairo.ttf') format('truetype');font-weight:200 1000;font-display:swap}
.marketing-page:lang(ar),.marketing-page:lang(ar) :is(h1,h2,h3,button,input,select){font-family:Cairo,Tahoma,sans-serif!important;letter-spacing:0}
.marketing-page :is(input,textarea,select){border-color:#858585}

.marketing-page .preview-prayer[data-prayer-slot="Fajr"]{color:var(--misho-prayer-fajr-text)!important}
.marketing-page .preview-prayer[data-prayer-slot="Dhuhr"]{color:var(--misho-prayer-dhuhr-text)!important}
.marketing-page .preview-prayer[data-prayer-slot="Asr"]{color:var(--misho-prayer-asr-text)!important}
.marketing-page .preview-prayer[data-prayer-slot="Maghrib"]{color:var(--misho-prayer-maghrib-text)!important}
.marketing-page .preview-prayer[data-prayer-slot="Isha"]{color:var(--misho-prayer-isha-text)!important}