/* Luqma public pages: native CSS, existing brand, no scripts or third-party fonts.
   DESIGN_VARIANCE=3, MOTION_INTENSITY=1, VISUAL_DENSITY=4.
   Radius scale: 24px for photography, 12px for notices, 999px for buttons.
   Layer scale: 10 for the keyboard skip link; other content stays in normal flow. */
@font-face{font-family:LuqmaArabic;src:url("NotoSansArabic.woff2") format("woff2");font-weight:400 750;font-display:swap}
:root{color-scheme:light dark;--bg:#fff9ee;--surface:#f5f0e4;--text:#182e25;--muted:#53665b;--brand:#0b4b39;--line:#d9dfd3;--accent:#f6b51d;--button-bg:#0b4b39;--button-text:#fff9ee;--focus:#0b4b39;--notice:#edf1e7}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--text);font-family:LuqmaArabic,"Tahoma",sans-serif;font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}
a{color:var(--brand);text-underline-offset:.25em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:5px;border-radius:4px}
img{display:block;max-width:100%;height:auto}
figure,p,h1,h2,h3,dl,dd{margin:0}
h1,h2,h3{font-weight:750;text-wrap:balance}
h1{font-size:clamp(38px,4.7vw,62px);line-height:1.45;letter-spacing:-.035em}
h2{font-size:clamp(26px,3vw,36px);line-height:1.55;letter-spacing:-.025em}
h3{font-size:20px;line-height:1.65}
p{color:var(--muted);text-wrap:pretty}
strong{color:var(--text);font-weight:700}
.container{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.skip-link{position:absolute;z-index:10;inset-inline-start:16px;top:-100px;padding:10px 18px;background:var(--button-bg);color:var(--button-text);border-radius:8px}
.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line)}
.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{flex:0 0 auto;border-radius:12px;overflow:hidden}
.brand img{width:54px;height:54px;border-radius:12px}
.header-inner nav{display:flex;align-items:center;gap:32px;white-space:nowrap}
.header-inner nav a{font-size:14px;font-weight:650;text-decoration:none;color:var(--muted);padding-block:12px}
.header-inner nav a:hover,.header-inner nav a[aria-current]{color:var(--brand);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:10px}
.hero{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:clamp(40px,7vw,96px);padding-block:42px 76px}
.hero-copy{max-width:530px}
.hero h1{max-width:10ch;color:var(--brand)}
.lead{font-size:clamp(18px,1.8vw,21px);line-height:1.95;max-width:48ch}
.hero .lead{margin-top:22px;margin-bottom:30px;max-width:34ch}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;white-space:nowrap;min-height:54px;padding:10px 26px;background:var(--button-bg);color:var(--button-text);font-size:15px;font-weight:650;text-decoration:none;border:1px solid transparent;border-radius:999px;transition:transform .15s ease}
.button:hover{text-decoration:none;transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.button span{font-family:Arial,sans-serif;font-size:23px;font-weight:400}
.hero-image img{width:100%;aspect-ratio:4/5;object-fit:cover;max-height:550px;border-radius:24px}
.service-section{padding-block:40px 82px;border-top:1px solid var(--line)}
.section-heading{max-width:720px}
.section-heading>p{margin-top:12px;font-size:18px}
.fulfilment-options{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:34px}
.fulfilment-item{padding-inline-start:24px;border-inline-start:3px solid var(--accent)}
.fulfilment-item p{margin-top:8px;max-width:43ch}
.people-section{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center;padding-block:28px 90px}
.kitchen-image img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:24px}
.section-intro{font-size:17px;margin-top:14px}
.apps-list{margin-top:24px;display:grid;gap:17px}
.apps-list dt{font-size:17px;font-weight:750;color:var(--brand)}
.apps-list dd{font-size:15px;color:var(--muted)}
.privacy-callout{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:34px 40px;background:var(--notice);border-radius:12px}
.privacy-callout>div{max-width:670px}
.privacy-callout h2{font-size:27px}
.privacy-callout p{margin-top:8px}
.text-link{display:inline-flex;align-items:center;gap:16px;white-space:nowrap;font-size:15px;font-weight:700}
.image-note{font-size:12px;margin-block:18px 44px}
.site-footer{border-top:1px solid var(--line);margin-top:26px}
.footer-inner{display:flex;justify-content:space-between;gap:36px;padding-block:30px 36px}
.site-footer strong{font-size:22px;color:var(--brand)}
.site-footer p{font-size:13px;margin-top:2px}
.footer-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:13px}
.email{display:inline-block;overflow-wrap:anywhere;font-family:Arial,sans-serif;letter-spacing:.01em}
.legal-container{padding-top:50px;padding-bottom:64px}
.legal-header{max-width:850px;padding-bottom:42px;border-bottom:1px solid var(--line)}
.legal-header h1{font-size:clamp(34px,4.1vw,50px);color:var(--brand)}
.document-date{font-size:13px;margin-bottom:12px}
.legal-header .lead{margin-top:16px;font-size:19px;max-width:53ch}
.legal-header>p:last-child:not(.lead){margin-top:18px;font-size:15px;max-width:78ch}
.legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;align-items:start;padding-top:36px}
.contents{position:sticky;top:24px;font-size:14px}
.contents>p{color:var(--text);font-size:13px;font-weight:750;margin-bottom:12px}
.contents nav{display:grid;gap:13px}
.contents a{color:var(--muted);text-decoration:none}
.contents a:hover{color:var(--brand);text-decoration:underline}
.legal-copy{min-width:0;max-width:800px;font-size:16px;line-height:2.05}
.legal-copy section+section{margin-top:42px}
.legal-copy h2{font-size:25px;margin-bottom:16px}
.legal-copy p+p{margin-top:16px}
.data-list{display:grid;gap:23px;margin-top:22px}
.data-list dt{font-weight:750;color:var(--text);font-size:17px}
.data-list dd{color:var(--muted);margin-top:3px}
.location-notice{background:var(--notice);border-inline-start:3px solid var(--accent);border-radius:12px;margin-block:22px;padding:23px 26px}
.location-notice h3{font-size:18px;margin-bottom:10px}
.providers{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;row-gap:25px;margin-block:24px}
.providers h3{font-size:18px;margin-bottom:7px}
.providers p{font-size:15px}
.providers a{font-size:14px}
.deletion-container{max-width:900px}
.deletion-container .legal-header{max-width:none}
.deletion-copy{padding-top:36px;max-width:780px}
.request-details{padding-inline-start:24px;color:var(--muted);margin-block:18px}
.request-details li+li{margin-top:8px}
.deletion-copy .button{margin-top:26px}
.helper{font-size:13px;margin-top:14px;max-width:66ch}
@media(prefers-color-scheme:dark){:root{--bg:#101c17;--surface:#17281f;--text:#f2f3e9;--muted:#b8c9bd;--brand:#d2e6d8;--line:#334b3e;--button-bg:#d2e6d8;--button-text:#132b20;--focus:#f6b51d;--notice:#1c3126}.hero-image img,.kitchen-image img{filter:brightness(.94)}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.hero{gap:36px}.hero h1{font-size:48px}.people-section{gap:36px}.legal-layout{grid-template-columns:180px minmax(0,1fr);gap:34px}.privacy-callout{padding:28px;flex-direction:column;align-items:start}.footer-inner{align-items:start}.footer-links{max-width:300px;gap:16px}}
@media(max-width:767px){.container{width:calc(100% - 40px)}.header-inner{height:76px;gap:14px}.header-inner nav{gap:18px}.header-inner nav a{font-size:12px}.hero{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:36px 50px}.hero h1{font-size:44px;max-width:12ch}.hero .lead{font-size:18px;max-width:34ch;margin-top:16px;margin-bottom:24px}.hero-image img{max-height:420px;aspect-ratio:1.12/1;object-position:center 55%}.fulfilment-options{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:26px}.service-section{padding-block:34px 50px}.fulfilment-item{padding-inline-start:18px}.people-section{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:8px 50px}.kitchen-image img{aspect-ratio:3/2}.people-section h2{font-size:29px}.apps-list{gap:18px}.privacy-callout{gap:20px;padding:26px 22px}.privacy-callout h2{font-size:25px}.footer-inner{flex-direction:column;gap:20px;padding-block:25px}.footer-links{max-width:none;gap:12px 20px;align-items:start}.footer-links .email{flex-basis:100%}.legal-container{padding-top:32px;padding-bottom:40px}.legal-header{padding-bottom:28px}.legal-header h1{font-size:34px}.legal-header .lead{font-size:17px}.legal-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:25px}.contents{position:static;padding:18px 20px;background:var(--notice);border-radius:12px}.contents nav{grid-template-columns:1fr 1fr;column-gap:16px;row-gap:12px}.contents a{font-size:12px}.legal-copy{font-size:15px;line-height:2.1}.legal-copy h2{font-size:23px}.legal-copy section+section{margin-top:34px}.location-notice{padding:18px 20px}.providers{grid-template-columns:minmax(0,1fr);gap:23px}.deletion-copy{padding-top:28px}.request-details{padding-inline-start:22px}.image-note{margin-bottom:26px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.header-inner nav{gap:11px}.header-inner nav a{font-size:11px}.brand img{width:48px;height:48px}.hero h1{font-size:38px}.contents nav{grid-template-columns:minmax(0,1fr)}.button{gap:16px;padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover,.button:active{transform:none}}
@media print{.site-header,.site-footer,.contents,.skip-link{display:none}.container{width:100%}.legal-layout{display:block}.legal-copy{max-width:none}:root{--bg:#fff;--text:#111;--muted:#333;--brand:#111;--notice:#f5f5f5}a{color:inherit}.legal-copy section{break-inside:avoid}.legal-container{padding:0}}