/* Professional starter offering: the same cream, brown and gold Doton CI. */
#doton-public .professional-offer {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(32px,4.5vw,72px);
  padding-top:12px;
  padding-bottom:64px;
  scroll-margin-top:108px;
}
#doton-public .professional-offer>* { min-width:0; }
#doton-public .professional-kit-visual {
  position:relative;
  overflow:hidden;
  border:1px solid #fffdf9;
  border-radius:26px;
  background:linear-gradient(145deg,#fffaf4,#eddfcf);
  box-shadow:0 14px 42px #79533312;
}
#doton-public .professional-kit-visual img {
  display:block;
  width:100%;
  height:clamp(420px,43vw,610px);
  object-fit:contain;
  object-position:center;
}
#doton-public .professional-kit-visual>p {
  padding:13px 20px;
  border-top:1px solid #e7d7c5;
  background:#fffaf5b8;
  color:var(--muted);
  font-size:11px;
  line-height:1.6;
}
#doton-public .professional-kit-copy>.eyebrow { margin-bottom:15px; }
#doton-public .professional-kit-copy h2 {
  max-width:560px;
  margin-bottom:22px;
  font-size:clamp(34px,3.7vw,52px);
  font-weight:350;
  line-height:1.13;
  letter-spacing:-.04em;
  text-wrap:balance;
}
#doton-public .professional-kit-copy>p:not(.eyebrow) {
  max-width:540px;
  color:var(--muted);
  font-size:15px;
  line-height:1.8;
}
#doton-public .professional-inclusions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 18px;
  margin:25px 0;
  padding:0;
  list-style:none;
}
#doton-public .professional-inclusions li {
  position:relative;
  min-width:0;
  padding-left:29px;
  color:var(--ink);
  font-size:13px;
  line-height:1.65;
  overflow-wrap:anywhere;
}
#doton-public .professional-inclusions li::before {
  content:'✓';
  position:absolute;
  top:1px;
  left:0;
  display:grid;
  width:20px;
  height:20px;
  place-items:center;
  border:1px solid #d7b67d;
  border-radius:50%;
  background:#f6ead7;
  color:#8b5a18;
  font-size:12px;
  font-weight:600;
}
#doton-public .professional-offer-price {
  margin:27px 0 22px;
  padding:18px 20px;
  border:1px solid #dfc79e;
  border-radius:16px;
  background:linear-gradient(115deg,#f7ecd9,#fffaf2);
}
#doton-public .professional-offer-price strong {
  display:block;
  color:#79501b;
  font-size:clamp(23px,2.3vw,29px);
  font-weight:500;
  line-height:1.3;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
