/* ===========================================================
   AYX Removals Ltd — stylesheet (v3, full site)
   Warm off-white · near-black · poppy gold. Archivo.
   =========================================================== */
:root{
  --cream:#FBF8F1;
  --paper:#FFFFFF;
  --soft:#F4EEDF;
  --ink:#16150F;
  --mute:#6E6A5E;
  --line:#EAE1CF;
  --gold:#F2A900;
  --gold-soft:#FCEBC2;
  --gold-ink:#A9760A;
  --shadow:0 18px 50px -24px rgba(20,18,10,.28);
  --maxw:1140px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Archivo',system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
h1,h2,h3{font-weight:800;line-height:1.04;letter-spacing:-.02em}
.up{text-transform:uppercase;letter-spacing:.16em;font-weight:700}
.tag{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;font-weight:800;color:var(--gold-ink);display:inline-flex;align-items:center;gap:.6rem}
.tag::before{content:"";width:22px;height:2px;background:var(--gold)}
.muted{color:var(--mute)}
.gold{color:var(--gold-ink)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:inherit;font-weight:700;font-size:.84rem;
  text-transform:uppercase;letter-spacing:.1em;padding:1rem 1.6rem;border:2px solid var(--ink);
  background:var(--ink);color:#fff;cursor:pointer;transition:.18s;border-radius:4px}
.btn:hover{background:#000;transform:translateY(-2px)}
.btn.accent{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.btn.accent:hover{background:#ffb71a;border-color:#ffb71a}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.btn.lg{padding:1.15rem 2rem;font-size:.9rem}
.btn.sm{padding:.62rem 1rem;font-size:.78rem}

/* header */
header.site{position:sticky;top:0;z-index:60;background:rgba(251,248,241,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:82px;gap:18px}
.brand{display:flex;flex-direction:column;line-height:1}
.brand .wm{font-weight:900;font-size:1.5rem;letter-spacing:-.02em}
.brand .wm small{display:block;font-size:.52rem;letter-spacing:.48em;font-weight:700;color:var(--gold-ink);margin-top:3px}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links a.lnk{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--ink)}
.nav-links a.lnk:hover,.nav-links a.lnk.active{color:var(--gold-ink)}
.nav-phone{font-weight:800;font-size:.92rem}
.nav-phone:hover{color:var(--gold-ink)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.burger span{width:26px;height:2px;background:var(--ink)}

/* hero */
.hero{padding:72px 0 64px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}
.hero .tag{margin-bottom:22px}
.hero h1{font-size:clamp(2.7rem,6.5vw,5.1rem);text-transform:uppercase}
.hero h1 .gold{color:var(--gold-ink)}
.hero .lead{font-size:1.16rem;color:var(--mute);max-width:42ch;margin:22px 0 30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-img img{width:100%;height:auto}
.hero-meta{display:flex;gap:34px;margin-top:46px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:26px}
.hero-meta div .n{font-size:1.7rem;font-weight:900;letter-spacing:-.02em}
.hero-meta div .l{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--mute);font-weight:700;margin-top:2px}

/* coverage bar */
.bar{background:var(--ink);color:#fff;padding:20px 0;overflow:hidden}
.bar .wrap{display:flex;gap:42px;flex-wrap:wrap;justify-content:center;align-items:center}
.bar span{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700;display:flex;align-items:center;gap:12px}
.bar span::before{content:"";width:7px;height:7px;background:var(--gold);border-radius:1px}

/* sections */
.sec{padding:84px 0}
.sec.soft{background:var(--soft)}
.sec.ink{background:var(--ink);color:#fff}
.head{max-width:48ch;margin-bottom:46px}
.head h2{font-size:clamp(1.9rem,4.5vw,3rem);text-transform:uppercase;margin-top:14px}
.head p{color:var(--mute);font-size:1.05rem;margin-top:16px}
.sec.ink .head p{color:rgba(255,255,255,.72)}

/* page hero (inner pages) */
.page-hero{padding:60px 0 46px;border-bottom:1px solid var(--line)}
.crumb{font-size:.78rem;color:var(--mute);font-weight:600;margin-bottom:18px}
.crumb a{color:var(--gold-ink)}
.page-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);text-transform:uppercase;margin:12px 0}
.page-hero p{color:var(--mute);font-size:1.1rem;max-width:60ch}
.page-hero .hero-actions{margin-top:26px}

/* services ruled list */
.svc-list{border-top:1px solid var(--line)}
.svc-row{display:grid;grid-template-columns:60px 1fr auto;gap:24px;align-items:center;padding:26px 4px;border-bottom:1px solid var(--line);transition:.18s}
.svc-row:hover{padding-left:14px;background:var(--paper)}
.svc-row .idx{font-weight:900;color:var(--gold-ink);font-size:1.05rem}
.svc-row .nm{font-weight:800;font-size:1.25rem;text-transform:uppercase;letter-spacing:-.01em}
.svc-row .ds{color:var(--mute);font-size:.95rem;max-width:52ch}
.svc-row .ar{color:var(--mute);font-weight:700;font-size:1.4rem}
.svc-row:hover .ar{color:var(--gold-ink);transform:translateX(4px)}
@media(max-width:720px){.svc-row{grid-template-columns:40px 1fr;gap:14px}.svc-row .ar{display:none}}

/* card grid (services hub, areas hub) */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:26px;transition:.18s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#E0D3B6}
.card .k{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--gold-ink);margin-bottom:10px}
.card h3{font-size:1.2rem;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:8px}
.card p{color:var(--mute);font-size:.93rem;flex:1}
.card .go{margin-top:16px;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink)}
.card:hover .go{color:var(--gold-ink)}
@media(max-width:880px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cards{grid-template-columns:1fr}}

/* split feature + ink block */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.points{list-style:none;border-top:1px solid var(--line)}
.points li{padding:22px 0;border-bottom:1px solid var(--line)}
.points li b{display:block;font-size:1.1rem;text-transform:uppercase;letter-spacing:.01em;margin-bottom:4px}
.points li span{color:var(--mute);font-size:.95rem}
.block{background:var(--ink);color:#fff;padding:46px;border-radius:10px}
.block .big{font-size:clamp(2rem,5vw,3rem);font-weight:900;text-transform:uppercase;line-height:1.04}
.block .big .gold{color:var(--gold)}
.block p{color:rgba(255,255,255,.72);margin-top:18px}
.block .btn{margin-top:26px}

/* checklist */
.checks{list-style:none;display:grid;gap:12px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-size:1rem}
.checks li::before{content:"";flex:0 0 auto;width:20px;height:20px;margin-top:2px;border-radius:50%;background:var(--gold-soft);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9760A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:13px;background-position:center;background-repeat:no-repeat}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{border-top:3px solid var(--gold);padding-top:16px}
.step .n{font-weight:900;font-size:1.1rem;color:var(--gold-ink)}
.step b{display:block;text-transform:uppercase;font-size:.95rem;margin:6px 0 4px}
.step span{color:var(--mute);font-size:.9rem}
@media(max-width:760px){.steps{grid-template-columns:repeat(2,1fr)}}

/* reviews compact box */
.reviews-box{border:1px solid var(--line);border-radius:10px;padding:34px;background:var(--paper)}
.reviews-box .topline{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.reviews-box .gstar{font-weight:900;font-size:1.4rem;letter-spacing:-.02em}
.reviews-box .gstar small{font-weight:600;color:var(--mute);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;margin-left:8px}
.stars{color:var(--gold);letter-spacing:2px;font-size:1rem}
#ayxReviews{min-height:40px}
.rv-min{display:grid;gap:14px}
.rv-min .item{border-top:1px solid var(--line);padding-top:14px}
.rv-min .who{font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}
.rv-min .tx{color:var(--mute);font-size:.92rem;margin-top:4px}
.rv-min.clamp .tx{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

/* reviews page grid */
.rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rv-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:24px}
.rv-card .stars{margin-bottom:10px}
.rv-card .who{font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:.03em}
.rv-card .tx{color:var(--mute);font-size:.93rem;margin-top:8px}
@media(max-width:880px){.rv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.rv-grid{grid-template-columns:1fr}}

/* FAQ */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 4px;font-weight:800;text-transform:uppercase;font-size:1rem;letter-spacing:-.01em;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold-ink);font-weight:900;font-size:1.3rem}
.faq details[open] summary::after{content:"\2013"}
.faq .a{padding:0 4px 22px;color:var(--mute);max-width:70ch}

/* CTA band */
.cta{background:var(--ink);color:#fff;padding:78px 0;text-align:center}
.cta h2{font-size:clamp(2rem,5vw,3.4rem);text-transform:uppercase}
.cta h2 .gold{color:var(--gold)}
.cta p{margin:16px auto 30px;max-width:44ch;color:rgba(255,255,255,.78);font-size:1.1rem}
.cta .btn{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.cta .btn:hover{background:#fff;color:var(--ink);border-color:#fff}

/* form */
.form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.form-aside h2{font-size:clamp(2rem,4.5vw,3rem);text-transform:uppercase}
.form-aside p{color:var(--mute);margin-top:16px;font-size:1.05rem}
.contact-line{margin-top:28px;border-top:1px solid var(--line);padding-top:20px;display:grid;gap:10px}
.contact-line a,.contact-line span{font-weight:700;font-size:1.05rem}
.contact-line .k{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--mute);font-weight:700;display:block}
form .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fld{margin-bottom:16px}
.fld label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:7px}
.fld input,.fld select,.fld textarea{width:100%;padding:.95rem 1rem;border:1px solid var(--line);border-radius:4px;font-family:inherit;font-size:.98rem;background:#fff;color:var(--ink);transition:.15s}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(242,169,0,.18)}
.fld textarea{resize:vertical;min-height:110px}
.hp{position:absolute;left:-9999px}
.form-msg{display:none;padding:14px;border-radius:4px;margin-bottom:16px;font-size:.92rem;font-weight:600}
.form-msg.ok{display:block;background:var(--gold-soft);border:1px solid var(--gold);color:var(--gold-ink)}
.form-msg.err{display:block;background:#F7E6E0;border:1px solid #C0563B;color:#8A3722}

/* prose (privacy) */
.prose{max-width:800px}
.prose h2{font-size:1.4rem;text-transform:uppercase;letter-spacing:-.01em;margin:1.9rem 0 .6rem}
.prose h3{font-size:1.02rem;text-transform:uppercase;letter-spacing:.02em;margin:1.2rem 0 .4rem}
.prose p,.prose li{color:var(--mute);margin-bottom:.7rem}
.prose ul{margin:0 0 1rem 1.2rem}
.prose a{color:var(--gold-ink);text-decoration:underline;font-weight:600}
.prose table{width:100%;border-collapse:collapse;margin:1rem 0 1.4rem;font-size:.88rem}
.prose th,.prose td{border:1px solid var(--line);padding:.6rem .7rem;text-align:left;vertical-align:top}
.prose th{background:var(--soft);font-weight:700;color:var(--ink)}
.prose td{color:var(--mute)}

/* footer */
footer.site{background:var(--ink);color:rgba(255,255,255,.64);padding:64px 0 30px}
footer.site .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.15)}
footer.site .wm{color:#fff;font-weight:900;font-size:1.5rem;letter-spacing:-.02em;line-height:1}
footer.site .wm small{display:block;font-size:.52rem;letter-spacing:.48em;color:var(--gold);margin-top:4px}
footer.site .fcol h4{color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:14px}
footer.site .fcol a,footer.site .fcol p{display:block;font-size:.9rem;margin-bottom:8px;color:rgba(255,255,255,.64)}
footer.site .fcol a:hover{color:var(--gold)}
footer.site .bottom{padding-top:24px;font-size:.8rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer.site .bottom a{color:rgba(255,255,255,.64);text-decoration:underline}
@media(max-width:820px){footer.site .fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){footer.site .fgrid{grid-template-columns:1fr}}

/* cookie banner */
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:120;max-width:760px;margin:0 auto;
  background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);
  padding:18px 20px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cookie-banner p{font-size:.9rem;color:var(--mute);margin:0;flex:1;min-width:240px;line-height:1.5}
.cookie-banner a{color:var(--gold-ink);font-weight:700;text-decoration:underline}
.cookie-actions{display:flex;gap:.6rem;flex-shrink:0}
.cookie-banner .btn{padding:.6rem 1.2rem;font-size:.82rem}
@media(max-width:540px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{justify-content:flex-end}}

/* floating call (mobile) */
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;background:var(--gold);color:var(--ink);text-align:center;padding:15px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}

@media(max-width:920px){
  .hero-grid,.split,.form-wrap{grid-template-columns:1fr;gap:38px}
  .hero-img{order:-1;max-width:560px}
}
@media(max-width:760px){
  .nav-links{display:none}
  .nav-links.open{display:flex;position:absolute;top:82px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:16px;background:var(--cream);padding:22px 28px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  .burger{display:flex}
  form .grid{grid-template-columns:1fr}
  .callbar{display:block}
  .sec{padding:58px 0}
  body{padding-bottom:52px}
}