/* ═══════════════════════════════════════════════════
   Atlas Connect — Shared Stylesheet
   All pages import this file
   ═══════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --navy:#0d1b2a;
  --navy2:#112236;
  --navy3:#162d42;
  --nb:rgba(255,255,255,.08);
  --cream:#fafaf8;
  --ink:#0f0f0f;
  --ink2:#1a1a1a;
  --ink3:#2d2d2d;
  --mid:#6b7280;
  --muted:#9ca3af;
  --border:#e5e7eb;
  --amber:#c2621a;
  --amber-d:#a3521a;
  --amber-bg:#fef3e8;
  --al:#f5a652;
  --r:10px;
}
html{scroll-behavior:smooth;}
body{background:var(--navy);color:#fff;font-family:'Inter',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}

/* ── REVEAL ── */
.rv{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;}
.rv.in{opacity:1;transform:none;}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}

/* ── BUTTONS ── */
.btn-amber{display:inline-block;background:var(--amber);color:#fff;font-family:'Inter',sans-serif;font-size:.9375rem;font-weight:600;padding:13px 26px;border-radius:7px;border:none;cursor:pointer;transition:background .15s,transform .12s;}
.btn-amber:hover{background:var(--amber-d);transform:translateY(-1px);}
.btn-ghost{display:inline-block;background:transparent;color:rgba(255,255,255,.8);font-family:'Inter',sans-serif;font-size:.9375rem;font-weight:600;padding:12px 26px;border-radius:7px;border:1.5px solid rgba(255,255,255,.22);cursor:pointer;transition:border-color .15s,color .15s,transform .12s;}
.btn-ghost:hover{border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-1px);}
.btn-white{display:inline-block;background:#fff;color:var(--amber);font-family:'Inter',sans-serif;font-size:.9375rem;font-weight:700;padding:13px 28px;border-radius:7px;border:none;cursor:pointer;transition:background .15s,transform .12s;}
.btn-white:hover{background:#fff5ee;transform:translateY(-1px);}
.btn-outline{display:inline-block;background:transparent;color:var(--amber);font-family:'Inter',sans-serif;font-size:.9375rem;font-weight:600;padding:12px 26px;border-radius:7px;border:1.5px solid rgba(194,98,26,.35);cursor:pointer;transition:border-color .15s,background .15s,transform .12s;}
.btn-outline:hover{border-color:var(--amber);background:var(--amber-bg);transform:translateY(-1px);}

/* ── NAV ── */
nav{position:sticky;top:0;z-index:300;height:68px;background:rgba(13,27,42,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--nb);}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 40px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.nav-logo{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:-.3px;flex-shrink:0;}
.nav-logo span{color:var(--amber);}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none;}
.nav-item{position:relative;}
.nav-item::after{content:'';position:absolute;top:100%;left:0;right:0;height:18px;}
.nl{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.65);padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background .15s,color .15s;white-space:nowrap;border:none;background:transparent;font-family:'Inter',sans-serif;}
.nl:hover{color:#fff;background:rgba(255,255,255,.07);}
.chev{width:13px;height:13px;transition:transform .2s;flex-shrink:0;}
.nav-item:hover .chev{transform:rotate(180deg);}
.dd{position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%) translateY(-6px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 56px rgba(0,0,0,.28);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;padding:18px;padding-top:24px;z-index:400;}
.dd.wide{min-width:700px;}
.dd.narrow{min-width:300px;}
.nav-item:hover .dd{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.dd-lbl{font-size:.65rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#9ca3af;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid #f3f4f6;}
.dd-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;}
.dd-grid.one-col{grid-template-columns:1fr;}
.dd-item{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:7px;transition:background .12s;}
.dd-item:hover{background:#f3f4f6;}
.dd-ic{width:30px;height:30px;border-radius:6px;background:#fef3e8;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dd-ic svg{width:13px;height:13px;}
.dd-t{font-size:.8125rem;font-weight:600;color:#0f0f0f;line-height:1.3;margin-bottom:1px;}
.dd-d{font-size:.72rem;color:#6b7280;line-height:1.3;}
.nav-right{display:flex;align-items:center;gap:9px;flex-shrink:0;}
.nav-btn-ghost{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.65);padding:7px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.18);cursor:pointer;background:transparent;transition:border-color .15s,color .15s;font-family:'Inter',sans-serif;}
.nav-btn-ghost:hover{border-color:rgba(255,255,255,.45);color:#fff;}
.nav-btn-solid{font-size:.875rem;font-weight:600;color:#fff;padding:8px 16px;border-radius:6px;border:none;background:var(--amber);cursor:pointer;transition:background .15s;font-family:'Inter',sans-serif;}
.nav-btn-solid:hover{background:var(--amber-d);}
.ham{display:none;flex-direction:column;justify-content:space-between;width:24px;height:17px;background:transparent;border:none;cursor:pointer;padding:0;flex-shrink:0;}
.ham span{display:block;height:2px;width:100%;background:rgba(255,255,255,.85);border-radius:2px;transition:transform .25s,opacity .2s,width .2s;}
.ham.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.ham.open span:nth-child(2){opacity:0;width:0;}
.ham.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}

/* ── MOBILE DRAWER ── */
.mob-ov{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:400;opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s;backdrop-filter:blur(3px);}
.mob-ov.open,.mob-ov.show{opacity:1;visibility:visible;}
.mob-dr{position:fixed;top:0;right:0;bottom:0;width:min(380px,100vw);background:var(--navy);z-index:500;transform:translateX(110%);transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;}
.mob-dr.open,.mob-dr.show{transform:translateX(0);}
.mob-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--nb);flex-shrink:0;}
.mob-close{width:32px;height:32px;border-radius:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.5);}
.mob-close svg{width:13px;height:13px;}
.mob-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;}
.mob-top{display:flex;align-items:center;font-size:1rem;font-weight:500;color:rgba(255,255,255,.75);padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.05);}
.mob-sec{border-bottom:1px solid rgba(255,255,255,.05);}
.mob-sec-btn{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:500;color:rgba(255,255,255,.75);padding:13px 18px;background:transparent;border:none;cursor:pointer;font-family:'Inter',sans-serif;}
.mob-sub{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.mob-sub.open{max-height:900px;}
.mob-sub-lbl{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.2);padding:12px 18px 5px;}
.mob-row{display:flex;gap:12px;align-items:flex-start;padding:10px 18px;}
.mob-row-ic{width:34px;height:34px;min-width:34px;border-radius:7px;background:rgba(194,98,26,.13);border:1px solid rgba(194,98,26,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mob-row-ic svg{width:14px;height:14px;}
.mob-row-t{font-size:.875rem;font-weight:600;color:rgba(255,255,255,.85);margin-bottom:2px;}
.mob-row-d{font-size:.72rem;color:rgba(255,255,255,.35);line-height:1.35;}
.mob-contact{padding:16px 18px;border-top:1px solid var(--nb);}
.mob-contact-lbl{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.22);margin-bottom:9px;}
.mob-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.mc-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:7px;font-size:.875rem;font-weight:600;font-family:'Inter',sans-serif;}
.mc-btn svg{width:14px;height:14px;}
.mc-call{background:var(--amber);color:#fff;}
.mc-text{background:rgba(255,255,255,.07);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.11);}
.mob-foot{padding:12px 16px;border-top:1px solid var(--nb);flex-shrink:0;display:flex;flex-direction:column;gap:8px;}
.mob-login{font-size:.78rem;color:rgba(255,255,255,.28);text-align:center;}
.mob-login:hover{color:rgba(255,255,255,.55);}
.mob-book{background:var(--amber);color:#fff;font-size:.9375rem;font-weight:600;padding:13px;border-radius:7px;border:none;cursor:pointer;font-family:'Inter',sans-serif;width:100%;}
.mob-book:hover{background:var(--amber-d);}

/* ── SECTIONS ── */
.sec{padding:88px 8%;}
.sec.cream{background:var(--cream);}
.sec.navy2{background:var(--navy2);}
.sec.navy3{background:var(--navy3);}
.sec.bt{border-top:1px solid var(--nb);}

/* ── PAGE HERO ── */
.ph{position:relative;background:var(--navy2);padding:88px 8% 80px;overflow:hidden;border-bottom:1px solid var(--nb);}
.ph-bg{position:absolute;inset:0;background-size:cover;background-position:center 30%;opacity:.18;}
.ph-ov{position:absolute;inset:0;background:linear-gradient(105deg,rgba(13,27,42,.97) 45%,rgba(13,27,42,.65));}
.ph-content{position:relative;z-index:2;max-width:700px;}
.ph-eye{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--al);display:block;margin-bottom:14px;}
.ph-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-bottom:18px;}
.ph-h1 em{font-style:italic;color:var(--al);}
.ph-sub{font-size:1.05rem;line-height:1.78;color:rgba(255,255,255,.55);max-width:580px;}