#doton-public .professional-offer-price p {
  margin-top:7px;
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
}
#doton-public .professional-offer-cta {
  min-height:52px;
  max-width:100%;
  padding-inline:26px;
  font-size:14px;
  text-wrap:balance;
}
#doton-public .professional-support-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  padding-bottom:64px;
}
#doton-public .professional-support-card {
  min-width:0;
  padding:28px;
  border:1px solid #fffdf9;
  border-radius:21px;
  background:linear-gradient(145deg,#fffaf6,#f8eee4);
  box-shadow:0 7px 24px #7953330b;
}
#doton-public .professional-support-card>.icon {
  width:42px;
  height:42px;
  margin-bottom:18px;
  padding:9px;
  border:1px solid #e1cba7;
  border-radius:13px;
  background:#f7ecd9;
  color:#8b5a18;
}
#doton-public .professional-support-card h3 {
  margin-bottom:13px;
  font-size:25px;
  line-height:1.25;
  font-weight:450;
  text-wrap:balance;
}
#doton-public .professional-support-card p {
  color:var(--muted);
  font-size:14px;
  line-height:1.8;
}
#doton-public .professional-support-card p+p { margin-top:12px; }
#doton-public .professional-support-card a { display:inline-flex; align-items:center; min-height:44px; margin-top:12px; }
#doton-public .professional-offer-steps {
  margin-bottom:64px;
  padding:34px;
  border:1px solid #e4d2bd;
  border-radius:23px;
  background:#f1e2d2;
}
#doton-public .professional-offer-steps h2 {
  max-width:720px;
  margin-bottom:28px;
  font-size:clamp(29px,3.1vw,40px);
  line-height:1.18;
  text-wrap:balance;
}
#doton-public .professional-offer-steps ol {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:professional-steps;
}
#doton-public .professional-offer-steps li { min-width:0; counter-increment:professional-steps; }
#doton-public .professional-offer-steps li::before {
  content:counter(professional-steps,decimal-leading-zero);
  display:grid;
  width:39px;
  height:39px;
  margin-bottom:14px;
  place-items:center;
  border:1px solid #caa970;
  border-radius:50%;
  background:#fff9f0;
  color:#8b5a18;
  font-size:12px;
  font-weight:600;
}
#doton-public .professional-offer-steps li :is(h3,strong) { display:block; margin-bottom:8px; font-size:18px; line-height:1.4; font-weight:500; }
#doton-public .professional-offer-steps li p { color:var(--muted); font-size:13px; line-height:1.8; }
#doton-public .professional-offer a:focus-visible { outline:3px solid #8b5a18; outline-offset:5px; }
#doton-public #lead-professional { scroll-margin-top:calc(var(--public-header-height,88px) + env(safe-area-inset-top,0px) + 20px); }
@media(max-width:1100px) {
  #doton-public .professional-offer { gap:34px; }
  #doton-public .professional-kit-copy h2 { font-size:38px; }
  #doton-public .professional-inclusions { grid-template-columns:minmax(0,1fr); gap:10px; }
  #doton-public .professional-support-card { padding:23px; }
  #doton-public .professional-support-card h3 { font-size:23px; }
}
@media(max-width:860px) {
  #doton-public .professional-offer { grid-template-columns:minmax(0,1fr); gap:32px; padding-bottom:44px; }
  #doton-public .professional-kit-visual { max-width:640px; width:100%; margin-inline:auto; }
  #doton-public .professional-kit-visual img { height:auto; min-height:0; aspect-ratio:4/3; }
  #doton-public .professional-kit-copy { max-width:640px; width:100%; margin-inline:auto; }
  #doton-public .professional-kit-copy h2 { max-width:620px; font-size:clamp(33px,5vw,42px); }
  #doton-public .professional-inclusions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 20px; }
  #doton-public .professional-support-grid { grid-template-columns:minmax(0,1fr); gap:16px; padding-bottom:44px; }
  #doton-public .professional-support-card { padding:25px; }
  #doton-public .professional-support-card h3 { font-size:25px; }
  #doton-public .professional-offer-steps { margin-bottom:44px; padding:28px; }
  #doton-public .professional-offer-steps ol { grid-template-columns:minmax(0,1fr); gap:23px; }
  #doton-public .professional-offer-steps li { position:relative; padding-left:55px; }
  #doton-public .professional-offer-steps li::before { position:absolute; left:0; top:1px; }
}
@media(max-width:480px) {
  #doton-public .professional-offer { gap:26px; padding-top:0; }
  #doton-public .professional-kit-visual { border-radius:21px; }
  #doton-public .professional-kit-visual>p { padding:12px 16px; font-size:10px; }
  #doton-public .professional-inclusions { grid-template-columns:minmax(0,1fr); gap:12px; }
  #doton-public .professional-kit-copy h2 { font-size:33px; }
  #doton-public .professional-kit-copy>p:not(.eyebrow) { font-size:15px; }
  #doton-public .professional-offer-price { padding:17px; }
  #doton-public .professional-offer-cta { width:100%; padding-inline:17px; }
  #doton-public .professional-offer-steps { padding:24px 20px; }
}
@media print {
  #doton-public .professional-offer { display:block; padding-bottom:20px; }
  #doton-public .professional-kit-visual img { max-height:90mm; height:auto; }
  #doton-public .professional-kit-visual { max-width:120mm; margin-bottom:20px; box-shadow:none; }
  #doton-public .professional-offer-cta { display:none; }
  #doton-public .professional-support-card, #doton-public .professional-offer-steps { break-inside:avoid; box-shadow:none; }
}