/* ============================================
   AUGRO — Service Pages Shared Stylesheet
   Matches main site design system (gold/cream)
   ============================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#FAFAF8;
  --bg2:#F0EDE8;
  --bg3:#E8E3DA;
  --gold:#A8832A;
  --gold2:#C9A84C;
  --white:#1A1A1A;
  --dim:rgba(26,26,26,0.5);
  --border:rgba(168,131,42,0.2);
}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;overflow-x:clip;line-height:1.6}
.svc-hero h1,.svc-h2,.final-cta h2{overflow-wrap:break-word}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--gold)}
a{color:inherit}

/* NAV */
#nav{position:fixed;top:0;left:0;width:100%;z-index:100;padding:28px 60px;display:flex;align-items:center;justify-content:space-between;transition:all .4s}
#nav.scrolled{background:rgba(250,250,248,.96);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:18px 60px;border-bottom:1px solid var(--border)}
.nav-logo{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:5px;color:var(--gold);text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0}
.nav-logo img{display:block}
.nav-logo svg{width:23px;height:23px;flex-shrink:0}
.nav-links{display:flex;gap:40px;list-style:none}
.nav-links a{color:var(--dim);text-decoration:none;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;transition:color .3s}
.nav-links a:hover{color:var(--gold)}
.nav-cta{border:1px solid var(--gold)!important;color:var(--gold)!important;padding:10px 22px;transition:background .3s!important}
.nav-cta:hover{background:var(--gold)!important;color:#FAFAF8!important}
.nav-actions{display:flex;align-items:center;gap:16px}
.lang-toggle{font-family:'Syne',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:2px;color:var(--dim);background:none;border:1px solid var(--border);padding:6px 12px;cursor:pointer;transition:all .3s;text-transform:uppercase;text-decoration:none}
.lang-toggle:hover{color:var(--gold);border-color:var(--gold)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;z-index:101;position:relative}
.hamburger span{display:block;width:24px;height:2px;background:var(--white);transition:all .3s}
.mobile-menu{position:fixed;inset:0;background:var(--bg);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;opacity:0;pointer-events:none;transition:opacity .3s}
.mobile-menu.open{opacity:1;pointer-events:all}
.mobile-menu a{font-family:'Syne',sans-serif;font-size:1.6rem;font-weight:800;color:var(--white);text-decoration:none;letter-spacing:3px;text-transform:uppercase;transition:color .3s}
.mobile-menu a:hover{color:var(--gold)}
.menu-close{position:absolute;top:28px;right:24px;background:none;border:none;cursor:pointer;font-size:1.4rem;color:var(--dim);font-family:'DM Sans',sans-serif}

/* BUTTONS */
.btn-gold{background:var(--gold);color:#FAFAF8;padding:18px 44px;font-family:'Syne',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:background .3s,transform .3s;display:inline-block}
.btn-gold:hover{background:var(--gold2);transform:translateY(-3px)}
.btn-outline{background:transparent;color:var(--white);padding:18px 44px;font-family:'Syne',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border:1px solid rgba(26,26,26,.25);transition:border-color .3s,color .3s;display:inline-block}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}

/* HERO (service) */
.svc-hero{min-height:88vh;display:flex;flex-direction:column;justify-content:center;padding:140px 60px 80px;position:relative;overflow:hidden}
.svc-hero-bg{position:absolute;inset:0;background:
  radial-gradient(ellipse 60% 80% at 80% 20%,rgba(168,131,42,.08) 0%,transparent 60%),
  radial-gradient(ellipse 40% 40% at 10% 80%,rgba(168,131,42,.05) 0%,transparent 50%)}
.svc-hero-grid{position:absolute;inset:0;
  background-image:linear-gradient(rgba(168,131,42,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(168,131,42,.06) 1px,transparent 1px);
  background-size:100px 100px}
.svc-hero-inner{position:relative;max-width:1100px;margin:0 auto;width:100%}
.breadcrumb{font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin-bottom:28px}
.breadcrumb a{color:var(--dim);text-decoration:none;transition:color .3s}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb span{color:var(--gold)}
.svc-hero-tag{font-size:.65rem;letter-spacing:5px;text-transform:uppercase;color:var(--gold);margin-bottom:24px}
.svc-hero h1{font-family:'Syne',sans-serif;font-size:clamp(2.6rem,6vw,5rem);font-weight:800;line-height:1.04;letter-spacing:-2px;margin-bottom:30px;max-width:920px}
.svc-hero h1 .gold{color:var(--gold)}
.svc-hero-desc{font-size:1.1rem;color:var(--dim);max-width:560px;line-height:1.8;font-weight:300;margin-bottom:44px}
.svc-hero-cta{display:flex;gap:18px;flex-wrap:wrap}
.svc-hero-price{margin-top:22px;font-family:'DM Sans',sans-serif}
.svc-hero-price-from{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.svc-hero-price-num{font-family:'Syne',sans-serif;font-weight:700;font-size:1.5rem;color:var(--gold);margin-left:6px;letter-spacing:-.01em}
.svc-hero-price--custom .svc-hero-price-num{font-size:1.1rem;font-weight:600}
.svc-hero-price-note{display:block;margin-top:5px;font-size:.74rem;color:var(--dim)}

/* SECTION GENERIC */
.svc-section{padding:120px 60px;position:relative}
.svc-section-inner{max-width:1100px;margin:0 auto}
.svc-section.alt{background:var(--bg2)}
.svc-label{font-size:.65rem;letter-spacing:5px;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.svc-h2{font-family:'Syne',sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.1;margin-bottom:30px;max-width:820px}
.svc-h2 .gold{color:var(--gold)}
.svc-lead{font-size:1.05rem;color:var(--dim);line-height:1.9;font-weight:300;max-width:680px;margin-bottom:20px}
.svc-divider{width:50px;height:2px;background:var(--gold);margin:0 0 44px}

/* PAIN GRID */
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border);border:1px solid var(--border);margin-top:50px}
.pain-card{background:var(--bg);padding:42px 32px;transition:background .3s}
.pain-card:hover{background:var(--bg3)}
.pain-icon{display:block;height:22px;margin-bottom:20px}
.pain-icon svg{width:22px;height:22px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.pain-card:hover .pain-icon svg{transform:translateY(-2px)}
.pain-card h3{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:14px}
.pain-card p{font-size:.9rem;color:var(--dim);line-height:1.8;font-weight:300}

/* INCLUDED LIST */
.included-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--border);border:1px solid var(--border);margin-top:50px}
.included-item{background:var(--bg);padding:34px 32px;display:flex;gap:20px;align-items:flex-start;transition:background .3s}
.included-item:hover{background:var(--bg2)}
.included-num{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);transition:border-color .3s,background .3s}
.included-item:hover .included-num{border-color:var(--gold);background:rgba(168,131,42,.06)}
.included-num svg{width:20px;height:20px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.included-item h3{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;margin-bottom:8px}
.included-item p{font-size:.88rem;color:var(--dim);line-height:1.75;font-weight:300}

/* PROCESS MINI */
.mini-process{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:50px}
.mini-step{background:var(--bg2);padding:46px 32px;position:relative;transition:background .3s}
.svc-section.alt .mini-step{background:var(--bg)}
.mini-step:hover{background:var(--bg3)}
.mini-step::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.mini-step:hover::before{transform:scaleX(1)}
.mini-step-num{font-family:'Syne',sans-serif;font-size:3.4rem;font-weight:800;color:rgba(168,131,42,.12);line-height:1;margin-bottom:20px}
.mini-step h3{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:12px}
.mini-step p{font-size:.88rem;color:var(--dim);line-height:1.8;font-weight:300}

/* CASE STUDY */
.case-card{margin-top:50px;border:1px solid var(--border);background:var(--bg);display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden}
.case-thumb{position:relative;overflow:hidden;background:var(--bg2);min-height:320px}
.case-thumb iframe{position:absolute;top:0;left:0;width:1320px;height:825px;border:none;pointer-events:none;transform:scale(0.5);transform-origin:top left}
.case-info{padding:54px 48px;display:flex;flex-direction:column;justify-content:center}
.case-tag{font-size:.6rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.case-info h3{font-family:'Syne',sans-serif;font-size:1.6rem;font-weight:700;margin-bottom:16px;line-height:1.2}
.case-info p{font-size:.92rem;color:var(--dim);line-height:1.8;font-weight:300;margin-bottom:28px}
.case-link{font-family:'Syne',sans-serif;font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid var(--border);padding-bottom:4px;align-self:flex-start;transition:border-color .3s}
.case-link:hover{border-color:var(--gold)}

/* FAQ */
.faq-list{margin-top:50px;border-top:1px solid var(--border)}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;color:var(--white);transition:color .3s}
.faq-q:hover{color:var(--gold)}
.faq-icon{font-size:1.4rem;color:var(--gold);flex-shrink:0;transition:transform .35s;line-height:1}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}
.faq-item.open .faq-a{max-height:400px;padding-bottom:28px}
.faq-a p{font-size:.95rem;color:var(--dim);line-height:1.85;font-weight:300;max-width:760px}