/* ── TWO-COL ── */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.two-col.gap-sm{gap:48px;}

/* ── TYPOGRAPHY ── */
.ey{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);display:block;margin-bottom:12px;}
.ey.light{color:var(--al);}
.h2-light{font-family:'Playfair Display',serif;font-size:clamp(1.75rem,2.6vw,2.4rem);font-weight:700;line-height:1.12;letter-spacing:-.025em;color:#fff;margin-bottom:16px;}
.h2-light em{font-style:italic;color:var(--al);}
.h2-dark{font-family:'Playfair Display',serif;font-size:clamp(1.75rem,2.6vw,2.4rem);font-weight:700;line-height:1.12;letter-spacing:-.025em;color:var(--ink);margin-bottom:16px;}
.h2-dark em{font-style:italic;color:var(--amber);}
.p-light{font-size:1rem;line-height:1.78;color:rgba(255,255,255,.52);}
.p-dark{font-size:1rem;line-height:1.78;color:var(--mid);}
.p-center{text-align:center;margin-left:auto;margin-right:auto;}

/* ── FEATURE LIST ── */
.feat-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin-top:24px;}
.feat-li{display:flex;gap:11px;align-items:flex-start;font-size:.9375rem;line-height:1.6;}
.feat-dot{width:20px;height:20px;min-width:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px;flex-shrink:0;}
.feat-dot svg{width:9px;height:9px;}
.sec:not(.cream) .feat-li{color:rgba(255,255,255,.75);}
.sec:not(.cream) .feat-li strong{color:#fff;}
.sec:not(.cream) .feat-dot{background:rgba(194,98,26,.18);border:1px solid rgba(194,98,26,.3);}
.sec.cream .feat-li{color:var(--ink3);}
.sec.cream .feat-li strong{color:var(--ink);}
.sec.cream .feat-dot{background:var(--amber-bg);}

/* ── COL IMAGE ── */
.col-img{width:100%;height:480px;object-fit:cover;border-radius:var(--r);}

/* ── STAT BOXES ── */
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}
.stat-box{background:rgba(255,255,255,.04);border:1px solid var(--nb);border-radius:var(--r);padding:28px 24px;}
.sec.cream .stat-box{background:#fff;border:1px solid var(--border);}
.stat-n{font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:700;color:var(--al);line-height:1;margin-bottom:8px;}
.sec.cream .stat-n{color:var(--amber);}
.stat-l{font-size:.875rem;line-height:1.6;color:rgba(255,255,255,.45);}
.sec.cream .stat-l{color:var(--mid);}
.stat-src{font-size:.7rem;font-style:italic;color:rgba(255,255,255,.22);margin-top:6px;}
.sec.cream .stat-src{color:var(--muted);}

/* ── CARDS ── */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;}
.cards-4{grid-template-columns:repeat(4,1fr);}
.cards-5{grid-template-columns:repeat(5,1fr);}
.card{background:rgba(255,255,255,.04);border:1px solid var(--nb);border-radius:var(--r);padding:24px;}
.sec.cream .card{background:#fff;border:1px solid var(--border);}
.card-icon{width:40px;height:40px;border-radius:8px;background:var(--amber-bg);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.card-icon svg{width:18px;height:18px;}
.card-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:6px;}
.sec.cream .card-title{color:var(--ink);}
.card-desc{font-size:.875rem;line-height:1.65;color:rgba(255,255,255,.42);}
.sec.cream .card-desc{color:var(--mid);}

/* ── FAQ ── */
.faq-wrap{max-width:700px;margin:48px auto 0;}
.faq-item{border-top:1px solid rgba(255,255,255,.08);}
.faq-item:last-child{border-bottom:1px solid rgba(255,255,255,.08);}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:19px 0;cursor:pointer;font-size:.9375rem;font-weight:600;color:rgba(255,255,255,.82);gap:16px;transition:color .15s;user-select:none;}
.faq-q:hover{color:var(--al);}
.faq-ic{width:22px;height:22px;min-width:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;color:rgba(255,255,255,.35);transition:transform .25s,background .15s,border-color .15s,color .15s;flex-shrink:0;}
.faq-item.open .faq-ic{transform:rotate(45deg);background:var(--amber);border-color:var(--amber);color:#fff;}
.faq-a{font-size:.9375rem;line-height:1.75;color:rgba(255,255,255,.42);max-height:0;overflow:hidden;transition:max-height .35s ease,padding-bottom .3s;}
.faq-item.open .faq-a{max-height:300px;padding-bottom:18px;}
.sec.cream .faq-item,.sec.cream .faq-item:last-child{border-color:var(--border);}
.sec.cream .faq-q{color:var(--ink3);}
.sec.cream .faq-q:hover{color:var(--amber);}
.sec.cream .faq-ic{border-color:var(--border);color:var(--mid);}
.sec.cream .faq-a{color:var(--mid);}

/* ── CTA BAND ── */
.cta-band{background:var(--amber);padding:84px 8%;position:relative;overflow:hidden;}
.cta-band::before{content:'';position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=1600&q=30');background-size:cover;background-position:center 30%;mix-blend-mode:multiply;opacity:.18;}
.cta-band-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap;}
.cta-h{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:700;line-height:1.1;letter-spacing:-.025em;color:#fff;margin-bottom:12px;}
.cta-p{font-size:1rem;line-height:1.75;color:rgba(255,255,255,.72);max-width:480px;}
.cta-side{flex-shrink:0;min-width:220px;}
.cta-fine{font-size:.78rem;color:rgba(255,255,255,.45);text-align:center;margin-top:8px;}

/* ── FOOTER ── */
footer{background:var(--navy);border-top:1px solid var(--nb);padding:60px 8% 30px;}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:48px;}
.ft-logo{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:#fff;display:block;margin-bottom:10px;}
.ft-logo span{color:var(--amber);}
.ft-tag{font-size:.875rem;line-height:1.7;color:rgba(255,255,255,.28);margin-bottom:20px;}
.ft-socs{display:flex;gap:8px;margin-bottom:18px;}
.ft-soc{width:32px;height:32px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:rgba(255,255,255,.28);transition:border-color .15s,color .15s;}
.ft-soc:hover{border-color:var(--amber);color:var(--amber);}
.ft-login{font-size:.875rem;color:rgba(255,255,255,.28);transition:color .15s;}
.ft-login:hover{color:var(--amber);}
.ft-col h4{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.2);margin-bottom:14px;}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.ft-col a{font-size:.875rem;color:rgba(255,255,255,.34);transition:color .15s;}
.ft-col a:hover{color:var(--al);}
.ft-bot{border-top:1px solid rgba(255,255,255,.06);padding-top:20px;display:flex;justify-content:space-between;font-size:.75rem;color:rgba(255,255,255,.16);flex-wrap:wrap;gap:8px;}
.ft-bot a{color:rgba(255,255,255,.16);margin-left:16px;transition:color .15s;}
.ft-bot a:hover{color:var(--amber);}

/* ── INTEGRATIONS PAGE ── */
.int-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}
.int-card{background:rgba(255,255,255,.04);border:1px solid var(--nb);border-radius:var(--r);padding:28px 24px;}
.int-card-icon{width:44px;height:44px;border-radius:9px;background:var(--amber-bg);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.int-card-icon svg{width:20px;height:20px;}
.int-card-title{font-size:1.05rem;font-weight:600;color:#fff;margin-bottom:8px;}
.int-card-desc{font-size:.875rem;line-height:1.65;color:rgba(255,255,255,.45);}

/* ── RESPONSIVE ── */
@media(max-width:960px){
  .nav-links,.nav-right .nav-btn-ghost{display:none;}
  .ham{display:flex;}
  .sec{padding:64px 6%;}
  .two-col{grid-template-columns:1fr;gap:40px;}
  .col-img{height:300px;}
  .stat-row{grid-template-columns:1fr;}
  .cards{grid-template-columns:1fr 1fr;}
  .cards-4{grid-template-columns:repeat(3,1fr);}
  .cards-5{grid-template-columns:repeat(3,1fr);}
  .int-cards{grid-template-columns:1fr;}
  .ft-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .ph{padding:64px 6% 56px;}
  .cta-band{padding:64px 6%;}
  .cta-band-inner{flex-direction:column;}
}
@media(max-width:600px){
  .cards-4{grid-template-columns:repeat(2,1fr);}
  .cards-5{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .nav-inner{padding:0 16px;}
  .cards{grid-template-columns:1fr;}
  .cards-4{grid-template-columns:1fr 1fr;}
  .ft-grid{grid-template-columns:1fr;}
  .stat-row{grid-template-columns:1fr;}
}
@media(max-width:400px){
  .cards-4{grid-template-columns:1fr;}
  .cards-5{grid-template-columns:1fr;}
}
@media(min-width:961px){
  .ham{display:none!important;}
  .mob-dr,.mob-ov{display:none!important;}
}

/* ═══════════════════════════════════════════════════
   PRICING PAGE — EXACT ORIGINAL GHL STYLES
   Extracted from the original pricing export.
   Keep this below shared/base styles so it wins the cascade.
   ═══════════════════════════════════════════════════ */
.pricing-hero{background:var(--cream);padding:80px 8% 68px;text-align:center;border-bottom:1px solid var(--border);}
.pricing-hero .ph-eye{color:var(--amber);}
.pricing-hero .ph-h1{color:var(--ink);margin:0 auto 16px;}
.pricing-hero .ph-h1 em{color:var(--amber);}
.pricing-hero .ph-sub{color:var(--mid);margin:0 auto 36px;}
/* Billing toggle */
.billing-wrap{display:flex;justify-content:center;margin-bottom:56px;}
.billing-toggle{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:5px 5px 5px 16px;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.bt-opt{font-size:.875rem;font-weight:600;color:var(--mid);padding:7px 16px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s;}
.bt-opt.active{background:var(--navy);color:#fff;}
.bt-badge{font-size:.72rem;font-weight:600;color:var(--amber);background:var(--amber-bg);border-radius:999px;padding:4px 10px;white-space:nowrap;transition:opacity .2s;}
.bt-badge.dim{opacity:0;pointer-events:none;}
/* Plans grid */
.plans-section{background:var(--cream);padding:0 8% 80px;}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;}
.plan{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .15s;display:flex;flex-direction:column;}
.plan:hover{box-shadow:0 16px 48px rgba(0,0,0,.1);transform:translateY(-2px);}
.plan.featured{border-color:var(--amber);box-shadow:0 0 0 2px rgba(194,98,26,.2);}
.plan-head{padding:32px 28px 24px;border-bottom:1px solid var(--border);}
.plan-badge{display:inline-block;background:var(--amber);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:999px;margin-bottom:12px;}
.plan-savings{display:none;align-items:center;gap:7px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:9px 14px;margin-top:14px;}
.plan-savings.show{display:flex;}
.plan-savings-icon{font-size:1rem;flex-shrink:0;}
.plan-savings-text{font-size:.825rem;font-weight:600;color:#15803d;line-height:1.35;}
.plan-savings-text span{font-size:.72rem;font-weight:400;color:#166534;display:block;margin-top:1px;}
.plan-name{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
.plan-price{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;color:var(--ink);line-height:1;}
.plan-price sup{font-size:1.3rem;vertical-align:super;margin-right:1px;}
.plan-period{font-size:.78rem;color:var(--mid);margin-top:6px;line-height:1.45;}
.plan-desc{font-size:.875rem;color:var(--mid);line-height:1.6;margin-top:12px;}
.plan-body{padding:24px 28px;flex:1;}
.plan-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}
.plan-feats{list-style:none;display:flex;flex-direction:column;gap:11px;}
.pf{display:flex;gap:9px;align-items:flex-start;font-size:.875rem;color:var(--ink3);line-height:1.5;}
.pf a{color:var(--amber);}
.pf a:hover{text-decoration:underline;}
.pf-chk{width:17px;height:17px;min-width:17px;border-radius:50%;background:var(--amber-bg);display:flex;align-items:center;justify-content:center;margin-top:1px;flex-shrink:0;}
.pf-chk svg{width:8px;height:8px;}
.plan-foot{padding:20px 28px 28px;}
.plan-cta{width:100%;padding:13px;border-radius:7px;border:none;font-family:'Inter',sans-serif;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s,transform .12s;}
.plan-cta:hover{transform:translateY(-1px);}
.plan-cta.amber{background:var(--amber);color:#fff;}
.plan-cta.amber:hover{background:var(--amber-d);}
.plan-cta.ghost{background:transparent;color:var(--amber);border:1.5px solid rgba(194,98,26,.35);}
.plan-cta.ghost:hover{border-color:var(--amber);background:var(--amber-bg);}
/* Addon */
.addon-section{background:#fff;border-top:1px solid var(--border);padding:64px 8%;}
.addon-section .feat-li{color:var(--ink3) !important;}
.addon-section .feat-li strong{color:var(--ink) !important;}
.addon-section .feat-dot{background:var(--amber-bg) !important;border:none !important;}
.addon-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
@media(max-width:960px){.addon-inner{grid-template-columns:1fr;gap:28px;}}
.addon-price-wrap{display:flex;align-items:baseline;gap:4px;margin:12px 0;}
.addon-price{font-family:'Playfair Display',serif;font-size:2.6rem;font-weight:700;color:var(--ink);}
.addon-price sup{font-size:1.1rem;vertical-align:super;}
.addon-period{font-size:.875rem;color:var(--mid);}
/* Comparison */
.compare-section{background:var(--cream);border-top:1px solid var(--border);padding:64px 8%;}
.compare-table{width:100%;max-width:900px;margin:36px auto 0;border-collapse:collapse;}
.compare-table th{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mid);padding:12px 16px;text-align:left;border-bottom:2px solid var(--border);}
.compare-table th:not(:first-child){text-align:center;}
.compare-table td{padding:13px 16px;font-size:.875rem;color:var(--ink3);border-bottom:1px solid var(--border);}
.compare-table td:not(:first-child){text-align:center;}
.compare-table tr:last-child td{border-bottom:none;}
.cv-yes{color:var(--amber);font-size:1rem;}
.cv-no{color:var(--muted);}
.cv-bold{font-weight:600;color:var(--ink);}
/* Guarantee */
.guarantee{background:var(--navy2);border-top:1px solid var(--nb);padding:56px 8%;text-align:center;}
@media(max-width:960px){
  .plans-grid{grid-template-columns:1fr;}
  .addon-inner{grid-template-columns:1fr;gap:32px;}
  .compare-table{font-size:.8rem;}
}

/* ═══════════════════════════════════════════════════
   HOMEPAGE — EXACT ORIGINAL GHL STYLES
   Extracted from the original homepage export.
   Keep this below shared/base styles so it wins the cascade.
   ═══════════════════════════════════════════════════ */
/* HERO */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:88vh;}
.hero-left{display:flex;flex-direction:column;justify-content:center;padding:80px 6% 80px 8%;}
.hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(194,98,26,.14);color:var(--al);border:1px solid rgba(194,98,26,.26);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:28px;width:fit-content;}
.hero-tag-dot{width:5px;height:5px;border-radius:50%;background:var(--amber);}
.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,4.2vw,4.4rem);font-weight:700;line-height:1.06;letter-spacing:-.03em;color:#fff;margin-bottom:22px;}
.hero-h1 em{font-style:italic;color:var(--al);}
.hero-sub{font-size:1.05rem;line-height:1.78;color:rgba(255,255,255,.52);max-width:460px;margin-bottom:38px;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;}
.hero-right{position:relative;overflow:hidden;}
.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 25%;}
.hero-ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,27,42,.55) 0%,transparent 45%);}
/* TICKER */
.ticker{background:var(--navy2);border-top:1px solid var(--nb);border-bottom:1px solid var(--nb);padding:14px 0;display:flex;align-items:center;overflow:hidden;}
.tk-lbl{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.2);white-space:nowrap;padding:0 28px;flex-shrink:0;}
.tk-outer{overflow:hidden;flex:1;}
.tk-track{display:flex;gap:36px;animation:ticker 32s linear infinite;width:max-content;}
.tk-item{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.3);}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}
/* STATS BAND */
.stats-band{background:var(--navy2);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--nb);}
.stat{padding:36px 40px;}
.stat+.stat{border-left:1px solid var(--nb);}
.stat-val{font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:700;color:var(--al);line-height:1;margin-bottom:8px;}
.stat-lbl{font-size:.875rem;color:rgba(255,255,255,.38);line-height:1.55;}
.stat-src{font-size:.68rem;font-style:italic;color:rgba(255,255,255,.18);margin-top:5px;}
/* FEATURE ROWS */
.feat-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:88px 8%;}
.feat-row.cream{background:var(--cream);}
.feat-row.navy3{background:var(--navy3);}
.feat-row.flip{direction:rtl;}
.feat-row.flip>*{direction:ltr;}
.fr-num{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);opacity:.85;margin-bottom:12px;}
.fr-h{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,2.4vw,2.3rem);font-weight:700;line-height:1.12;letter-spacing:-.025em;color:#fff;margin-bottom:14px;}
.fr-h em{font-style:italic;color:var(--al);}
.feat-row.cream .fr-h{color:var(--ink);}
.feat-row.cream .fr-h em{color:var(--amber);}
.fr-p{font-size:1rem;line-height:1.78;color:rgba(255,255,255,.5);margin-bottom:26px;}
.feat-row.cream .fr-p{color:var(--mid);}
/* Dark section feat-li inside feat-row */
.feat-row:not(.cream) .feat-li{color:rgba(255,255,255,.75);}
.feat-row:not(.cream) .feat-li strong{color:#fff;}
.feat-row:not(.cream) .feat-dot{background:rgba(194,98,26,.18);border:1px solid rgba(194,98,26,.3);}
.feat-row.cream .feat-li{color:var(--ink3);}
.feat-row.cream .feat-li strong{color:var(--ink);}
.feat-row.cream .feat-dot{background:var(--amber-bg);}
.feat-photo-wrap{position:relative;}
.feat-photo{width:100%;height:480px;object-fit:cover;border-radius:var(--r);}
.feat-badge{position:absolute;bottom:-16px;right:-16px;background:var(--amber);color:#fff;border-radius:var(--r);padding:16px 20px;box-shadow:0 10px 32px rgba(194,98,26,.45);}
.fb-n{font-family:'Playfair Display',serif;font-size:1.65rem;font-weight:700;line-height:1;}
.fb-l{font-size:.68rem;color:rgba(255,255,255,.7);margin-top:4px;max-width:105px;line-height:1.4;}
.fb-s{font-size:.58rem;color:rgba(255,255,255,.38);margin-top:4px;font-style:italic;line-height:1.3;}
/* PROCESS */
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:52px;position:relative;}
.proc-line{display:none;}
.proc{position:relative;z-index:1;}
.proc-num{width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;color:var(--ink);margin-bottom:16px;transition:background .2s,border-color .2s,color .2s;}
.proc:hover .proc-num{background:var(--amber);border-color:var(--amber);color:#fff;}
.proc-t{font-size:.9375rem;font-weight:600;color:var(--ink);margin-bottom:6px;}
.proc-d{font-size:.875rem;line-height:1.6;color:var(--mid);}
/* INDUSTRIES */
.ind-outer{overflow:hidden;margin-top:40px;}
.ind-track{display:flex;gap:10px;animation:indroll 28s linear infinite;width:max-content;}
.ind-track:hover{animation-play-state:paused;}
@keyframes indroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.ind-pill{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 18px;font-size:.875rem;font-weight:500;color:rgba(255,255,255,.42);white-space:nowrap;transition:background .15s,border-color .15s,color .15s;cursor:default;}
.ind-pill:hover{background:var(--amber);border-color:var(--amber);color:#fff;}
@media(max-width:960px){
  .stats-band{grid-template-columns:1fr 1fr;}
  .hero{grid-template-columns:1fr;}
  .hero-right{height:60vw;}
  .hero-left{padding:56px 6% 48px;}
  .stats-band{grid-template-columns:1fr 1fr;}
  .stat+.stat{border-left:none;border-top:1px solid var(--nb);}
  .feat-row,.feat-row.flip{grid-template-columns:1fr;direction:ltr;gap:36px;padding:64px 6%;}
  .feat-photo{height:300px;}
  .feat-badge{right:10px;bottom:10px;}
  .proc-grid{grid-template-columns:1fr 1fr;}.proc-line{display:none;}
}
@media(max-width:480px){
  .stats-band{grid-template-columns:1fr;}
  .stat+.stat{border-left:none;border-top:1px solid var(--nb);}
  .proc-grid{grid-template-columns:1fr;}
}

/* ═══════════════════════════════════════════════════
   OUR WORK PAGE — EXACT ORIGINAL GHL STYLES
   Extracted from the original Our Work export.
   ═══════════════════════════════════════════════════ */
.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:44px;}
.work-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s;}
.work-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.12);transform:translateY(-2px);}




