@font-face{font-family:'FatimahArabic';src:url('../fonts/FATIMAHARABICITF-REGULAR.OTF') format('opentype');font-weight:400;font-style:normal;font-display:block}@font-face{font-family:'FatimahArabic';src:url('../fonts/FATIMAHARABICITF-MEDIUM.OTF') format('opentype');font-weight:500;font-style:normal;font-display:block}@font-face{font-family:'FatimahArabic';src:url('../fonts/FATIMAHARABICITF-BOLD.OTF') format('opentype');font-weight:700;font-style:normal;font-display:block}:root{--navy:#00002b;--blue:#252c6a;--copper:#ba7f6b;--copper-dark:#93604e;--paper:#fcfaf7;--sand:#f2eee8;--ink:#151633;--muted:#6e6c79;--line:#ddd7ce;--header-height:94px;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 18px)}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:'IBM Plex Sans Arabic',Plex,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.9}body,h1,h2,h3,p,figure{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img{object-fit:cover;max-width:100%;display:block}svg{flex-shrink:0}em{color:var(--copper-dark);font-style:normal}ul{margin:0;padding:0;list-style:none}[hidden]{display:none!important}::selection{background:var(--copper);color:#fff}:focus-visible{outline:3px solid var(--copper);outline-offset:5px}.container{width:min(1260px,100% - 112px);margin-inline:auto}.section{scroll-margin-top:var(--header-height);padding-block:112px}h2{letter-spacing:-1.1px;font-size:clamp(33px,3.25vw,48px);font-weight:500;line-height:1.6}h3{font-weight:500}.eyebrow{letter-spacing:.15px;color:var(--copper-dark);align-items:center;gap:11px;margin-bottom:20px;font-size:13px;font-weight:500;display:flex}.eyebrow>span{background:var(--copper);flex:none;width:7px;height:7px;transform:rotate(45deg)}.eyebrow.light{color:#d8a592}.lead{color:var(--muted);max-width:470px;margin-top:23px;font-size:18px;line-height:2.05}.text-link{color:var(--blue);border-bottom:1px solid #252c6a47;align-items:center;gap:12px;padding-block:9px;font-size:14px;font-weight:500;transition:gap .25s,color .25s;display:inline-flex}.text-link svg{width:20px;height:20px}.text-link:hover{color:var(--copper-dark);gap:18px}.text-link.light{color:#fff;border-color:#ffffff4d}.button{background:var(--copper);min-height:57px;color:var(--navy);border:1px solid #0000;justify-content:center;align-items:center;gap:28px;padding:13px 25px;font-size:15px;font-weight:500;line-height:1.65;transition:background .25s,transform .25s;display:inline-flex;position:relative}.button:hover{background:#d2a18f;transform:translateY(-2px)}.button-small{gap:23px;min-height:45px;padding:11px 18px;font-size:13px}.button-navy{background:var(--blue);color:#fff}.button-navy:hover{background:var(--navy)}.button:disabled{opacity:.7;cursor:wait;transform:none}.skip-link{color:var(--navy);z-index:100;background:#fff;padding:10px 20px;position:fixed;top:-100px;right:20px}.skip-link:focus{top:8px}.header{height:var(--header-height);z-index:40;background:var(--navy);color:#fff;border-bottom:1px solid #ffffff1a;position:sticky;inset-block-start:0}.nav-shell{justify-content:space-between;align-items:center;gap:25px;height:100%;display:flex}.brand{flex-direction:column;flex:none;align-items:center;gap:3px;display:flex}.brand img{object-fit:contain;width:102px;height:auto;max-height:64px}.brand span{color:#d0c5c4;letter-spacing:.1px;font-size:9px;font-weight:400;line-height:1.3}.nav-links{color:#e5e2e7;align-items:center;gap:34px;font-size:18px;display:flex}.nav-links>a{font-size:18px;font-weight:500;padding-block:10px;transition:color .2s;position:relative}.nav-links>a:hover,.nav-links>a.active{color:#dba997}.nav-links>a:after{content:"";inset-inline-start:0;background:var(--copper);width:0;height:1px;transition:width .3s;position:absolute;bottom:4px}.nav-links>a.active:after{width:100%}.mobile-nav-cta,.menu-toggle{display:none}.hero{background:var(--navy);color:#fff;height:calc(100svh - var(--header-height));isolation:isolate;min-height:705px;max-height:950px;position:relative;overflow:hidden}.hero-photo{inset-block:0;z-index:-3;width:75%;position:absolute;left:0}.hero-photo img{object-fit:cover;object-position:50% 35%;width:100%;height:100%}.hero-shade{z-index:-2;background:linear-gradient(270deg,#00002b 9%,#00002bf7 25%,#00002b99 47%,#00002b1f 72%),linear-gradient(#00002b26 0%,#0000 68%,#00002bcc 100%);position:absolute;inset:0}.hero-inner{flex-direction:column;justify-content:center;height:100%;padding-block:52px 115px;display:flex;position:relative}.hero-content{width:56%;max-width:670px;animation:entrance 1s var(--ease) both;position:relative}.hero h1{font-family:'FatimahArabic',Plex,Arial,sans-serif;letter-spacing:normal;white-space:nowrap;margin-top:-14px;font-size:clamp(86px,9.4vw,146px);font-weight:500;line-height:1.6}.hero h1 em{color:var(--copper);display:inline-block}.hero-description{font-family:'FatimahArabic',Plex,Arial,sans-serif;font-weight:400;letter-spacing:normal;color:#eeebed;margin-top:-3px;font-size:clamp(19px,1.65vw,25px);line-height:1.95}.hero-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:34px;display:flex}.hero-actions .button{gap:19px}.hero-actions .text-link{font-size:13px}.hero-note{color:#c8bac5;align-items:center;gap:7px;margin-top:15px;font-size:11px;display:flex}.hero-note svg{color:var(--copper)}.hero-bottom{inset-inline:0;border-top:1px solid #ffffff38;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;font-size:11px;display:flex;position:absolute;bottom:30px}.hero-bottom p{color:#eee5e1;letter-spacing:.1px}.hero-bottom p span{color:var(--copper);margin-inline:8px}.scroll-link{align-items:center;gap:12px;display:flex}.scroll-circle{border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .3s;display:flex}.scroll-link:hover .scroll-circle{transform:translateY(4px)}.hero-caption{writing-mode:vertical-rl;letter-spacing:1px;color:#fff;align-items:center;gap:20px;font-size:10px;display:flex;position:absolute;top:42%;left:-22px}.vertical-line{background:var(--copper);width:1px;height:70px}.about-grid{grid-template-columns:1fr 1.05fr;align-items:start;gap:95px;display:grid}.section-intro>.text-link{margin-top:30px}.about-statements{margin-top:6px}.about-statement{border-bottom:1px solid var(--line);align-items:flex-start;gap:30px;padding:22px 0;display:flex}.about-statement:first-child{padding-top:0}.about-statement:last-child{border-bottom:0;padding-bottom:0}#partnership-title,#about-title,#contact-title,#contact-page-title,#model-title{font-family:'FatimahArabic',Plex,Arial,sans-serif;letter-spacing:normal}.statement-number{color:var(--copper-dark);letter-spacing:1px;padding-top:2px;font-family:'FatimahArabic',Arial,sans-serif;font-size:28px;font-weight:600;line-height:1;flex-shrink:0}.about-statement h3{font-family:'FatimahArabic',Plex,Arial,sans-serif;letter-spacing:normal;margin-bottom:8px;font-size:25px;font-weight:500}.about-statement p{color:var(--muted);max-width:430px;font-size:15px;line-height:2}.partnership{background:var(--sand);overflow:hidden}.section-heading{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:45px;display:flex}.section-heading .eyebrow{margin-bottom:14px}.partnership-grid{grid-template-columns:1.03fr 1fr;align-items:stretch;gap:48px;display:grid}.audience-tabs{border-bottom:1px solid #ccc5bd;display:flex}.audience-tabs button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;flex:1;justify-content:space-between;align-items:center;gap:15px;padding:18px 15px;font-size:17px;font-weight:500;transition:all .25s;display:flex}.audience-tabs button[aria-selected=true]{color:var(--blue);border-color:var(--blue)}.audience-tabs button:hover{color:var(--blue);background:#fff6}.audience-content{animation:panel .3s var(--ease);padding-block:33px 0}.audience-content h3{letter-spacing:-.5px;font-size:24px;line-height:1.85}.check-list{flex-direction:column;gap:16px;min-height:158px;margin-block:24px 29px;display:flex}.check-list li{color:#63626e;align-items:flex-start;gap:12px;font-size:15px;line-height:1.9;display:flex}.check-list svg{width:17px;height:17px;color:var(--copper-dark);margin-top:7px}.audience-route{color:var(--muted);border-top:1px solid #d5cec5;margin-top:28px;padding-top:19px;font-size:11px;line-height:2.1}.partnership-visual{min-height:500px;position:relative;overflow:hidden}.partnership-visual>img{object-fit:cover;object-position:50% 45%;width:100%;height:100%;transition:transform 1s var(--ease);position:absolute;inset:0}.partnership-visual:hover>img{transform:scale(1.035)}.partnership-visual:after{content:"";background:linear-gradient(#00002b00 35%,#00002be6);position:absolute;inset:0}.partnership-visual figcaption{z-index:1;color:#fff;position:absolute;bottom:34px;right:35px}.tiny-label{letter-spacing:.4px;color:#dfb3a0;font-size:11px}.partnership-visual figcaption p{font-family:'FatimahArabic',Plex,Arial,sans-serif;letter-spacing:normal;margin-top:11px;font-size:35px;line-height:1.65}.partnership-visual figcaption em{color:#e2b49f}.economic-note{color:#76707a;border-top:1px solid #d8d1c8;margin-top:37px;padding-top:25px;font-size:12px;line-height:2.15}.economic-note>span{color:var(--copper-dark);margin-bottom:5px;font-size:12px;font-weight:500;display:block}.model-section{background:var(--sand);color:var(--ink);position:relative;overflow:hidden}.model-section:before{display:none}.model-heading{grid-template-columns:1.1fr 1fr;gap:15px 90px;display:grid;position:relative}.model-heading>.eyebrow{grid-column:1/-1;margin-bottom:0}.model-heading h2{font-size:clamp(30px,2.9vw,44px);line-height:1.6;color:var(--ink)}.model-heading h2 em{color:var(--copper-dark)}.model-heading>p:last-child{color:var(--muted);max-width:480px;margin-top:5px;font-size:16px;line-height:2.2}.model-elements{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(6,1fr);margin-top:58px;display:grid;position:relative}.model-element{border-left:1px solid var(--line);padding:30px 19px;position:relative}.model-element:last-child{border-left:0}.model-element>svg{color:var(--copper-dark);margin-bottom:17px}.model-number{color:#8f776d;letter-spacing:1px;margin-bottom:23px;font-family:Arial,sans-serif;font-size:10px;display:block}.model-element h3{font-size:17px;color:var(--ink)}.model-boundaries{align-items:center;gap:36px;margin-top:28px;display:flex;position:relative}.model-boundaries>p{color:#dbad98;flex:none;font-size:12px}.model-boundaries>div{color:#a29db4;flex-wrap:wrap;gap:10px 25px;font-size:11px;display:flex}.model-boundaries>div>span{align-items:center;gap:8px;display:flex}.model-boundaries>div>span:before{content:"—";color:#d19c85}.approach{background:var(--paper);border-top:1px solid var(--line)}.heading-side-note{color:var(--muted);border-right:1px solid var(--copper);margin-bottom:8px;padding-right:20px;font-size:13px;line-height:1.95}.approach-grid{grid-template-columns:1.08fr 1fr;align-items:stretch;gap:58px;display:grid}.stage-tabs{border-bottom:1px solid var(--line);gap:20px;display:flex}.stage-tabs button{color:var(--muted);text-align:right;background:0 0;border-bottom:2px solid #0000;flex:1;align-items:center;gap:8px;padding:18px 0;font-size:12px;line-height:1.7;display:flex}.stage-tabs button>span{color:#8f776d;background:#ece6de;padding:3px 7px;font-family:Arial,sans-serif;font-size:10px}.stage-tabs button.selected{border-color:var(--copper);color:var(--blue)}.stage-tabs button.selected>span{background:var(--copper);color:var(--navy)}.stage-content{animation:panel .3s var(--ease);padding-top:26px}.stage-badge{color:var(--copper-dark);letter-spacing:.2px;font-size:10px}.stage-content h3{margin-top:7px;font-size:27px;line-height:1.75}.stage-goal{color:var(--muted);margin-top:12px;font-size:14px;line-height:2}.stage-subheading{color:var(--copper-dark);margin-top:24px;font-size:12px}.stage-list li{color:#666370;border-bottom:1px solid #e7e1d9;align-items:flex-start;gap:14px;padding:12px 0;font-size:13px;line-height:1.85;display:flex}.stage-list li:last-child{border-bottom:0}.stage-list li>span{color:var(--copper-dark);font-family:Arial,sans-serif;font-size:10px;line-height:2.4}.architecture-gallery{background:var(--sand);flex-direction:column;min-height:550px;display:flex}.gallery-images{flex:1;position:relative;overflow:hidden}.gallery-images>img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease);object-position:50% 50%;position:absolute;inset:0}.gallery-images>img.visible{opacity:1}.gallery-bar{color:var(--blue);justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;font-size:12px;display:flex}.gallery-controls{align-items:center;gap:12px;display:flex}.gallery-controls>span{color:var(--muted);text-align:center;min-width:40px;font-family:Arial,sans-serif;font-size:10px}.gallery-controls>button{width:35px;height:35px;color:var(--blue);background:0 0;border:1px solid #d8d0c6;justify-content:center;align-items:center;transition:background .2s;display:flex}.gallery-controls>button:hover{background:var(--copper);border-color:var(--copper)}.why-qariz{background:var(--sand);padding-top:90px;padding-bottom:75px}.why-header{align-items:baseline;gap:55px;margin-bottom:35px;display:flex}.why-header .eyebrow{flex:none;margin:0}.why-header h2{font-size:37px}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:0 50px;display:grid}.benefit{border-top:1px solid #d9d2c9;align-items:flex-start;gap:18px;padding-block:28px;display:flex}.benefit-icon{width:42px;height:42px;color:var(--copper-dark);background:0 0;flex:none;justify-content:center;align-items:center;margin-top:3px;display:flex}.benefit-icon>svg{width:31px;height:31px}.benefit h3{margin-bottom:8px;font-size:19px}.benefit p{color:var(--muted);font-size:13px;line-height:1.95}.why-cta{border-top:1px solid #d9d2c9;justify-content:space-between;align-items:center;gap:25px;margin-top:20px;padding-top:25px;display:flex}.why-cta>p{color:var(--muted);font-size:14px}.faq-grid{grid-template-columns:.76fr 1.3fr;align-items:start;gap:95px;display:grid}.faq .section-intro{position:sticky;top:140px}.faq .lead{max-width:290px;font-size:16px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;align-items:center;gap:22px;padding:24px 0;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary h3{flex:1;font-size:17px;line-height:1.75}.faq-number{color:#ae8c7d;letter-spacing:1px;align-self:flex-start;margin-top:8px;font-family:Arial,sans-serif;font-size:10px}.faq-plus{width:24px;height:24px;color:var(--blue);flex:none;position:relative}.faq-plus:before,.faq-plus:after{content:"";background:currentColor;width:14px;height:1px;transition:transform .25s;position:absolute;top:11px;left:5px}.faq-plus:after{transform:rotate(90deg)}.faq-item[open] .faq-plus:after{transform:rotate(0)}.faq-item[open] summary h3{color:var(--copper-dark)}.faq-item>p{color:var(--muted);animation:panel .3s var(--ease);padding:0 42px 24px 25px;font-size:14px;line-height:2.15}.contact{background:var(--navy);color:#fff;padding-block:105px;position:relative;overflow:hidden}.contact:before{content:"";pointer-events:none;border:1px solid #ba7f6b40;width:550px;height:550px;position:absolute;bottom:-330px;right:-270px;transform:rotate(45deg)}.contact-grid{grid-template-columns:.9fr 1.05fr;align-items:center;gap:85px;display:grid;position:relative}.contact-copy h2{font-family:'FatimahArabic',Plex,Arial,sans-serif;letter-spacing:normal;font-size:clamp(45px,4.7vw,68px);line-height:1.55}.contact-copy h2 em{color:var(--copper)}.contact-description{color:#d8ced8;margin-top:22px;font-size:17px}.contact-assurances{color:#b9b3c9;flex-wrap:wrap;gap:20px;margin-block:30px 40px;font-size:11px;display:flex}.contact-assurances>span{align-items:center;gap:7px;display:flex}.contact-assurances svg{width:15px;height:15px;color:var(--copper)}.whatsapp-contact{border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;align-items:center;gap:18px;max-width:430px;padding:24px 0;display:flex}.whatsapp-contact-icon{color:#d1a18e;border:1px solid #ffffff4d;justify-content:center;align-items:center;width:49px;height:49px;display:flex}.whatsapp-contact-icon>svg{width:24px;height:24px}.whatsapp-contact>div{flex:1}.whatsapp-contact>div>span{color:#b8b2c3;margin-bottom:8px;font-size:12px;line-height:1.8;display:block}.whatsapp-contact strong{text-align:right;letter-spacing:1px;font-family:Arial,sans-serif;font-size:25px;font-weight:400;line-height:1.3;display:block}.whatsapp-contact>svg{color:var(--copper);transition:transform .3s}.whatsapp-contact:hover>svg{transform:translate(-4px,-4px)}.location-note{color:#9290ab;align-items:center;gap:9px;margin-top:24px;font-size:10px;display:flex}.form-card{background:var(--paper);color:var(--ink);min-width:0;padding:35px 35px 25px;box-shadow:0 18px 65px #0000001a}.form-heading{margin-bottom:22px;position:relative}.form-step{color:var(--copper-dark);font-size:10px;position:absolute;top:0;left:0}.form-heading h3{font-size:28px;line-height:1.7}.form-heading>p{color:var(--muted);margin-top:6px;font-size:12px}.kind-fieldset{border:0;min-width:0;margin:0 0 20px;padding:0}.kind-fieldset legend{margin-bottom:10px;font-size:12px}.kind-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.kind-options label{color:var(--muted);cursor:pointer;border:1px solid #dfd7cd;justify-content:center;align-items:center;gap:9px;padding:12px 8px;font-size:13px;transition:all .2s;display:flex;position:relative}.kind-options label.selected{border-color:var(--blue);color:var(--blue);background:#eeedf3}.kind-options input{-webkit-appearance:none;appearance:none;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.kind-options label:focus-within{outline:2px solid var(--copper);outline-offset:3px}.form-grid{grid-template-columns:1fr 1fr;gap:17px 16px;display:grid}.field{color:#34313f;font-size:12px;display:block;position:relative}.field>span:not(.optional){color:var(--copper-dark);margin-right:3px;font-size:12px}.optional{color:#92909b;margin-right:5px;font-size:9px}.field>input,.field>textarea{width:100%;min-height:46px;color:var(--ink);outline-offset:0;background:0 0;border:1px solid #dfd8ce;border-radius:0;margin-top:7px;padding:10px 12px;font-size:12px;transition:border .2s;display:block}.field>textarea{resize:vertical;min-height:92px;max-height:220px}.field>input::placeholder,.field>textarea::placeholder{color:#97939c;opacity:1;font-size:11px}.field>input:focus,.field>textarea:focus,.field>select:focus{border-color:var(--blue);outline:1px solid var(--blue)}.field>select{width:100%;min-height:46px;color:var(--ink);outline-offset:0;background:#fff;border:1px solid #dfd8ce;border-radius:0;margin-top:7px;padding:10px 12px 10px 36px;font-size:12px;font-family:inherit;transition:border .2s;display:block;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23252c6a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center}.field>select:invalid{color:#97939c}.field>select option{color:var(--ink);background:#fff}.full-width{grid-column:1/-1}.details-field{margin-top:17px}.consent{color:var(--muted);cursor:pointer;align-items:center;gap:8px;margin-top:16px;font-size:10px;display:flex}.consent input{accent-color:var(--blue);flex:none;width:14px;height:14px;margin:0}.form-actions{gap:10px;margin-top:21px;display:flex}.form-actions>.button{flex:1;justify-content:space-between;min-height:49px;padding-inline:18px;font-size:13px}.form-whatsapp{width:50px;min-height:49px;color:var(--blue);border:1px solid var(--blue);background:0 0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.form-whatsapp:hover{background:var(--blue);color:#fff}.form-whatsapp svg{width:24px;height:24px}.form-note{color:#96919b;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:9px;display:flex}.form-error{color:#973c2b;background:#f5e7e1;border-right:2px solid #973c2b;margin-top:18px;padding:12px;font-size:12px}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.spinner{border:2px solid #aaa;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.form-success{flex-direction:column;justify-content:center;align-items:flex-start;min-height:560px;display:flex;outline:none!important}.success-icon{width:75px;height:75px;color:var(--copper-dark);border:1px solid #c7b3a5;justify-content:center;align-items:center;margin-bottom:25px;display:flex}.form-success .eyebrow{margin-bottom:10px}.form-success h3{font-size:28px;line-height:1.75}.form-success>p:not(.eyebrow){color:var(--muted);margin-top:20px;font-size:14px}.form-success .request-reference{font-size:10px!important}.request-reference>span{word-break:break-all;color:var(--blue);margin-top:3px;font-family:Arial,sans-serif;font-size:11px;display:block}.form-success .button{gap:13px;margin-top:26px;font-size:13px}.form-success .button>svg{width:20px;height:20px}.reset-form{background:0 0;margin-top:17px;padding-inline:0;font-size:12px}.footer{background:var(--navy);color:#c7c0ce}.footer-main{border-top:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:35px;padding-block:37px;display:flex;position:relative}.footer-brand{align-items:center;gap:21px;display:flex}.footer-brand img{object-fit:contain;width:88px;height:auto;max-height:60px}.footer-brand>span{color:#d4a590;border-right:1px solid #fff3;padding-right:20px;font-size:16px}.footer-main nav{position:absolute;left:50%;transform:translateX(-50%);gap:28px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center}.footer-main nav a:hover{color:var(--copper)}.footer-phone{color:#d6a58f;align-items:center;gap:10px;font-family:Arial,sans-serif;font-size:12px;display:flex}.footer-bottom{color:#8b859e;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:20px;padding-block:17px;font-size:9px;display:flex}.footer-bottom a{align-items:center;gap:9px;display:flex}.floating-whatsapp{color:var(--blue);z-index:30;background:#fff;border:1px solid #252c6a1f;border-radius:2px;align-items:center;gap:12px;padding:14px 17px;transition:transform .3s,background .3s;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 30px #00002b21}.floating-whatsapp>svg{color:#188851;width:22px;height:22px}.floating-whatsapp>span{font-size:11px}.floating-whatsapp:hover{background:#fbf6f0;transform:translateY(-3px)}@keyframes entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes panel{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1700px){.hero-photo{width:68%}.hero-shade{background:linear-gradient(270deg,#00002b 15%,#00002bf0 33%,#00002b73 53%,#00002b0f 76%),linear-gradient(#0000 70%,#00002bbf)}}@media (max-width:1150px){.container{width:calc(100% - 72px)}.nav-links{gap:23px;font-size:17px}.nav-links>a{font-size:17px}.about-grid{gap:55px}.section{padding-block:90px}.hero-actions{gap:18px}.hero-actions .button{padding:13px 19px;font-size:13px}.hero-content{width:60%}.hero h1{font-size:clamp(90px,11vw,140px)}.partnership-grid{gap:32px}.audience-content h3{font-size:21px}.check-list li{font-size:13px}.model-heading{gap:20px 55px}.approach-grid{gap:38px}.stage-tabs{gap:12px}.stage-tabs button{font-size:11px}.stage-content h3{font-size:24px}.benefits-grid{gap:0 30px}.faq-grid{gap:55px}.contact-grid{gap:50px}.form-card{padding:29px 25px 23px}.footer-main nav{gap:16px}}@media (max-width:900px){:root{--header-height:82px}.container{width:calc(100% - 48px)}.nav-links{gap:17px;font-size:17px}.nav-links>a{font-size:17px}.brand img{width:82px}.brand span{font-size:8px}.header-cta{gap:13px;padding:10px 13px;font-size:11px}.hero{min-height:690px}.hero-content{width:68%}.hero-photo{width:85%}.hero-shade{background:linear-gradient(270deg,#00002b 2%,#00002bf0 28%,#00002b85 60%,#00002b2e 100%),linear-gradient(#0000 60%,#00002bcc)}.hero h1{font-size:106px}.hero-description{font-size:22px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:26px}.hero-caption{left:0}.hero-bottom>p{font-size:9px}h2{font-size:35px}.section{padding-block:78px}.about-grid{gap:40px}.about-statement{gap:20px}.about-statement p{font-size:13px}.about-statement h3{font-size:22px}.statement-number{font-size:24px}.lead{font-size:16px}.partnership-grid{gap:24px}.audience-tabs button{padding-inline:8px;font-size:14px}.audience-content h3{font-size:19px}.partnership-visual{min-height:510px}.check-list{gap:13px}.audience-content .button{gap:20px;font-size:13px}.model-heading{gap:20px 35px}.model-heading h2{font-size:31px}.model-heading>p:last-child{font-size:14px}.model-elements{margin-top:38px}.model-element{padding:25px 12px}.model-element h3{font-size:14px}.model-boundaries{align-items:flex-start;gap:24px}.model-boundaries>div{gap:10px 18px}.approach-grid{gap:28px}.architecture-gallery{min-height:570px}.stage-tabs{border:none;flex-direction:column;gap:0}.stage-tabs button{flex:auto;padding:12px 0}.stage-content h3{font-size:22px}.stage-goal{font-size:13px}.stage-content{padding-top:15px}.stage-list li{font-size:12px}.why-header{gap:30px}.why-header h2{font-size:31px}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:0 35px}.why-cta{flex-direction:column;align-items:flex-start;gap:13px}.faq-grid{grid-template-columns:.7fr 1.15fr;gap:35px}.faq-item summary{gap:15px}.faq-item summary h3{font-size:15px}.faq-item>p{padding-right:30px;font-size:13px}.contact-grid{grid-template-columns:.8fr 1fr;gap:35px}.contact-copy h2{font-size:43px}.contact-description{font-size:15px}.contact-assurances{gap:10px;margin-block:23px 30px}.whatsapp-contact{gap:12px}.whatsapp-contact strong{font-size:21px}.whatsapp-contact-icon{width:41px;height:41px}.form-heading h3{font-size:24px}.form-step{font-size:9px}.kind-options{gap:8px}.kind-options label{gap:6px;font-size:11px}.form-grid{gap:15px 10px}.optional{font-size:8px}.footer-main{gap:20px}.footer-main nav{gap:12px;font-size:10px}.footer-brand>span{padding-right:14px;font-size:12px}.footer-brand{gap:14px}.footer-brand img{width:72px}}@media (max-width:700px){:root{--header-height:76px}.container{width:calc(100% - 40px)}.section{padding-block:60px}.header .container{width:calc(100% - 36px)}.nav-shell{gap:16px}.brand{margin-left:auto}.brand img{width:78px}.brand span{font-size:7.5px}.header-cta{gap:13px;min-height:38px;padding:8px 12px;font-size:10px}.header-cta svg{width:15px}.menu-toggle{color:#fff;background:0 0;justify-content:center;align-items:center;width:35px;height:40px;padding:0;display:flex}.menu-toggle svg{width:21px}.nav-links{top:var(--header-height);background:var(--navy);border-bottom:1px solid #4d3a53;flex-direction:column;align-items:stretch;gap:0;padding:17px 24px 24px;display:none;position:absolute;inset-inline:0;box-shadow:0 12px 20px #0003}.nav-links.is-open{display:flex}.nav-links>a{border-bottom:1px solid #ffffff1a;padding-block:13px;font-size:17px;font-weight:500}.nav-links>a:after{display:none}.nav-links .mobile-nav-cta{color:#d6a58f;border-bottom:0;justify-content:space-between;align-items:center;margin-top:8px;display:flex}.hero{height:auto;min-height:720px;max-height:none}.hero-photo{width:100%;height:100%;inset-block:0}.hero-photo img{object-position:45% 35%}.hero-shade{background:linear-gradient(180deg,#00002b87 0%,#00002bbf 20%,#00002bf0 72%,var(--navy) 100%),linear-gradient(270deg,#00002ba1,transparent)}.hero-inner{justify-content:flex-start;min-height:720px;padding-block:82px 130px}.hero-content{width:100%;max-width:550px}.hero-content .eyebrow{margin-bottom:14px;font-size:12px}.hero h1{letter-spacing:normal;margin-top:-10px;font-size:clamp(80px,16vw,114px);line-height:1.7}.hero-description{margin-top:0;font-size:21px;line-height:1.95}.hero-actions{flex-direction:column;gap:18px;margin-top:30px}.hero-actions .button{gap:29px;min-height:54px;padding:14px 20px;font-size:14px}.hero-actions .text-link{font-size:12px}.hero-note{margin-top:20px;font-size:10px}.hero-caption{display:none}.hero-bottom{padding-top:21px;font-size:10px;bottom:23px}.hero-bottom>p{text-align:left;max-width:145px;font-size:8px;line-height:1.8}.hero-bottom>p span{margin-inline:3px}.scroll-circle{width:30px;height:30px}h2{letter-spacing:-.7px;font-size:32px;line-height:1.65}.eyebrow{margin-bottom:17px;font-size:11px}.about-grid{grid-template-columns:1fr;gap:38px}.lead{max-width:100%;margin-top:17px;font-size:15px}.section-intro>.text-link{margin-top:20px}.about-statements{margin:0}.about-statement{gap:24px;padding-block:21px}.about-statement h3{font-size:22px}.statement-number{font-size:24px}.about-statement p{max-width:100%;font-size:14px}.section-heading{margin-bottom:30px;display:block}.section-heading h2{font-size:27px;line-height:1.85}.partnership-grid{grid-template-columns:1fr;gap:30px}.audience-tabs button{padding-block:16px;padding-inline:8px;font-size:16px}.audience-content{padding-top:24px}.audience-content h3{font-size:22px}.check-list{gap:14px;min-height:0;margin-block:22px 27px}.check-list li{font-size:14px}.audience-route{margin-top:23px;font-size:11px}.partnership-visual{min-height:400px}.partnership-visual>img{object-position:50% 38%}.partnership-visual figcaption{bottom:23px;right:25px}.partnership-visual figcaption p{font-size:32px}.economic-note{margin-top:27px;padding-top:20px;font-size:11px}.model-heading{grid-template-columns:1fr;gap:18px}.model-heading h2{font-size:30px}.model-heading>.eyebrow{margin-bottom:0}.model-heading>p:last-child{margin-top:3px;font-size:14px}.model-elements{grid-template-columns:repeat(3,1fr);margin-top:32px}.model-element{padding:23px 14px 20px}.model-element:nth-child(3){border-left:0}.model-element:nth-child(-n+3){border-bottom:1px solid var(--line)}.model-number{margin-bottom:15px;font-size:9px}.model-element>svg{width:28px;height:28px;margin-bottom:12px}.model-element h3{font-size:14px}.model-boundaries{flex-direction:column;gap:13px;margin-top:23px}.model-boundaries>div{gap:8px 14px;font-size:10px}.heading-side-note{margin:20px 0 0;padding-right:14px;font-size:12px}.heading-side-note br{display:none}.approach-grid{grid-template-columns:1fr;gap:30px}.stage-tabs{border-bottom:1px solid var(--line);flex-direction:row;gap:15px}.stage-tabs button{align-items:flex-start;padding-block:13px;font-size:11px}.stage-tabs button>span{margin-top:3px}.stage-content{padding-top:23px}.stage-content h3{font-size:25px}.stage-goal{font-size:14px}.stage-list li{padding-block:13px;font-size:13px}.stage-subheading{margin-top:21px}.architecture-gallery{min-height:410px}.gallery-images{min-height:350px}.gallery-bar{padding:13px 16px}.why-header{margin-bottom:27px;display:block}.why-header .eyebrow{margin-bottom:10px}.why-header h2{font-size:29px}.benefits-grid{grid-template-columns:1fr;gap:0}.benefit{gap:20px;padding-block:22px}.benefit-icon{width:35px;height:35px;margin-top:1px}.benefit h3{font-size:20px}.benefit p{font-size:14px}.why-cta{gap:15px;margin-top:9px}.why-cta>p{font-size:13px;line-height:2}.why-cta>.text-link{font-size:13px}.faq-grid{grid-template-columns:1fr;gap:33px}.faq .section-intro{position:static}.faq .section-intro h2 br{display:none}.faq .lead{max-width:100%;font-size:14px}.faq .section-intro>.text-link{margin-top:15px;font-size:13px}.faq-item summary{gap:15px;padding-block:22px}.faq-item summary h3{font-size:15px}.faq-item>p{padding-bottom:20px;padding-left:10px;padding-right:30px;font-size:13px}.contact-grid{grid-template-columns:1fr;gap:36px}.contact-copy h2{font-size:45px;line-height:1.6}.contact-description{margin-top:15px;font-size:15px}.contact-assurances{gap:22px;margin-block:23px 28px}.whatsapp-contact{max-width:none;padding-block:20px}.whatsapp-contact strong{font-size:24px}.whatsapp-contact-icon{width:47px;height:47px}.location-note{margin-top:21px;font-size:9px}.form-card{padding:27px 22px 24px}.form-heading h3{font-size:27px}.form-step{font-size:9px}.kind-options label{padding-block:13px;font-size:13px}.kind-options{gap:10px}.form-grid{gap:16px 12px}.field{font-size:11px}.optional{font-size:8px}.field>input,.field>textarea{min-height:47px;padding-inline:10px;font-size:13px}.field>input::placeholder,.field>textarea::placeholder{font-size:10px}.field>textarea{min-height:90px}.form-heading>p{font-size:12px}.consent{margin-top:17px;font-size:10px}.form-actions>.button{min-height:52px;font-size:13px}.form-note{font-size:9px}.form-success{min-height:520px}.form-success h3{font-size:26px}.form-success .button{gap:10px;font-size:12px}.footer-main{flex-wrap:wrap;justify-content:space-between;gap:25px;padding-block:30px}.footer-brand img{width:79px}.footer-brand>span{font-size:16px}.footer-main nav{order:3;position:static;transform:none;justify-content:center;align-items:center;gap:20px;width:100%;font-size:12px;font-weight:500}.footer-phone{gap:7px;font-size:10px}.footer-bottom{align-items:flex-start;gap:12px;padding-block:17px 73px;font-size:8px}.footer-bottom>p{max-width:225px}.footer-bottom>a{flex:none;gap:3px}.floating-whatsapp{border-radius:50%;justify-content:center;width:49px;height:49px;padding:13px;bottom:17px;left:17px;box-shadow:0 4px 20px #00002b38}.floating-whatsapp>span{display:none}.floating-whatsapp>svg{width:24px;height:24px}}@media (max-width:360px){.container{width:calc(100% - 30px)}.hero h1{font-size:clamp(66px,21vw,78px)}.hero-description{font-size:19px}.hero-actions .button{gap:16px;font-size:13px}.audience-content h3{font-size:20px}.form-grid{grid-template-columns:1fr}.form-card{padding-inline:20px}.form-step{margin-bottom:5px;display:block;position:static}.contact-assurances{gap:13px}.stage-tabs button{font-size:10px}.footer-main nav{flex-wrap:wrap;justify-content:center;gap:15px}.footer-phone{font-size:9px}.hero-bottom>p{max-width:130px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
#spa-loader{position:fixed;top:0;inset-inline-start:0;width:0%;height:3px;background:linear-gradient(90deg,var(--copper),#d4a590,#fff);z-index:99999;pointer-events:none;opacity:0;transition:width .25s ease,opacity .2s ease}#spa-loader.active{opacity:1;width:75%}#spa-loader.done{width:100%;opacity:0;transition:width .15s ease,opacity .3s ease .1s}#main{transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}#main.spa-leaving{opacity:0;transform:translateY(-8px);pointer-events:none}#main.spa-entering{opacity:0;transform:translateY(8px)}#main.spa-entered{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){#main{transition:none!important}#spa-loader{display:none!important}}@media (min-width:701px){.nav-shell{position:relative}.nav-links{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%)}}.typewriter-container{display:inline;position:relative;direction:rtl;white-space:nowrap}.typewriter-word{color:var(--copper);display:inline;font-style:normal;font-family:inherit}.typewriter-cursor{display:inline-block;margin-right:4px;color:var(--copper);font-family:Arial,sans-serif;font-weight:200;font-style:normal;opacity:1;animation:typewriterBlink .85s step-start infinite;user-select:none;line-height:.85;vertical-align:baseline}@keyframes typewriterBlink{0%,100%{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.typewriter-cursor{display:none!important}}@keyframes preloaderFadeOut{0%,80%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}.site-preloader{position:fixed;inset:0;z-index:999999;background:var(--navy);display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .7s cubic-bezier(.22,1,.36,1),visibility .7s,transform .7s;animation:preloaderFadeOut 1.8s ease forwards}.site-preloader.is-loaded{opacity:0!important;visibility:hidden!important;transform:scale(1.03)!important;pointer-events:none!important;animation:none!important}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.preloader-logo{animation:preloaderPulse 1.8s ease-in-out infinite;width:125px;height:auto}.preloader-spinner{width:140px;height:2px;background:rgba(255,255,255,.15);position:relative;overflow:hidden;border-radius:2px}.preloader-bar{position:absolute;inset-block:0;width:45%;background:linear-gradient(90deg,transparent,var(--copper),#fff);animation:preloaderSlide 1.4s cubic-bezier(.4,0,.2,1) infinite}.preloader-slogan{color:var(--copper);font-size:14px;font-weight:500;letter-spacing:.5px;font-family:'FatimahArabic',Plex,sans-serif;margin:0}@keyframes preloaderPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}@keyframes preloaderSlide{0%{inset-inline-start:-50%}100%{inset-inline-start:110%}}.hero-video{width:100%;height:100%;object-fit:cover;object-position:50% 35%;display:block;opacity:0;transition:opacity .6s ease}.hero-video.is-playing{opacity:1}@media (max-width:768px){.hero-video{object-position:center center}}.footer-social-links{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:14px}.footer-social-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:#c7c0ce;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);transition:all .25s ease}.footer-social-btn:hover{color:var(--copper);border-color:var(--copper);background:rgba(186,127,107,.15);transform:translateY(-2px)}.footer-social-btn svg{width:17px;height:17px}@media (max-width:700px){.footer-social-links{order:3;position:static;transform:none;width:100%;margin-top:10px}}.footer-email{display:inline-flex;align-items:center;gap:7px;color:#c7c0ce;text-decoration:none;font-size:12px;letter-spacing:.3px;direction:ltr;transition:color .25s ease}.footer-email:hover{color:var(--copper)}.footer-email svg{color:var(--copper);width:14px;height:14px;flex-shrink:0}@media (max-width:700px){.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.footer-email{font-size:11px}}.location-note{align-items:flex-start;line-height:1.7}.location-note svg{margin-top:2px;flex-shrink:0}.contact-form-col{display:flex;flex-direction:column;width:100%}.accreditations-center-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1040px;margin:45px auto 0;align-items:center;width:100%;box-sizing:border-box}.accreditation-item{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;box-sizing:border-box}.accreditation-logo-card{background:#fff;border:1px solid rgba(223,215,205,.85);border-radius:10px;padding:4px 10px;box-shadow:0 4px 14px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;height:52px;width:142px;flex-shrink:0;box-sizing:border-box;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.accreditation-logo-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12);border-color:var(--copper)}.accreditation-logo{height:38px;width:auto;max-width:120px;object-fit:contain;display:block}.accreditation-logo.logo-housing,.accreditation-logo.logo-rega{height:36px;max-width:120px}.accreditation-label-multiline{white-space:normal;max-width:160px;line-height:1.35}.accreditation-meta{display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:right;max-width:165px}.accreditation-label{color:#c7c0ce;font-size:11px;font-weight:500;line-height:1.35;white-space:normal;text-align:right}.accreditation-val{color:#fff;font-family:'IBM Plex Sans Arabic',Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:.5px;text-align:right;direction:rtl}@media (max-width:960px){.accreditations-center-wrapper{grid-template-columns:1fr;max-width:320px;gap:16px;margin:30px auto 0}.accreditation-item{width:100%;justify-content:flex-start;gap:14px}.accreditation-logo-card{width:142px;height:52px;flex-shrink:0}.accreditation-meta{flex:1;min-width:0;max-width:none;text-align:right}}@media (max-width:360px){.accreditations-center-wrapper{max-width:285px}.accreditation-item{gap:10px}.accreditation-logo-card{width:130px;height:48px;padding:3px 8px}.accreditation-logo{height:34px;max-width:108px}.accreditation-logo.logo-housing,.accreditation-logo.logo-rega{height:32px;max-width:108px}}.footer-snapchat-icon{display:inline-block;width:17px;height:17px;background-color:currentColor;-webkit-mask-image:url('../images/snapchat.png');-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url('../images/snapchat.png');mask-repeat:no-repeat;mask-position:center;mask-size:contain;vertical-align:middle}


/* ====================================================
   /* ====================================================
   JOURNEY TIMELINE COMPONENT (رحلتك تبدأ بخطوة - بحجم أكبر وأوضح)
   ==================================================== */
.journey-timeline-block{margin-top:75px;margin-bottom:30px;position:relative}
.journey-top-bar{align-items:center;gap:14px;margin-bottom:35px;padding-right:15px;display:flex}
.journey-top-title{letter-spacing:-.4px;color:var(--navy);align-items:center;gap:12px;font-size:27px;font-weight:800;display:inline-flex}
.journey-start-dot{background:var(--navy);border-radius:50%;width:18px;height:18px;display:inline-block;box-shadow:0 0 0 5px #00002b26}
.journey-canvas-wrap{width:100%;position:relative}
.journey-svg-track{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible!important}
.journey-track-base{display:none!important}
.journey-track-active{stroke:var(--navy);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}
.journey-rows{z-index:2;flex-direction:column;gap:30px;display:flex;position:relative}
.journey-row-grid{display:grid}
.journey-row-bottom{grid-template-columns:repeat(3,1fr);gap:35px 50px;padding-left:15px;padding-right:20px;width:100%;box-sizing:border-box}
.journey-row-top{grid-template-columns:repeat(3,1fr);gap:35px 40px;padding-right:22%;padding-left:5%;width:100%;box-sizing:border-box}
@media (min-width:992px){.journey-top-bar{padding-right:20%}}

/* Stations initially 100% HIDDEN */
.journey-station{flex-direction:column;align-items:center;text-align:center;display:flex;position:relative}
.journey-station-num{background:var(--navy);border:3.5px solid var(--navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-family:Arial,sans-serif;font-size:24px;font-weight:800;opacity:0;transform:scale(.2);pointer-events:none;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);display:flex;position:relative;z-index:3;box-shadow:0 6px 18px #00002b33}
.journey-station.is-active .journey-station-num{opacity:1;transform:scale(1.08);pointer-events:auto;box-shadow:0 0 0 6px #00002b24,0 10px 28px #00002b42}
.journey-station-line{width:0;height:20px;opacity:0;border-left:3px dotted var(--navy);margin:4px auto 10px;transition:opacity .4s ease,transform .4s ease;transform:scaleY(0);transform-origin:top center}
.journey-station.is-active .journey-station-line{opacity:1;transform:scaleY(1)}
.journey-station-card{background:0 0;border:none;border-radius:0;box-shadow:none;opacity:0;transform:translateY(18px);pointer-events:none;width:100%;max-width:320px;padding:0;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}
.journey-station.is-active .journey-station-card{opacity:1;transform:translateY(0);pointer-events:auto}
.journey-station-title{letter-spacing:-.3px;color:var(--navy);margin:0 0 6px;font-size:22px;font-weight:800}
.journey-station-badge{color:var(--copper-dark);margin-bottom:10px;font-size:15px;font-weight:700;display:inline-block}
.journey-station-desc{color:#3d3a4b;margin:0;font-size:15px;line-height:1.95}
.journey-station-cta{background:var(--navy);color:#fff!important;border-radius:5px;justify-content:center;align-items:center;margin-top:10px;padding:8px 20px;font-size:14.5px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}
.journey-station-cta:hover{background:var(--blue);transform:translateY(-2px);box-shadow:0 4px 14px #00002b40}

/* Flag bigger */
.journey-flag-holder{pointer-events:none;opacity:0;transform:translate(-50%,20px) scale(.4);width:85px;height:105px;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);position:absolute;top:-105px;left:50%}
.journey-station.is-active .journey-flag-holder{opacity:1;transform:translate(-50%,0) scale(1)}
.journey-flag-mast{background:linear-gradient(to top,#00002b,#737184);border-radius:2px;width:4px;height:98px;position:absolute;bottom:0;left:20px}
.journey-flag-mast:before{content:"";background:#c59b88;border-radius:50%;width:11px;height:11px;position:absolute;top:-6px;left:-3.5px}
.journey-flag-sail{background:#fff;border:1px solid #00002b26;border-radius:0 4px 4px 0;justify-content:center;align-items:center;width:54px;height:38px;animation:flagFlutter 2.8s ease-in-out infinite alternate;display:flex;position:absolute;top:6px;left:24px;transform-origin:left center;box-shadow:0 4px 12px #00002b26}
.journey-flag-sail img{object-fit:contain;width:34px;height:auto}
@keyframes flagFlutter{0%{transform:perspective(200px) rotateY(0deg) skewY(0deg)}50%{transform:perspective(200px) rotateY(-12deg) skewY(-3deg)}100%{transform:perspective(200px) rotateY(8deg) skewY(2deg)}}

@media (max-width:991px){
.journey-timeline-block{margin-top:45px}
.journey-top-title{font-size:23px}
.journey-svg-track{display:none}
.journey-rows{gap:0}
.journey-row-grid{gap:30px;padding-left:0;padding-right:0}
.journey-row-top{grid-template-columns:1fr;padding-right:0;padding-left:0;width:100%}
.journey-row-bottom{display:flex;flex-direction:column;gap:30px;margin-top:30px;padding-right:0;padding-left:0;width:100%}
.journey-row-bottom .journey-station[data-step="4"]{order:1}
.journey-row-bottom .journey-station[data-step="5"]{order:2}
.journey-row-bottom .journey-station[data-step="6"]{order:3}
.journey-flag-holder{display:none!important}
.journey-canvas-wrap{padding-right:30px;position:relative}
.journey-canvas-wrap:before{display:none!important}
.journey-station{flex-direction:row;align-items:flex-start;text-align:right;gap:20px}
.journey-station-num{width:52px;height:52px;font-size:21px;flex:none}
.journey-station-line{display:none}
.journey-station-card{max-width:100%;text-align:right}
.journey-station-title{font-size:20px}
.journey-station-desc{font-size:14.5px}
}

/* Contact Page Specific Styles (SPA Compatible) */
.contact-page {
    min-height: calc(100vh - var(--header-height));
    background: var(--navy) !important;
    color: #fff;
    padding-block: 70px 95px;
    position: relative;
    overflow: hidden;
}
.contact-page:before {
    content: "";
    pointer-events: none;
    border: 1px solid rgba(186, 127, 107, 0.25);
    width: 550px;
    height: 550px;
    position: absolute;
    bottom: -300px;
    right: -250px;
    transform: rotate(45deg);
}
.contact-direct-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 24px;
    margin-top: 35px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.contact-direct-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    color: #eeebed;
    font-size: 14px;
    line-height: 1.6;
}
.contact-direct-item svg {
    color: var(--copper);
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 3px;
}
.contact-direct-item a {
    color: #fff;
    font-weight: 500;
    transition: color 0.2s;
}
.contact-direct-item a:hover {
    color: var(--copper);
}

/* ====================================================
   ABOUT SECTION ON-SCROLL SEQUENTIAL REVEAL (عن قارز)
   التسلسل المطلوب:
   1. العنوان والـ Eyebrow (قارز… شريكٌ في صناعة المشروع العقاري + عن قارز)
   2. الوصف والزر (شركة سعودية للتطوير... + سجل اهتمامك)
   3. العنصر 01 (ما نفعله)
   4. العنصر 02 (دورنا)
   5. العنصر 03 (قيمتنا)
   ==================================================== */
#about.about-reveal-ready .section-intro .eyebrow,
#about.about-reveal-ready .section-intro #about-title,
#about.about-reveal-ready .section-intro .lead,
#about.about-reveal-ready .section-intro .text-link,
#about.about-reveal-ready .about-heading-wrap .eyebrow,
#about.about-reveal-ready .about-line,
#about.about-reveal-ready .about-visual,
#about.about-reveal-ready .about-statements .about-statement {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity 0.85s var(--ease), transform 0.85s var(--ease);
    will-change: opacity, transform;
}

#about.about-reveal-ready .about-line {
    display: block;
}

/* 1. First show Eyebrow */
#about.about-reveal-ready .section-intro .eyebrow,
#about.about-reveal-ready .about-heading-wrap .eyebrow {
    transition-delay: 0.06s;
}

/* 2. Cascade each line of the about manifesto */
#about.about-reveal-ready .about-line.line-1 {
    transition-delay: 0.18s;
}
#about.about-reveal-ready .about-line.line-2 {
    transition-delay: 0.34s;
}
#about.about-reveal-ready .about-line.line-3 {
    transition-delay: 0.50s;
}
#about.about-reveal-ready .about-line.line-4 {
    transition-delay: 0.66s;
}
#about.about-reveal-ready .about-line.line-5 {
    transition-delay: 0.82s;
}

/* 3. Architectural visual */
#about.about-reveal-ready .about-visual {
    transition-delay: 0.35s;
}

