@font-face{font-family:Literata;src:url('./fonts/literata.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:'Roboto Flex';src:url('./fonts/roboto-flex.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
:root{color-scheme:light dark;--paper:#f8f7f3;--ink:#202e29;--muted:#5c665f;--line:#d9ddd5;--accent:#244e3e;--on-accent:#fff;--surface:#efeee8;--phone:#dadbd5;--shadow:rgba(31,43,35,.09);--focus:#387c60}
@media(prefers-color-scheme:dark){:root{--paper:#141917;--ink:#e9eae3;--muted:#a5b1a9;--line:#36423b;--accent:#bbd5bf;--on-accent:#142d21;--surface:#1e2621;--phone:#3e4942;--shadow:rgba(0,0,0,.22);--focus:#bbd5bf}.brand-mark{filter:invert(1)}}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Roboto Flex',Arial,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:6px}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h1,h2{font-family:Literata,Georgia,serif;font-weight:400;letter-spacing:-.052em;line-height:1.18;text-wrap:balance}h1 span,h2 span{display:block}.wrap{width:min(1120px,calc(100% - 112px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:29px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-family:Literata,Georgia,serif;font-size:27px;font-weight:500;letter-spacing:-1.3px}.brand-mark{width:34px;height:35px;object-fit:contain}.language-switch{display:flex;align-items:center;gap:2px;font-size:13px;letter-spacing:.07em}.language-switch a{display:grid;place-items:center;min-width:44px;min-height:44px;color:var(--muted)}.language-switch a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:7px}.language-switch>span{color:var(--line)}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:54px;align-items:center;padding-block:76px 82px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600;line-height:1.5;color:var(--muted)}h1{font-size:clamp(48px,5.6vw,76px);margin-block:27px 30px}.intro{max-width:365px;color:var(--muted);font-size:17px;line-height:1.8}.download-group{margin-top:33px}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:16px 24px;min-height:56px;background:var(--accent);color:var(--on-accent);font-size:15px;font-weight:550;border-radius:4px;transition:opacity .18s ease}.download-button:hover{opacity:.86}.download-button>span{font-size:23px;line-height:1}.platform-note{font-size:12px;letter-spacing:.035em;color:var(--muted);margin-top:12px}.hero-visual{justify-self:center;text-align:center}.phone{width:278px;border:1px solid var(--phone);padding:6px;border-radius:35px;background:var(--surface);box-shadow:0 22px 50px -25px var(--shadow);overflow:hidden}.phone img{width:100%;height:auto;border-radius:28px}.phone picture{display:block}figcaption{color:var(--muted);font-size:11px;letter-spacing:.025em;margin-top:23px}.details{padding-block:66px 78px;border-top:1px solid var(--line)}.details-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:55px}.details-heading .eyebrow{padding-top:13px}.details h2{font-size:clamp(34px,3.4vw,48px);width:54%}.details-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.audio-visual{justify-self:center;text-align:center}.phone-secondary{width:240px;border-radius:31px}.phone-secondary img{border-radius:24px}.features{margin:0;padding:0;list-style:none}.features li{display:flex;gap:27px;padding-block:27px;border-top:1px solid var(--line)}.features li:first-child{border-top:0;padding-top:0}.feature-number{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--muted);padding-top:8px}.features h3{font-size:23px;line-height:1.35;font-weight:480;letter-spacing:-.025em;margin-bottom:10px}.features p{color:var(--muted);font-size:15px;line-height:1.8;max-width:390px}.closing{border-top:1px solid var(--line);text-align:center;padding-block:74px 77px}.closing-mark{width:62px;height:64px;margin:0 auto 24px}.closing h2{font-size:clamp(34px,4.2vw,56px);margin-block:20px}.closing>p:not(.eyebrow):not(.platform-note){color:var(--muted);font-size:16px;margin-bottom:26px}.closing .platform-note{margin-bottom:0}.store-fallback{display:flex;justify-content:center;align-items:center;gap:14px;font-size:13px;margin-top:14px}.store-fallback a{padding-block:8px;text-decoration:underline;text-underline-offset:4px}.store-choice{background:none;border:0;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:12px;min-height:44px}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:32px 38px}.footer-name{font-family:Literata,Georgia,serif;font-size:21px;letter-spacing:-.05em}.site-footer p{font-size:11px;color:var(--muted);margin-top:5px}.footer-links{display:flex;gap:28px;font-size:13px;color:var(--muted)}.footer-links a{padding-block:12px}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.skip-link{position:absolute;left:12px;top:12px;padding:12px;background:var(--ink);color:var(--paper);transform:translateY(-200%);z-index:10}.skip-link:focus{transform:none}dialog{width:min(440px,calc(100% - 32px));padding:36px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:rgba(0,0,0,.55)}dialog h2{font-size:32px;letter-spacing:-.035em;margin-top:16px;padding-right:8px}dialog>p:not(.eyebrow){color:var(--muted);font-size:15px;margin-block:16px 24px}.dialog-close{position:absolute;right:8px;top:8px;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--ink);font-size:28px}.store-links{display:grid;gap:12px}.store-links a{border:1px solid var(--line);padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:4px;background:var(--surface)}.store-links a:hover{border-color:var(--muted)}.store-links strong{display:block;font-weight:550}.store-links small{display:block;color:var(--muted);font-size:12px}[hidden]{display:none!important}
@media(min-width:1440px){.hero{padding-block:92px 100px}.phone{width:290px}.phone-secondary{width:245px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:24px}.phone{width:248px}.phone-secondary{width:220px}.details-grid{gap:40px}.details h2{width:57%}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:18px}.brand{font-size:24px}.brand-mark{width:29px;height:30px}.hero{grid-template-columns:1fr;padding-block:43px 49px;gap:42px}.hero-copy{max-width:430px}h1{font-size:clamp(42px,8.8vw,60px);margin-block:22px 22px;letter-spacing:-.047em}.intro{font-size:16px;max-width:360px}.download-group{margin-top:26px}.download-button{font-size:14px;padding:15px 22px;gap:24px}.phone{width:250px}.hero-visual{margin-top:4px}.details{padding-block:40px 47px}.details-heading{display:block;margin-bottom:32px}.details-heading .eyebrow{padding:0}.details h2{width:auto;margin-top:20px;font-size:36px}.details-grid{display:flex;flex-direction:column;gap:34px}.features{order:-1;width:100%}.features li{gap:20px;padding-block:23px}.features h3{font-size:22px}.features p{max-width:100%}.phone-secondary{width:224px}.closing{padding-block:50px}.closing h2{font-size:38px}.site-footer{align-items:flex-start;flex-direction:column;gap:12px;padding-block:24px}.footer-links{gap:24px}figcaption{margin-top:17px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}h1{font-size:38px}.details h2,.closing h2{font-size:31px}.phone{width:232px}.phone-secondary{width:210px}.intro{font-size:15px}dialog{padding:28px 22px}dialog h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.language-switch{font-size:14px;letter-spacing:0}.language-switch form{display:flex;align-items:center;gap:8px}.language-switch button{min-height:44px;padding:6px 2px;border:0;background:none;color:var(--muted)}.language-switch button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.language-switch form>span{color:var(--muted)}
.mushafs{padding-block:64px 76px;border-top:1px solid var(--line)}.mushafs-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start;margin-bottom:38px}.mushafs h2{font-size:clamp(32px,3.4vw,46px)}.mushafs-heading p{color:var(--muted);font-size:16px;max-width:540px}.mushaf-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.mushaf-shot{display:block;position:relative;border:1px solid var(--line);background:var(--surface);padding:8px;border-radius:4px}.mushaf-shot picture{display:block;aspect-ratio:13/20}.mushaf-shot img{width:100%;height:100%;object-fit:contain}.zoom-hint{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;background:var(--paper);color:var(--ink);width:32px;height:32px;border:1px solid var(--line);border-radius:50%;opacity:0;transition:opacity .18s}.mushaf-shot:hover .zoom-hint,.mushaf-shot:focus-visible .zoom-hint{opacity:1}#gallery-dialog{width:min(800px,calc(100% - 24px));padding:56px 18px 18px}.gallery-image picture{display:block}.gallery-image img{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 126px);object-fit:contain;margin:auto}body:has(dialog[open]){overflow:hidden}
@media(max-width:1000px){.mushaf-gallery{gap:16px}.mushafs-heading{gap:30px}}
@media(max-width:700px){.mushafs{padding-block:40px 48px}.mushafs-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.mushaf-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mushaf-shot{padding:5px}.zoom-hint{opacity:1;width:26px;height:26px;font-size:16px}.site-header{gap:8px}.brand{gap:8px;font-size:21px}.language-switch{font-size:13px}.language-switch form{gap:6px}}
@media(max-width:360px){.brand{font-size:19px;gap:6px}.brand-mark{width:24px;height:26px}.language-switch{font-size:12px}.language-switch form{gap:5px}}

/* Product story: full iPhone Simulator screens with separate descriptions. */
.store-fallback{flex-wrap:wrap}
.brand{font-size:clamp(19px,2.2vw,26px);letter-spacing:-.055em}
.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:34px}
.hero-copy{position:relative;z-index:1}
.hero h1{max-width:720px}
.hero .intro{max-width:520px;color:var(--ink);font-size:clamp(18px,1.9vw,23px);line-height:1.5}
.hero-support{max-width:500px;color:var(--muted);font-size:16px;line-height:1.7;margin-top:18px}
.hero-visual{position:relative;width:100%;display:flex;align-items:center;flex-direction:column}
.hero-glow{position:absolute;inset:8% -8% 8%;border-radius:50%;background:radial-gradient(circle at 58% 40%,#b9e6df 0%,#e5f5ef 35%,#f4eee5 72%,transparent 78%);filter:blur(14px);opacity:.88;pointer-events:none}
.hero-visual .phone{position:relative;border:7px solid #101713;padding:0;border-radius:35px;background:#fff;box-shadow:0 0 0 1px #8d958d,0 32px 65px -30px rgba(9,42,28,.25)}
.hero-visual .phone img{border-radius:27px}
.showcase{border-top:1px solid var(--line);padding-block:74px 82px}
.showcase-heading{display:grid;grid-template-columns:1fr 1.3fr;column-gap:48px;row-gap:18px;align-items:start;margin-bottom:24px}
.showcase-heading .eyebrow{grid-column:1/-1}
.showcase-heading h2{font-size:clamp(34px,3.7vw,52px)}
.showcase-heading>p:not(.eyebrow){color:var(--muted);font-size:17px;max-width:500px;padding-top:8px}
.showcase-controls{grid-column:1/-1;display:flex;align-items:center;justify-self:end;gap:12px}
.showcase-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);font-size:21px;line-height:1;transition:background .18s,border-color .18s}
.showcase-controls button:hover:not(:disabled){background:var(--paper);border-color:var(--muted)}
.showcase-controls button:disabled{opacity:.4;cursor:default}
.showcase-controls span[data-showcase-position]{min-width:45px;text-align:center;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.showcase-grid{width:min(1040px,calc(100% - 80px));display:flex;align-items:flex-start;gap:22px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:4px 4px 20px;scrollbar-color:var(--line) transparent;scrollbar-width:thin}
.showcase-grid:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.showcase-shot{flex:0 0 clamp(210px,19vw,240px);min-width:0;overflow:hidden;scroll-snap-align:start;border:6px solid #14231d;border-radius:32px;background:#fff;box-shadow:0 18px 38px rgba(4,40,27,.14)}
.showcase-shot img{display:block;width:100%;height:auto;border-radius:25px}
.device-frame{position:relative;border:7px solid #101713;border-radius:35px;box-shadow:0 0 0 1px #8d958d,0 18px 38px rgba(4,40,27,.14)}
.device-frame::before{content:"";position:absolute;z-index:1;top:0;left:50%;width:34%;height:15px;transform:translateX(-50%);border-radius:0 0 12px 12px;background:#101713;pointer-events:none}
.device-frame img{border-radius:27px}
.showcase-copy-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:58px;margin-top:36px;padding:0}
.showcase-copy-list li{display:flex;gap:18px;padding:22px 0;border-top:1px solid var(--line)}
.showcase-number{font-size:11px;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--muted);padding-top:4px}
.showcase-copy-list .eyebrow{font-size:10px}
.showcase-copy-list h3{font-size:23px;font-weight:550;letter-spacing:-.035em;line-height:1.25;margin:8px 0 7px}
.showcase-copy-list li p:last-child{color:var(--muted);font-size:14px;line-height:1.6}
@media(prefers-color-scheme:dark){.hero-glow{background:radial-gradient(circle at 58% 40%,#1e755a 0%,#214534 42%,transparent 78%);opacity:.55}}
@media(max-width:1100px){.showcase-grid{width:calc(100% - 64px)}.showcase-shot{flex-basis:220px}}
@media(max-width:700px){.brand{font-size:19px;max-width:58%}.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(44px,9vw,60px)}.hero-support{font-size:15px}.hero-glow{inset:6% -2% 8%}.showcase{padding-block:45px 52px}.showcase-heading{grid-template-columns:1fr;row-gap:12px;margin-bottom:18px}.showcase-heading .eyebrow,.showcase-controls{grid-column:1}.showcase-heading h2{font-size:35px}.showcase-heading>p:not(.eyebrow){font-size:15px;padding:0}.showcase-controls{justify-self:start;margin-top:4px}.showcase-grid{gap:14px;width:calc(100% - 20px);margin-left:20px;margin-right:0;scroll-padding-left:4px;padding:4px 20px 18px 4px}.showcase-shot{flex-basis:min(60vw,240px)}.showcase-copy-list{grid-template-columns:1fr;margin-top:24px}.showcase-copy-list li{padding:18px 0}.showcase-grid::-webkit-scrollbar{height:5px}.showcase-grid::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}}
@media(max-width:360px){.brand{font-size:17px}.hero h1{font-size:39px}}