:root{
      --ink:#031a1c;
      --deep:#042729;
      --teal:#064143;
      --teal-2:#0a5858;
      --paper:#f7f1e9;
      --muted:#b8c8c5;
      --copper:#d89155;
      --copper-light:#f4c08c;
      --copper-dark:#7e3f22;
      --line:rgba(237,174,111,.22);
      --panel:rgba(7,53,54,.62);
      --shadow:0 24px 90px rgba(0,0,0,.34);
      --radius:26px;
      --max:1180px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:90px}
    body{
      margin:0;
      color:var(--paper);
      background:
        radial-gradient(circle at 85% 7%, rgba(19,111,108,.32), transparent 27%),
        radial-gradient(circle at 8% 36%, rgba(194,106,55,.11), transparent 25%),
        linear-gradient(180deg,#052f30 0%,#031e20 42%,#021719 100%);
      font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;
      line-height:1.8;
      overflow-x:hidden;
    }
    body::before{
      content:"";
      position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.17;
      background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
      background-size:72px 72px;
      mask-image:linear-gradient(to bottom,#000 0%,transparent 75%);
    }
    body::after{
      content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.025;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
    }

    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    img{max-width:100%;display:block}
    .container{width:min(calc(100% - 36px),var(--max));margin-inline:auto}
    .metallic{
      color:transparent;
      background:linear-gradient(110deg,#7c3d20 0%,#d88a50 28%,#ffd2a5 46%,#c5743e 66%,#f2b274 82%,#7d3e21 100%);
      -webkit-background-clip:text;background-clip:text;
    }
    .serif{font-family:"Cormorant Garamond",Georgia,serif}

    /* navigation */
    .nav-shell{position:fixed;inset:16px 0 auto;z-index:50;pointer-events:none}
    .nav{
      pointer-events:auto;
      width:min(calc(100% - 28px),1180px);margin:auto;
      display:flex;align-items:center;justify-content:space-between;gap:20px;
      padding:10px 12px 10px 18px;
      border:1px solid rgba(240,181,119,.22);
      border-radius:999px;
      background:rgba(2,26,28,.72);
      backdrop-filter:blur(18px);
      box-shadow:0 15px 50px rgba(0,0,0,.24);
    }
    .brand{display:flex;align-items:center;gap:11px;min-width:max-content}
    .brand img{width:58px;height:42px;object-fit:contain;border-radius:0;border:0;box-shadow:none;filter:drop-shadow(0 7px 16px rgba(0,0,0,.3))}
    .brand-copy{line-height:1.15;text-align:right}
    .brand-copy strong{display:block;font-family:"Cormorant Garamond",serif;font-size:20px;letter-spacing:.06em;color:var(--copper-light)}
    .brand-copy small{font-size:8px;letter-spacing:.16em;color:#a7bab7;text-transform:uppercase}
    .nav-links{display:flex;align-items:center;gap:2px}
    .nav-links a{font-size:11px;color:#d1dcda;padding:10px 11px;border-radius:999px;transition:.2s ease}
    .nav-links a:hover{color:var(--copper-light);background:rgba(255,255,255,.05)}
    .nav-cta{border:1px solid rgba(245,190,133,.52)!important;background:linear-gradient(180deg,rgba(165,83,40,.42),rgba(72,34,19,.34))!important;color:#ffe1c2!important;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
    .nav-controls{display:flex;align-items:center;gap:7px}.lang-switch{min-width:48px;height:38px;border-radius:999px;border:1px solid rgba(245,190,133,.48);background:rgba(216,145,85,.08);color:#ffd7b1;font-family:Inter,Arial,sans-serif;font-weight:800;font-size:11px;letter-spacing:.08em;cursor:pointer;transition:.2s ease}.lang-switch:hover{background:rgba(216,145,85,.18);transform:translateY(-1px)}.menu-btn{display:none;color:var(--paper);border:0;background:transparent;font-size:25px;cursor:pointer;padding:8px 10px}

    /* hero */
    .hero{min-height:100svh;display:grid;align-items:center;padding:145px 0 72px;position:relative}
    .hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--copper),transparent);opacity:.5}
    .hero-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:58px;align-items:center}
    .eyebrow{display:inline-flex;align-items:center;gap:10px;color:#9dd0cb;font-size:11px;letter-spacing:.22em;text-transform:uppercase}
    .eyebrow::before{content:"";width:40px;height:1px;background:linear-gradient(90deg,var(--copper),transparent)}
    h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(64px,7.6vw,110px);line-height:.84;letter-spacing:-.035em;margin:23px 0 24px;font-weight:600}
    h1 span{display:block}
    .hero-lead{font-size:clamp(16px,1.6vw,20px);color:#c3d0ce;max-width:650px;margin:0}
    .hero-lead b{color:#f4c9a1;font-weight:600}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:33px}
    .btn{min-height:55px;padding:0 22px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:13px;transition:.25s ease;border:1px solid transparent;cursor:pointer}
    .btn:hover{transform:translateY(-3px)}
    .btn-primary{color:#fff5e9;border-color:#eeb479;background:linear-gradient(135deg,#7b3b20,#d4874c 48%,#8d4725);box-shadow:0 15px 40px rgba(211,125,69,.22),inset 0 1px 0 rgba(255,255,255,.25)}
    .btn-secondary{color:#e4eeee;border-color:rgba(241,183,121,.38);background:rgba(255,255,255,.025)}
    .hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;color:#9fb2af;font-size:11px}
    .hero-proof span{display:flex;align-items:center;gap:8px}
    .hero-proof i{width:6px;height:6px;border-radius:50%;background:var(--copper);box-shadow:0 0 16px rgba(216,145,85,.8)}

    .hero-art{position:relative;min-height:590px;display:grid;place-items:center;isolation:isolate}
    .hero-art::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(9,114,109,.34),rgba(2,31,32,0) 65%);filter:blur(4px);z-index:-2}
    .hero-art::after{content:"";position:absolute;bottom:8%;width:75%;height:42px;border:2px solid rgba(237,159,91,.5);border-radius:50%;box-shadow:0 0 40px rgba(230,134,71,.22),inset 0 0 30px rgba(14,111,108,.3);z-index:-1}
    .logo-frame{position:relative;width:min(620px,100%);border-radius:44px;overflow:visible;filter:drop-shadow(0 45px 70px rgba(0,0,0,.42));animation:float 6s ease-in-out infinite}
    .logo-frame::after{content:"";position:absolute;left:10%;right:10%;bottom:4%;height:18%;background:radial-gradient(ellipse,rgba(233,143,76,.22),transparent 70%);filter:blur(22px);pointer-events:none;z-index:-1}
    .logo-frame img{width:100%;max-height:570px;object-fit:contain;opacity:1;filter:saturate(.98) contrast(1.05)}
    .spark{position:absolute;border-radius:50%;background:#ffd6ae;box-shadow:0 0 22px #e78f4b;animation:pulse 2.4s ease-in-out infinite}
    .spark.s1{width:5px;height:5px;top:18%;right:13%}.spark.s2{width:3px;height:3px;bottom:23%;left:12%;animation-delay:.7s}.spark.s3{width:4px;height:4px;top:42%;left:2%;animation-delay:1.2s}
    @keyframes float{50%{transform:translateY(-10px)}}
    @keyframes pulse{50%{opacity:.25;transform:scale(.7)}}

    /* shared sections */
    section{padding:112px 0;position:relative}
    .section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:end;margin-bottom:44px}
    .kicker{color:var(--copper-light);font-size:10px;letter-spacing:.22em;text-transform:uppercase}
    .section-head h2,.title{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(48px,6vw,78px);line-height:.95;margin:9px 0 0;font-weight:600;letter-spacing:-.025em}
    .section-head p{color:#aebfbc;max-width:590px;margin:0;font-size:15px}
    .divider{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}

    /* about */
    .about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}
    .glass{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(9,70,70,.64),rgba(3,37,39,.76));box-shadow:var(--shadow);overflow:hidden;position:relative}
    .about-main{padding:38px;min-height:390px}
    .about-main::after{content:"RC";position:absolute;left:22px;bottom:-45px;font-family:"Cormorant Garamond",serif;font-size:190px;line-height:1;color:rgba(238,167,100,.045);direction:ltr}
    .about-main h3{font-size:31px;margin:0 0 16px;color:#f6d0a9}
    .about-main p{color:#c2cfcd;max-width:760px;margin:0 0 16px}
    .about-note{display:inline-flex;gap:10px;align-items:center;margin-top:17px;padding:11px 15px;border:1px solid rgba(238,174,111,.25);border-radius:999px;color:#efc49d;font-size:11px;background:rgba(216,145,85,.06)}
    .pillars{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .pillar{padding:27px;min-height:188px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(6,54,55,.6);transition:.25s ease}
    .pillar:hover{transform:translateY(-5px);border-color:rgba(242,181,120,.45)}
    .pillar .num{font-family:"Cormorant Garamond",serif;font-size:38px;color:var(--copper);line-height:1}
    .pillar h4{margin:20px 0 8px;font-size:17px;color:#f3d0ad}
    .pillar p{margin:0;color:#aabbb8;font-size:12px}

    /* services */
    .services{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}
    .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
    .service-card{padding:25px 20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(8,71,70,.55),rgba(3,36,38,.74));min-height:270px;transition:.25s ease;position:relative;overflow:hidden}
    .service-card::after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;background:rgba(216,145,85,.14);filter:blur(35px);left:-45px;bottom:-50px}
    .service-card:hover{transform:translateY(-7px);border-color:rgba(245,192,140,.5)}
    .service-icon{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(240,177,113,.3);color:var(--copper-light);background:rgba(216,145,85,.07)}
    .service-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
    .service-card h3{font-size:16px;color:#f5d1ae;margin:36px 0 10px}
    .service-card p{font-size:11px;color:#aebfbc;margin:0}

    /* workflow */
    .process-wrap{border:1px solid var(--line);border-radius:30px;padding:34px;background:rgba(4,44,46,.66)}
    .process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
    .process::before{content:"";position:absolute;top:27px;right:12.5%;left:12.5%;height:1px;background:linear-gradient(90deg,var(--copper),rgba(216,145,85,.2),var(--copper));opacity:.45}
    .step{text-align:center;padding:0 20px;position:relative}
    .step-num{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;margin:0 auto 19px;background:#052c2e;border:1px solid var(--copper);color:var(--copper-light);font-family:"Cormorant Garamond",serif;font-size:24px;position:relative;z-index:2;box-shadow:0 0 0 7px #052c2e}
    .step h3{margin:0 0 7px;color:#f2c69f;font-size:15px}.step p{margin:0;color:#9fb1ae;font-size:11px}

    /* packages */
    .packages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:980px;margin:auto}
    .package{padding:36px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(150deg,rgba(8,68,68,.72),rgba(3,33,35,.88));position:relative;overflow:hidden;transition:.25s ease}
    .package:hover{transform:translateY(-7px);border-color:rgba(245,192,140,.52)}
    .package.featured::before{content:attr(data-badge);position:absolute;top:19px;left:-42px;width:170px;text-align:center;transform:rotate(-34deg);padding:5px 0;background:linear-gradient(90deg,#78401f,#d68d52);font-size:9px;font-weight:800}
    .package-label{color:#8fb8b4;font-size:10px;letter-spacing:.18em;text-transform:uppercase}
    .package h3{font-family:"Cormorant Garamond",serif;font-size:45px;line-height:1;margin:10px 0 22px;color:#f5c89f}
    .price{display:flex;align-items:flex-end;gap:9px;margin-bottom:25px}.price strong{font-family:"Cormorant Garamond",serif;font-size:57px;line-height:.8}.price span{font-size:11px;color:#9fb1ae}
    .package ul{list-style:none;padding:0;margin:0;display:grid;gap:11px;color:#bdcbc9;font-size:12px}.package li{display:flex;gap:10px;align-items:flex-start}.package li::before{content:"✓";color:var(--copper-light);font-weight:800}
    .package .btn{width:100%;margin-top:27px}
    .commitment{margin:21px auto 0;max-width:980px;padding:16px 20px;border:1px dashed rgba(238,170,103,.3);border-radius:17px;text-align:center;color:#c5d0ce;font-size:11px;background:rgba(216,145,85,.035)}

    /* why and trust */
    .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .why-item{padding:23px 18px;border-top:1px solid var(--copper);background:linear-gradient(180deg,rgba(216,145,85,.055),transparent);min-height:150px}
    .why-item b{display:block;color:#f0c39b;margin-bottom:9px;font-size:13px}.why-item span{color:#9fb1ae;font-size:10px}
    .trust-box{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .trust-card{padding:25px;border:1px solid var(--line);border-radius:21px;background:rgba(3,39,41,.7)}
    .trust-card h3{font-size:15px;color:#f1c49c;margin:0 0 9px}.trust-card p{font-size:11px;color:#a8b9b6;margin:0}

    /* contact */
    .contact{padding-bottom:45px}
    .contact-shell{display:grid;grid-template-columns:.95fr 1.05fr;border:1px solid rgba(242,178,111,.32);border-radius:34px;overflow:hidden;background:linear-gradient(135deg,#083f40,#031f21 70%);box-shadow:var(--shadow)}
    .contact-copy{padding:45px;background:radial-gradient(circle at 15% 12%,rgba(218,139,77,.15),transparent 30%)}
    .contact-copy h2{font-family:"Cormorant Garamond",serif;font-size:clamp(48px,5vw,76px);line-height:.9;margin:14px 0 18px;font-weight:600}
    .contact-copy p{color:#afc0bd;font-size:13px;max-width:520px}
    .contact-links{display:grid;gap:10px;margin-top:28px}
    .contact-link{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(240,179,116,.2);border-radius:14px;background:rgba(255,255,255,.025);transition:.2s ease;direction:ltr;text-align:left}
    .contact-link:hover{border-color:rgba(245,192,140,.55);transform:translateX(-3px)}
    .contact-link i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#f3c79f;background:rgba(216,145,85,.1);font-style:normal}
    .contact-link strong{display:block;font-size:12px;color:#f1d2b2}.contact-link small{font-size:10px;color:#96aaa7}
    .contact-form{padding:45px;background:rgba(1,24,26,.46)}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field.full{grid-column:1/-1}
    label{display:block;color:#c2d0ce;font-size:10px;margin:0 0 7px}
    input,select,textarea{width:100%;color:#f5f1ec;background:rgba(255,255,255,.035);border:1px solid rgba(239,177,114,.2);border-radius:14px;padding:14px;outline:0;transition:.2s ease}
    input:focus,select:focus,textarea:focus{border-color:var(--copper);box-shadow:0 0 0 3px rgba(216,145,85,.09)}
    select option{background:#073a3b}textarea{min-height:120px;resize:vertical}
    .contact-form .btn{width:100%;margin-top:12px}
    .form-note{font-size:9px;color:#829895;margin-top:10px;text-align:center}

    footer{padding:28px 0 34px;border-top:1px solid var(--line)}
    .footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#839794;font-size:9px}
    .footer-socials{display:flex;align-items:center;gap:8px;white-space:nowrap}
    .footer-socials a{color:#dca16d;text-decoration:none;font-weight:700;transition:.2s ease}
    .footer-socials a:hover{color:#f3c79f}

    .footer-brand{color:#dba270;font-family:"Cormorant Garamond",serif;font-size:18px;letter-spacing:.08em}

    .whatsapp-float{position:fixed;left:20px;bottom:20px;z-index:45;width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7c3e21,#dd9256);border:1px solid #efbd88;color:white;box-shadow:0 15px 35px rgba(0,0,0,.35),0 0 28px rgba(216,145,85,.18);transition:.25s ease}
    .whatsapp-float:hover{transform:translateY(-4px) scale(1.03)}
    .whatsapp-float svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

    .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}

    @media(max-width:1050px){
      .nav-links{display:none;position:absolute;top:69px;left:14px;right:14px;padding:12px;flex-direction:column;align-items:stretch;background:rgba(2,27,29,.97);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
      .nav-links.open{display:flex}.nav-links a{text-align:center;padding:12px}.menu-btn{display:block}
      .hero-grid,.about-grid,.contact-shell{grid-template-columns:1fr}
      .hero-art{min-height:430px}.logo-frame{width:min(650px,100%)}
      .services-grid{grid-template-columns:repeat(3,1fr)}
      .why-grid{grid-template-columns:repeat(3,1fr)}
      .contact-copy,.contact-form{padding:36px}
    }
    @media(max-width:720px){
      .nav{padding:9px 10px}.brand-copy small{display:none}.brand-copy strong{font-size:17px}.brand img{width:39px;height:39px}
      .hero{padding-top:125px}.hero-grid{gap:20px}h1{font-size:64px}.hero-art{min-height:330px}.hero-art::after{bottom:0}
      section{padding:82px 0}.section-head{grid-template-columns:1fr;gap:18px}.section-head p{margin:0}
      .about-main{padding:28px}.pillars{grid-template-columns:1fr}
      .services-grid{grid-template-columns:1fr 1fr}.service-card{min-height:230px}.service-card h3{margin-top:24px}
      .process-wrap{padding:24px 18px}.process{grid-template-columns:1fr 1fr;gap:28px 8px}.process::before{display:none}
      .packages-grid{grid-template-columns:1fr}.package{padding:30px}
      .why-grid{grid-template-columns:1fr 1fr}.trust-box{grid-template-columns:1fr}
      .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-copy,.contact-form{padding:28px}
      .footer-row{flex-direction:column;text-align:center}.whatsapp-float{left:14px;bottom:14px;width:52px;height:52px}
    }
    @media(max-width:460px){
      .container{width:min(calc(100% - 24px),var(--max))}.hero-actions{display:grid}.btn{width:100%}.hero-proof{display:grid;gap:9px}
      .services-grid,.why-grid{grid-template-columns:1fr}.service-card{min-height:auto}.process{grid-template-columns:1fr}.package h3{font-size:40px}
      .contact-link{padding:11px}.contact-link small{word-break:break-all}
    }
  
    html[dir="ltr"] body{font-family:Inter,Arial,sans-serif;line-height:1.65}
    html[dir="ltr"] .brand-copy{direction:ltr;text-align:left}
    html[dir="ltr"] .brand-copy strong,.serif,html[dir="ltr"] h1,html[dir="ltr"] .section-head h2,html[dir="ltr"] .title,html[dir="ltr"] .contact-copy h2,html[dir="ltr"] .package h3,html[dir="ltr"] .price strong{font-family:"Cormorant Garamond",Georgia,serif}
    html[dir="ltr"] .eyebrow::before{order:-1;background:linear-gradient(90deg,transparent,var(--copper))}
    html[dir="ltr"] .contact-link{direction:ltr;text-align:left}
    html[dir="ltr"] .contact-link:hover{transform:translateX(3px)}
    html[dir="ltr"] .package.featured::before{left:auto;right:-42px;transform:rotate(34deg)}
    html[dir="ltr"] .whatsapp-float{left:auto;right:20px}
    @media(max-width:720px){html[dir="ltr"] .whatsapp-float{right:14px;left:auto}}


    /* Typography refinement v4 */
    body{
      font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;
      font-weight:400;
      line-height:1.72;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    html[lang="en"] body{
      font-family:"Manrope",Arial,sans-serif;
      line-height:1.68;
    }
    html[lang="ar"] h1,
    html[lang="ar"] h2,
    html[lang="ar"] h3,
    html[lang="ar"] h4,
    html[lang="ar"] .title,
    html[lang="ar"] .section-head h2,
    html[lang="ar"] .serif{
      font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif !important;
      letter-spacing:-.035em;
    }
    html[lang="ar"] h1{
      font-size:clamp(48px,6.2vw,88px);
      line-height:1.13;
      font-weight:700;
    }
    html[lang="ar"] .section-head h2,
    html[lang="ar"] .title{
      line-height:1.14;
      font-weight:700;
    }
    html[lang="ar"] .eyebrow,
    html[lang="ar"] .kicker{
      letter-spacing:.04em;
      font-weight:600;
    }
    html[lang="en"] h1,
    html[lang="en"] h2,
    html[lang="en"] .title,
    html[lang="en"] .section-head h2,
    html[lang="en"] .serif{
      font-family:"Cormorant Garamond",Georgia,serif;
    }
    .nav-links a,.button,.btn,.lang-switch,input,textarea,select{
      font-family:inherit;
    }
    .lang-switch{font-family:"Manrope",Arial,sans-serif;}

    /* Exact RC monogram treatment */
    .brand img{
      width:68px;
      height:48px;
      object-fit:contain;
      transform:scale(1.08);
      filter:drop-shadow(0 7px 16px rgba(0,0,0,.4));
    }
    .logo-frame{
      width:min(650px,100%);
      filter:drop-shadow(0 42px 65px rgba(0,0,0,.48));
    }
    .logo-frame img{
      width:100%;
      max-height:555px;
      object-fit:contain;
      filter:saturate(1.04) contrast(1.04) drop-shadow(0 10px 8px rgba(0,0,0,.22));
    }
    @media(max-width:720px){
      .brand img{width:57px;height:40px;transform:scale(1.04)}
      html[lang="ar"] h1{font-size:clamp(42px,13vw,64px);line-height:1.18}
      .hero-art{min-height:390px}
      .logo-frame{width:min(560px,100%)}
    }

.package-note{margin:0 0 18px;color:var(--muted);font-size:.96rem;line-height:1.75}
html[dir="rtl"] .package-note{font-family:"IBM Plex Sans Arabic",sans-serif}



/* Razi Creative V6 — spacing and showreel refinement */
:root{--section-space:124px}
section{padding:var(--section-space) 0}
.hero{padding-top:154px;padding-bottom:118px}
.hero-grid{gap:74px}
.hero-copy .eyebrow{margin-bottom:22px}
.hero-lead{line-height:1.95;margin:30px 0 36px;max-width:700px}
.hero-actions{margin-top:6px;gap:14px}
.hero-proof{margin-top:34px;gap:18px 26px}
.section-head{margin-bottom:58px;gap:42px}
.section-head h2{line-height:1.18;margin-top:16px}
.section-head p{line-height:1.95;max-width:590px}
.about-main p,.service-card p,.process-step p,.why-item span,.trust-card p,.package-note,.package li,.contact-copy p{line-height:1.88}
.about-grid,.services-grid,.packages-grid,.why-grid,.trust-box{row-gap:22px}
.about-main,.service-card,.package,.trust-card{padding-top:38px;padding-bottom:38px}
.service-card h3{margin-top:30px;margin-bottom:14px;line-height:1.35}
.process-wrap{padding-top:42px;padding-bottom:42px}
.process-step h3{margin:18px 0 11px}
.package{padding:42px 38px}
.package h3{line-height:1.1;margin:14px 0 26px}
.package ul{gap:15px}
.package .btn{margin-top:34px}
.why-item{padding:29px 22px;min-height:170px}
.why-item b{margin-bottom:13px;line-height:1.45}
.contact-copy,.contact-form{padding:54px}
.contact-copy h2{line-height:1.04;margin:20px 0 25px}
.contact-links{margin-top:34px;gap:13px}

.showreel{position:relative;overflow:hidden;background:
  radial-gradient(circle at 79% 45%,rgba(216,145,85,.12),transparent 27%),
  radial-gradient(circle at 18% 52%,rgba(33,118,118,.13),transparent 31%)}
.showreel::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(239,177,114,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(239,177,114,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.showreel-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);align-items:center;gap:82px;padding:54px 66px;border:1px solid rgba(239,177,114,.27);border-radius:36px;background:linear-gradient(135deg,rgba(7,61,62,.78),rgba(2,27,29,.9));box-shadow:0 34px 85px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)}
.showreel-copy{max-width:610px}
.showreel-copy h3{font-size:clamp(42px,5vw,72px);line-height:1.15;margin:18px 0 23px;color:#f3c79f}
html[lang="ar"] .showreel-copy h3{font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;font-weight:700;letter-spacing:-.035em}
html[lang="en"] .showreel-copy h3{font-family:"Cormorant Garamond",Georgia,serif}
.showreel-copy>p{color:#b8c8c5;font-size:14px;line-height:2;margin:0 0 28px}
.showreel-points{display:grid;gap:13px;margin:0 0 34px}
.showreel-points span{position:relative;padding-inline-start:27px;color:#d2dcda;font-size:12px;line-height:1.75}
.showreel-points span::before{content:"✓";position:absolute;inset-inline-start:0;top:0;color:#f0b77e;font-weight:800}
.video-stage{position:relative;display:grid;place-items:center;min-height:680px}
.video-glow{position:absolute;width:390px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(224,147,80,.25),rgba(17,103,102,.08) 45%,transparent 70%);filter:blur(24px);transform:translateY(16px)}
.video-frame{position:relative;width:min(100%,390px);aspect-ratio:768/1376;padding:9px;border:1px solid rgba(245,190,136,.62);border-radius:34px;background:linear-gradient(150deg,#b86d39,#f1ba83 30%,#633619 70%,#d99457);box-shadow:0 34px 70px rgba(0,0,0,.48),0 0 48px rgba(216,145,85,.14);overflow:hidden}
.video-frame::after{content:"";position:absolute;inset:9px;border-radius:25px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.11),inset 0 -90px 80px rgba(0,20,22,.18)}
.video-frame video{display:block;width:100%;height:100%;object-fit:cover;border-radius:25px;background:#031f21}
.video-play{position:absolute;inset:0;margin:auto;width:138px;height:138px;border:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:white;background:rgba(2,27,29,.74);border:1px solid rgba(245,190,136,.68);backdrop-filter:blur(10px);box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 30px rgba(216,145,85,.19);cursor:pointer;transition:transform .25s ease,background .25s ease,opacity .25s ease}
.video-play:hover{transform:scale(1.06);background:rgba(91,47,25,.82)}
.video-play .play-icon{font-size:29px;color:#f5c594;margin-inline-start:4px}
.video-play span:last-child{font-family:inherit;font-size:11px;font-weight:700}
.video-play.is-hidden{opacity:0;pointer-events:none;transform:scale(.88)}
.video-duration{position:absolute;right:24px;bottom:22px;padding:6px 9px;border-radius:9px;color:#f8eee5;background:rgba(0,0,0,.58);font:700 9px/1 "Manrope",Arial,sans-serif;letter-spacing:.08em;pointer-events:none;transition:opacity .2s ease}
.video-frame.is-playing .video-duration{opacity:0}
.video-frame.is-playing::after{opacity:.18}

@media(max-width:1050px){
  :root{--section-space:108px}
  .hero-grid{gap:42px}
  .showreel-shell{grid-template-columns:1fr;gap:46px;padding:46px}
  .showreel-copy{max-width:none;text-align:center}
  .showreel-points{width:min(100%,520px);margin-inline:auto;margin-bottom:34px;text-align:start}
  .video-stage{min-height:620px}
}
@media(max-width:720px){
  :root{--section-space:86px}
  .hero{padding-top:130px;padding-bottom:88px}
  .hero-lead{line-height:1.92;margin:25px 0 31px}
  .section-head{margin-bottom:42px;gap:24px}
  .section-head h2{line-height:1.24}
  .showreel-shell{padding:31px 20px;border-radius:27px}
  .showreel-copy{text-align:start}
  .showreel-copy h3{font-size:43px;line-height:1.23}
  .showreel-copy>p{font-size:13px;line-height:1.95}
  .video-stage{min-height:auto;padding:12px 0 5px}
  .video-frame{width:min(100%,345px);border-radius:30px}
  .video-frame video,.video-frame::after{border-radius:22px}
  .video-play{width:116px;height:116px}
  .package{padding:34px 27px}
  .contact-copy,.contact-form{padding:32px 27px}
}
@media(max-width:460px){
  :root{--section-space:76px}
  .showreel-shell{padding:26px 14px}
  .showreel-copy{padding-inline:7px}
  .video-frame{width:min(100%,320px)}
  .showreel-copy h3{font-size:38px}
}


/* V7: SEO, privacy and utility refinements */
.footer-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.footer-links a{color:#dba270;border-bottom:1px solid rgba(219,162,112,.35);transition:.2s ease}
.footer-links a:hover{color:#ffd1a8;border-color:#ffd1a8}
.cookie-banner[hidden]{display:none!important}
.cookie-banner{position:fixed;z-index:90;right:18px;bottom:18px;width:min(580px,calc(100% - 36px));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid rgba(244,192,140,.4);border-radius:22px;background:rgba(2,27,29,.96);backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.46)}
.cookie-copy{display:grid;gap:5px;color:#b8c8c5;font-size:11px;line-height:1.65}
.cookie-copy strong{color:#f4c08c;font-size:13px}.cookie-copy a{width:max-content;color:#f4c08c;text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:flex;gap:8px;flex-shrink:0}.cookie-btn{width:auto!important;min-width:88px;padding:10px 16px!important;font-size:10px!important}
.privacy-page{min-height:100vh;padding:145px 0 80px}.privacy-shell{max-width:900px;margin:auto;padding:42px;border:1px solid var(--line);border-radius:30px;background:rgba(4,44,46,.7);box-shadow:var(--shadow)}
.privacy-shell h1{font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif!important;font-size:clamp(42px,7vw,74px);line-height:1.1;margin:14px 0 18px}.privacy-shell h2{font-size:20px;color:#f4c08c;margin:34px 0 10px}.privacy-shell p,.privacy-shell li{color:#bccbc8;font-size:13px}.privacy-shell ul{display:grid;gap:8px;padding-inline-start:24px}.privacy-meta{color:#8fa5a2;font-size:11px;margin-bottom:28px}.privacy-back{display:inline-flex;margin-top:28px}
html[dir="ltr"] .footer-links{justify-content:flex-end}
html[dir="ltr"] .cookie-banner{right:auto;left:18px}
@media(max-width:720px){.footer-links{justify-content:center}.cookie-banner{right:12px;bottom:12px;width:calc(100% - 24px);align-items:stretch;flex-direction:column}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-btn{width:100%!important}.privacy-page{padding-top:115px}.privacy-shell{padding:28px 22px}.privacy-shell h1{font-size:42px}}