/* Alex's AI Automations: page blocks added in the 2026-10 expansion. Builds on site.css tokens. */
section.tight{padding:44px 0}
section.tool-section{padding:56px 0}
.hero-noimg{padding:84px 0 56px}
.hero-noimg .lead{max-width:720px}
.hero .phone-line a{font-weight:700}
.split-img img{max-width:440px}
.dark .split h2,.dark .split h3{color:#fff}
.split .btns{margin-top:22px}
section .wrap>h2+p,section .wrap>.eyebrow+h2{margin-top:0}
section .wrap h2{margin-bottom:16px}
section .wrap h3{margin:22px 0 8px}
section .wrap p+ul,section .wrap ul{margin:10px 0 0 22px}
section .wrap li{margin:6px 0}
section .wrap table.compare{margin-top:18px}
.center ul{display:inline-block;text-align:left}
.dark a:not(.btn){color:var(--cyan)}
.card .go,.toolcard .go{display:inline-block;margin-top:12px;font-weight:700;color:var(--accent)}
.dark .card .go{color:var(--cyan)}
.card ul{margin:8px 0 0 18px;font-size:.95rem}
.grid .toolcard h3{margin:0 0 6px}
.head{max-width:760px}
.center .head,.head.center{margin-left:auto;margin-right:auto}
/* callouts */
.callout{border-radius:14px;padding:18px 22px;font-size:.98rem}
.callout.teal{background:var(--accent-soft);border-left:5px solid var(--accent);color:var(--ink-2)}
.callout.warn{background:#fff7e6;border-left:5px solid #e3a008;color:#5b4210}
.callout p+p{margin-top:.6em}
/* links block */
.linklist{list-style:none;margin:14px 0 0!important;display:flex;flex-wrap:wrap;gap:10px}
.linklist li{margin:0!important}
.linklist a{display:inline-block;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:9px 16px;font-weight:600;font-size:.93rem;color:var(--ink-2)}
.linklist a:hover{border-color:var(--accent);color:var(--accent)}
section.tight h2{font-size:1.25rem}
/* cta */
.cta-photo{width:104px;height:104px;border-radius:50%;object-fit:cover;object-position:50% 20%;margin:0 auto 22px;border:3px solid var(--cyan)}
.cta p{color:#c9d3e3;font-size:1.1rem;max-width:640px;margin:14px auto 0}
/* steps (no counter clash) */
.steps .step h3{margin:0 0 6px}
/* lead forms */
.lead-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(20px,3vw,32px);box-shadow:0 14px 40px rgba(20,35,63,.08)}
.lf-privacy{font-size:.82rem;color:var(--muted);margin-top:10px}
/* phone-only talk card */
.talk-solo{max-width:560px;margin:0 auto}
/* weekly report sample */
.report h2{font-size:1.4rem}
.report table{width:100%;border-collapse:collapse;margin-top:10px}
.report th,.report td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left}
/* glossary */
.gl-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-top:12px}
.gl-item h3{margin:0 0 4px!important;font-size:1.05rem}
.gl-item[hidden]{display:none}
/* footer: six columns */
.foot.foot6{grid-template-columns:1.4fr repeat(5,1fr);gap:28px}
.foot6 a{font-size:.88rem;margin:5px 0}
.foot6 h4{font-size:.9rem}
@media(max-width:1100px){.foot.foot6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.foot.foot6{grid-template-columns:1fr 1fr}.foot6>div:first-child{grid-column:1/-1}}
/* header dropdowns: Services and Industries */
.dd{position:relative;display:flex;align-items:center}
.dd-top{display:inline-flex;align-items:center;gap:6px}
.dd.active>.dd-top{color:var(--accent)}
.dd-caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6;transition:transform .15s}
.dd-panel{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);min-width:330px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(20,35,63,.14);padding:10px;margin-top:14px;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s,visibility .15s;z-index:60}
.dd-panel::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.dd:hover .dd-panel,.dd:focus-within .dd-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dd:hover .dd-caret,.dd:focus-within .dd-caret{transform:rotate(225deg) translateY(-2px)}
.links .dd-item{display:block;padding:10px 12px;border-radius:10px}
.links .dd-item:hover{background:var(--accent-soft)}
.dd-item b{display:block;color:var(--ink);font-size:.93rem;font-weight:600}
.dd-item span{display:block;color:var(--muted);font-size:.82rem;font-weight:400;margin-top:2px}
.links .dd-all{display:block;margin-top:4px;padding:10px 12px;border-top:1px solid var(--line);font-weight:700;color:var(--accent);font-size:.9rem}

.logo,.links>a,.dd-top{white-space:nowrap}
@media(min-width:1181px){.links{gap:30px}}
@media(min-width:981px) and (max-width:1180px){.links{gap:20px}}
/* the full nav needs about 950px, so narrower screens get the menu button */
@media(max-width:980px){
  .menu-btn{display:block}
  .links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:16px 20px 22px;border-bottom:1px solid var(--line);gap:14px;box-shadow:0 14px 30px rgba(20,35,63,.08)}
  .links.open{display:flex}
  .dd-caret{display:none}
  .dd{display:flex;flex-wrap:wrap;align-items:center;width:100%}
  .dd-tog{display:block;margin-left:auto;width:36px;height:28px;background:none;border:0;cursor:pointer;position:relative}
  .dd-tog::after{content:"";position:absolute;left:13px;top:8px;width:8px;height:8px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg);transition:transform .15s}
  .dd.open .dd-tog::after{transform:rotate(225deg);top:12px}
  .dd-panel{display:none;position:static;width:100%;min-width:0;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-left:2px solid var(--accent-soft);border-radius:0;margin:8px 0 2px;padding:0 0 0 12px}
  .dd-panel::before{display:none}
  .dd.open .dd-panel{display:block}
  .dd:hover .dd-panel,.dd:focus-within .dd-panel{transform:none}
  .links .dd-item{padding:7px 4px}
  .dd-item span{display:none}
  .links .dd-all{border-top:0;margin-top:0;padding:7px 4px}
}
@media(min-width:981px){.dd-tog{display:none}}