/* SmartAlecEquity — rebuilt from local-preview screenshots, Oct 25, 2026 */
:root{
  --navy:#0a1725; --navy-2:#0d1e30; --navy-card:#0c1c2d;
  --gold:#c9a25e; --gold-2:#dcbc7f; --gold-deep:#a97f3c;
  --cream:#f6f1e5; --cream-2:#efe8d8; --card:#fffdf8;
  --ink:#22303e; --ink-soft:#4a5a68; --line:#ddd3bf;
  --serif:"Playfair Display","Didot","Bodoni MT",Georgia,serif;
  --sans:"Inter","Segoe UI",Helvetica,Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--cream);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%}
svg,video,iframe,table,pre{max-width:100%}
.footer-grid>*,.book-grid>*,.split>*,.eq-cards>*,.cards-grid>*,.reasons>*,.steps3>*,.mini-steps>*{min-width:0}
a{color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
h1,h2,h3,.serif{font-family:var(--serif);font-weight:600}

/* ---------- header ---------- */
.site-header{background:var(--navy);border-bottom:1px solid rgba(201,162,94,.25);position:relative;z-index:40}
.header-in{display:flex;align-items:center;gap:34px;padding:16px 0}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0}
.brand img{width:46px;height:52px;object-fit:contain}
.brand-name{font-family:var(--serif);font-size:25px;letter-spacing:.06em;color:#fff;line-height:1;white-space:nowrap}
.brand-name em{font-style:normal;color:var(--gold)}
.brand-tag{display:block;font-family:var(--sans);font-size:8.5px;font-weight:700;letter-spacing:.34em;color:#e8e2d2;margin-top:5px}
.main-nav{display:flex;gap:34px;margin-left:auto}
.main-nav a{color:#f2ecdd;text-decoration:none;font-size:12.5px;font-weight:700;letter-spacing:.12em;padding:6px 0}
.main-nav a.active{color:var(--gold);border-bottom:2px solid var(--gold)}
.main-nav a:hover{color:var(--gold-2)}
.btn{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(180deg,var(--gold-2),var(--gold) 55%,var(--gold-deep));color:#23180a;text-decoration:none;font-weight:800;font-size:12.5px;letter-spacing:.1em;padding:14px 22px;border-radius:7px;border:1px solid #8f6d33;box-shadow:0 2px 10px rgba(0,0,0,.35);cursor:pointer;text-transform:uppercase;max-width:100%;white-space:normal;text-align:center}
.btn:hover{filter:brightness(1.06)}
.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(230,220,195,.75);box-shadow:none}
.btn-outline:hover{border-color:var(--gold);color:var(--gold-2)}
.btn svg{width:15px;height:15px;flex-shrink:0}
.header-cta{margin-left:8px}
.nav-toggle{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.35);border-radius:6px;color:#fff;font-size:18px;padding:7px 12px;cursor:pointer}

/* ---------- hero / bands ---------- */
.hero{background:var(--navy);color:#f4efe3;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url("img/hero-library.jpg") right center/cover no-repeat;opacity:.5}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 30%,rgba(10,23,37,.88) 46%,rgba(10,23,37,.25) 75%,rgba(10,23,37,.45))}
.hero-in{position:relative;max-width:640px;padding:64px 0 74px}
.eyebrow{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:800;letter-spacing:.3em;color:#efe9da}
.eyebrow::before,.eyebrow.center::after{content:"";height:1px;width:44px;background:var(--gold);opacity:.8}
.hero h1{font-size:clamp(40px,4.6vw,57px);line-height:1.13;margin:26px 0 24px;color:#fff;font-weight:500}
.hero h1 .gold-i{color:var(--gold);font-style:italic}
/* hero headline: on tablet/desktop "Disputes Honorably." runs on one line */
@media (min-width:768px){
  .hero h1 .br-hon{display:none}
}
.hero p{font-size:16.5px;color:#e9e4d4;max-width:520px;margin-bottom:16px}
.hero-ctas{display:flex;gap:16px;margin-top:30px;flex-wrap:wrap}
.band{background:var(--navy);color:#f4efe3}
.band-in{padding:74px 0 66px;max-width:900px}
.band h1{font-size:clamp(34px,4.4vw,52px);line-height:1.2;color:#fff;font-weight:500}
.band .sub{margin-top:18px;font-size:16.5px;color:#e6dfcd;max-width:640px}
.band p.body{margin-top:20px;font-size:16.5px;color:#e9e4d4;max-width:840px}

/* ---------- sections ---------- */
.section{padding:64px 0 72px}
.section.cream{background:var(--cream)}
.section-head{text-align:center;margin-bottom:44px}
.section-head h2{font-size:clamp(27px,6vw,35px);color:var(--ink);font-weight:500}
.gold-rule{width:52px;height:2px;background:var(--gold);margin:16px auto 0}
.kicker{font-size:11.5px;font-weight:800;letter-spacing:.28em;color:var(--gold-deep);text-transform:uppercase}

/* home: reasons */
.reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.reason{text-align:center;padding:6px 26px;border-left:1px solid var(--line)}
.reason:first-child{border-left:none}
.reason svg{width:30px;height:30px;stroke:var(--gold-deep);margin-bottom:18px}
.reason p{font-size:15.5px;color:var(--ink)}

/* home: operate */
.operate{background:var(--navy);color:#eee8da}
.operate .kicker{color:var(--gold);text-align:center;display:block}
.steps3{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:10px;margin-top:46px}
.step{text-align:center;padding:0 18px}
.step .ring{width:82px;height:82px;border:1.5px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 22px}
.step .ring svg{width:32px;height:32px;stroke:var(--gold)}
.step h3{font-size:19px;color:#fff;margin-bottom:10px;font-weight:500}
.step h3 .n{color:var(--gold-2)}
.step p{font-size:14.5px;color:#d9d2bf}
.step-arrow{align-self:center;color:var(--gold);font-size:22px;padding-top:28px}

/* home: faq + card */
.split{display:grid;grid-template-columns:1fr 1.08fr;gap:54px;align-items:start}
.faq-side .kicker{margin-bottom:10px;display:block}
.faq-side h2{font-size:clamp(26px,6vw,34px);font-weight:500;margin-bottom:10px}
.faq-side .lede{color:var(--ink-soft);margin-bottom:28px;font-size:15.5px}
.accordion{background:var(--card);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.acc-item + .acc-item{border-top:1px solid #e7dfcd}
.acc-btn{width:100%;background:none;border:none;text-align:left;padding:17px 20px;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center;font-family:var(--sans)}
.acc-btn .chev{color:var(--gold-deep);font-size:13px;transition:transform .25s}
.acc-item.open .acc-btn .chev{transform:rotate(180deg)}
.acc-panel{display:none;padding:0 20px 19px;font-size:14.5px;color:var(--ink-soft)}
.acc-item.open .acc-panel{display:block}
.view-all{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:16px 20px;font-weight:800;font-size:13px;letter-spacing:.12em;text-decoration:none;color:var(--ink)}
.view-all:hover{border-color:var(--gold)}
.dark-card{background:linear-gradient(160deg,var(--navy-2),var(--navy-card));border-radius:12px;color:#f0ead9;padding:46px 48px;box-shadow:0 18px 44px rgba(10,23,37,.3)}
.dark-card h2{font-size:clamp(26px,6.5vw,37px);line-height:1.25;color:#fff;font-weight:500;margin-bottom:16px}
.dark-card > p{color:#ddd5c0;font-size:15.5px}
.mini-steps{display:grid;grid-template-columns:1fr 1fr 1fr;margin:34px 0 36px}
.mini-step{text-align:center;padding:0 14px;border-left:1px solid rgba(201,162,94,.3)}
.mini-step:first-child{border-left:none}
.mini-step .ring{width:56px;height:56px;border:1.5px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 13px}
.mini-step .ring svg{width:23px;height:23px;stroke:var(--gold)}
.mini-step p{font-size:13px;color:#e3dcc8}
.dark-card .btn{width:100%;justify-content:center}
.dark-card .fineprint{margin-top:18px;font-size:13.5px;color:#bdb49c}

/* how it works cards */
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.hiw-card{background:var(--card);border:1px solid #e3dac6;border-radius:10px;padding:32px 30px 36px;box-shadow:0 8px 22px rgba(60,48,20,.06)}
.hiw-num{width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,var(--gold-2),var(--gold-deep));color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:20px}
.hiw-card h3{font-size:24px;font-weight:500;margin-bottom:13px}
.hiw-card p{font-size:15px;color:var(--ink-soft)}
.center-cta{text-align:center;margin-top:46px}

/* what is equity cards */
.eq-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.eq-card{background:var(--card);border:1px solid #e3dac6;border-radius:10px;padding:30px 34px 34px}
.eq-card h3{font-size:21px;margin-bottom:18px;font-weight:500}
.eq-card.no h3{color:#a34a38}
.eq-card.yes h3{color:#5c7a3c}
.eq-card ul{list-style:none}
.eq-card li{display:flex;gap:12px;padding:11px 0;border-top:1px solid #eee5d0;font-size:15px;color:var(--ink)}
.eq-card li:first-of-type{border-top:none}
.eq-ic{flex-shrink:0;width:19px;height:19px;border-radius:50%;border:1.6px solid;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;margin-top:2px}
.eq-card.no .eq-ic{color:#b3553f;border-color:#b3553f}
.eq-card.yes .eq-ic{color:#7d9b4e;border-color:#7d9b4e}
.closing-bar{background:var(--navy);color:#f2ecdd;border-radius:9px;padding:26px 34px;font-size:16.5px;margin-top:28px}

/* booking */
.book-top{display:flex;justify-content:space-between;gap:26px;align-items:flex-start;flex-wrap:wrap;margin-bottom:30px}
.book-label{font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--ink)}
.book-tz{color:var(--ink-soft);font-size:14.5px;margin-top:7px}
.call-note{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:18px 22px;display:flex;gap:16px;max-width:480px;align-items:flex-start}
.call-note svg{width:26px;height:26px;stroke:var(--gold-deep);flex-shrink:0;margin-top:2px}
.call-note b{display:block;font-size:15px}
.call-note span{font-size:14px;color:var(--ink-soft)}
.book-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}
.cal-card,.form-card{background:var(--card);border:1px solid #e3dac6;border-radius:12px;padding:28px;box-shadow:0 10px 26px rgba(60,48,20,.06)}
.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.cal-head h3{font-size:21px;font-weight:500}
.cal-nav{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer;font-size:16px;color:var(--ink-soft)}
.cal-nav:disabled{opacity:.35;cursor:default}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.cal-dow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--ink-soft);text-align:center;padding:4px 0}
.cal-day{border:1px solid #e7dfcd;background:#fff;border-radius:8px;min-height:64px;padding:7px 9px;text-align:left;font-family:var(--sans);cursor:pointer;display:flex;flex-direction:column;gap:2px}
.cal-day .dnum{font-size:15px;font-weight:600;color:var(--ink)}
.cal-day .open-n{font-size:11px;color:var(--ink-soft)}
.cal-day.other .dnum{color:#b9b2a2}
.cal-day.past{cursor:default;background:#fff}
.cal-day.past .dnum{color:var(--ink)}
.cal-day.full{cursor:default}
.cal-day.avail:hover{border-color:var(--gold)}
.cal-day.selected{background:#f3e8cd;border-color:var(--gold-deep)}
.cal-day:disabled{cursor:default}
.day-panel{margin-top:22px;background:#f4efe1;border:1px solid #e7dfcd;border-radius:9px;padding:18px 20px;display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.day-panel .dp-date{font-family:var(--serif);font-size:17px;margin-bottom:5px}
.day-panel p{font-size:14px;color:var(--ink-soft)}
.day-panel svg{width:24px;height:24px;stroke:var(--gold-deep);flex-shrink:0}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:10px;margin-top:18px}
.slot-btn{border:1px solid #ddd5c0;background:#fff;border-radius:8px;padding:11px 4px;font-size:14px;cursor:pointer;font-family:var(--sans);color:var(--ink)}
.slot-btn:hover{border-color:var(--gold)}
.slot-btn.selected{background:#f3e8cd;border-color:var(--gold-deep);font-weight:700}
.form-card h3{font-size:22px;font-weight:500;margin-bottom:20px}
.field{margin-bottom:17px}
.field label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}
.field input[type=text],.field input[type=email],.field input[type=tel],.field textarea{width:100%;border:1px solid #d8d0ba;border-radius:8px;padding:13px 14px;font-size:15px;font-family:var(--sans);background:#fff;color:var(--ink)}
.field textarea{min-height:96px;resize:vertical}
.consent{background:#f4efe1;border:1px solid #e7dfcd;border-radius:9px;padding:15px 16px;display:flex;gap:12px;margin-bottom:17px}
.consent input{margin-top:3px;width:16px;height:16px;flex-shrink:0;accent-color:var(--gold-deep)}
.consent p{font-size:13px;color:var(--ink-soft)}
.consent a{color:var(--gold-deep);font-weight:600}
.selected-box{background:#f4efe1;border:1px solid #e7dfcd;border-radius:9px;padding:15px 17px;margin-bottom:20px}
.selected-box b{display:block;font-size:14px;margin-bottom:3px}
.selected-box span{font-size:14px;color:var(--ink-soft)}
.form-card .btn{width:100%;justify-content:center;padding:16px}
.form-msg{margin-top:16px;font-size:14.5px;border-radius:8px;padding:13px 16px;display:none}
.form-msg.err{display:block;background:#f9e9e4;color:#8c3524;border:1px solid #e5c0b4}
.form-msg.ok{display:block;background:#edf3e2;color:#3f6123;border:1px solid #c4d6a8}
.booked-panel{text-align:center;padding:22px 6px}
.booked-panel h3{font-size:26px;margin-bottom:12px}
.booked-panel p{color:var(--ink-soft);font-size:15px}

/* legal */
.legal-body{background:var(--card);border:1px solid #e3dac6;border-radius:12px;padding:44px 48px;overflow-wrap:break-word}
.legal-body .updated{color:var(--ink-soft);font-size:14px;margin-bottom:22px}
.legal-body p{margin-bottom:15px;font-size:15.5px;color:#37485a}
.legal-body h2{font-size:23px;margin:30px 0 13px;font-weight:500}
.legal-body ul{margin:0 0 15px 20px;color:#37485a;font-size:15.5px}
.legal-body li{margin-bottom:7px}
.legal-contact{margin-top:34px;border-top:1px solid var(--line);padding-top:22px}
.legal-contact p{margin-bottom:4px}

/* footer */
.site-footer{background:var(--navy);color:#d9d2bf;margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:44px;padding:58px 0 40px}
.footer-brand .brand-name{font-size:23px}
.footer-blurb{font-size:14.5px;color:#c9c1ab;margin-top:18px;max-width:340px}
.f-head{font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--gold);margin-bottom:18px}
.f-links{list-style:none}
.f-links li{margin-bottom:11px}
.f-links a{color:#e6dfcd;text-decoration:none;font-size:14.5px}
.f-links a:hover{color:var(--gold-2)}
.f-contact{list-style:none;font-size:14.5px}
.f-contact li{display:flex;gap:11px;margin-bottom:12px;align-items:flex-start}
.f-contact svg{width:16px;height:16px;stroke:var(--gold);flex-shrink:0;margin-top:3px}
.f-contact a{color:#e6dfcd;text-decoration:none;overflow-wrap:anywhere}
.footer-legal{border-top:1px solid rgba(201,162,94,.22);padding:24px 0 8px;font-size:12px;color:#9d9682;line-height:1.65}
.footer-copy{padding:6px 0 30px;font-size:12.5px;color:#9d9682}

/* ask alec */
.ask-alec{position:fixed;right:22px;bottom:0;z-index:60;display:flex;flex-direction:column;align-items:flex-end;text-decoration:none}
.ask-pill{display:inline-flex;align-items:center;gap:8px;background:#12283e;color:#fff;font-size:13.5px;font-weight:700;padding:9px 16px;border-radius:999px;border:1px solid rgba(201,162,94,.5);box-shadow:0 6px 18px rgba(0,0,0,.35);margin-right:6px}
.ask-pill .dot{width:8px;height:8px;border-radius:50%;background:#3ddc74}
.ask-alec img{width:118px;margin-top:2px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}

/* responsive */
@media (max-width:1020px){
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy);flex-direction:column;padding:18px 28px;gap:6px;border-bottom:1px solid rgba(201,162,94,.3)}
  .main-nav.open{display:flex}
  .nav-toggle{display:block}
  .header-cta{display:none}
  .hero h1{font-size:clamp(33px,8.5vw,42px)}
  .band h1{font-size:clamp(28px,7vw,38px)}
  .reasons{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}
  .reason{border-left:none}
  .steps3{grid-template-columns:minmax(0,1fr);gap:30px}
  .step-arrow{display:none}
  .split,.book-grid,.eq-cards{grid-template-columns:minmax(0,1fr)}
  .cards-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .footer-brand .brand-name{white-space:normal;line-height:1.2}
  .mini-steps{grid-template-columns:1fr;gap:20px}
  .mini-step{border-left:none}
  .dark-card{padding:34px 26px}
  .legal-body{padding:30px 24px}
  .ask-alec img{width:88px}
}
@media (max-width:700px){
  .footer-grid{grid-template-columns:minmax(0,1fr);gap:34px;padding:44px 0 30px}
  .footer-blurb{max-width:none}
}
@media (max-width:560px){
  .cards-grid{grid-template-columns:minmax(0,1fr)}
  .brand-name{font-size:19px}
  .brand-tag{letter-spacing:.22em}
  .brand img{width:38px;height:44px}
  .brand{min-width:0}
  .header-in{gap:16px}
  .wrap{padding:0 18px}
  .hero-in{padding:44px 0 52px}
  .hero p{font-size:15.5px}
  .eyebrow{font-size:11px;letter-spacing:.18em;flex-wrap:wrap}
  .eyebrow::before,.eyebrow.center::after{width:26px}
  .hero-ctas{flex-direction:column;align-items:stretch}
  .hero-ctas .btn{justify-content:center}
  .btn{padding:13px 16px}
  .section{padding:48px 0 54px}
  .cal-card,.form-card{padding:18px 14px}
  .cal-head h3{font-size:19px}
  .cal-grid{gap:5px}
  .cal-day{min-height:50px;padding:5px 4px}
  .cal-day .dnum{font-size:13.5px}
  .cal-day .open-n{font-size:9.5px}
  .slots{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
  .day-panel{flex-wrap:wrap;padding:15px 16px}
  .call-note{padding:15px 17px}
  .legal-body{padding:26px 20px}
  .eq-card{padding:24px 20px 26px}
  .closing-bar{padding:22px 20px}
  .dark-card{padding:30px 22px}
  .ask-alec{right:12px}
  .ask-alec img{width:74px}
  .ask-pill{font-size:12px;padding:7px 12px;margin-right:2px}
  .footer-copy{padding-bottom:104px}
}