/* ===========================================================
   AREEMA PROPERTIES — Shared Site Styles
   Brand: purple #30103B / terracotta #C8553D / cream #F4EFE6
   =========================================================== */
:root{
  --purple:#30103B;
  --purple-deep:#1F0826;
  --purple-soft:#6B4E8A;
  --terracotta:#C8553D;
  --terracotta-deep:#9B3F2B;
  --cream:#F4EFE6;
  --cream-deep:#EBE3D4;
  --ink:#181410;
  --ink-soft:#524A40;
  --line:rgba(48,16,59,0.14);
  --line-light:rgba(244,239,230,0.18);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
body{
  font-family:'Montserrat',sans-serif;
  background:var(--cream);
  color:var(--ink);
  line-height:1.6;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
.serif{font-family:'Cinzel',serif;}
.script{font-family:'Caveat',cursive;}
a{color:inherit;}
img{max-width:100%;display:block;}

.wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
.eyebrow{
  font-size:11px;text-transform:uppercase;letter-spacing:0.22em;
  font-weight:600;color:var(--terracotta);display:inline-flex;align-items:center;gap:12px;
}
.eyebrow::before{content:'';width:30px;height:2px;background:var(--terracotta);}

/* ===== BUTTONS ===== */
.btn{
  display:inline-flex;align-items:center;gap:9px;
  padding:14px 28px;border-radius:40px;text-decoration:none;
  font-weight:600;font-size:15px;transition:all .2s;cursor:pointer;border:1.5px solid transparent;
}
.btn-primary{background:var(--terracotta);color:var(--cream);border-color:var(--terracotta);}
.btn-primary:hover{background:var(--terracotta-deep);border-color:var(--terracotta-deep);}
.btn-ghost{background:transparent;color:var(--cream);border-color:rgba(244,239,230,0.5);}
.btn-ghost:hover{background:var(--cream);color:var(--purple);}
.btn-dark{background:var(--purple);color:var(--cream);border-color:var(--purple);}
.btn-dark:hover{background:var(--terracotta);border-color:var(--terracotta);}

/* ===== NAV ===== */
nav{
  position:sticky;top:0;z-index:100;
  background:rgba(244,239,230,0.94);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.nav-inner{max-width:1180px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;}
.brand .mono{font-family:'Cinzel',serif;font-weight:700;font-size:30px;line-height:1;letter-spacing:-2px;}
.brand .mono .a{color:var(--purple);}
.brand .mono .p{color:var(--terracotta);margin-left:-5px;}
.brand .bdiv{width:1.5px;height:34px;background:var(--line);}
.brand .bword{font-family:'Cinzel',serif;font-weight:600;letter-spacing:2.5px;font-size:17px;color:var(--purple);line-height:1;}
.brand .bword .pp{color:var(--terracotta);font-size:11px;letter-spacing:4px;display:block;margin-top:2px;}
.nav-links{display:flex;align-items:center;gap:30px;}
.nav-links a{text-decoration:none;font-size:14.5px;font-weight:600;color:var(--ink);transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--terracotta);}
.nav-toggle{display:none;background:none;border:none;font-size:24px;color:var(--purple);cursor:pointer;}

@media(max-width:860px){
  .nav-links{
    display:none;position:absolute;top:100%;left:0;right:0;
    background:var(--cream);flex-direction:column;gap:0;padding:8px 0;
    border-bottom:1px solid var(--line);
  }
  .nav-links.open{display:flex;}
  .nav-links a{padding:14px 32px;width:100%;border-bottom:1px solid var(--line);}
  .nav-links .btn{margin:12px 32px;justify-content:center;}
  .nav-toggle{display:block;}
  .brand .bword{font-size:14px;letter-spacing:1.5px;}
}

/* ===== HERO / PAGE HEADERS ===== */
.hero{
  background:var(--purple);color:var(--cream);position:relative;overflow:hidden;
  padding:90px 0 100px;
}
.page-head{
  background:var(--purple);color:var(--cream);position:relative;overflow:hidden;
  padding:64px 0 70px;
}
.deco-circle{position:absolute;border-radius:50%;}
.dc-terra{background:var(--terracotta);opacity:0.9;}
.dc-cream{background:var(--cream);opacity:0.07;}
.dc-1{width:200px;height:200px;top:-70px;right:-50px;}
.dc-2{width:130px;height:130px;bottom:-60px;left:-40px;}
.dc-3{width:24px;height:24px;top:80px;right:230px;background:var(--cream);opacity:0.18;}
.dots-deco{position:absolute;display:grid;grid-template-columns:repeat(4,5px);gap:8px;opacity:.3;}
.dots-deco span{width:5px;height:5px;border-radius:50%;background:var(--cream);}

.hero-inner{position:relative;z-index:2;max-width:760px;}
.hero h1{
  font-family:'Cinzel',serif;font-weight:600;font-size:clamp(34px,5vw,58px);
  line-height:1.08;letter-spacing:0.5px;margin:24px 0 22px;
}
.hero h1 .script{color:var(--terracotta);font-size:1.15em;font-weight:700;}
.hero p.lead{font-size:18px;color:rgba(244,239,230,0.86);font-weight:300;max-width:620px;margin-bottom:36px;line-height:1.6;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}

.page-head-inner{position:relative;z-index:2;}
.page-head h1{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(30px,4.5vw,46px);letter-spacing:1px;margin-top:16px;}
.page-head h1 .script{color:var(--terracotta);font-weight:700;}
.page-head p{margin-top:14px;font-size:16px;color:rgba(244,239,230,0.82);font-weight:300;max-width:600px;}

/* ===== SECTIONS ===== */
section{padding:80px 0;}
.section-head{max-width:680px;margin-bottom:52px;}
.section-head h2{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(28px,4vw,42px);letter-spacing:0.5px;color:var(--purple);line-height:1.1;margin:14px 0 18px;}
.section-head h2 .script{color:var(--terracotta);font-weight:700;}
.section-head p{font-size:17px;color:var(--ink-soft);}
.bg-cream-deep{background:var(--cream-deep);}
.bg-purple{background:var(--purple);color:var(--cream);}
.bg-purple .section-head h2{color:var(--cream);}
.bg-purple .section-head p{color:rgba(244,239,230,0.82);}

/* ===== TRUST STRIP ===== */
.trust{background:var(--purple-deep);color:var(--cream);padding:18px 0;}
.trust-inner{display:flex;align-items:center;justify-content:center;gap:14px 40px;flex-wrap:wrap;font-family:'Cinzel',serif;font-size:15px;letter-spacing:1px;}
.trust-inner .dot{color:var(--terracotta);}

/* ===== SERVICE CARDS ===== */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.card{
  background:var(--cream);border:1px solid var(--line);border-radius:6px;padding:34px 30px;transition:transform .2s,box-shadow .2s;
}
.bg-cream-deep .card{background:var(--cream);}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(48,16,59,0.12);}
.card .num{font-family:'Caveat',cursive;font-size:24px;font-weight:700;color:var(--terracotta);}
.card h3{font-family:'Cinzel',serif;font-weight:600;font-size:21px;color:var(--purple);margin:6px 0 12px;letter-spacing:0.5px;}
.card p{font-size:14.5px;color:var(--ink-soft);margin-bottom:16px;}
.card ul{list-style:none;}
.card li{font-size:13.5px;padding:7px 0;border-top:1px solid var(--line);display:flex;gap:10px;align-items:flex-start;}
.card li::before{content:'✓';color:var(--terracotta);font-weight:700;flex-shrink:0;}
.card .price-from{font-family:'Cinzel',serif;font-size:15px;color:var(--terracotta-deep);font-weight:600;margin-top:14px;display:block;}

/* ===== STEP / HOW IT WORKS ===== */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.step{background:var(--cream-deep);border-radius:6px;padding:34px 28px;}
.bg-cream-deep .step{background:var(--cream);}
.step .sn{font-family:'Caveat',cursive;font-size:54px;font-weight:700;color:var(--terracotta);line-height:1;}
.step h4{font-family:'Cinzel',serif;font-weight:600;font-size:18px;color:var(--purple);margin:10px 0 8px;letter-spacing:0.5px;}
.step p{font-size:14px;color:var(--ink-soft);}

/* ===== VALUES (about) ===== */
.values{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.value{display:flex;gap:18px;align-items:flex-start;padding:24px;background:var(--cream);border:1px solid var(--line);border-radius:6px;}
.value .vmark{width:42px;height:42px;border-radius:50%;background:var(--purple);color:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Caveat',cursive;font-size:24px;font-weight:700;}
.value h4{font-family:'Cinzel',serif;font-weight:600;font-size:17px;color:var(--purple);margin-bottom:6px;letter-spacing:0.5px;}
.value p{font-size:14px;color:var(--ink-soft);}

/* ===== SPLIT (about story) ===== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.split.narrow{gap:48px;}
.split-text h2{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(26px,3.5vw,38px);color:var(--purple);letter-spacing:0.5px;line-height:1.12;margin-bottom:20px;}
.split-text h2 .script{color:var(--terracotta);font-weight:700;}
.split-text p{font-size:15.5px;color:var(--ink-soft);margin-bottom:16px;}
.split-visual{background:var(--purple);border-radius:8px;padding:46px;color:var(--cream);position:relative;overflow:hidden;}
.split-visual .big-quote{font-family:'Caveat',cursive;font-size:30px;font-weight:600;line-height:1.3;position:relative;z-index:2;}
.split-visual .qattr{margin-top:20px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:rgba(244,239,230,0.7);position:relative;z-index:2;}

/* ===== CTA BAND ===== */
.cta-band{background:var(--terracotta);color:var(--cream);text-align:center;padding:80px 0;}
.cta-band h2{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(28px,4vw,46px);letter-spacing:0.5px;margin-bottom:14px;}
.cta-band h2 .script{color:var(--purple);font-weight:700;font-size:1.1em;}
.cta-band p{font-size:17px;opacity:.92;max-width:560px;margin:0 auto 30px;font-weight:300;}
.btn-cream{background:var(--cream);color:var(--ink);}
.btn-cream:hover{background:var(--purple);color:var(--cream);}

/* ===== CONTACT ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;}
.contact-method{display:flex;gap:16px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--line);}
.contact-method .cm-icon{width:46px;height:46px;border-radius:50%;background:var(--purple);color:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;}
.contact-method h4{font-family:'Cinzel',serif;font-weight:600;font-size:16px;color:var(--purple);letter-spacing:0.5px;margin-bottom:3px;}
.contact-method p,.contact-method a{font-size:14.5px;color:var(--ink-soft);text-decoration:none;}
.contact-method a:hover{color:var(--terracotta);}
.form-card{background:var(--cream-deep);border-radius:8px;padding:36px;}
.form-card label{display:block;font-size:13px;font-weight:600;color:var(--purple);margin:14px 0 6px;}
.form-card input,.form-card select,.form-card textarea{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:6px;
  font-family:'Montserrat',sans-serif;font-size:14px;background:var(--cream);color:var(--ink);
}
.form-card textarea{resize:vertical;min-height:90px;}
.form-card .btn{margin-top:20px;width:100%;justify-content:center;border:none;}

/* ===== FOOTER ===== */
footer{background:var(--purple-deep);color:var(--cream);padding:60px 0 28px;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:42px;padding-bottom:42px;border-bottom:1px solid var(--line-light);}
.footer-brand .mono{font-family:'Cinzel',serif;font-weight:700;font-size:34px;letter-spacing:-2px;margin-bottom:8px;}
.footer-brand .mono .a{color:var(--cream);}
.footer-brand .mono .p{color:var(--terracotta);margin-left:-5px;}
.footer-brand .ftag{font-family:'Cinzel',serif;letter-spacing:2px;font-size:13px;color:rgba(244,239,230,0.85);margin-bottom:14px;}
.footer-brand p{font-size:13.5px;color:rgba(244,239,230,0.65);max-width:330px;}
.footer-col h5{font-size:11px;text-transform:uppercase;letter-spacing:0.18em;color:rgba(244,239,230,0.55);margin-bottom:16px;}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:10px;}
.footer-col a{font-size:13.5px;color:rgba(244,239,230,0.85);text-decoration:none;}
.footer-col a:hover{color:var(--terracotta);}
.footer-legal{padding-top:26px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:11px;color:rgba(244,239,230,0.5);line-height:1.7;}

@media(max-width:860px){
  .cards,.steps{grid-template-columns:1fr;}
  .values{grid-template-columns:1fr;}
  .split,.contact-grid{grid-template-columns:1fr;gap:36px;}
  .footer-top{grid-template-columns:1fr 1fr;gap:28px;}
  section{padding:56px 0;}
  .wrap{padding:0 22px;}
  .nav-inner{padding:14px 22px;}
}


/* ===== REAL LOGO ===== */
.brand-logo{height:52px;width:auto;display:block;}
.footer-logo{height:92px;width:auto;display:block;margin-bottom:14px;}
@media(max-width:860px){ .brand-logo{height:44px;} }


/* Book a call button in nav: force white text (overrides nav link colour) */
.nav-links a.btn-dark{ color:#FFFFFF; }
.nav-links a.btn-dark:hover{ color:#FFFFFF; }