/* 4. Description & CTA link if present */
#about.about-reveal-ready .section-intro .lead {
    transition-delay: 0.36s;
}
#about.about-reveal-ready .section-intro .text-link {
    transition-delay: 0.5s;
    transition-property: opacity, transform, gap, color;
    transition-duration: 0.8s, 0.8s, 0.25s, 0.25s;
}

/* 5. Then show Statements 01, 02, 03 */
#about.about-reveal-ready .about-statements .about-statement:nth-child(1) {
    transition-delay: 0.85s;
}
#about.about-reveal-ready .about-statements .about-statement:nth-child(2) {
    transition-delay: 1.02s;
}
#about.about-reveal-ready .about-statements .about-statement:nth-child(3) {
    transition-delay: 1.19s;
}

/* Triggered State: smoothly transition all to visible */
#about.is-revealed .section-intro .eyebrow,
#about.is-revealed .section-intro #about-title,
#about.is-revealed .section-intro .lead,
#about.is-revealed .section-intro .text-link,
#about.is-revealed .about-heading-wrap .eyebrow,
#about.is-revealed .about-line,
#about.is-revealed .about-visual,
#about.is-revealed .about-statements .about-statement {
    opacity: 1;
    transform: translateY(0);
}

/* Fast reset when scrolled back above section */
#about.about-reveal-ready:not(.is-revealed) .about-heading-wrap .eyebrow,
#about.about-reveal-ready:not(.is-revealed) .about-line,
#about.about-reveal-ready:not(.is-revealed) .about-visual,
#about.about-reveal-ready:not(.is-revealed) .about-statements .about-statement {
    transition-delay: 0s !important;
    transition-duration: 0.25s !important;
}

