:root{
 --coral:#FE5061;--orange:#F79530;--ink:#101010;--paper:#FBFAF7;
 --soft:#F2F0EB;--line:#DEDCD6;--muted:#686763;--white:#fff;--max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Raleway,Arial,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 48px),var(--max));margin:auto}
nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(16,16,16,.1);position:relative;z-index:5}
.logo{font-size:18px;font-weight:800;letter-spacing:-.7px;line-height:.95}.logo span{display:block;font-weight:500;font-size:9px;letter-spacing:2.2px;margin-top:7px}
.navlinks{display:flex;gap:34px;font-size:12px;font-weight:600}.navlinks a:hover{color:var(--coral)}
.navcta,.btn{display:inline-flex;align-items:center;gap:12px;padding:13px 18px;border-radius:100px;font-size:12px;font-weight:700;transition:.25s}
.navcta{background:var(--ink);color:white}.navcta:hover,.btn.dark:hover{transform:translateY(-2px);background:var(--coral)}
.menu{display:none}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:var(--coral);margin-bottom:24px}
.serif{font-family:Lora,Georgia,serif;font-weight:400;font-style:italic}
h1{font-size:clamp(55px,7.4vw,104px);line-height:.9;letter-spacing:-5px;margin:0 0 30px;font-weight:700}
h2{font-size:clamp(42px,5.4vw,76px);line-height:.94;letter-spacing:-4px;margin:0}
.btn{padding:15px 22px}.btn.dark{background:var(--ink);color:white}.btn.light{border:1px solid var(--ink)}.btn.light:hover{background:var(--ink);color:white}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}