/* FINAL CTA */
.final-cta{padding:140px 60px;background:var(--bg2);text-align:center;position:relative;overflow:hidden}
.final-cta-bg{position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 50% 40%,rgba(168,131,42,.08),transparent 70%)}
.final-cta-inner{position:relative;max-width:760px;margin:0 auto}
.final-cta h2{font-family:'Syne',sans-serif;font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800;line-height:1.12;margin-bottom:24px}
.final-cta h2 .gold{color:var(--gold)}
.final-cta p{font-size:1.05rem;color:var(--dim);line-height:1.8;font-weight:300;margin-bottom:44px;max-width:540px;margin-left:auto;margin-right:auto}
.final-cta-actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}

/* FOOTER */
footer{background:var(--bg);border-top:1px solid var(--border);padding:60px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}
.foot-brand .footer-logo{font-family:'Syne',sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:5px;color:var(--gold);margin-bottom:16px;display:inline-block;text-decoration:none}
.foot-brand p{font-size:.82rem;color:var(--dim);line-height:1.8;font-weight:300;max-width:300px}
.foot-social{display:flex;gap:18px;margin-top:16px}
.foot-social a{font-size:.78rem;color:var(--dim);text-decoration:none;transition:color .3s;letter-spacing:1px;text-transform:uppercase}
.foot-social a:hover{color:var(--gold)}
.foot-col h4{font-family:'Syne',sans-serif;font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.foot-col a{display:block;font-size:.85rem;color:var(--dim);text-decoration:none;margin-bottom:12px;transition:color .3s}
.foot-col a:hover{color:var(--gold)}
.foot-bottom{grid-column:1/-1;border-top:1px solid var(--border);padding-top:28px;margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.foot-bottom p{font-size:.72rem;color:var(--dim);letter-spacing:1px}
.foot-bottom .slogan{font-style:italic}

/* REVEAL ANIM */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* RESPONSIVE */
@media(max-width:900px){
  #nav{padding:20px 24px}
  #nav.scrolled{padding:14px 24px}
  .nav-links{display:none}
  .hamburger{display:flex}
  .svc-hero{padding:120px 24px 70px}
  .svc-section{padding:80px 24px}
  .final-cta{padding:90px 24px}
  .pain-grid,.mini-process{grid-template-columns:1fr}
  .case-card{grid-template-columns:1fr}
  .case-thumb{min-height:220px}
  .case-thumb iframe{transform:scale(0.36)}
  footer{grid-template-columns:1fr;padding:50px 24px;gap:32px}
  .foot-bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){
  .svc-hero h1{font-size:clamp(2rem,8vw,2.6rem);letter-spacing:-1px}
  .btn-gold,.btn-outline{padding:16px 32px;font-size:.72rem}
  .included-grid{grid-template-columns:1fr}
}

/* ===== Nav dropdown ===== */
.has-dd{position:relative}
.has-dd>a::after{content:"";display:inline-block;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);margin-left:7px;opacity:.6;transition:transform .25s}
.has-dd:hover>a::after{transform:rotate(225deg) translateY(-1px)}
.dd{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:16px;opacity:0;pointer-events:none;transition:opacity .22s}
.has-dd:hover .dd{opacity:1;pointer-events:auto}
.dd-panel{background:var(--bg);border:1px solid var(--border);box-shadow:0 18px 44px rgba(0,0,0,.12);padding:8px 0;min-width:215px}
.dd-panel a{display:block;padding:11px 24px;font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);text-decoration:none;white-space:nowrap;transition:color .25s,background .25s}
.dd-panel a:hover{color:var(--gold);background:var(--bg2)}
.dd-panel .dd-all{border-top:1px solid var(--border);margin-top:6px;color:var(--gold)}
.mobile-menu .mob-sub{font-size:1rem!important;font-weight:600!important;letter-spacing:2px;color:var(--dim)!important;text-transform:uppercase}
.mobile-menu .mob-sub:hover{color:var(--gold)!important}
/* ===== Featured services band ===== */
.featured-svc-section{padding:60px 60px 20px;background:var(--bg)}
.fs-inner{max-width:1300px;margin:0 auto}
.fs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border);border:1px solid var(--border);margin-top:34px}
.fs-card{background:var(--bg);padding:40px 34px;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit;transition:background .3s;position:relative;overflow:hidden}
.fs-card:hover{background:var(--bg2)}
.fs-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.fs-card:hover::before{transform:scaleX(1)}
.fs-icon svg{width:28px;height:28px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.fs-card h3{font-family:"Syne",sans-serif;font-size:1.3rem;font-weight:700}
.fs-card p{font-size:.9rem;color:var(--dim);line-height:1.7;font-weight:300;flex:1}
.fs-link{font-family:"Syne",sans-serif;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}
@media(max-width:900px){.featured-svc-section{padding:40px 24px 10px}.fs-grid{grid-template-columns:1fr}.dd{display:none}}
@media(max-width:600px){.nav-logo .logo-agency{display:none}}
@media(min-width:901px) and (max-width:1199px){.nav-logo .logo-agency{display:none}}
/* ===== AI Opportunities finder ===== */
.finder{padding:110px 60px;background:var(--bg2)}
.finder-inner{max-width:1000px;margin:0 auto}
.finder .section-label{text-align:center;color:var(--gold);letter-spacing:5px;text-transform:uppercase;font-size:.65rem;margin-bottom:14px}
.finder h2{font-family:'Syne',sans-serif;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;text-align:center;line-height:1.1;margin-bottom:14px}
.finder h2 .gold-accent{color:var(--gold)}
.finder-lead{text-align:center;color:var(--dim);max-width:620px;margin:0 auto 38px;line-height:1.7;font-weight:300}
.finder-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}
.finder-opt{display:flex;align-items:center;gap:13px;border:1px solid var(--border);padding:16px 18px;background:var(--bg);font-size:.92rem;cursor:pointer;transition:border-color .2s,background .2s;user-select:none}
.finder-opt.on{border-color:var(--gold);background:rgba(168,131,42,.07)}
.finder-opt input{accent-color:var(--gold);width:18px;height:18px;flex-shrink:0;cursor:pointer}
.finder-actions{text-align:center}
.finder-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:32px 0}
.finder-card{background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--gold);padding:22px}
.finder-card h3{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;margin-bottom:7px}
.finder-card p{color:var(--dim);font-size:.86rem;line-height:1.55;margin-bottom:11px;font-weight:300}
.finder-time{display:inline-block;font-size:.6rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#1E8449;border:1px solid rgba(30,132,73,.4);padding:4px 10px;border-radius:20px}
.finder-note{text-align:center;max-width:660px;margin:0 auto;background:rgba(168,131,42,.09);border:1px solid var(--border);padding:26px 24px;border-radius:4px}
.finder-note p{color:var(--dim);margin-bottom:18px;line-height:1.6}
.finder-note b{color:var(--white)}
.finder [hidden]{display:none!important}
.finder-redo{background:none;border:none;color:var(--dim);font-size:.72rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;margin-top:14px;text-decoration:underline}
.finder-redo:hover{color:var(--gold)}
@media(max-width:760px){.finder{padding:70px 24px}.finder-grid,.finder-cards{grid-template-columns:1fr}}