/* Accessibility: Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    #about.about-reveal-ready .section-intro .eyebrow,
    #about.about-reveal-ready .section-intro #about-title,
    #about.about-reveal-ready .section-intro .lead,
    #about.about-reveal-ready .section-intro .text-link,
    #about.about-reveal-ready .about-statements .about-statement {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* ==========================================================================
   CONTACT PAGE TEXT-ONLY ON-SCROLL REVEAL (تأثير الظهور التدريجي للنصوص فقط)
   ========================================================================== */

/* 1. ضمان بقاء كافة البطاقات والنماذج والحاويات ثابتة 100% وبلا أي حركة */
.form-card,
.contact-form-col form,
.contact-form-col .field,
.contact-form-col .form-grid,
.contact-form-col .consent,
.contact-form-col .form-actions,
.contact-direct-card,
.accreditation-logo-card,
.accreditations-center-wrapper,
.partnership-visual,
.partnership-visual img,
.audience-panel,
.journey-timeline-block {
    opacity: 1 !important;
    transform: none !important;
}

/* 2. النصوص المستهدفة فقط تبدأ بحالة الاستعداد (مخفية وجاهزة للصعود الانسيابي البطيء) */
#partnership.contact-text-reveal-ready .contact-page-breadcrumb,
#partnership.contact-text-reveal-ready .section-heading .eyebrow,
#partnership.contact-text-reveal-ready #partnership-title,
#partnership.contact-text-reveal-ready .audience-tabs button,
#partnership.contact-text-reveal-ready .audience-content h3,
#partnership.contact-text-reveal-ready .audience-content .check-list li,
#partnership.contact-text-reveal-ready .audience-content .button,
#partnership.contact-text-reveal-ready .audience-route,
#partnership.contact-text-reveal-ready .partnership-visual figcaption *,
#contact.contact-text-reveal-ready .contact-copy .eyebrow,
#contact.contact-text-reveal-ready #contact-page-title,
#contact.contact-text-reveal-ready .contact-description,
#contact.contact-text-reveal-ready .contact-direct-item span,
#contact.contact-text-reveal-ready .form-heading h3,
#contact.contact-text-reveal-ready .form-heading p,
#contact.contact-text-reveal-ready .form-note,
#contact.contact-text-reveal-ready .accreditation-meta * {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

