
:root{--ink:#153f46;--deep:#073f49;--teal:#0a5d66;--gold:#cfad4b;--paper:#f4f7f6;--white:#fff;--line:#d9e5e2;--muted:#65797d;--shadow:0 12px 30px rgba(7,63,73,.08);--serif:Georgia,"Times New Roman",serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.notice{background:#07505a;color:#dce9e9;text-align:center;font-size:10px;padding:6px 18px}.site-header{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.98);border-bottom:1px solid #d6e3e1;backdrop-filter:blur(10px)}.header-inner{width:min(1240px,calc(100% - 48px));min-height:70px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;white-space:nowrap}.brand img{display:block;width:132px;max-height:42px;object-fit:contain}.brand span{padding-left:12px;border-left:1px solid #cbd7da;color:#113d44;font:800 15px/1.2 var(--sans)}.nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-left:auto;font:700 13px/1.2 var(--sans)}.nav a{text-decoration:none;color:#35535d;white-space:nowrap}.nav a:hover{color:#113d44}
.hero{background:radial-gradient(circle at 82% 14%,rgba(207,173,75,.22),transparent 26%),linear-gradient(135deg,#063842,#0a505a 56%,#0b7475);color:#fff;border-top:5px solid var(--gold);padding:76px 0 84px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:38px;align-items:center}.kicker,.tag{color:#d8b553;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.hero h1{font:700 55px/1.02 var(--serif);letter-spacing:-.025em;margin:12px 0 18px}.hero-lead{font-size:19px;line-height:1.55;color:#e2efee}.hero-note{color:#bed5d4;font-size:13px}.hero-card{background:#fff;color:var(--ink);border-radius:15px;padding:25px;box-shadow:0 22px 55px rgba(0,0,0,.16)}
.section{padding:64px 0}.section.white{background:#fff}.section.dark{background:#0a3f49;color:#fff}.section h2{font:700 38px/1.08 var(--serif);letter-spacing:-.015em;margin:7px 0 11px}.lead{font-size:17px;color:#60777b}.section.dark .lead{color:#cee0df}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card,.metric,.plan{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.card h3,.plan h3{font:700 23px/1.1 var(--serif);margin:5px 0 9px}.card p,.plan p{color:#65797d;font-size:12.5px}.metric strong{display:block;font:700 27px/1 var(--serif);color:#0a665f}.metric span{display:block;margin-top:6px;color:#667b7f;font-size:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:12px 16px;font-weight:900;text-decoration:none;font-size:12px;border:0;cursor:pointer}.btn.gold{background:#f0d98d;color:#51400b;border:1px solid #ead798}.btn.teal{background:#0a665f;color:#fff}.btn.outline{border:1px solid rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.05)}.btn.outline-dark{border:1px solid #b8cdca;color:#315b63;background:#fff}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.score-ring{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:conic-gradient(#d6b352 0 62%,#d9e5e2 62% 100%);position:relative}.score-ring:before{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff}.score-ring div{position:relative;text-align:center}.score-ring strong{display:block;font:700 42px/1 var(--serif);color:#0a665f}.score-ring span{font-size:10px;color:#6a7e82}
.status{display:inline-block;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.status.good{background:#e9f6f1;color:#17745e}.status.partial{background:#fff5d9;color:#8b6a17}.status.missing{background:#fbeceb;color:#9b453b}.question-row{display:grid;grid-template-columns:110px 1fr 160px;gap:14px;align-items:start;padding:14px 0;border-top:1px solid #e7efed}.question-row:first-child{border-top:0}.question-row h4{margin:0;font-size:13px}.question-row p{margin:4px 0 0;font-size:11px;color:#667b7f}
.plan.featured{border:2px solid #cfad4b;background:#fffdf6}.plan .price{font:700 36px/1 var(--serif);margin:10px 0}.plan ul{padding-left:18px;color:#5f7478;font-size:11px}.plan li{margin:8px 0}.form{display:grid;gap:12px}.field{display:grid;gap:6px}.field label{font-size:10px;font-weight:900;color:#36595f}.field input,.field textarea,.field select{width:100%;border:1px solid #cddbd8;border-radius:9px;padding:11px 12px;font:inherit;background:#fff}.field textarea{min-height:120px}.callout{border:1px solid #decf96;background:#fff9e8;border-radius:14px;padding:18px}.small{font-size:10px;color:#74888c}
.feature-list{list-style:none;margin:0;padding:0}.feature-list li{position:relative;padding:9px 0 9px 28px;border-top:1px solid #edf2f0;font-size:12px;color:#38585d}.feature-list li:before{content:"✓";position:absolute;left:0;color:#0a776f;font-weight:950}
@media(max-width:900px){.hero-grid,.grid-2{grid-template-columns:1fr}.grid-4,.grid-3{grid-template-columns:1fr 1fr}.nav{width:100%;overflow-x:auto}.header-inner{flex-wrap:wrap;padding:10px 0}.hero h1{font-size:42px}.question-row{grid-template-columns:1fr}}@media(max-width:680px){.shell{width:min(100% - 26px,1180px)}.grid-4,.grid-3{grid-template-columns:1fr}.hero h1{font-size:35px}}


/* Sales page v1.1 persuasive proof + scoring improvements */
.loss-band{background:linear-gradient(180deg,#f8fbfa,#eef5f3)}
.loss-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}
.loss-card>strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0a665f;color:#fff;font-size:12px}
.loss-card h3{font:700 21px/1.1 var(--serif);margin:12px 0 7px}
.loss-card p{font-size:12px;color:#65797d}
.score-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px;align-items:stretch;margin-top:24px}
.score-panel{display:grid;align-content:center;min-height:430px}
.score-caption{text-align:center;color:#6a7e82;font-size:10px;margin:20px auto 0;max-width:260px}
.score-categories{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.score-card{background:#fff;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:17px;box-shadow:0 12px 24px rgba(0,0,0,.08)}
.score-card span{display:inline-block;color:#8b6a17;background:#fff5d9;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900}
.score-card h3{font:700 20px/1.08 var(--serif);margin:9px 0 6px;color:#153f46}
.score-card p{margin:0;color:#667b7f;font-size:10.5px;line-height:1.55}
.proof-section{background:#eef5f3}
.proof-grid{display:grid;grid-template-columns:1fr 54px 1fr 54px 1fr;gap:12px;align-items:stretch;margin-top:24px}
.proof-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}
.proof-card h3{font:700 22px/1.1 var(--serif);margin:10px 0 8px}
.proof-card p{color:#65797d;font-size:12px}
.proof-card.before{border-top:4px solid #b96052}.proof-card.middle{border-top:4px solid #cfad4b}.proof-card.after{border-top:4px solid #17745e}
.proof-arrow{display:grid;place-items:center;font:700 32px/1 var(--serif);color:#0a665f}
.proof-result{margin-top:12px;padding-top:12px;border-top:1px solid #e6eeec;font-size:10px;color:#587176}
.trust-section{background:#fffdf6;border-top:1px solid #e5d8a8}
@media(max-width:900px){.score-layout{grid-template-columns:1fr}.score-panel{min-height:auto;padding:28px}.proof-grid{grid-template-columns:1fr}.proof-arrow{transform:rotate(90deg);min-height:34px}}
@media(max-width:680px){.score-categories{grid-template-columns:1fr}}


/* v1.1.2 page-specific visual sections */
.visibility-process-visual{
  background:linear-gradient(180deg,#eef5f3 0%,#f8fbfa 100%);
  border-top:1px solid #dfe9e6;
  border-bottom:1px solid #dfe9e6;
}
.visual-section-heading{
  text-align:center;
  max-width:900px;
  margin:0 auto 24px;
}
.sales-visual{
  margin:0;
}
.sales-visual img{
  display:block;
  width:100%;
  height:auto;
  border-radius:16px;
  box-shadow:0 18px 42px rgba(7,63,73,.14);
  border:1px solid rgba(7,63,73,.12);
}
.sales-visual figcaption{
  max-width:980px;
  margin:11px auto 0;
  color:#65797d;
  text-align:center;
  font-size:10px;
  line-height:1.55;
}
.sales-visual-wide{
  max-width:1180px;
  margin:0 auto;
}
.visual-overview-grid{
  align-items:center;
}
.sales-visual-tall{
  max-width:560px;
  justify-self:center;
}
.sales-visual-tall img{
  border-radius:14px;
}
.visual-overview-section{
  border-top:1px solid #e3ece9;
}
@media(max-width:900px){
  .visual-overview-grid{
    grid-template-columns:1fr;
  }
  .sales-visual-tall{
    max-width:620px;
    margin:18px auto 0;
  }
}


/* Founding conversion package v1.0.0 */
.final-conversion{background:#0a3f49}
.final-conversion-box{
  background:linear-gradient(135deg,#fffdf6,#fff8e8);
  border:1px solid #decf96;
  border-radius:18px;
  padding:28px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
}
.final-conversion-box h2{font:700 34px/1.08 var(--serif);margin:7px 0 10px}
.founding-hero{padding:66px 0 72px}
.offer-badge{
  display:inline-block;background:#f0d98d;color:#51400b;border:1px solid #ead798;
  padding:6px 10px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.04em
}
.offer-card{border:2px solid #cfad4b;background:#fffdf6}
.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}
.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0a665f;color:#fff;font-weight:900;font-size:11px}
.step h3{font:700 19px/1.1 var(--serif);margin:11px 0 7px}.step p{font-size:11px;color:#65797d}
.form-shell{max-width:760px;margin:0 auto}
.form-status{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:11px}
.form-status.error{background:#fbeceb;border:1px solid #efc3be;color:#873d35}
.form-status.info{background:#edf7f4;border:1px solid #cfe7df;color:#245f55}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.checkbox-row{display:flex;gap:10px;align-items:flex-start;font-size:10px;color:#61767a}
.checkbox-row input{margin-top:3px}
@media(max-width:900px){.final-conversion-box{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.steps{grid-template-columns:1fr}}


/* Business model v2.0.0 */
.service-summary{display:grid;gap:12px;margin-top:16px}
.service-summary>div{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:12px 0;border-top:1px solid #e7efed}
.service-summary>div:first-child{border-top:0}
.service-summary strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0a665f;color:#fff;font-size:12px}
.service-summary span{font-size:11px;color:#587176;line-height:1.5}
.service-summary b{color:#153f46;font-size:12px}
.process-section{background:linear-gradient(180deg,#eef5f3,#f8fbfa)}
.business-process{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.business-step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}
.business-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0a665f;color:#fff;font-weight:900;font-size:11px}
.business-step h3{font:700 20px/1.1 var(--serif);margin:12px 0 7px}
.business-step p{font-size:11px;color:#65797d;margin:0}
.wide-categories{margin-top:22px}
.price-text{font-size:24px!important;line-height:1.15!important;color:#0a665f}
.services-hero{padding:70px 0 78px}
@media(max-width:900px){.business-process{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.business-process{grid-template-columns:1fr}}
/* ============================================================
   Canadian Law Directory
   AI Visibility / Law Firm Services CSS v2.0.1
   Production regression fixes
   ============================================================ */

/* Anti-spam honeypot must never be visible to visitors. */
.hp-field,
form .hp-field,
.form .hp-field {
  display: none !important;
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Commercial-process section on ai-visibility-for-law-firms.php */
.business-process {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 24px !important;
}

.business-step {
  display: block !important;
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  padding: 20px !important;
  box-shadow: var(--shadow) !important;
  min-width: 0 !important;
}

.business-step > span {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #0a665f !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 11px !important;
}

.business-step h3 {
  font: 700 20px/1.1 var(--serif) !important;
  margin: 12px 0 7px !important;
}

.business-step p {
  margin: 0 !important;
  color: #65797d !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

@media (max-width: 900px) {
  .business-process {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .business-process {
    grid-template-columns: 1fr !important;
  }
}
