/* Base reset */
*,::before,::after{margin:0;padding:0;border:0 solid}html{line-height:1.5;-webkit-text-size-adjust:100%}img,svg{display:block;vertical-align:middle}input::placeholder{opacity:1}[hidden]{display:none!important}
:root{--paper:#f7f5ed;--ink:#293c32;--green:#536b49;--muted:#777e6e;--line:#dadccf}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic',sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}::selection{background:#dce2cb}.site{min-height:100svh;max-width:1600px;margin:auto;padding:0 5.5%;display:flex;flex-direction:column}.header{height:124px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{height:40px;width:40px;color:var(--green)}.wordmark{font-family:'Aref Ruqaa',serif;font-size:53px;font-weight:700;line-height:1;padding-bottom:13px}.brand-latin{font:500 10px 'DM Sans',sans-serif;align-self:flex-end;margin-bottom:11px;margin-inline-start:4px;color:var(--muted)}.navigation{display:flex;gap:25px;align-items:center;font-size:14px}.language{display:flex;align-items:center;gap:9px;font-family:'DM Sans','IBM Plex Sans Arabic',sans-serif;font-size:13px}.language svg{width:19px;height:19px}.nav-separator{width:1px;height:18px;background:var(--line)}.about-link:hover,.language:hover,.share:hover{color:var(--green)}main{flex:1;display:flex;align-items:center}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;width:100%;padding:38px 0 30px}.hero-copy{padding-bottom:8px;max-width:550px}.eyebrow{font-size:13px;color:var(--green);letter-spacing:.2px;display:flex;gap:10px;align-items:center;margin-bottom:19px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #536b490b}h1{font-family:'Aref Ruqaa',serif;font-weight:400;font-size:clamp(70px,7.1vw,110px);line-height:1.42;letter-spacing:-2.5px;margin:0 0 20px}h1 span{display:block;white-space:nowrap}.green-line{color:var(--green)}.description{max-width:410px;font-size:18px;line-height:1.95;margin:0;color:#6e7569}.signup{margin-top:35px;max-width:500px}.invitation{font-size:13px;margin:0 0 14px;display:flex;gap:20px;align-items:center}.invitation svg{width:29px;height:24px;color:#919677;transform:scaleX(-1)}form{display:flex;align-items:stretch;background:#fffefa;border:1px solid #cdd1c1;padding:6px;border-radius:5px;gap:5px;min-height:62px}input{border:0;background:transparent;min-width:0;width:100%;padding:8px 12px;color:var(--ink);font-size:13px;outline:none}input::placeholder{color:#969b8f}.ar input{text-align:right}.submit{background:var(--green);color:#fffdf4;white-space:nowrap;display:flex;gap:20px;align-items:center;justify-content:center;border-radius:2px;padding:13px 18px;font-size:12px;transition:background .2s}.submit:hover{background:#3c5638}.submit:disabled{opacity:.7;cursor:wait}.submit span{font-family:Arial;font-size:20px;line-height:1}.privacy{color:#898e81;font-size:11px;margin:11px 0 0;min-height:20px}.error{color:#a3543b}.success{padding:17px;background:#e7ecdd;display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.7;border:1px solid #cad3bc;border-radius:4px}.hero-visual{position:relative;margin:0;width:100%;max-width:550px;justify-self:center}.growth-art{display:block;width:100%;max-height:570px;height:auto}.hero-visual figcaption{display:flex;gap:16px;align-items:center;justify-content:center;font-size:12px;color:#7b826d;margin-top:8px}.hero-visual figcaption span{height:1px;width:30px;background:#c8cbb9}.art-note{position:absolute;left:-18px;top:53%;writing-mode:vertical-rl;transform:rotate(180deg);font:9px 'DM Sans',sans-serif;letter-spacing:2px;color:#8b927e}.footer{min-height:85px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:20px;color:#7e8576;font-size:12px}.footer-note{display:flex;align-items:center;gap:10px}.tiny-sprout{width:24px;height:24px;flex:none}.domain{font:500 13px 'DM Sans',sans-serif;letter-spacing:1.5px;color:#5c6c57}.share{display:flex;gap:12px;align-items:center;font-size:12px}.share svg{width:16px;height:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%)}.en{font-family:'DM Sans',sans-serif}.en h1{font-family:Georgia,serif;font-size:clamp(60px,6.1vw,93px);letter-spacing:-4px;line-height:1.14;margin:30px 0}.en .green-line{font-style:italic}.en .eyebrow{font-size:9px;letter-spacing:1.7px}.en .description{font-size:16px;line-height:1.85;max-width:400px}.en .invitation svg{transform:none}.en .invitation{font-size:12px}.en .submit{font-size:11px;padding-inline:15px}.en .privacy{font-size:10px}.en .hero{gap:4vw}.story-dialog{margin:auto;border:1px solid #d5dac8;background:var(--paper);color:var(--ink);padding:50px;width:min(540px,calc(100% - 40px));max-height:90svh;overflow:auto;box-shadow:0 30px 100px #0002}.story-dialog::backdrop{background:#26362cd9;backdrop-filter:blur(5px)}.close{position:absolute;inset-inline-end:17px;top:12px;font:30px 'DM Sans';padding:4px 10px}.story-label{display:block;font-size:11px;color:var(--green);margin:22px 0 8px;letter-spacing:1px}.story-dialog h2{font-family:'Aref Ruqaa',serif;font-size:45px;font-weight:400;white-space:pre-line;line-height:1.5;margin:0 0 22px}.en .story-dialog h2{font-family:Georgia,serif;font-size:39px;line-height:1.2}.story-dialog p{font-size:15px;line-height:1.95;color:#747c6c}.story-end{padding-top:15px;border-top:1px solid var(--line)}

/* The page is a viewport-sized grid. Both columns shrink within its middle row. */
html,body{height:100%;margin:0}
.site{height:100svh;min-height:0;display:grid;grid-template-rows:clamp(64px,12svh,112px) minmax(0,1fr) clamp(44px,9svh,76px);padding-inline:5.5%}
.header{height:auto;min-height:0}
main{min-width:0;min-height:0;display:block}
.hero,.en .hero{height:100%;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:5vw;padding:clamp(12px,3svh,28px) 0}
.hero-copy{min-width:0;min-height:0;padding:0}
.eyebrow{margin-bottom:clamp(9px,2svh,18px);font-size:clamp(10px,1.6svh,13px)}
h1,.ar h1{font-size:clamp(42px,min(7.1vw,11svh),102px);letter-spacing:0;line-height:1.35;margin:0 0 clamp(10px,2.3svh,20px)}
.en h1{font-size:clamp(38px,min(5.6vw,10.5svh),82px);line-height:1.13;margin:clamp(8px,1.8svh,16px) 0 clamp(12px,2.7svh,24px);letter-spacing:-3px}
.description,.en .description{font-size:clamp(13px,1.95svh,18px);line-height:1.8}
.signup{margin-top:clamp(12px,3svh,28px);width:100%}
.invitation{margin-bottom:10px;font-size:12px}
form{min-height:52px;padding:5px}
.submit{padding:11px 15px;gap:13px}
.privacy{margin-top:8px;min-height:16px;line-height:1.4}
.hero-visual{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
.growth-art{width:100%;height:auto;min-height:0;max-height:calc(100% - 34px);flex:0 1 auto}
.hero-visual figcaption{flex:none;white-space:nowrap;font-size:clamp(9px,1.45svh,12px)}
.art-note{font-size:8px;letter-spacing:1.5px;left:-12px}
.footer{min-height:0;height:auto}
@media(max-width:1000px){
.site{padding-inline:5%}.navigation{gap:17px}.hero,.en .hero{gap:3vw}
.description,.en .description{font-size:clamp(12px,1.8svh,16px)}
.submit,.en .submit{padding-inline:11px;gap:10px;font-size:10px}input{font-size:12px}
.en .eyebrow{font-size:8px;letter-spacing:1.1px}.art-note{left:-8px;font-size:7px}
}
/* A dedicated phone composition: headline, artwork, supporting copy, signup. */
@media(max-width:700px){
.site{padding-inline:24px;grid-template-rows:66px minmax(0,1fr) 32px}
.header{border-bottom:0;gap:16px}
.brand{gap:7px}.brand-icon{width:26px;height:26px}.wordmark{font-size:41px;padding-bottom:9px}.brand-latin{font-size:8px;margin-bottom:8px;letter-spacing:.5px}
.navigation{gap:13px}.nav-separator{height:15px}.about-link{font-size:12px;min-height:44px}.language{min-height:44px;gap:6px;font-size:12px}.language svg{width:16px;height:16px}
.hero,.en .hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 0 16px}
.hero-copy{display:contents;animation:none}
h1,.ar h1{grid-row:1;text-align:center;font-size:clamp(44px,6.5svh,56px);line-height:1.17;letter-spacing:0;margin:0;justify-self:center}
.en h1{grid-row:1;font-size:clamp(41px,min(12.5vw,6.1svh),54px);line-height:1.06;letter-spacing:-1.9px;margin:3px 0 0;text-align:center}
.hero-visual{grid-row:2;width:100%;height:100%;min-height:0;max-width:320px;justify-self:center;justify-content:center;align-self:stretch}
.growth-art{width:100%;height:100%;max-height:100%;min-height:0;flex:1 1 0}
.hero-visual figcaption,.art-note{display:none}
.description,.en .description{grid-row:3;justify-self:center;max-width:310px;margin:0;text-align:center;font-size:13px;line-height:1.8;color:#6e7569}
.signup{grid-row:4;justify-self:center;width:100%;max-width:390px;margin:0}
.invitation,.en .invitation{display:none}
form{min-height:0;display:flex;flex-direction:column;gap:9px;border:0;background:none;padding:0;border-radius:0}
input{width:100%;height:49px;flex:none;min-height:49px;background:#fffefa;border:1px solid #d2d5c8;border-radius:7px;padding:12px 15px;font-size:16px;line-height:1.3}
input::placeholder{font-size:13px;color:#8b9384}
.submit,.en .submit{width:100%;min-height:49px;border-radius:7px;padding:12px 17px;font-size:13px;gap:14px;justify-content:space-between;font-weight:500}
.submit span{font-size:21px}
.privacy,.en .privacy{font-size:11px;line-height:1.5;margin:7px 0 0;min-height:0;text-align:center}
.success{font-size:13px;border-radius:7px;padding:17px;line-height:1.7}
.footer{display:flex;justify-content:center;align-items:center;border-top:0;padding:0;font-size:11px;gap:0}
.footer-note{display:none}.domain{font-size:11px;letter-spacing:2px;color:#7d8774}
.story-dialog{padding:36px 26px}.story-dialog h2{font-size:40px}.story-dialog p{font-size:14px}
}
@media(max-width:370px){
.site{padding-inline:20px}.brand-latin{display:none}.navigation{gap:11px}
.description,.en .description{font-size:12px;max-width:280px}.en h1{font-size:40px}
}
@media(min-width:701px) and (max-height:500px){
.site{grid-template-rows:54px minmax(0,1fr) 40px}
.hero,.en .hero{padding-block:10px}.brand-icon{height:30px;width:30px}.wordmark{font-size:40px;padding-bottom:9px}
.eyebrow,.en .eyebrow{font-size:8px;margin-bottom:7px}
h1,.ar h1{font-size:min(6.5vw,10svh);line-height:1.25;margin-bottom:9px}
.en h1{font-size:min(5.5vw,10svh);margin:5px 0 10px}
.description,.en .description{font-size:12px;line-height:1.6}.signup{margin-top:10px}
.invitation,.en .invitation{font-size:10px;margin-bottom:6px}.invitation svg{height:16px}
form{min-height:44px;padding:4px}.submit,.en .submit{padding:8px 12px}.privacy,.en .privacy{font-size:8px;margin-top:5px;min-height:12px}
.footer{font-size:10px}.art-note{display:none}
}
@media(max-width:700px) and (max-height:700px){
.site{grid-template-rows:58px minmax(0,1fr) 28px}
.hero,.en .hero{gap:8px;padding:6px 0 10px}
h1,.ar h1{font-size:44px;line-height:1.13}.en h1{font-size:43px;line-height:1.04}
.description,.en .description{font-size:12px;line-height:1.65}
input{height:46px;min-height:46px}.submit,.en .submit{min-height:46px;padding-block:10px}
}
@media(max-width:700px) and (max-height:620px){
h1,.ar h1{font-size:40px;line-height:1.1}.en h1{font-size:39px}
form{flex-direction:row;gap:0;border:1px solid #cdd1c1;background:#fffefa;padding:4px;border-radius:7px;min-height:50px}
input{min-width:0;flex:1 1 0;width:0;min-height:40px;height:40px;border:0;background:transparent;padding:8px 9px}
.submit,.en .submit{width:auto;flex:0 0 auto;min-height:40px;min-width:124px;padding:9px 11px;gap:11px;font-size:11px;border-radius:4px}
input::placeholder{font-size:12px}
}
@media(max-width:700px) and (max-height:480px){
.site{grid-template-rows:48px minmax(0,1fr) 24px}
.hero,.en .hero{grid-template-rows:auto auto auto;align-content:center;gap:10px;padding-block:6px}
.hero-visual{display:none}.description{grid-row:2}.signup{grid-row:3}
h1,.ar h1{font-size:36px;line-height:1.1}.en h1{font-size:36px;margin:0}
.description,.en .description{font-size:11px;line-height:1.5}
}
@media(prefers-reduced-motion:no-preference){.hero-copy,.hero-visual{animation:arrive .8s ease both}.hero-visual{animation-delay:.15s}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}