/* 3. المرحلة الأولى: العناوين والبادئات الرئيسية أولاً */
#partnership.contact-text-reveal-ready .contact-page-breadcrumb,
#partnership.contact-text-reveal-ready .section-heading .eyebrow,
#contact.contact-text-reveal-ready .contact-copy .eyebrow {
    transition-delay: 0.05s;
}

#partnership.contact-text-reveal-ready #partnership-title,
#contact.contact-text-reveal-ready #contact-page-title {
    transition-delay: 0.20s;
}

#contact.contact-text-reveal-ready .form-heading h3 {
    transition-delay: 0.32s;
}

/* 4. المرحلة الثانية: باقي النصوص والنصوص داخل البطاقات ثانياً */
#partnership.contact-text-reveal-ready .audience-tabs button {
    transition-delay: 0.50s;
}
#partnership.contact-text-reveal-ready .audience-content h3 {
    transition-delay: 0.60s;
}
#partnership.contact-text-reveal-ready .partnership-visual figcaption * {
    transition-delay: 0.65s;
}
#partnership.contact-text-reveal-ready .audience-content .check-list li {
    transition-delay: 0.75s;
}
#partnership.contact-text-reveal-ready .audience-content .button,
#partnership.contact-text-reveal-ready .audience-route {
    transition-delay: 0.85s;
}