.work-img-wrap{overflow:hidden;aspect-ratio:16/9;background:#e8e8e8;cursor:pointer;}
.work-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;}
.work-info{padding:20px 22px 22px;}
.work-title{font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:8px;}
.work-desc{font-size:.85rem;line-height:1.65;color:var(--mid);}
.work-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;}
.work-tag{font-size:.72rem;font-weight:600;letter-spacing:.04em;background:var(--amber-bg);color:var(--amber);border-radius:999px;padding:3px 10px;}
@media(max-width:700px){.work-grid{grid-template-columns:1fr;}}

/* ═══════════════════════════════════════════════════
   CONTACT PAGE — EXACT ORIGINAL GHL STYLES
   Extracted from the original Contact export.
   ═══════════════════════════════════════════════════ */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.contact-form-box{padding:0;background:transparent;border:none;}

















.contact-reach{display:flex;flex-direction:column;gap:16px;margin-top:36px;}
.reach-item{display:flex;gap:14px;align-items:flex-start;}
.reach-ic{width:40px;height:40px;min-width:40px;border-radius:9px;background:rgba(194,98,26,.14);border:1px solid rgba(194,98,26,.22);display:flex;align-items:center;justify-content:center;}
.reach-ic svg{width:16px;height:16px;}
.reach-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:3px;}
.reach-val{font-size:.9375rem;font-weight:500;color:rgba(255,255,255,.82);}
.reach-val a{color:rgba(255,255,255,.82);}
.reach-val a:hover{color:var(--al);}
@media(max-width:960px){
  .contact-grid{grid-template-columns:1fr;gap:40px;}
  
}

