:root{color-scheme:light;--surface:#fff;--surface-soft:#edf3f1}
.header-actions{display:flex;align-items:center;gap:12px}
.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:11px;color:var(--ink);white-space:nowrap}
.theme-toggle:hover{border-color:#86a6a0}
.theme-toggle svg{width:18px;height:18px}
nav{gap:25px}
.custom-order{margin-top:-17px;margin-bottom:57px;scroll-margin-top:105px}
.custom-order-card{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:34px;border:1px solid #d4e3db;border-radius:22px;background:linear-gradient(135deg,#eaf1e9,#f8f4eb)}
.custom-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#576f5e}
.custom-kicker svg{width:18px;height:18px}
.custom-order h2{font-size:29px;line-height:1.65;margin:10px 0 12px;letter-spacing:-.7px}
.custom-order h2>span{color:#59806e}
.custom-order-copy>p{font-size:13px;line-height:2;color:#63776f;max-width:420px}
.custom-promise{display:flex;align-items:center;gap:10px;margin-top:22px;color:var(--ink)!important}
.custom-promise>span:first-child{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:11px;background:#fff9}
.custom-promise strong{color:#86613d;white-space:nowrap}
.custom-order-form{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px}
.custom-order-form label{font-size:13px;font-weight:700}
.custom-order-form textarea{background:#fffc;min-height:127px;max-height:340px;padding:13px 15px;line-height:1.9;font-size:13px}
.custom-order-form textarea::placeholder{color:#88978f}
.custom-order-form .button{align-self:flex-start;gap:12px;min-height:46px;font-size:12px}
.custom-order-form>p{font-size:10px;color:#728478}
body,.site-header,.section-card,.search-wrap,dialog{transition:background-color .18s,color .18s,border-color .18s}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e7efef;--muted:#a8bcc1;--paper:#0e1d25;--line:#2c4550;--soft:#213944;--surface:#142b36;--surface-soft:#203b45;--orange-dark:#f5bc92}
[data-theme="dark"] .site-header{background:#0e1d25f5}
[data-theme="dark"] .brand-mark{background:#25454c;color:#ffd0aa}
[data-theme="dark"] .private-badge{color:var(--muted)}
[data-theme="dark"] h1>span{color:#9bbec3}
[data-theme="dark"] .hero-description,[data-theme="dark"] .hero-proof,[data-theme="dark"] .section-heading>p,[data-theme="dark"] .card-summary,[data-theme="dark"] .catalog-note,[data-theme="dark"] .site-footer,[data-theme="dark"] .draft-note{color:var(--muted)}
[data-theme="dark"] .eyebrow b{background:#29424b;color:#dce9e7}
[data-theme="dark"] .specs>div,[data-theme="dark"] .section-card,[data-theme="dark"] .search-wrap,[data-theme="dark"] .filter-chip,[data-theme="dark"] .empty-state{background:var(--surface)}
[data-theme="dark"] .specs .capacity-spec{background:#3a3029;border-color:#5b4737}
[data-theme="dark"] .spec-icon{color:#a6bfc0}
[data-theme="dark"] .section-heading .eyebrow{color:#a0b4b7}
[data-theme="dark"] .search-wrap{border-color:var(--line)}
[data-theme="dark"] .search-wrap input::placeholder{color:#9cafb7}
[data-theme="dark"] .search-help{color:#a2c2b6}
[data-theme="dark"] .filter-chip span{background:#29434d;color:#bfcece}
[data-theme="dark"] .filter-chip[aria-pressed="true"]{background:#bad6c9;color:#173336;border-color:#bad6c9}
[data-theme="dark"] .filter-chip[aria-pressed="true"] span{background:#315e52;color:#e4f2e9}
[data-theme="dark"] .filter-chip:hover{border-color:#91bbb0}
[data-theme="dark"] .text-button{color:#a2cccc}
[data-theme="dark"] .full-content-note{color:#9bc8b0}
[data-theme="dark"] .card-content{border-color:var(--line)}
[data-theme="dark"] .content-heading{color:#accdc1}
[data-theme="dark"] .item-count{background:var(--soft);border-color:var(--line);color:#c3d4d3}
[data-theme="dark"] .card-items{color:#d3e0e2}
[data-theme="dark"] .card-icon{background:#25473f;color:#a9d8c5}
[data-theme="dark"] .section-card[data-category="creative"] .card-icon,[data-theme="dark"] .section-card[data-category="files"] .card-icon{background:#483b2e;color:#e4bb89}
[data-theme="dark"] .section-card[data-category="learning"] .card-icon{background:#2b3c59;color:#b8c7f2}
[data-theme="dark"] .section-card[data-category="ai"] .card-icon{background:#3d3351;color:#d1b4ed}
[data-theme="dark"] .new-tag{background:#244b36;color:#bae3ba}
[data-theme="dark"] .card-select{background:#112630;border-color:var(--line);color:#b2c7c0}
[data-theme="dark"] .card-select:has(input:checked){background:#214637;color:#c2efd8}
[data-theme="dark"] .section-card.is-selected{border-color:#8dc3ae;box-shadow:0 0 0 1px #8dc3ae}
[data-theme="dark"] .footer-whatsapp{color:#a1dfbd}
[data-theme="dark"] .request-dock{background:#142f3b;border-color:#44636b}
[data-theme="dark"] .icon-button{color:#bed0d2}
[data-theme="dark"] .icon-button:hover,[data-theme="dark"] .dialog-header .icon-button{background:var(--soft)}
[data-theme="dark"] dialog{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] textarea{background:#10232e;color:var(--ink);border-color:#42616b}
[data-theme="dark"] .whatsapp-icon{background:#254b3d;color:#b5e3c9}
[data-theme="dark"] .copy-status{color:#ace2c6}
[data-theme="dark"] .skip{background:var(--surface)}
[data-theme="dark"] .noscript{background:#493521}
[data-theme="dark"] :focus-visible{outline-color:#93d0d6}
[data-theme="dark"] .custom-order-card{background:linear-gradient(135deg,#1d3837,#292f2d);border-color:#3d5b4c}
[data-theme="dark"] .custom-kicker,[data-theme="dark"] .custom-order-copy>p,[data-theme="dark"] .custom-order-form>p{color:#b1c6bc}
[data-theme="dark"] .custom-order h2>span{color:#b0d7c4}
[data-theme="dark"] .custom-promise>span:first-child{background:#315043}
[data-theme="dark"] .custom-promise strong{color:#f3c18e}
[data-theme="dark"] .custom-order-form textarea{background:#11272d;border-color:#517065}
[data-theme="dark"] .custom-order-form textarea::placeholder{color:#a4b9b0}
@media(max-width:1000px){nav{gap:18px;font-size:11px}.header-actions{gap:8px}.theme-toggle{padding-inline:9px;font-size:10px}.custom-order-card{gap:28px;padding:28px}.custom-order h2{font-size:26px}}
@media(max-width:760px){.header-actions>.private-badge{display:none}.theme-toggle{width:41px;height:41px;padding:9px}.theme-toggle #theme-label{display:none}.custom-order{margin-top:-8px;margin-bottom:36px;scroll-margin-top:90px}.custom-order-card{grid-template-columns:1fr;gap:24px;padding:23px 20px;border-radius:18px}.custom-order h2{font-size:25px;line-height:1.65}.custom-order-copy>p{font-size:12px}.custom-promise{margin-top:17px}.custom-order-form label{font-size:12px}.custom-order-form textarea{font-size:12px;min-height:127px}.custom-order-form .button{width:100%;font-size:12px}.custom-order-form>p{font-size:10px}.header-inner{gap:12px}}
@media(max-width:360px){.custom-order h2{font-size:22px}.custom-order-card{padding:21px 17px}.custom-order-copy>p{font-size:11px}.custom-promise strong{white-space:normal}}
/* Readable, stronger type and contrast. */
:root{--muted:#475f68;font-weight:500}
.hero-description{font-size:15px;color:#3f5963;font-weight:500}
.hero-proof{color:#4c646b;font-size:11px}
.section-heading>p{font-size:13px;color:#405c65}
.card-title-row h3{font-weight:700;color:var(--ink)}
.card-summary{font-size:14px;color:#455e68;font-weight:500}
.card-items{font-size:15px;font-weight:500;color:#233e49;line-height:2.1}
.card-select{font-size:13px;color:#365b4f;font-weight:600}
.content-heading{font-size:13px;color:#34564b}
.search-wrap input{font-size:14px;font-weight:500}
.search-wrap input::placeholder{color:#526b74;opacity:1}
.search-help{color:#436858;font-size:12px}
.filter-chip{font-weight:600}
.section-heading h2,.custom-order h2{font-weight:800}
.custom-order-copy>p{color:#425d50;font-size:14px;font-weight:500}
.custom-order-form label{font-size:14px}
.custom-order-form>p{font-size:11px;color:#485f50}
.custom-order-form textarea{font-size:14px}
.custom-order-form textarea::placeholder{color:#5b7165;opacity:1}
.catalog-note{color:#536a70;font-size:11px}
[data-theme="dark"]{--muted:#bfd0d6}
[data-theme="dark"] .card-items{color:#e3ecef}
[data-theme="dark"] .card-summary,[data-theme="dark"] .hero-description,[data-theme="dark"] .section-heading>p{color:#bfd0d6}
[data-theme="dark"] .custom-order-copy>p,[data-theme="dark"] .custom-order-form>p{color:#c3d6cc}
@media(max-width:760px){.hero-description{font-size:14px}.hero-proof{font-size:10px}.card-summary{font-size:13px}.card-items{font-size:14px}.section-heading>p{font-size:12px}.custom-order-copy>p{font-size:13px}.custom-order-form textarea{font-size:13px}.search-help{font-size:11px}.card-select{font-size:12px}.catalog-note{font-size:10px}}

/* Compact catalog with full accessible disclosure panels. */
.catalog-panel-toggle{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;margin-bottom:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:18px;font-weight:700;cursor:pointer;list-style:none}
.catalog-panel-toggle::-webkit-details-marker,.section-card>summary::-webkit-details-marker{display:none}
.section-grid{align-items:start}
details.section-card{display:block}
.section-card>summary{display:grid;grid-template-columns:auto 1fr auto;gap:8px 16px;align-items:center;position:relative;cursor:pointer;list-style:none;padding:22px}
.section-card .card-top{grid-row:1/3;display:flex;flex-direction:column;gap:6px;margin:0;align-items:center}
.section-card .card-title-row{margin:0;grid-column:2}
.section-card .card-title-row h3{font-size:17px;line-height:1.8}
.section-toggle-hint{grid-column:2;font-size:12px;color:var(--muted);font-weight:500}
.section-chevron{grid-column:3;grid-row:1/3;font-size:24px;color:var(--ink);transition:transform .18s}
.section-card[open] .section-chevron,.catalog-panel[open]>.catalog-panel-toggle>span:last-child{transform:rotate(180deg)}
.section-card[open]>summary{border-bottom:1px solid var(--line)}
.section-card>summary:hover,.catalog-panel-toggle:hover{background:var(--surface-soft)}
.section-card>summary:focus-visible,.catalog-panel-toggle:focus-visible{outline:3px solid #568e95;outline-offset:3px}
@media(max-width:760px){.section-card>summary{padding:18px;gap:6px 12px}.section-card .card-title-row h3{font-size:15px}.section-toggle-hint{font-size:11px}.catalog-panel-toggle{font-size:16px;padding:18px}.section-grid{grid-template-columns:1fr}}

.customize-note{padding:22px 24px;margin-bottom:22px;border:1px solid var(--line);border-inline-start:4px solid #d97c3d;border-radius:14px;background:var(--surface)}
.customize-note strong{font-size:20px;color:var(--ink)}
.customize-note p{font-size:15px;line-height:2;margin:8px 0;color:var(--ink)}
.customize-note span,.customize-note a{display:block;font-size:13px;line-height:2;color:var(--muted)}
.customize-note a{color:var(--ink);font-weight:700;margin-top:8px;text-decoration:underline;text-underline-offset:5px}
.card-items:has(.item-choice){list-style:none;padding:0}
.card-items li:has(.item-choice){padding:0}
.item-choice{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:9px 5px;border-radius:7px}
.item-choice:hover{background:var(--surface-soft)}
.item-choice input{width:19px;height:19px;flex-shrink:0;accent-color:#21724e;margin-top:6px;cursor:pointer}
.item-choice bdi{flex:1;min-width:0;line-height:1.9}
.item-choice:has(input:checked){background:var(--surface-soft)}
@media(max-width:760px){.customize-note{padding:18px}.customize-note strong{font-size:18px}.customize-note p{font-size:14px}.customize-note span,.customize-note a{font-size:12px}}

/* Embedded Arabic font and readable type at every screen size. */
@font-face{font-family:FlashCairo;src:url('./assets/fonts/cairo-variable.ttf') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
:root{font-family:FlashCairo,Tahoma,Arial,sans-serif;font-size:17px;font-weight:600;--ink:#102c36;--muted:#3b535d}
body{line-height:1.9}h1,h2,h3{font-weight:800;letter-spacing:0}h1{line-height:1.6}h1>span{color:#345b63}
.brand{font-size:19px;font-weight:700}.brand small{font-size:13px;letter-spacing:0;font-weight:600}nav{font-size:16px;font-weight:700;gap:24px}.theme-toggle{font-size:14px;font-weight:700}.private-badge{font-size:13px}
.hero-description{font-size:19px;line-height:2;color:var(--ink);font-weight:600}.hero-proof{font-size:14px;color:var(--muted);font-weight:700}.eyebrow,.eyebrow b{font-size:14px}.edition{font-size:14px}.edition>span{font-size:13px;font-weight:600}
.button{font-size:16px;font-weight:800}.hero-actions{gap:18px}.specs strong{font-size:16px}.specs small{font-size:14px;color:var(--muted)}.section-heading>p,.custom-order-copy>p{font-size:17px;font-weight:600;color:var(--ink)}
.section-card .card-title-row h3{font-size:20px;font-weight:800}.section-toggle-hint{font-size:15px;color:var(--muted);font-weight:600}.card-items{font-size:18px;font-weight:600;color:var(--ink);line-height:2}.item-choice{padding-block:11px}.item-choice input{margin-top:8px;width:21px;height:21px}
.card-select{font-size:16px;font-weight:700}.content-heading{font-size:16px;color:var(--ink)}.item-count{font-size:13px;font-weight:700}.search-wrap input{font-size:17px;font-weight:600}.search-wrap input::placeholder{color:#465f69;opacity:1}.search-help{font-size:14px;font-weight:600;color:var(--muted)}.search-hint{font-size:13px}
.filter-chip{font-size:15px;font-weight:800}.filter-chip span{font-size:13px}.results-row,.full-content-note{font-size:14px;color:var(--muted)}.custom-kicker{font-size:14px}.custom-order-form label{font-size:17px;font-weight:800}.custom-order-form textarea{font-size:16px;font-weight:600}.custom-order-form>p{font-size:14px;color:var(--muted)}.custom-order-form .button{font-size:16px}.custom-promise{font-size:17px!important}
.customize-note strong{font-size:23px;font-weight:800}.customize-note p{font-size:18px}.customize-note span,.customize-note a{font-size:15px}.catalog-panel-toggle{font-size:20px}.catalog-note{font-size:14px;color:var(--muted)}
.request-dock .button{font-size:15px}.dock-copy strong{font-size:15px}.dock-copy small{font-size:13px;color:#e2eded}.text-button{font-size:14px}.closing p{font-size:16px}.site-footer,.footer-whatsapp{font-size:14px}textarea,#request-intro{font-size:16px;font-weight:600}.draft-note,.copy-status{font-size:14px}.dialog-actions .whatsapp-button{font-size:16px}.dialog-actions .copy-button{font-size:15px}
[data-theme="dark"]{--ink:#f4f8fa;--muted:#d0dfe4}[data-theme="dark"] h1>span{color:#c2e2e4}
[data-theme="dark"] .card-items,[data-theme="dark"] .hero-description,[data-theme="dark"] .section-heading>p,[data-theme="dark"] .custom-order-copy>p{color:var(--ink)}
[data-theme="dark"] .search-wrap input::placeholder{color:#c2d4db}[data-theme="dark"] .search-help,[data-theme="dark"] .catalog-note,[data-theme="dark"] .custom-order-form>p,[data-theme="dark"] .section-toggle-hint{color:var(--muted)}
@media(max-width:1000px){nav{font-size:14px;gap:16px}.brand{font-size:17px}.hero-description{font-size:17px}.search-hint{display:none}}
@media(max-width:760px){
 :root{font-size:16px}.brand{font-size:17px}.brand small{font-size:12px}.header-inner{height:80px}.theme-toggle{flex-shrink:0}h1{font-size:35px;letter-spacing:0}.hero-description{font-size:17px}.hero-proof{font-size:13px;gap:12px}.eyebrow,.edition{font-size:13px}.edition>span{font-size:12px}
 .button{font-size:15px}.specs strong{font-size:14px}.specs small{font-size:13px}.section-heading h2{font-size:30px}.section-heading>p{font-size:15px}.section-card .card-title-row h3{font-size:18px}.section-toggle-hint{font-size:14px}.card-items{font-size:17px}.card-select,.content-heading{font-size:15px}.item-count{font-size:13px}
 .search-wrap input{font-size:16px}.search-help{font-size:13px}.filter-chip{font-size:14px}.results-row,.full-content-note{font-size:13px}.results-row{flex-wrap:wrap}.custom-order h2{font-size:28px}.custom-order-copy>p,.custom-order-form label,.custom-order-form textarea{font-size:16px}.custom-order-form>p{font-size:13px}.custom-order-form .button{font-size:15px}
 .customize-note strong{font-size:21px}.customize-note p{font-size:16px}.customize-note span,.customize-note a{font-size:14px}.catalog-panel-toggle{font-size:18px}.catalog-note{font-size:13px}.request-dock{gap:8px;padding:10px}.dock-copy strong{font-size:12px}.dock-copy small{font-size:11px}.request-dock .button{font-size:13px;padding-inline:12px;gap:7px}.dock-actions{gap:6px}.dock-actions .text-button{font-size:12px}.request-dock:has(#clear-selection:not([hidden])) .dock-copy{max-width:120px}.request-dock:has(#clear-selection:not([hidden])) .dock-copy strong{font-size:12px}
 .closing p{font-size:15px;max-width:none}.closing .button{font-size:15px}.site-footer,.footer-whatsapp{font-size:13px}.draft-note,.copy-status{font-size:13px}textarea,#request-intro{font-size:16px}
}
@media(max-width:380px){.dock-copy small{display:none}.request-dock .button{font-size:12px}.dock-copy strong{font-size:11px}.request-dock:has(#clear-selection:not([hidden])) .dock-copy strong{font-size:11px}.dock-actions .text-button{font-size:11px}.hero-actions{flex-wrap:wrap}}