#contact.contact-text-reveal-ready .contact-description {
    transition-delay: 0.52s;
}
#contact.contact-text-reveal-ready .form-heading p {
    transition-delay: 0.58s;
}
#contact.contact-text-reveal-ready .contact-direct-item span {
    transition-delay: 0.68s;
}
#contact.contact-text-reveal-ready .form-note {
    transition-delay: 0.82s;
}
#contact.contact-text-reveal-ready .accreditation-meta * {
    transition-delay: 0.90s;
}

/* 5. عند وصول التمرير: تفعيل كلاس .is-revealed واستقرار النصوص */
#partnership.is-revealed .contact-page-breadcrumb,
#partnership.is-revealed .section-heading .eyebrow,
#partnership.is-revealed #partnership-title,
#partnership.is-revealed .audience-tabs button,
#partnership.is-revealed .audience-content h3,
#partnership.is-revealed .audience-content .check-list li,
#partnership.is-revealed .audience-content .button,
#partnership.is-revealed .audience-route,
#partnership.is-revealed .partnership-visual figcaption *,
#contact.is-revealed .contact-copy .eyebrow,
#contact.is-revealed #contact-page-title,
#contact.is-revealed .contact-description,
#contact.is-revealed .contact-direct-item span,
#contact.is-revealed .form-heading h3,
#contact.is-revealed .form-heading p,
#contact.is-revealed .form-note,
#contact.is-revealed .accreditation-meta * {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 6. وضع تقليل الحركة (Reduced Motion Accessibility) */
@media (prefers-reduced-motion: reduce) {
    #partnership.contact-text-reveal-ready *,
    #contact.contact-text-reveal-ready * {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* 7. حركة الخطوط الحركية ذاتية الرسم (Kinetic Background Canvas) */
.partnership {
    position: relative;
    overflow: hidden;
}

.partnership-bg-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    opacity: 0.8;
}

