@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

:root{--green:#064c3d;--gold:#c5a250;--paper:#fcf8ef;--ink:#18352f;--muted:#65756c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px max(5%,calc((100% - 1280px)/2));border-bottom:1px solid #ded7c5;flex-wrap:wrap} .brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700}.brand img{width:70px;height:70px}nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:14px}nav a:hover{color:#947128}.lang{padding:9px 16px;border:1px solid #bbaa88;border-radius:6px}main{overflow:hidden}section{padding:88px max(5%,calc((100% - 1200px)/2))}h1{font-size:clamp(38px,5.5vw,76px);font-weight:600;line-height:1.25;max-width:900px;margin:22px 0}h2{font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.4;margin:12px 0 22px}h3{font-size:20px;line-height:1.5;margin:10px 0}p{line-height:1.95;margin:12px 0;color:var(--muted)}.lead{font-size:19px;max-width:850px}.eyebrow{font-size:12px;letter-spacing:1.5px;color:#987534;font-weight:700}.hero{padding-top:65px;background:radial-gradient(ellipse at 90% 0%,#e9ddc280,transparent 65%)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 25px;background:var(--green);color:white;border-radius:6px;font-weight:600}.btn.secondary{background:transparent;border:1px solid #adb9ae;color:var(--green)}.dark .btn{background:#d6b56e;color:#063c31}.dark .btn.secondary{background:transparent;color:white;border-color:#92a59c}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.card{min-width:0;padding:25px;background:#fffdf8;border:1px solid #dedbcf;border-radius:12px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:var(--gold)}.card p{font-size:15px;margin-bottom:0}.card h3 bdi{font-size:18px}.icon{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:#a68139}.tint{background:#f0ebdf}.dark{background:var(--green);color:var(--paper)}.dark p{color:#d6e0d8}.dark .eyebrow{color:#dabe80}.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:42px}.flow>div{padding:22px;border-top:1px solid #c5a250}.flow b{font-size:16px;color:var(--green);display:block;letter-spacing:1px}.flow span{display:block;color:var(--muted);font-size:14px;margin-top:9px}.flow .arrow{font-size:22px;color:var(--gold);margin-top:14px}.eco-head{display:flex;align-items:center;gap:22px;padding:30px;border:1px solid #c2a162;border-radius:12px;background:#ffffff06;margin-top:35px}.eco-head img{width:88px;height:88px;border-radius:50%}.dark .card{background:#ffffff05;border-color:#ffffff23}.dark .card h3{color:#fff}.dark .card p{color:#ccd8d1}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.chip{border:1px solid #d6cfbc;padding:10px 15px;border-radius:6px;background:#fffdf7;font-size:14px}.dark .chip{background:#ffffff06;border-color:#ffffff25}.market .card:first-child{border-top:3px solid #c5a250}.market .card h3{font-size:25px}.note{font-size:13px;line-height:1.9;border-inline-start:3px solid var(--gold);padding-inline-start:16px;margin-top:25px}.audience{grid-template-columns:repeat(3,minmax(0,1fr))}.audience .card{display:flex;gap:14px;align-items:start;padding:20px}.audience h3{font-size:16px;margin:0}.journey{display:flex;gap:8px;list-style:none;padding:0;margin:35px 0;align-items:stretch}.journey li{flex:1;min-width:0;position:relative;padding:18px 10px;border:1px solid #d8ceba;border-radius:8px;background:#fffcf5;font-size:13px;line-height:1.7}.journey li b{display:block;color:#a7833e;font-size:24px;font-weight:400;margin-bottom:15px}.journey li:after{content:'→';position:absolute;inset-inline-end:-10px;top:50%;z-index:1;color:#987534}html[dir=rtl] .journey li:after{content:'←'}.journey li:last-child:after{content:''}.mini-flow{display:flex;flex-wrap:wrap;gap:10px;line-height:1.7;margin:25px 0}.mini-flow span{padding:7px 11px;border:1px solid #c5a25060;border-radius:5px;font-size:13px}.phone{width:min(100%,340px);margin:auto;border:7px solid #123c32;border-radius:35px;padding:15px;background:#e9eee7;box-shadow:0 25px 55px #064c3d15}.phone-head{background:var(--green);padding:15px;border-radius:17px;color:white}.chat{padding:15px}.bubble{background:white;border-radius:12px;padding:14px;margin:15px 0;font-size:14px;line-height:1.8}.bubble.reply{background:#d9e6cf;margin-inline-start:28px}.bubble .btn{margin-top:10px;min-height:42px;width:100%;font-size:13px}.sms{margin-top:30px;border-inline-start:3px solid var(--gold);padding:20px;background:#fffdf6}.studio{padding:35px;border:1px solid #c5a25070;border-radius:15px;background:linear-gradient(130deg,#113d34,#062d26)}.studio .icon{width:65px;height:65px;color:#d7b970}.studio h3{font-size:33px}.player{display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff25;padding-top:25px;margin-top:30px}.wave{flex:1;display:flex;gap:4px;height:40px;align-items:center}.wave i{flex:1;background:#c5a250;border-radius:3px}.magazine{background:#fffdf7;border:1px solid #d2c29d;box-shadow:12px 18px 0 #e4dac6;padding:35px;min-height:410px;position:relative}.magazine .mast{font-size:36px;line-height:1.1;font-weight:700;letter-spacing:-1px;color:var(--green);border-bottom:3px solid var(--gold);padding-bottom:18px}.magazine h3{font-size:31px;max-width:270px}.magazine small{display:block;color:#8b743e;font-size:12px}.magazine .cover{padding:28px 0}.magazine .cover-tags{border-top:1px solid #d8c9ad;padding-top:20px;line-height:2}.profile{background:#fffdf8;border:1px solid #d3c6ac;border-radius:12px;padding:30px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.field label{font-size:12px;color:#64766d;display:block;margin-bottom:7px}.field div{border:1px solid #d9d8cd;padding:12px;border-radius:5px;font-size:14px;line-height:1.6}.benefits{grid-template-columns:repeat(5,minmax(0,1fr))}.benefits .card{padding:20px}.benefits h3{font-size:16px}.legal{border-top:1px solid #d9cfb9;padding-top:45px;padding-bottom:45px}.legal h2{font-size:22px}.legal p{font-size:14px;max-width:1100px}.final{text-align:center}.final h2{max-width:850px;margin-inline:auto}.final .actions{justify-content:center}footer{padding:30px 5%;border-top:1px solid #d9cfb9;display:flex;justify-content:space-between;gap:20px;font-size:13px}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(15px);transition:opacity .55s,transform .55s}.js-motion .reveal.visible{opacity:1;transform:none}a:focus-visible,button:focus-visible{outline:3px solid #ac8a43;outline-offset:5px}.preview-bar{position:sticky;top:0;z-index:10;padding:12px 5%;background:#e9dcc0;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:13px}.preview-bar button{border:1px solid #064c3d;background:white;color:#064c3d;padding:9px 18px;border-radius:6px;cursor:pointer}
@media(max-width:1050px){.journey{flex-wrap:wrap}.journey li{flex:1 1 calc(30% - 10px)}.benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.split{gap:30px}.grid{gap:14px}nav{gap:14px}}@media(max-width:700px){section{padding:55px 6%}header{padding:16px 6%;gap:15px}.brand img{width:53px;height:53px}nav{width:100%;font-size:12px}.grid,.audience,.benefits,.split{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr;gap:10px}.flow>div{padding:15px 8px}.lead{font-size:17px}h1{font-size:42px}.actions{flex-direction:column}.btn{width:100%;min-height:52px}.journey{display:block}.journey li{margin-bottom:16px;padding:18px;display:flex;align-items:center;gap:20px;font-size:15px}.journey li b{margin:0}.journey li:after,html[dir=rtl] .journey li:after{content:'↓';top:auto;bottom:-19px;inset-inline-end:50%}.journey li:last-child:after{content:''}.profile-fields{grid-template-columns:1fr}.eco-head{padding:20px}.eco-head img{width:60px;height:60px}.magazine{padding:25px;min-height:360px}.preview-bar{flex-wrap:wrap}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.reveal{transition:none!important;transform:none!important;opacity:1!important}}
.flow>div:last-child .arrow{visibility:hidden}