/* Habkah Landing — Final master */
:root{
  --ivory:#F8F1E6;
  --ivory-2:#FFFDF8;
  --teal:#0B4E52;
  --teal-2:#063E42;
  --teal-soft:#E6F0EF;
  --gold:#B9872E;
  --gold-soft:#E8D2A5;
  --brown:#3C2B21;
  --muted:#75665B;
  --line:rgba(92,67,42,.14);
  --shadow:0 20px 55px rgba(59,39,22,.12);
  --shadow-soft:0 10px 30px rgba(59,39,22,.08);
  --radius:28px;
  --radius-sm:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{margin:0;max-width:100%;overflow-x:hidden;color:var(--brown);background:var(--ivory);font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1160px,calc(100% - 32px));margin-inline:auto}
.skip-link{position:fixed;top:-80px;right:16px;z-index:999;background:#fff;color:var(--teal);padding:10px 16px;border-radius:12px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(248,241,230,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-row{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand img{width:82px;height:58px;object-fit:contain;mix-blend-mode:multiply}
.desktop-nav{display:flex;gap:24px;font-weight:600;color:#59483D}.desktop-nav a:hover{color:var(--teal)}
.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:12px 24px;background:var(--teal);color:white;font-weight:700;box-shadow:0 12px 28px rgba(11,78,82,.18);transition:.22s transform,.22s background,.22s box-shadow}
.button:hover{transform:translateY(-2px);background:var(--teal-2);box-shadow:0 16px 36px rgba(11,78,82,.25)}
.button.compact{min-height:44px;padding:9px 18px;font-size:.92rem}
.button.primary{background:var(--teal)}
.button.gold{background:var(--gold);color:#1f160f;box-shadow:0 12px 28px rgba(185,135,46,.25)}
.button.full{width:100%}
.text-link{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:8px;color:var(--teal);font-weight:700;border-bottom:1px solid rgba(11,78,82,.25)}
.eyebrow{margin:0 0 12px;color:var(--teal);font-weight:800;font-size:.92rem;letter-spacing:.01em}.eyebrow.light{color:#F4D99D}
h1,h2,h3{font-family:"Noto Kufi Arabic","IBM Plex Sans Arabic",sans-serif;line-height:1.45;margin:0}
.hero{position:relative;padding:72px 0 62px;background:radial-gradient(circle at 8% 8%,rgba(185,135,46,.17),transparent 29rem),linear-gradient(180deg,#FFFDF9,var(--ivory));overflow:hidden}
.hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(185,135,46,.16);border-radius:50%;left:-180px;bottom:-190px}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:54px}
.hero-copy{position:relative;z-index:2}
.hero h1{font-size:clamp(2.4rem,4.8vw,4.9rem);color:var(--teal);margin-bottom:18px;letter-spacing:-.035em}
.hero h1 span{color:var(--gold)}
.lead{font-size:clamp(1.05rem,1.6vw,1.26rem);color:var(--muted);max-width:680px;margin:0 0 25px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.trust-line{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.trust-line span{font-size:.87rem;color:#5D5046;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 11px}
.hero-library{position:relative;background:linear-gradient(145deg,#F1DDB2,#B68A48);border:1px solid rgba(115,78,31,.18);border-radius:38px;padding:28px 24px 20px;box-shadow:var(--shadow);overflow:hidden}
.hero-library:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.42);border-radius:28px;pointer-events:none}
.hero-books{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;padding:4px 4px 0}
.hero-books figure{min-width:0;margin:0;text-align:center;transition:.3s transform}
.hero-books figure:nth-child(1){transform:rotate(-2deg)}.hero-books figure:nth-child(2){transform:translateY(-11px)}.hero-books figure:nth-child(3){transform:rotate(2deg)}
.hero-books figure:hover{transform:translateY(-10px)}
.hero-books img{width:100%;aspect-ratio:.71;object-fit:cover;border-radius:14px;box-shadow:0 15px 30px rgba(54,34,14,.28);border:1px solid rgba(255,255,255,.55)}
.hero-books figcaption{margin-top:8px;font-size:.78rem;font-weight:800;color:#4A321D;background:rgba(255,255,255,.68);border-radius:999px;padding:3px 7px}
.book-shelf{height:13px;border-radius:999px;background:linear-gradient(180deg,#7D5428,#3F2A18);margin:4px 3px 0;box-shadow:0 9px 16px rgba(56,33,12,.24)}
.visual-caption{position:relative;z-index:2;margin:14px 0 0;text-align:center;display:grid;gap:1px;color:#4A331F}.visual-caption b{font-family:"Noto Kufi Arabic"}.visual-caption span{font-size:.88rem;color:#6E553C}
.value-strip{position:relative;padding:72px 0;background:linear-gradient(180deg,#F3E5CB 0%,#EBD6B2 100%);color:var(--brown);border-block:1px solid rgba(120,82,38,.12);overflow:hidden}
.value-strip:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 15%,rgba(255,255,255,.54),transparent 23rem),radial-gradient(circle at 8% 88%,rgba(185,135,46,.12),transparent 20rem);pointer-events:none}
.value-strip .container{position:relative;z-index:1}
.value-strip .eyebrow{color:#78501D}
.value-heading{text-align:center;max-width:700px;margin:0 auto 34px}.value-heading h2{font-size:clamp(1.8rem,3vw,2.7rem);color:var(--teal)}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-grid article{display:flex;align-items:flex-start;gap:15px;background:rgba(255,253,248,.72);border:1px solid rgba(105,73,35,.13);border-radius:22px;padding:24px;box-shadow:0 12px 28px rgba(83,55,25,.07)}.value-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:white;font-weight:800;box-shadow:0 8px 18px rgba(11,78,82,.16)}.value-grid h3{font-size:1.08rem;margin-bottom:7px;color:var(--brown)}.value-grid p{margin:0;color:#6E5D4F;font-size:.94rem}
.section{padding:92px 0}.section-heading{text-align:center;max-width:780px;margin:0 auto 42px}.section-heading h2{font-size:clamp(1.9rem,3.6vw,3.1rem);color:var(--teal);margin-bottom:12px}.section-heading p:last-child{margin:0;color:var(--muted)}
.stories{background:#FFFDF9}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-card{min-width:0;background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;transition:.25s transform,.25s box-shadow}.story-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.story-image{position:relative;aspect-ratio:.73;overflow:hidden;background:#E8D6B8}.story-image img{width:100%;height:100%;object-fit:cover}.age{position:absolute;top:14px;right:14px;background:rgba(255,253,248,.94);color:var(--teal);font-weight:800;padding:6px 10px;border-radius:999px;font-size:.8rem;box-shadow:0 6px 15px rgba(54,38,22,.12)}
.story-copy{display:flex;flex-direction:column;flex:1;padding:24px}.situation{margin:0 0 9px;color:var(--gold);font-weight:800;font-size:.9rem}.story-copy h3{font-size:1.24rem;margin-bottom:9px;color:var(--brown)}.story-copy>p:not(.situation){margin:0 0 18px;color:var(--muted);font-size:.96rem}.story-more{margin-top:auto;align-self:flex-start;background:transparent;border:0;color:var(--teal);font-weight:800;padding:7px 0;border-bottom:1px solid rgba(11,78,82,.3)}
.lens{background:linear-gradient(145deg,#073F43,#0B555A);color:white;position:relative;overflow:hidden}.lens:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(232,210,165,.13);top:-260px;left:-210px}.lens-heading h2{color:white}.lens-heading p:last-child{color:rgba(255,255,255,.72)}
.story-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:800px;margin:0 auto 22px}.story-switch{min-width:0;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:white;border-radius:16px;padding:11px 12px;display:grid;gap:2px;text-align:center}.story-switch span{font-weight:800;font-family:"Noto Kufi Arabic"}.story-switch small{color:rgba(255,255,255,.65)}.story-switch.active{background:var(--gold);color:#21160C;border-color:var(--gold)}.story-switch.active small{color:#4C3219}
.lens-stage{max-width:900px;margin:auto}.lens-card{background:#FFFDF9;color:var(--brown);border-radius:32px;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.24)}.lens-tabs{display:grid;grid-template-columns:1fr 1fr;background:#EFE8DD;padding:7px}.lens-tab{min-height:50px;border:0;border-radius:999px;background:transparent;color:#685B51;font-weight:800}.lens-tab.active{background:var(--teal);color:white;box-shadow:0 8px 20px rgba(11,78,82,.2)}
.lens-image-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:#E8D7BB}.lens-image-wrap img{width:100%;height:100%;object-fit:cover;transition:.32s opacity,.32s transform}.lens-image-wrap img.changing{opacity:.15;transform:scale(1.025)}
.lens-content{padding:25px 28px 27px}.lens-content blockquote{font-family:"Noto Kufi Arabic";font-size:clamp(1.2rem,2.5vw,1.8rem);line-height:1.65;color:var(--teal);margin:0 0 10px}.lens-content>p{margin:0;color:var(--muted)}.lens-marketing{margin-top:18px!important;padding-top:16px;border-top:1px solid var(--line);font-size:.94rem}.lens-marketing span{display:inline-block;color:var(--gold);font-weight:800;margin-left:4px}.lens-disclaimer{text-align:center;color:rgba(255,255,255,.62);font-size:.86rem;margin:14px 0 0}
.voice{background:radial-gradient(circle at 80% 18%,rgba(185,135,46,.15),transparent 22rem),var(--ivory)}.voice-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:38px;align-items:start}.voice-copy{position:sticky;top:110px}.voice-copy h2{font-size:clamp(1.9rem,3.2vw,2.8rem);color:var(--teal);margin-bottom:14px}.voice-copy>p:not(.eyebrow){color:var(--muted)}.voice-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.voice-trust span{background:white;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:.84rem;color:#65564B}
.poll-card{background:white;border:1px solid var(--line);border-radius:32px;padding:30px;box-shadow:var(--shadow)}fieldset{border:0;padding:0;margin:0}legend{font-family:"Noto Kufi Arabic";font-weight:800;color:var(--teal);font-size:1.1rem}.field-hint{margin:4px 0 14px;color:var(--muted);font-size:.88rem}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips label{position:relative}.chips input{position:absolute;opacity:0;pointer-events:none}.chips span{display:inline-flex;align-items:center;min-height:46px;border:1px solid #D8CEC1;border-radius:999px;padding:9px 14px;background:#FFFDF9;color:#594B40;font-weight:700;transition:.18s border,.18s background,.18s color,.18s transform}.chips input:focus-visible+span{outline:3px solid rgba(185,135,46,.28);outline-offset:2px}.chips input:checked+span{background:var(--teal);border-color:var(--teal);color:white;transform:translateY(-1px)}
.poll-insight{margin:17px 0 0;background:var(--teal-soft);border-right:4px solid var(--gold);border-radius:14px;padding:13px 15px;display:grid;gap:2px}.poll-insight b{color:var(--teal)}.poll-insight span{color:#5F554E;font-size:.92rem}.field-error{min-height:20px;color:#A33D30;font-size:.88rem;margin:8px 0}.optional-note{display:block;margin:18px 0 7px;font-weight:800;color:#4B3D33}.optional-note small{font-weight:500;color:var(--muted)}textarea,input{width:100%;border:1px solid #D8CEC1;border-radius:15px;background:#FFFDF9;color:var(--brown);padding:13px 14px;outline:none}textarea{min-height:105px;resize:vertical}textarea:focus,input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(185,135,46,.12)}.other-field[hidden]{display:none}.honeypot{position:absolute!important;left:-9999px!important}.under-button{margin:10px 0 0;text-align:center;color:var(--muted);font-size:.82rem}.form-status{margin-top:10px;font-size:.9rem}.form-status.error{color:#A33D30}.form-status.success{color:#23713E}
.follow{background:var(--teal);color:white}.follow-box{display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:32px;padding:34px}.follow-box h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:9px}.follow-box p:not(.eyebrow){margin:0;color:rgba(255,255,255,.72)}
.site-footer{padding:34px 0;background:#062F32;color:white}.footer-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.footer-row img{width:86px;height:68px;object-fit:contain;mix-blend-mode:screen}.footer-row b{font-family:"Noto Kufi Arabic"}.footer-row p{margin:3px 0 0;color:rgba(255,255,255,.64)}.footer-links{display:flex;gap:18px;color:#F0D9A9;font-size:.9rem}
.story-dialog{width:min(780px,calc(100% - 24px));border:0;border-radius:28px;padding:0;box-shadow:0 28px 100px rgba(0,0,0,.35);overflow:hidden}.story-dialog::backdrop{background:rgba(2,26,28,.72);backdrop-filter:blur(5px)}.story-dialog[open]{display:grid;grid-template-columns:.8fr 1.2fr}.story-dialog img{width:100%;height:100%;min-height:440px;object-fit:cover}.story-dialog>div{padding:34px}.story-dialog h2{color:var(--teal);font-size:1.8rem;margin-bottom:12px}.story-dialog p{color:var(--muted)}.dialog-close{position:absolute;top:12px;left:12px;width:42px;height:42px;border:0;border-radius:50%;background:white;color:var(--teal);font-size:1.6rem;z-index:2}.dialog-age,.coming{display:inline-block;border-radius:999px;padding:6px 10px;font-weight:700}.dialog-age{background:var(--teal-soft);color:var(--teal)}.coming{background:#F5E5C5;color:#6A481D;margin-right:8px}
.mobile-sticky{display:none}
@media(max-width:900px){
  .desktop-nav{display:none}.hero-grid,.voice-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-actions,.trust-line{justify-content:center}.hero-library{max-width:640px;margin-inline:auto}.value-grid,.story-grid{grid-template-columns:1fr}.story-grid{max-width:570px;margin-inline:auto}.story-card{display:grid;grid-template-columns:.78fr 1.22fr}.story-image{aspect-ratio:auto;min-height:390px}.voice-copy{position:relative;top:auto}.follow-box{display:grid;text-align:center;justify-items:center}.footer-row{grid-template-columns:auto 1fr}.footer-links{grid-column:1/-1;justify-content:center}
}
@media(max-width:600px){
  .container{width:min(100% - 24px,1160px)}.header-row{height:66px}.brand img{width:68px;height:48px}.site-header .button{font-size:.84rem;min-height:42px;padding:8px 14px}
  .hero{padding:42px 0 48px}.hero-grid{gap:31px}.hero h1{font-size:clamp(2rem,10vw,3rem);line-height:1.55}.lead{font-size:1rem}.hero-actions{display:grid;justify-items:center}.text-link{min-height:42px}.trust-line{gap:6px}.trust-line span{font-size:.78rem}.hero-library{padding:20px 14px 15px;border-radius:27px}.hero-library:before{inset:9px;border-radius:20px}.hero-books{gap:8px}.hero-books figure:nth-child(2){transform:translateY(-7px)}.hero-books img{border-radius:9px}.hero-books figcaption{font-size:.68rem;padding:2px 6px}.visual-caption{font-size:.9rem}.visual-caption span{font-size:.78rem}
  .value-strip{padding:58px 0}.value-grid{gap:12px}.value-grid article{padding:18px;border-radius:18px}.section{padding:68px 0}.section-heading{margin-bottom:30px}.section-heading h2{font-size:1.9rem}
  .story-card{display:flex}.story-image{aspect-ratio:.73;min-height:0}.story-copy{padding:20px}.story-copy h3{font-size:1.12rem}
  .story-switcher{gap:7px}.story-switch{padding:9px 5px}.story-switch span{font-size:.86rem}.story-switch small{font-size:.67rem}.lens-card{border-radius:24px}.lens-image-wrap{aspect-ratio:1/1}.lens-content{padding:21px}.lens-content blockquote{font-size:1.18rem}.lens-marketing{font-size:.86rem}.lens-tabs{padding:5px}.lens-tab{min-height:46px;font-size:.9rem}
  .poll-card{padding:21px;border-radius:24px}.chips{gap:8px}.chips span{min-height:44px;padding:8px 11px;font-size:.86rem}.voice-trust{gap:6px}.voice-trust span{font-size:.77rem}.follow-box{padding:27px 20px}.site-footer{padding-bottom:88px}.footer-row{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center}.footer-links{flex-wrap:wrap}
  .story-dialog[open]{display:block;max-height:88vh;overflow:auto}.story-dialog img{height:310px;min-height:0}.story-dialog>div{padding:24px}.story-dialog h2{font-size:1.35rem}
  .mobile-sticky{display:flex;position:fixed;z-index:45;bottom:10px;right:12px;left:12px;min-height:50px;align-items:center;justify-content:center;border-radius:999px;background:var(--teal);color:white;font-weight:800;box-shadow:0 14px 34px rgba(3,45,48,.32);transition:.2s opacity,.2s transform}.mobile-sticky.hidden{opacity:0;pointer-events:none;transform:translateY(80px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Release corrections: robust RTL mobile containment */
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
body{position:relative}
main,header,footer,section,.container,.hero-grid,.hero-copy,.hero-library,.hero-books,.value-grid,.story-grid,.lens-stage,.lens-card,.voice-grid,.poll-card,.follow-box{min-width:0;max-width:100%}
h1,h2,h3,p,blockquote,figcaption,label,legend,a,button,span{overflow-wrap:anywhere}
input,textarea,button,select,fieldset,figure{min-width:0;max-width:100%}
.honeypot{position:fixed!important;inset-inline-start:-10000px!important;left:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.footer-links a{overflow-wrap:anywhere}
button:disabled{opacity:.65;cursor:wait;transform:none!important}
.form-status a{font-weight:800;text-decoration:underline}

@media(max-width:600px){
  .container{width:calc(100% - 24px);max-width:100%;padding:0;margin-inline:12px}
  .header-row{width:100%;min-width:0;gap:8px}
  .site-header .button{white-space:normal;line-height:1.35;max-width:54%;padding-inline:12px}
  .hero-copy{width:100%;padding:0;text-align:center}
  .hero h1{font-size:clamp(2rem,9vw,2.72rem);line-height:1.52;letter-spacing:-.02em;max-width:100%;margin-inline:auto}
  .lead{max-width:100%;margin-inline:auto}
  .hero-actions{width:100%;grid-template-columns:1fr;align-items:stretch}
  .hero-actions .button{width:100%}
  .text-link{justify-self:center}
  .hero-library{width:100%;max-width:100%;padding:18px 12px 14px;overflow:hidden}
  .hero-books{width:100%;gap:7px;padding-inline:0}
  .hero-books figure,.hero-books figure:nth-child(1),.hero-books figure:nth-child(2),.hero-books figure:nth-child(3){transform:none!important}
  .hero-books img{width:100%;max-width:100%;aspect-ratio:.71}
  .hero-books figcaption{white-space:normal;line-height:1.4;min-height:28px;display:grid;place-items:center}
  .book-shelf{width:100%;margin-inline:0}
  .value-grid,.story-grid{width:100%;max-width:100%}
  .story-card{display:flex!important;flex-direction:column!important;width:100%;max-width:100%}
  .story-image{width:100%;aspect-ratio:.73;min-height:0}
  .story-copy{width:100%}
  .story-switcher{width:100%;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
  .story-switch{width:100%;overflow:hidden}
  .lens-card,.lens-image-wrap,.lens-content{width:100%;max-width:100%}
  .lens-content{padding-inline:18px}
  .voice-grid,.voice-copy,.poll-card{width:100%;max-width:100%}
  .chips{width:100%;max-width:100%}
  .chips label{max-width:100%}
  .chips span{max-width:100%;white-space:normal}
  .footer-row,.footer-links{width:100%;max-width:100%}
  .mobile-sticky{max-width:calc(100% - 24px)}
}


/* Launch polish: mobile header CTA and clean section separation */
@media(max-width:600px){
  .site-header{overflow:visible}
  .header-row{padding-inline:0;justify-content:space-between;gap:10px}
  .brand{flex:0 0 auto;min-width:0}
  .brand img{width:62px;height:44px}
  .site-header .button.compact{flex:0 0 auto;max-width:none;min-width:104px;min-height:40px;padding:8px 12px;font-size:.78rem;line-height:1.25;white-space:nowrap;overflow:visible}
  .value-strip{padding:56px 0}
  .value-grid article{background:rgba(255,253,248,.82)}
}