.partnership > .container {
    position: relative;
    z-index: 1;
}

/* 8. تأثيرات التمرير التفاعلية الفاخرة لنصوص وأزرار وقوائم قسم الشراكة (Partnership Interactive Hover Effects) */
#partnership.is-revealed .audience-content .button:hover,
#partnership .audience-content .button:hover,
.audience-content .button:hover {
    transform: translateY(-3px) !important;
    background: var(--navy) !important;
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(0, 0, 43, 0.28) !important;
    transition: transform 0.25s var(--ease), background 0.25s var(--ease), box-shadow 0.25s var(--ease), color 0.25s var(--ease) !important;
    transition-delay: 0s !important;
    cursor: pointer;
}

#partnership.is-revealed .audience-content .button:hover svg,
#partnership .audience-content .button:hover svg,
.audience-content .button:hover svg {
    transform: translate(-3px, -3px) !important;
    transition: transform 0.25s var(--ease) !important;
    transition-delay: 0s !important;
}

#partnership.is-revealed .audience-tabs button:hover,
#partnership .audience-tabs button:hover,
.audience-tabs button:hover {
    color: var(--blue) !important;
    background: rgba(255, 255, 255, 0.75) !important;
    border-bottom-color: var(--blue) !important;
    transition: color 0.2s var(--ease), background 0.2s var(--ease), border-color 0.2s var(--ease) !important;
    transition-delay: 0s !important;
    cursor: pointer;
}

