/* Public landing page, shown to signed-out visitors. Scoped to .acqintel so it
   never touches the app's own styles. Same brand as the app: Archivo, Vexis
   green on a warm grey ground, square corners. */
.acqintel{--ai-ink:#201e1d; --ai-body:#4a4746; --ai-muted:#6b6766; --ai-faint:#8a8584;
  --ai-paper:#f3f2f2; --ai-line:#dfdcdb; --ai-rule:#c6c2c1; --ai-green:#1e5b3c; --ai-green-dark:#153f2a;
  --ai-deep:#16352a; --ai-mint:#dcece2; --ai-dot:#57d05a;
  background:var(--ai-paper); color:var(--ai-ink); font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased}
.acqintel *,.acqintel *::before,.acqintel *::after{box-sizing:border-box}
.acqintel :where(h1,h2,h3,p,dl,dd,figure,ul){margin:0}
.acqintel a{color:inherit; text-decoration:none}
.acqintel a:focus-visible,.acqintel [tabindex]:focus-visible{outline:3px solid var(--ai-green); outline-offset:4px}
.acqintel ul{padding:0; list-style:none}
.acqintel h1,.acqintel h2,.acqintel h3{font-weight:800; letter-spacing:-.03em; line-height:1.08}
.acqintel .ai-skip{position:absolute; left:20px; top:-100px; background:#fff; padding:12px 20px; z-index:10}
.acqintel .ai-skip:focus{top:12px}

/* Header */
.acqintel .ai-header{display:flex; align-items:center; gap:36px; height:76px; padding:0 48px;
  border-bottom:1px solid var(--ai-line)}
.acqintel .ai-brand{display:inline-flex; align-items:baseline; font-size:22px; font-weight:800; letter-spacing:-.04em}
.acqintel .ai-nav{display:flex; align-items:center; gap:26px; margin-left:auto; font-size:14.5px}
.acqintel .ai-nav a{color:var(--ai-body)}
.acqintel .ai-nav a:hover{color:var(--ai-ink)}
.acqintel .ai-login{display:inline-flex; align-items:center; height:38px; padding:0 18px;
  border:1px solid var(--ai-ink); font-weight:700; color:var(--ai-ink)}
.acqintel .ai-login:hover{background:var(--ai-ink); color:#fff}

/* Hero: the copy and the product, side by side */
.acqintel .ai-hero{display:flex; gap:56px; align-items:center; padding:64px 48px 0}
.acqintel .ai-hero-copy{width:min(560px,46%); flex-shrink:0}
.acqintel .ai-eyebrow{display:flex; align-items:center; gap:10px;
  font-size:12px; font-weight:700; letter-spacing:.16em; color:var(--ai-green)}
.acqintel .ai-status-dot{width:7px; height:7px; background:var(--ai-green); flex-shrink:0}
.acqintel h1{margin-top:22px; font-size:clamp(40px,4.6vw,66px)}
.acqintel .ai-lede{margin-top:22px; font-size:19px; line-height:1.55; color:var(--ai-body); max-width:30em}
.acqintel .ai-actions{display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:32px}
.acqintel .ai-button{display:inline-flex; align-items:center; gap:14px; height:52px; padding:0 24px;
  background:var(--ai-green); color:#fff; font-size:16px; font-weight:700; transition:background .15s}
.acqintel .ai-button:hover{background:var(--ai-green-dark)}
.acqintel .ai-play{display:inline-flex; align-items:center; gap:10px; height:52px; padding:0 20px;
  border:1px solid var(--ai-rule); font-size:15px; font-weight:600}
.acqintel .ai-play:hover{border-color:var(--ai-ink)}
.acqintel .ai-play-mark{display:grid; place-items:center; width:22px; height:22px; background:var(--ai-ink); color:#fff; font-size:9px}
.acqintel .ai-note{margin-top:18px; font-size:13.5px; color:var(--ai-muted)}
.acqintel .ai-shot{flex:1; min-width:0; border:1px solid #d7d3d3; background:#fff;
  box-shadow:0 30px 70px rgba(32,30,29,.13)}
.acqintel .ai-shot img{display:block; width:100%; height:auto}

/* Who it's for */
.acqintel .ai-built{display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin:54px 48px 0;
  padding:18px 0; border-top:1px solid var(--ai-line); border-bottom:1px solid var(--ai-line);
  font-size:15px; font-weight:600}
.acqintel .ai-built-label{font-size:12px; font-weight:700; letter-spacing:.14em; color:var(--ai-faint)}
.acqintel .ai-built i{width:4px; height:4px; background:var(--ai-rule)}

/* Three steps */
.acqintel .ai-steps{padding:76px 48px 0}
.acqintel .ai-steps h2{font-size:clamp(30px,3.2vw,44px); max-width:16ch}
.acqintel .ai-step-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px}
.acqintel .ai-step-grid article{display:flex; flex-direction:column; gap:12px; padding:26px;
  background:#fff; border:1px solid var(--ai-line)}
.acqintel .ai-step-n{font-size:34px; font-weight:800; letter-spacing:-.04em; color:var(--ai-green); line-height:1}
.acqintel .ai-step-grid h3{font-size:21px}
.acqintel .ai-step-grid p{font-size:15px; line-height:1.55; color:var(--ai-body)}
.acqintel .ai-step-foot{margin-top:auto; padding-top:8px; font-size:13px; font-weight:600; color:var(--ai-muted)}

/* The tour video */
.acqintel .ai-tour{display:flex; flex-direction:column; align-items:center; gap:16px; padding:76px 48px 0; scroll-margin-top:24px}
.acqintel .ai-video-frame{width:min(920px,100%); border:1px solid #d7d3d3; background:#000;
  box-shadow:0 24px 60px rgba(32,30,29,.12)}
.acqintel .ai-video-frame video{display:block; width:100%; height:auto; aspect-ratio:16/9; background:#000}

/* Evidence */
.acqintel .ai-evidence{display:flex; gap:56px; align-items:center; margin:80px 48px 0; padding:44px;
  background:var(--ai-deep); color:#fff}
.acqintel .ai-evidence-copy{flex:1; min-width:0}
.acqintel .ai-evidence .ai-eyebrow{color:#9fd3bd}
.acqintel .ai-evidence h2{margin-top:20px; font-size:clamp(28px,3vw,42px); max-width:16ch}
.acqintel .ai-evidence-copy>p{margin-top:20px; font-size:17px; line-height:1.6; color:#c7d8ce; max-width:44ch}
.acqintel .ai-evidence ul{display:flex; flex-direction:column; gap:11px; margin-top:26px; font-size:15px}
.acqintel .ai-evidence li{display:flex; gap:11px}
.acqintel .ai-evidence li::before{content:"✓"; color:var(--ai-dot); flex-shrink:0}
.acqintel .ai-card{width:430px; flex-shrink:0; background:#fff; color:var(--ai-ink); border:1px solid #d7d3d3}
.acqintel .ai-card-head{display:flex; flex-direction:column; gap:10px; padding:18px 20px; border-bottom:1px solid #efeded}
.acqintel .ai-card-head strong{font-size:19px; font-weight:800; letter-spacing:-.03em}
.acqintel .ai-card-tags{display:flex; flex-wrap:wrap; gap:6px}
.acqintel .ai-card-tags span{display:inline-flex; align-items:center; height:25px; padding:0 9px;
  background:var(--ai-paper); color:var(--ai-muted); font-size:12px; font-weight:600}
.acqintel .ai-tag-ok{background:var(--ai-mint)!important; color:#1d4b34!important; font-weight:700!important}
.acqintel .ai-card-facts{padding:2px 20px}
.acqintel .ai-card-facts>div{display:flex; gap:14px; padding:12px 0; border-bottom:1px solid #f0eeee}
.acqintel .ai-card-facts>div:last-child{border-bottom:0}
.acqintel .ai-card-facts dt{width:58px; flex-shrink:0; font-size:12.5px; font-weight:600; color:var(--ai-faint); padding-top:2px}
.acqintel .ai-card-facts dd{flex:1; min-width:0; font-size:15px; line-height:1.4}
.acqintel .ai-src{display:block; width:fit-content; margin-top:6px; padding:3px 8px;
  background:var(--ai-paper); color:#4a6b58; font-size:11.5px; font-weight:600}
.acqintel .ai-card-photo{display:flex; flex-direction:column; gap:9px; margin:4px 20px 20px; padding:13px;
  background:#f8f7f7; border:1px solid #efeded}
.acqintel .ai-card-photo span{font-size:11px; font-weight:700; letter-spacing:.07em; color:var(--ai-faint)}
.acqintel .ai-photo-strip{height:104px; background:linear-gradient(180deg,#dce7e0 0%,#cfdcd5 62%,#bdcbc3 62%,#b3c2ba 100%)}

/* What it costs */
.acqintel .ai-costs{padding:80px 48px 0; scroll-margin-top:24px}
.acqintel .ai-costs-head{display:flex; gap:40px; align-items:flex-end}
.acqintel .ai-costs-head h2{flex:1; font-size:clamp(28px,3vw,42px); max-width:18ch}
.acqintel .ai-costs-head p{flex:1; font-size:16px; line-height:1.6; color:var(--ai-body); max-width:46ch}
.acqintel .ai-price-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:36px}
.acqintel .ai-price-grid article{display:flex; flex-direction:column; gap:14px; padding:28px;
  background:#fff; border:1px solid var(--ai-line)}
.acqintel .ai-price-main{border:2px solid var(--ai-green)}
.acqintel .ai-price-label{font-size:12px; font-weight:700; letter-spacing:.14em; color:var(--ai-faint)}
.acqintel .ai-price-main .ai-price-label{color:var(--ai-green)}
.acqintel .ai-price{font-size:15px; color:var(--ai-body)}
.acqintel .ai-price b{font-size:38px; font-weight:800; letter-spacing:-.03em; color:var(--ai-ink); margin-right:8px}
.acqintel .ai-price-grid article>p:last-child{font-size:14.5px; line-height:1.55; color:var(--ai-body)}

/* Closing and footer */
.acqintel .ai-closing{display:flex; flex-direction:column; align-items:center; gap:22px;
  margin:88px 48px 0; padding:64px; background:#fff; border:1px solid var(--ai-line); text-align:center}
.acqintel .ai-closing h2{font-size:clamp(30px,3.4vw,46px)}
.acqintel .ai-footer{display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:56px;
  padding:26px 48px; border-top:1px solid var(--ai-line)}
.acqintel .ai-footer .ai-brand{font-size:18px}
.acqintel .ai-footer p{font-size:13px; color:var(--ai-muted)}
.acqintel .ai-footer p a{text-decoration:underline; text-underline-offset:3px}
.acqintel .ai-footer>span{margin-left:auto; font-size:12.5px; color:var(--ai-faint)}

/* Narrow windows and phones */
@media (max-width:1080px){
  .acqintel .ai-hero{flex-direction:column; align-items:stretch; gap:40px}
  .acqintel .ai-hero-copy{width:auto}
  .acqintel .ai-evidence{flex-direction:column; align-items:stretch; gap:32px}
  .acqintel .ai-card{width:auto}
  .acqintel .ai-step-grid,.acqintel .ai-price-grid{grid-template-columns:1fr 1fr}
  .acqintel .ai-costs-head{flex-direction:column; align-items:flex-start; gap:16px}
}
@media (max-width:720px){
  .acqintel .ai-header{height:64px; padding:0 20px; gap:16px}
  .acqintel .ai-nav{gap:14px; font-size:13.5px}
  .acqintel .ai-nav a[href="#how-it-works"]{display:none}
  .acqintel .ai-hero{padding:40px 20px 0; gap:28px}
  .acqintel .ai-lede{font-size:17px}
  .acqintel .ai-actions{gap:10px}
  .acqintel .ai-button,.acqintel .ai-play{width:100%; justify-content:center}
  .acqintel .ai-built{margin:36px 20px 0; gap:12px; font-size:13.5px}
  .acqintel .ai-steps,.acqintel .ai-tour,.acqintel .ai-costs{padding:52px 20px 0}
  .acqintel .ai-step-grid,.acqintel .ai-price-grid{grid-template-columns:1fr; gap:14px; margin-top:26px}
  .acqintel .ai-evidence{margin:52px 20px 0; padding:26px 20px}
  .acqintel .ai-card-facts dt{width:52px}
  .acqintel .ai-closing{margin:52px 20px 0; padding:36px 20px}
  .acqintel .ai-footer{padding:22px 20px; gap:10px}
  .acqintel .ai-footer>span{margin-left:0}
}