/* HERO */
.hero{padding:76px 0 88px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.hero-copy{font-size:17px;max-width:610px;color:#44423F}.hero-copy strong{color:var(--ink)}
.hero-note{margin-top:27px;font-size:10px;letter-spacing:1.4px;font-weight:700;text-transform:uppercase;color:#777}
.profile-visual{position:relative;height:500px}
.sheet{position:absolute;width:340px;height:430px;background:white;border:1px solid #e8e5de;box-shadow:0 25px 70px rgba(16,16,16,.13);padding:28px;transition:.3s}
.sheet.one{right:6%;top:35px;transform:rotate(7deg);background:var(--orange)}
.sheet.two{right:16%;top:20px;transform:rotate(-5deg);background:var(--coral)}
.sheet.three{right:23%;top:48px;transform:rotate(1.5deg)}
.sheet:hover{transform:translateY(-8px) rotate(0)}
.sheet .top{font-size:8px;letter-spacing:1.6px;font-weight:800}
.sheet .title{font-size:34px;line-height:.95;letter-spacing:-2px;font-weight:800;margin-top:105px}
.sheet.three .title{font-family:Lora,serif;font-weight:500;font-style:italic}
.sheet .fake-lines{margin-top:35px;width:85%;height:7px;background:#171717;box-shadow:0 16px 0 #ddd,0 32px 0 #ddd,0 48px 0 #ddd}
.sheet .bottom{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:8px;font-weight:800}
.visual-pill{position:absolute;left:0;bottom:8px;background:var(--ink);color:white;border-radius:100px;padding:13px 18px;font-size:9px;font-weight:800;letter-spacing:.8px;box-shadow:0 12px 30px rgba(0,0,0,.18)}

/* INTRO */
.intro{background:var(--ink);color:white;padding:25px 0}
.intro-row{display:flex;align-items:center;justify-content:space-between;gap:30px}
.intro-row p{margin:0;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700}
.intro-row span{color:var(--orange)}

/* PROBLEM */
.problem{padding:105px 0;background:white}
.two-col{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px}
.problem h2{max-width:900px}.problem-copy{font-size:16px;color:var(--muted);max-width:620px;margin-top:30px}
.pullquote{margin-top:55px;font-family:Lora,serif;font-style:italic;font-size:29px;max-width:720px;line-height:1.2}
.proof-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px}
.point{border-top:2px solid var(--ink);padding-top:16px}.point b{font-size:10px;letter-spacing:1.5px}.point p{font-size:12px;color:var(--muted)}

/* SERVICES */
.services{padding:105px 0;background:var(--soft)}
.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px;margin-bottom:60px}
.section-copy{font-size:15px;color:var(--muted);max-width:600px;margin-top:26px}
.service-list{border-top:1px solid var(--line)}
.service{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}
.service .num{font-family:Lora,serif;color:var(--coral);font-size:24px}
.service h3{font-size:29px;letter-spacing:-1.5px;margin:0}.service p{font-size:13px;color:var(--muted);margin:0;max-width:470px}

/* USE CASES */
.usecases{padding:105px 0}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.case{min-height:275px;padding:31px;border-radius:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.case:nth-child(1){background:var(--coral);color:white}.case:nth-child(2){background:var(--orange)}
.case:nth-child(3){background:var(--soft)}.case:nth-child(4){background:var(--ink);color:white}
.case .num{font-size:9px;letter-spacing:1.5px;font-weight:800}.case h3{font-size:32px;letter-spacing:-1.5px;line-height:.98;margin:0;max-width:370px}.case p{font-size:12px;max-width:390px;opacity:.78}
.case .mini-slide{position:absolute;right:-20px;bottom:-30px;width:190px;height:120px;background:white;transform:rotate(-8deg);box-shadow:0 18px 40px rgba(0,0,0,.2);padding:16px;color:var(--ink)}
.case .mini-slide:after{content:"";display:block;width:60%;height:5px;background:var(--coral);margin-top:22px;box-shadow:0 12px 0 #ddd,0 24px 0 #ddd}

/* APPROACH */
.approach{padding:105px 0;background:var(--soft)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}
.step{padding:27px 22px 10px 0;border-right:1px solid var(--line);margin-right:22px;min-height:225px}.step:last-child{border:0}
.step .num{color:var(--coral);font-size:10px;font-weight:800;letter-spacing:1px}.step h3{font-size:19px;margin:35px 0 8px}.step p{font-size:12px;color:var(--muted);margin:0}

/* BILINGUAL */
.bilingual{background:var(--ink);color:white;padding:105px 0}
.bilingual .eyebrow{color:var(--orange)}
.bilingual-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.bilingual h2{max-width:760px}.bilingual-copy{font-size:15px;color:#C8C6C1;max-width:540px}
.rtl-card{margin-top:45px;background:#F8F5EF;color:var(--ink);padding:25px 30px;border-radius:20px;display:flex;justify-content:space-between;gap:30px;direction:rtl;text-align:right}
.rtl-card .ar{font-family:Arial,sans-serif;font-size:23px;font-weight:700}.rtl-card .en{font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:800;direction:ltr;text-align:left;color:#777}

/* WORK */
.work{padding:105px 0}.work-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}
.work-card{min-height:420px;border-radius:22px;padding:31px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:white;background:#285A68}
.work-card.small{min-height:202px;background:var(--orange);color:var(--ink)}.work-card.coral{background:var(--coral)}
.work-card .meta{font-size:9px;letter-spacing:1.5px;font-weight:800;text-transform:uppercase}.work-card h3{font-size:39px;line-height:.94;letter-spacing:-2px;margin:0;max-width:530px}.work-card p{font-size:12px;max-width:390px;opacity:.8}
.slide-stack{position:absolute;right:-35px;bottom:35px;width:290px;height:185px;background:white;transform:rotate(-6deg);box-shadow:0 22px 55px rgba(0,0,0,.22);padding:22px;color:var(--ink)}.slide-stack:after{content:"";position:absolute;left:22px;right:22px;top:85px;height:7px;background:var(--coral);box-shadow:0 18px 0 #ddd,0 36px 0 #ddd}

/* FAQ */
.faq{padding:105px 0;background:white}.faq-list{border-top:1px solid var(--line);margin-top:55px}.faq-item{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.faq-item h3{font-size:18px;margin:0}.faq-item p{font-size:13px;color:var(--muted);margin:0}

/* CTA */
.final{background:var(--coral);color:white;padding:120px 0}.final h2{font-size:clamp(55px,7.5vw,104px);line-height:.88;max-width:1050px}.final p{font-size:16px;max-width:570px;margin:30px 0;color:white}.final .eyebrow{color:white}.final .btn.dark:hover{background:white;color:var(--ink)}.final .btn.light{border-color:white}.final .btn.light:hover{background:white;color:var(--ink)}
footer{background:var(--ink);color:white;padding:55px 0}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:50px}.footer-grid p{font-size:12px;color:#aaa;max-width:420px}.footer-grid h4{font-size:9px;letter-spacing:2px;color:var(--orange);margin:0 0 18px}.footer-grid a{display:block;font-size:11px;margin:9px 0;color:#ddd}.footer-bottom{border-top:1px solid #333;margin-top:50px;padding-top:20px;font-size:9px;color:#777;display:flex;justify-content:space-between}

@media(max-width:900px){
 .navlinks,.navcta{display:none}.menu{display:block;font-size:11px;font-weight:800}
 .hero-grid,.two-col,.section-head,.bilingual-grid{grid-template-columns:1fr}.profile-visual{height:430px}.sheet{width:300px;height:380px}.sheet.one{right:0}.sheet.two{right:10%}.sheet.three{right:20%}
 .proof-points{grid-template-columns:1fr}.service{grid-template-columns:55px 1fr}.service p{grid-column:2}.case-grid,.work-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line);padding-bottom:25px}
 .faq-item{grid-template-columns:1fr;gap:12px}
}
@media(max-width:560px){
 .container{width:min(calc(100% - 30px),var(--max))}.hero{padding-top:55px}h1{font-size:53px;letter-spacing:-3px}
 .profile-visual{height:340px}.sheet{width:235px;height:295px;padding:20px}.sheet .title{font-size:25px;margin-top:70px}.sheet .fake-lines{margin-top:25px}.sheet .bottom{left:20px;right:20px;bottom:18px}
 section,.problem,.services,.usecases,.approach,.bilingual,.work,.faq{padding:75px 0}
 .intro-row{display:block}.intro-row p{margin:7px 0}.case{min-height:245px}.work-card{min-height:340px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}
}