.check-list li {
    padding: 6px 12px;
    margin-inline: -12px;
    border-radius: 6px;
    transition: background 0.25s var(--ease), color 0.25s var(--ease), transform 0.25s var(--ease), box-shadow 0.25s var(--ease) !important;
    cursor: default;
}

#partnership.is-revealed .audience-content .check-list li:hover,
#partnership .audience-content .check-list li:hover,
.check-list li:hover {
    background: rgba(255, 255, 255, 0.75) !important;
    color: var(--ink) !important;
    transform: translateX(-6px) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 43, 0.06) !important;
    transition-delay: 0s !important;
}

.check-list li svg {
    transition: transform 0.25s var(--ease), color 0.25s var(--ease) !important;
}

#partnership.is-revealed .audience-content .check-list li:hover svg,
#partnership .audience-content .check-list li:hover svg,
.check-list li:hover svg {
    color: var(--copper) !important;
    transform: scale(1.25) !important;
    transition-delay: 0s !important;
}

#partnership-title {
    transition: color 0.3s var(--ease) !important;
    cursor: default;
}

#partnership.is-revealed #partnership-title:hover,
#partnership #partnership-title:hover,
#partnership-title:hover {
    color: var(--blue) !important;
    transition-delay: 0s !important;
}

#partnership-title em {
    transition: color 0.3s var(--ease) !important;
}