/* ═══════════════════════════════════════════════════
   Shared Sticky Navigation Fix
   Keeps injected nav pinned during scroll
   ═══════════════════════════════════════════════════ */

#nav-root{
  position:sticky;
  top:0;
  z-index:9999;
}

#nav-root nav{
  position:sticky;
  top:0;
  z-index:9999;
}

/* ═══════════════════════════════════════════════════
   HIRING PAGE — EXACT ORIGINAL GHL STYLES
   Extracted from the original Careers/Hiring export.
   ═══════════════════════════════════════════════════ */
.job-list{display:flex;flex-direction:column;gap:14px;margin-top:36px;max-width:800px;}
.job-card{background:rgba(255,255,255,.04);border:1px solid var(--nb);border-radius:var(--r);padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px;transition:border-color .15s,background .15s;}
.job-card:hover{border-color:rgba(194,98,26,.3);background:rgba(194,98,26,.04);}
.job-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:5px;}
.job-meta{font-size:.8rem;color:rgba(255,255,255,.4);display:flex;gap:12px;flex-wrap:wrap;}
.job-tag{background:rgba(255,255,255,.06);border-radius:999px;padding:2px 10px;}
.job-apply{flex-shrink:0;}
.hf-box{background:rgba(255,255,255,.04);border:1px solid var(--nb);border-radius:12px;padding:36px 32px;max-width:680px;margin-top:40px;}
.hf-title{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:20px;}
.hf-group{margin-bottom:14px;}
.hf-label{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.5);display:block;margin-bottom:6px;}
.hf-input,.hf-select,.hf-textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:11px 14px;font-size:.9375rem;color:#fff;font-family:'Inter',sans-serif;transition:border-color .15s;}
.hf-input::placeholder,.hf-textarea::placeholder{color:rgba(255,255,255,.22);}
.hf-input:focus,.hf-select:focus,.hf-textarea:focus{outline:none;border-color:rgba(194,98,26,.5);}
.hf-select option{background:#112236;color:#fff;}
.hf-textarea{resize:vertical;min-height:120px;}
.hf-submit{width:100%;padding:13px;border-radius:7px;background:var(--amber);color:#fff;font-family:'Inter',sans-serif;font-size:.9375rem;font-weight:600;border:none;cursor:pointer;transition:background .15s;margin-top:6px;}
.hf-submit:hover{background:var(--amber-d);}
.hf-note{font-size:.75rem;color:rgba(255,255,255,.22);margin-top:10px;text-align:center;}
@media(max-width:600px){.job-card{flex-direction:column;align-items:flex-start;}}

/* ═══════════════════════════════════════════════════
   LEGAL PAGES — EXACT ORIGINAL GHL STYLES
   Extracted from the original Privacy/Terms exports.
   ═══════════════════════════════════════════════════ */
.legal-body{max-width:760px;margin:0 auto;color:var(--mid);font-size:.9375rem;line-height:1.85;}
.legal-body h2{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:var(--ink);margin:36px 0 12px;}
.legal-body h2:first-child{margin-top:0;}
.legal-body p{margin-bottom:18px;}
.legal-body ul{margin:0 0 18px 22px;display:flex;flex-direction:column;gap:8px;}
.legal-body strong{color:var(--ink2);}
.legal-body a{color:var(--amber);}
.legal-body a:hover{text-decoration:underline;}

/* ═══════════════════════════════════════════════════
   SOLUTIONS PAGES — EXACT ORIGINAL GHL STYLES
   Extracted from the Professional Website solution export.
   Shared by solution detail pages.
   ═══════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --navy:#0d1b2a;
  --navy2:#112236;
  --navy3:#162d42;
  --nb:rgba(255,255,255,.08);
  --cream:#fafaf8;
  --ink:#0f0f0f;
  --ink2:#1a1a1a;
  --ink3:#2d2d2d;
  --mid:#6b7280;
  --muted:#9ca3af;
  --border:#e5e7eb;
  --amber:#c2621a;
  --amber-d:#a3521a;
  --amber-bg:#fef3e8;
  --al:#f5a652;
  --r:10px;
}
html{scroll-behavior:smooth;}
body{background:var(--navy);color:#fff;font-family:'Inter',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}

/* ── REVEAL ── */
.rv{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;}
.rv.in{opacity:1;transform:none;}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}

/* ── BUTTONS ── */
.btn-amber{display:inline-block;background:var(--amber);color:#fff;font-family:'Inter',sans-serif;font-size:.9375rem;font-weight:600;padding:13px 26px;border-radius:7px;border:none;cursor:pointer;transition:background .15s,transform .12s;}
.btn-amber:hover{background:var(--amber-d);transform:translateY(-1px);}
.btn-ghost{display:inline-block;background:transparent;color:rgba(255,255,255,.8);font-family:'Inter',sans-serif;font-size:.9375rem;font-weight:600;padding:12px 26px;border-radius:7px;border:1.5px solid rgba(255,255,255,.22);cursor:pointer;transition:border-color .15s,color .15s,transform .12s;}
.btn-ghost:hover{border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-1px);}
.btn-white{display:inline-block;background:#fff;color:var(--amber);font-family:'Inter',sans-serif;font-size:.9375rem;font-weight:700;padding:13px 28px;border-radius:7px;border:none;cursor:pointer;transition:background .15s,transform .12s;}
.btn-white:hover{background:#fff5ee;transform:translateY(-1px);}
.btn-outline{display:inline-block;background:transparent;color:var(--amber);font-family:'Inter',sans-serif;font-size:.9375rem;font-weight:600;padding:12px 26px;border-radius:7px;border:1.5px solid rgba(194,98,26,.35);cursor:pointer;transition:border-color .15s,background .15s,transform .12s;}
.btn-outline:hover{border-color:var(--amber);background:var(--amber-bg);transform:translateY(-1px);}

/* ── NAV ── */
nav{position:sticky;top:0;z-index:300;height:68px;background:rgba(13,27,42,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--nb);}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 40px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.nav-logo{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:-.3px;flex-shrink:0;}
.nav-logo span{color:var(--amber);}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none;}
.nav-item{position:relative;}
.nav-item::after{content:'';position:absolute;top:100%;left:0;right:0;height:18px;}
.nl{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.65);padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background .15s,color .15s;white-space:nowrap;border:none;background:transparent;font-family:'Inter',sans-serif;}
.nl:hover{color:#fff;background:rgba(255,255,255,.07);}
.chev{width:13px;height:13px;transition:transform .2s;flex-shrink:0;}
.nav-item:hover .chev{transform:rotate(180deg);}
/* Dropdown */
.dd{position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%) translateY(-6px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 56px rgba(0,0,0,.28);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;padding:18px;padding-top:24px;z-index:400;}
.dd.wide{min-width:700px;}
.dd.narrow{min-width:300px;}
.nav-item:hover .dd{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.dd-lbl{font-size:.65rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#9ca3af;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid #f3f4f6;}
.dd-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;}
.dd-grid.one-col{grid-template-columns:1fr;}
.dd-item{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:7px;transition:background .12s;}
.dd-item:hover{background:#f3f4f6;}
.dd-ic{width:30px;height:30px;border-radius:6px;background:#fef3e8;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dd-ic svg{width:13px;height:13px;}
.dd-t{font-size:.8125rem;font-weight:600;color:#0f0f0f;line-height:1.3;margin-bottom:1px;}
.dd-d{font-size:.72rem;color:#6b7280;line-height:1.3;}
/* Nav right */
.nav-right{display:flex;align-items:center;gap:9px;flex-shrink:0;}
.nav-btn-ghost{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.65);padding:7px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.18);cursor:pointer;background:transparent;transition:border-color .15s,color .15s;font-family:'Inter',sans-serif;}
.nav-btn-ghost:hover{border-color:rgba(255,255,255,.45);color:#fff;}
.nav-btn-solid{font-size:.875rem;font-weight:600;color:#fff;padding:8px 16px;border-radius:6px;border:none;background:var(--amber);cursor:pointer;transition:background .15s;font-family:'Inter',sans-serif;}
.nav-btn-solid:hover{background:var(--amber-d);}
/* Hamburger */
.ham{display:none;flex-direction:column;justify-content:space-between;width:24px;height:17px;background:transparent;border:none;cursor:pointer;padding:0;flex-shrink:0;}
.ham span{display:block;height:2px;width:100%;background:rgba(255,255,255,.85);border-radius:2px;transition:transform .25s,opacity .2s,width .2s;}
.ham.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.ham.open span:nth-child(2){opacity:0;width:0;}
.ham.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}

/* ── MOBILE DRAWER ── */
.mob-ov{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:400;opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s;backdrop-filter:blur(3px);}
.mob-ov.open,.mob-ov.show{opacity:1;visibility:visible;}
.mob-dr{position:fixed;top:0;right:0;bottom:0;width:min(380px,100vw);background:var(--navy);z-index:500;transform:translateX(110%);transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;}
.mob-dr.open,.mob-dr.show{transform:translateX(0);}
.mob-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--nb);flex-shrink:0;}
.mob-close{width:32px;height:32px;border-radius:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.5);}
.mob-close svg{width:13px;height:13px;}
.mob-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;}
.mob-top{display:flex;align-items:center;font-size:1rem;font-weight:500;color:rgba(255,255,255,.75);padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.05);}
.mob-sec{border-bottom:1px solid rgba(255,255,255,.05);}
.mob-sec-btn{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:500;color:rgba(255,255,255,.75);padding:13px 18px;background:transparent;border:none;cursor:pointer;font-family:'Inter',sans-serif;}
.mob-sub{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.mob-sub.open{max-height:900px;}
.mob-sub-lbl{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.2);padding:12px 18px 5px;}
.mob-row{display:flex;gap:12px;align-items:flex-start;padding:10px 18px;}
.mob-row-ic{width:34px;height:34px;min-width:34px;border-radius:7px;background:rgba(194,98,26,.13);border:1px solid rgba(194,98,26,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mob-row-ic svg{width:14px;height:14px;}
.mob-row-t{font-size:.875rem;font-weight:600;color:rgba(255,255,255,.85);margin-bottom:2px;}
.mob-row-d{font-size:.72rem;color:rgba(255,255,255,.35);line-height:1.35;}
.mob-contact{padding:16px 18px;border-top:1px solid var(--nb);}
.mob-contact-lbl{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.22);margin-bottom:9px;}
.mob-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.mc-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:7px;font-size:.875rem;font-weight:600;font-family:'Inter',sans-serif;}
.mc-btn svg{width:14px;height:14px;}
.mc-call{background:var(--amber);color:#fff;}
.mc-text{background:rgba(255,255,255,.07);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.11);}
.mob-foot{padding:12px 16px;border-top:1px solid var(--nb);flex-shrink:0;display:flex;flex-direction:column;gap:8px;}
.mob-login{font-size:.78rem;color:rgba(255,255,255,.28);text-align:center;}
.mob-login:hover{color:rgba(255,255,255,.55);}
.mob-book{background:var(--amber);color:#fff;font-size:.9375rem;font-weight:600;padding:13px;border-radius:7px;border:none;cursor:pointer;font-family:'Inter',sans-serif;width:100%;}
.mob-book:hover{background:var(--amber-d);}

/* ── SECTIONS ── */
.sec{padding:88px 8%;}
.sec.cream{background:var(--cream);}
.sec.navy2{background:var(--navy2);}
.sec.navy3{background:var(--navy3);}
.sec.bt{border-top:1px solid var(--nb);}

/* ── PAGE HERO (interior pages) ── */
.ph{position:relative;background:var(--navy2);padding:88px 8% 80px;overflow:hidden;border-bottom:1px solid var(--nb);}
.ph-bg{position:absolute;inset:0;background-size:cover;background-position:center 30%;opacity:.18;}
.ph-ov{position:absolute;inset:0;background:linear-gradient(105deg,rgba(13,27,42,.97) 45%,rgba(13,27,42,.65));}
.ph-content{position:relative;z-index:2;max-width:700px;}
.ph-eye{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--al);display:block;margin-bottom:14px;}
.ph-h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:#fff;margin-bottom:18px;}
.ph-h1 em{font-style:italic;color:var(--al);}
.ph-sub{font-size:1.05rem;line-height:1.78;color:rgba(255,255,255,.55);max-width:580px;}

/* ── TWO-COL LAYOUT ── */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.two-col.gap-sm{gap:48px;}

/* ── EYEBROW / HEADINGS / BODY TEXT ── */
.ey{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);display:block;margin-bottom:12px;}
.ey.light{color:var(--al);}
.h2-light{font-family:'Playfair Display',serif;font-size:clamp(1.75rem,2.6vw,2.4rem);font-weight:700;line-height:1.12;letter-spacing:-.025em;color:#fff;margin-bottom:16px;}
.h2-light em{font-style:italic;color:var(--al);}
.h2-dark{font-family:'Playfair Display',serif;font-size:clamp(1.75rem,2.6vw,2.4rem);font-weight:700;line-height:1.12;letter-spacing:-.025em;color:var(--ink);margin-bottom:16px;}
.h2-dark em{font-style:italic;color:var(--amber);}
.p-light{font-size:1rem;line-height:1.78;color:rgba(255,255,255,.52);}
.p-dark{font-size:1rem;line-height:1.78;color:var(--mid);}
.p-center{text-align:center;margin-left:auto;margin-right:auto;}

/* ── FEATURE LIST ── */
.feat-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin-top:24px;}
.feat-li{display:flex;gap:11px;align-items:flex-start;font-size:.9375rem;line-height:1.6;}
.feat-dot{width:20px;height:20px;min-width:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px;flex-shrink:0;}
.feat-dot svg{width:9px;height:9px;}
/* Dark section (navy) feat-li */
.sec:not(.cream) .feat-li{color:rgba(255,255,255,.75);}
.sec:not(.cream) .feat-li strong{color:#fff;}
.sec:not(.cream) .feat-dot{background:rgba(194,98,26,.18);border:1px solid rgba(194,98,26,.3);}
/* Cream section feat-li */
.sec.cream .feat-li{color:var(--ink3);}
.sec.cream .feat-li strong{color:var(--ink);}
.sec.cream .feat-dot{background:var(--amber-bg);}
/* Plain div feat-li (not inside .sec) */
div:not([class*="sec"]) .feat-li{color:rgba(255,255,255,.75);}
div:not([class*="sec"]) .feat-li strong{color:#fff;}
div:not([class*="sec"]) .feat-dot{background:rgba(194,98,26,.18);border:1px solid rgba(194,98,26,.3);}

/* ── COL IMAGE ── */
.col-img{width:100%;height:480px;object-fit:cover;border-radius:var(--r);}

/* ── STAT BOXES ── */
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}
.stat-box{background:rgba(255,255,255,.04);border:1px solid var(--nb);border-radius:var(--r);padding:28px 24px;}
.sec.cream .stat-box{background:#fff;border:1px solid var(--border);}
.stat-n{font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:700;color:var(--al);line-height:1;margin-bottom:8px;}
.sec.cream .stat-n{color:var(--amber);}
.stat-l{font-size:.875rem;line-height:1.6;color:rgba(255,255,255,.45);}
.sec.cream .stat-l{color:var(--mid);}
.stat-src{font-size:.7rem;font-style:italic;color:rgba(255,255,255,.22);margin-top:6px;}
.sec.cream .stat-src{color:var(--muted);}

/* ── CARDS ── */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;}
.card{background:rgba(255,255,255,.04);border:1px solid var(--nb);border-radius:var(--r);padding:24px;}
.sec.cream .card{background:#fff;border:1px solid var(--border);}
.card-icon{width:40px;height:40px;border-radius:8px;background:var(--amber-bg);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.card-icon svg{width:18px;height:18px;}
.card-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:6px;}
.sec.cream .card-title{color:var(--ink);}
.card-desc{font-size:.875rem;line-height:1.65;color:rgba(255,255,255,.42);}
.sec.cream .card-desc{color:var(--mid);}

/* ── FAQ ── */
.faq-wrap{max-width:700px;margin:48px auto 0;}
.faq-item{border-top:1px solid rgba(255,255,255,.08);}
.faq-item:last-child{border-bottom:1px solid rgba(255,255,255,.08);}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:19px 0;cursor:pointer;font-size:.9375rem;font-weight:600;color:rgba(255,255,255,.82);gap:16px;transition:color .15s;user-select:none;}
.faq-q:hover{color:var(--al);}
.faq-ic{width:22px;height:22px;min-width:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;color:rgba(255,255,255,.35);transition:transform .25s,background .15s,border-color .15s,color .15s;flex-shrink:0;}
.faq-item.open .faq-ic{transform:rotate(45deg);background:var(--amber);border-color:var(--amber);color:#fff;}
.faq-a{font-size:.9375rem;line-height:1.75;color:rgba(255,255,255,.42);max-height:0;overflow:hidden;transition:max-height .35s ease,padding-bottom .3s;}
.faq-item.open .faq-a{max-height:300px;padding-bottom:18px;}

/* ── CTA BAND ── */
.cta-band{background:var(--amber);padding:84px 8%;position:relative;overflow:hidden;}
.cta-band::before{content:'';position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=1600&q=30');background-size:cover;background-position:center 30%;mix-blend-mode:multiply;opacity:.18;}
.cta-band-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap;}
.cta-h{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:700;line-height:1.1;letter-spacing:-.025em;color:#fff;margin-bottom:12px;}
.cta-p{font-size:1rem;line-height:1.75;color:rgba(255,255,255,.72);max-width:480px;}
.cta-side{flex-shrink:0;min-width:220px;}
.cta-fine{font-size:.78rem;color:rgba(255,255,255,.45);text-align:center;margin-top:8px;}

/* ── FOOTER ── */
footer{background:var(--navy);border-top:1px solid var(--nb);padding:60px 8% 30px;}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:48px;}
.ft-logo{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:#fff;display:block;margin-bottom:10px;}
.ft-logo span{color:var(--amber);}
.ft-tag{font-size:.875rem;line-height:1.7;color:rgba(255,255,255,.28);margin-bottom:20px;}
.ft-socs{display:flex;gap:8px;margin-bottom:18px;}
.ft-soc{width:32px;height:32px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:rgba(255,255,255,.28);transition:border-color .15s,color .15s;}
.ft-soc:hover{border-color:var(--amber);color:var(--amber);}
.ft-login{font-size:.875rem;color:rgba(255,255,255,.28);transition:color .15s;}
.ft-login:hover{color:var(--amber);}
.ft-col h4{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.2);margin-bottom:14px;}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.ft-col a{font-size:.875rem;color:rgba(255,255,255,.34);transition:color .15s;}
.ft-col a:hover{color:var(--al);}
.ft-bot{border-top:1px solid rgba(255,255,255,.06);padding-top:20px;display:flex;justify-content:space-between;font-size:.75rem;color:rgba(255,255,255,.16);flex-wrap:wrap;gap:8px;}
.ft-bot a{color:rgba(255,255,255,.16);margin-left:16px;transition:color .15s;}
.ft-bot a:hover{color:var(--amber);}

/* ── RESPONSIVE ── */
@media(max-width:960px){
  .nav-links,.nav-right .nav-btn-ghost{display:none;}
  .ham{display:flex;}
  .sec{padding:64px 6%;}
  .two-col{grid-template-columns:1fr;gap:40px;}
  .col-img{height:300px;}
  .stat-row{grid-template-columns:1fr;}
  .cards{grid-template-columns:1fr 1fr;}
  .ft-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .ph{padding:64px 6% 56px;}
  .cta-band{padding:64px 6%;}
  .cta-band-inner{flex-direction:column;}
}
@media(max-width:480px){
  .nav-inner{padding:0 16px;}
  .cards{grid-template-columns:1fr;}
  .ft-grid{grid-template-columns:1fr;}
  .stat-row{grid-template-columns:1fr;}
}
@media(min-width:961px){
  .ham{display:none!important;}
  .mob-dr,.mob-ov{display:none!important;}
}


/* Interior pages use .ph for hero, .sec for sections,
   .two-col, .feat-list, .cards, .stat-row, .faq-wrap — all from BASE_CSS */

/* ═══════════════════════════════════════════════════
   SOLUTIONS PAGES — UNIQUE ADDITIONS
   Required by Integrations and Automation Workflows exports.
   ═══════════════════════════════════════════════════ */

/* Feature list support for dark hero/feature-row areas used by Integrations/Automations */
.ph .feat-li,
.feat-row:not(.cream) .feat-li{
  color:rgba(255,255,255,.75);
}

.ph .feat-li strong,
.feat-row:not(.cream) .feat-li strong{
  color:#fff;
}

.ph .feat-dot,
.feat-row:not(.cream) .feat-dot{
  background:rgba(194,98,26,.18);
  border:1px solid rgba(194,98,26,.3);
}

/* FAQ support for light/cream sections used by Integrations/Automations */
.sec.cream .faq-item,
.sec.cream .faq-item:last-child{
  border-color:var(--border);
}

.sec.cream .faq-q{
  color:var(--ink3);
}

.sec.cream .faq-q:hover{
  color:var(--amber);
}

.sec.cream .faq-ic{
  border-color:var(--border);
  color:var(--mid);
}

.sec.cream .faq-a{
  color:var(--mid);
}

/* Integrations page card grid */
.int-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:40px;
}

.int-card{
  background:rgba(255,255,255,.04);
  border:1px solid var(--nb);
  border-radius:var(--r);
  padding:28px 24px;
}

.int-card-icon{
  width:44px;
  height:44px;
  border-radius:9px;
  background:var(--amber-bg);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
}

.int-card-icon svg{
  width:20px;
  height:20px;
}

.int-card-title{
  font-size:1.05rem;
  font-weight:600;
  color:#fff;
  margin-bottom:8px;
}

.int-card-desc{
  font-size:.875rem;
  line-height:1.65;
  color:rgba(255,255,255,.45);
}

@media(max-width:960px){
  .int-cards{
    grid-template-columns:1fr;
  }
}

/* ═══════════════════════════════════════════════════
   Global Mobile Drawer Click Fix
   Must remain at the very bottom of shared.css.

   Problem:
   On some pages the sticky nav/hamburger layer sits above the
   open mobile drawer, so taps on the visible X hit the hamburger
   span instead of the close button.

   Fix:
   Keep the drawer/overlay above the nav and disable pointer
   events on the nav bar only while the drawer is open.
   ═══════════════════════════════════════════════════ */

#nav-root{
  position:sticky;
  top:0;
  z-index:9999;
}

#nav-root nav{
  position:sticky;
  top:0;
  z-index:9999;
}

/* When the drawer is open, stop the nav bar from stealing taps. */
#nav-root:has(#mob-dr.show) nav{
  pointer-events:none !important;
}

/* Drop nav below calendar modal when it's open */
body.modal-open #nav-root{
  z-index:1 !important;
}

/* But keep the drawer and everything inside it clickable. */
#nav-root:has(#mob-dr.show) #mob-dr,
#nav-root:has(#mob-dr.show) #mob-dr *,
#mob-dr.show,
#mob-dr.show *{
  pointer-events:auto !important;
}

#nav-root #mob-ov,
#mob-ov,
.mob-ov{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
}

#nav-root #mob-ov.show,
#mob-ov.show,
.mob-ov.show{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

#nav-root #mob-dr,
#mob-dr,
.mob-dr{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:2147483001 !important;
}

#nav-root #mob-dr.show,
#mob-dr.show,
.mob-dr.show{
  transform:translateX(0) !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

#nav-root .mob-close{
  position:relative !important;
  z-index:2147483002 !important;
  pointer-events:auto !important;
}