#partnership.is-revealed #partnership-title:hover em,
#partnership #partnership-title:hover em,
#partnership-title:hover em {
    color: var(--copper) !important;
    transition-delay: 0s !important;
}

.audience-content h3 {
    transition: color 0.3s var(--ease) !important;
    cursor: default;
}

#partnership.is-revealed .audience-content h3:hover,
#partnership .audience-content h3:hover,
.audience-content h3:hover {
    color: var(--copper-dark) !important;
    transition-delay: 0s !important;
}

/* ====================================================
   ABOUT SECTION ARCHITECTURAL VISUAL & TITLE TUNING
   ==================================================== */
.about-heading-wrap {
    max-width: 580px;
    margin-bottom: 24px;
}

#about .section-intro {
    margin-top: -18px;
}

#about .eyebrow {
    margin-bottom: 12px;
}

#about #about-title {
    margin-top: 0;
    line-height: 1.5;
}

.about-visual-col .about-visual,
.about-visual {
    margin: 0;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: var(--navy);
    box-shadow: 0 14px 40px rgba(0, 0, 43, 0.12);
    border: 1px solid rgba(221, 215, 206, 0.4);
}

.about-visual > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.8s var(--ease);
    display: block;
}

.about-visual:hover > img {
    transform: scale(1.03);
}

.about-visual:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 43, 0) 35%, rgba(0, 0, 43, 0.45) 60%, rgba(0, 0, 43, 0.92) 100%);
    pointer-events: none;
}

.about-visual figcaption {
    position: absolute;
    bottom: 22px;
    right: 24px;
    left: 24px;
    z-index: 2;
    color: #fff;
    pointer-events: none;
}

.about-visual figcaption p {
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    text-shadow: 0 2px 10px rgba(0, 0, 20, 0.5);
    letter-spacing: 0.1px;
}

.section-intro > .about-visual + .text-link,
.about-visual-col > .about-visual + .text-link {
    margin-top: 0 !important;
}

.about-statements {
    margin-top: 0;
}

.about-statements > .text-link {
    margin-top: 30px;
    display: inline-flex;
}

.about-statement {
    border-bottom: 1px solid var(--line);
    align-items: flex-start;
    gap: 30px;
    padding: 28px 0;
    display: flex;
}

.about-statement:first-child {
    padding-top: 0;
}

.about-statement:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

@media (max-width: 700px) {
    .about-heading-wrap {
        margin-bottom: 18px;
    }
    #about .section-intro {
        margin-top: -6px;
    }
    .about-visual-col .about-visual,
    .about-visual {
        margin: 0;
        aspect-ratio: 1 / 1;
        height: auto;
        min-height: auto;
    }
    .about-visual figcaption {
        bottom: 16px;
        right: 18px;
        left: 18px;
    }
    .about-visual figcaption p {
        font-size: 13.5px;
        line-height: 1.7;
    }
    .about-statements {
        margin-top: 25px;
    }
    .about-statement {
        padding: 21px 0;
    }
    .about-statement:first-child {
        padding-top: 0;
    }
    .about-statements > .text-link {
        margin-top: 22px;
    }
}