/* SmartSites — "What we do" · five directions. All scoped under .dC.
   Tokens come from rb-base.css. These sections render on white. */

.dC.wd-sec{background:#fff;color:var(--ink);padding:clamp(2.5rem,5vw,4rem) 0;font-family:var(--font-body);}
.wd-wrap{max-width:1140px;margin:0 auto;padding:0 32px;width:100%;}

/* heads */
.wd-head{max-width:54rem;margin-bottom:clamp(2rem,3.6vw,3rem);}
.wd-head.is-center{margin-left:auto;margin-right:auto;text-align:center;}
.wd-head .ey{color:var(--ac,var(--cobalt));}
.wd-head h2{font-family:var(--font-title);font-weight:600;letter-spacing:-.025em;line-height:1.04;
  font-size:clamp(1.9rem,3.6vw,3rem);margin:1rem 0 .8rem;color:var(--ink);}
.wd-head h2 em{font-style:normal;color:var(--ac,var(--cobalt));}
.wd-head p{color:var(--ink-2);font-size:1.05rem;max-width:48ch;line-height:1.6;}
.wd-head.is-center p{margin-inline:auto;}

/* =========================================================
   THE TOOL — shared browser-framed widget (calc + quiz)
   ========================================================= */
.wd-tool{width:100%;max-width:560px;background:#fff;border-radius:18px;overflow:hidden;
  border:1px solid var(--line);box-shadow:0 30px 70px rgba(3,18,70,.16);}
.wd-tool.is-compact{max-width:none;}
.wd-tool__chrome{display:flex;align-items:center;gap:7px;padding:13px 16px;background:var(--paper);border-bottom:1px solid var(--line);}
.wd-tool__chrome i{width:9px;height:9px;border-radius:50%;background:var(--tint-2);}
.wd-tool__chrome span{margin-left:.5rem;font-family:var(--font-title);font-size:.76rem;color:var(--ink-3);}
.wd-tool__live{margin-left:auto!important;display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;}
.wd-tool__live::before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;}
.wd-tool__body{padding:clamp(1.4rem,2.4vw,1.9rem);}
.wd-tool__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}
.wd-tag{font-family:var(--font-title);font-weight:600;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ac,var(--cobalt));background:color-mix(in srgb,var(--ac,var(--cobalt)) 11%,#fff);padding:.38rem .72rem;border-radius:100px;display:inline-block;}
.wd-step{font-family:var(--font-title);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);}
.wd-q{font-family:var(--font-title);font-weight:600;letter-spacing:-.02em;font-size:1.4rem;color:var(--ink);margin:.2rem 0 1.2rem;line-height:1.12;}

/* calculator controls */
.wd-lab{display:flex;align-items:center;gap:.5rem;font-family:var(--font-title);font-weight:600;font-size:.72rem;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:1.1rem 0 .55rem;}
.wd-lab b{margin-left:auto;color:var(--ac,var(--cobalt));font-weight:600;letter-spacing:0;text-transform:none;font-size:.86rem;}
.wd-seg{display:flex;gap:.45rem;}
.wd-seg button{flex:1;padding:.6rem .3rem;border:1.5px solid var(--line);border-radius:10px;background:#fff;
  font-family:var(--font-title);font-weight:500;font-size:.86rem;color:var(--ink-2);transition:.18s var(--ease);}
.wd-seg button:hover{border-color:var(--line-ink);}
.wd-seg button.on{background:var(--ac,var(--cobalt));border-color:var(--ac,var(--cobalt));color:#fff;}
.wd-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:100px;background:var(--paper-2);outline:none;color:var(--ac,var(--cobalt));}
.wd-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:currentColor;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,40,150,.35);cursor:pointer;}
.wd-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:currentColor;border:3px solid #fff;cursor:pointer;}

/* calculator result */
.wd-result{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  margin:1.4rem 0;padding:1.2rem 1.3rem;background:color-mix(in srgb,var(--ac,var(--cobalt)) 9%,#fff);border-radius:14px;}
.wd-result__l{font-family:var(--font-title);font-weight:600;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ac,var(--cobalt));}
.wd-num{font-family:var(--font-title);font-weight:700;font-size:2.5rem;letter-spacing:-.03em;color:var(--ink);line-height:1.05;margin-top:.2rem;}
.wd-num em{font-style:normal;font-size:.85rem;font-weight:600;color:var(--ink-3);margin-left:.3rem;}
.wd-conf{min-width:120px;}
.wd-conf span{font-size:.74rem;color:var(--ink-2);}
.wd-conf__bar{height:6px;border-radius:100px;background:#fff;margin-top:.4rem;overflow:hidden;}
.wd-conf__bar i{display:block;height:100%;background:var(--ac,var(--cobalt));border-radius:100px;transition:width .4s var(--ease);}

/* CTA + link + field */
.wd-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:var(--ac,var(--cobalt));color:#fff;
  font-family:var(--font-title);font-weight:600;font-size:.98rem;padding:.95rem;border-radius:12px;transition:background .2s,transform .25s var(--ease);}
.wd-cta:hover{background:color-mix(in srgb,var(--ac,var(--cobalt)) 78%,#000);transform:translateY(-1px);}
.wd-link{display:block;margin:.9rem auto 0;font-family:var(--font-title);font-weight:500;font-size:.86rem;color:var(--ink-3);transition:.18s;}
.wd-link:hover{color:var(--ac,var(--cobalt));}
.wd-field{margin-bottom:.9rem;}
.wd-field span{display:block;font-family:var(--font-title);font-weight:600;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.4rem;}
.wd-field input{width:100%;padding:.8rem 1rem;border:1.5px solid var(--line);border-radius:10px;font-family:var(--font-body);font-size:.95rem;color:var(--ink);background:#fff;}
.wd-field input:focus{outline:none;border-color:var(--ac,var(--cobalt));}

/* quiz */
.wd-prog{height:6px;border-radius:100px;background:var(--paper-2);overflow:hidden;margin-bottom:1.3rem;}
.wd-prog i{display:block;height:100%;background:var(--ac,var(--cobalt));border-radius:100px;transition:width .35s var(--ease);}
.wd-opts{display:flex;flex-direction:column;gap:.65rem;}
.wd-opt{display:flex;justify-content:space-between;align-items:center;padding:.95rem 1.2rem;border-radius:12px;
  border:1.5px solid var(--line);font-size:.97rem;color:var(--ink-2);background:#fff;transition:.18s var(--ease);text-align:left;}
.wd-opt span{color:var(--ink-3);transition:.18s;}
.wd-opt:hover{border-color:var(--ac,var(--cobalt));color:var(--ink);transform:translateX(3px);}
.wd-opt:hover span{color:var(--ac,var(--cobalt));}
.wd-qres{text-align:center;}
.wd-score{display:flex;align-items:center;justify-content:center;gap:1.1rem;margin:1.2rem 0;}
.wd-score b{display:block;font-family:var(--font-title);font-weight:700;font-size:1.3rem;color:var(--ink);letter-spacing:-.02em;}
.wd-score span{font-size:.82rem;color:var(--ink-3);}
.wd-score>div{text-align:left;}
.wd-qres__p{color:var(--ink-2);font-size:.96rem;max-width:34ch;margin:.4rem auto 0;line-height:1.55;}
.wd-qres__p b{color:var(--ink);font-weight:600;}

/* done state */
.wd-done{text-align:center;padding:1rem 0 .4rem;}
.wd-done__chk{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#16a34a;margin-bottom:1rem;}
.wd-done h4{font-family:var(--font-title);font-weight:600;font-size:1.3rem;color:var(--ink);}
.wd-done p{color:var(--ink-2);font-size:.96rem;max-width:36ch;margin:.5rem auto 0;line-height:1.55;}

/* =========================================================
   1 · SOLO
   ========================================================= */
.wd-stage{display:flex;justify-content:center;}
.wd-stage--solo .wd-tool{max-width:600px;}
.wd-foot-note{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-top:1.6rem;
  font-family:var(--font-title);font-weight:500;font-size:.92rem;color:var(--ink-2);}

/* =========================================================
   2 · PAIR
   ========================================================= */
.wd-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem;}
.wd-pair__col{display:flex;flex-direction:column;gap:1.1rem;}
.wd-kind{display:flex;flex-direction:column;gap:.35rem;}
.wd-kind__no{font-family:var(--font-title);font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ac,var(--cobalt));}
.wd-kind p{color:var(--ink-2);font-size:.95rem;line-height:1.5;}
@media(max-width:840px){.wd-pair{grid-template-columns:1fr;}}

/* =========================================================
   3 · INDUSTRY SWITCHER
   ========================================================= */
.wd-tabs{display:inline-flex;gap:.35rem;padding:.4rem;background:var(--paper);border:1px solid var(--line);border-radius:100px;margin-bottom:1.8rem;}
.wd-tab{padding:.6rem 1.2rem;border-radius:100px;font-family:var(--font-title);font-weight:500;font-size:.92rem;color:var(--ink-2);transition:.2s var(--ease);}
.wd-tab:hover{color:var(--ink);}
.wd-tab.on{background:var(--ac,var(--cobalt));color:#fff;box-shadow:0 6px 16px rgba(0,64,193,.24);}
.wd-split{display:grid;grid-template-columns:.62fr 1fr;gap:1.8rem;align-items:start;}
.wd-rail{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:1.5rem;}
.wd-rail__h{display:block;font-family:var(--font-title);font-weight:600;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1rem;}
.wd-rail__item{display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;border-radius:10px;font-family:var(--font-title);font-weight:500;font-size:.96rem;color:var(--ink-2);}
.wd-rail__item.on{background:#fff;color:var(--ink);box-shadow:0 4px 14px rgba(3,18,70,.08);}
.wd-rail__note{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--line);font-size:.86rem;color:var(--ink-3);line-height:1.5;}
@media(max-width:840px){.wd-split{grid-template-columns:1fr;}}

/* =========================================================
   4 · HOW IT WORKS
   ========================================================= */
.wd-how{display:grid;grid-template-columns:1fr .9fr;gap:2.4rem;align-items:center;}
.wd-how__steps{list-style:none;display:flex;flex-direction:column;gap:1.6rem;}
.wd-how__steps li{display:flex;gap:1.1rem;align-items:flex-start;position:relative;}
.wd-how__steps li:not(:last-child)::after{content:"";position:absolute;left:21px;top:46px;bottom:-1.6rem;width:2px;background:var(--line);}
.wd-how__n{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--ac,var(--cobalt)) 12%,#fff);color:var(--ac,var(--cobalt));
  display:grid;place-items:center;font-family:var(--font-title);font-weight:700;font-size:1.05rem;position:relative;z-index:1;}
.wd-how__steps b{display:block;font-family:var(--font-title);font-weight:600;font-size:1.15rem;color:var(--ink);margin-top:.4rem;}
.wd-how__steps p{color:var(--ink-2);font-size:.96rem;line-height:1.55;margin-top:.3rem;}
@media(max-width:840px){.wd-how{grid-template-columns:1fr;}}

/* =========================================================
   5 · EMBEDDED ON YOUR SITE
   ========================================================= */
.wd-browser{border-radius:18px;overflow:hidden;border:1px solid var(--line-ink);box-shadow:0 36px 80px rgba(3,18,70,.2);}
.wd-browser__bar{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#e9ecf5;}
.wd-browser__bar i{width:11px;height:11px;border-radius:50%;background:#cfd6e6;}
.wd-browser__url{margin-left:1rem;flex:1;background:#fff;border-radius:100px;padding:.4rem 1rem;font-family:var(--font-title);font-size:.8rem;color:var(--ink-3);max-width:280px;}
.wd-site{background:linear-gradient(180deg,#fbfcfe,#f1f4fb);}
.wd-site__nav{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2rem;border-bottom:1px solid var(--line);background:#fff;}
.wd-site__nav b{font-family:var(--font-title);font-weight:700;font-size:1.1rem;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;}
.wd-site__links{display:flex;gap:.4rem;}
.wd-site__links a{font-family:var(--font-title);font-weight:500;font-size:.88rem;color:var(--ink-2);padding:.45rem .85rem;border-radius:100px;}
.wd-site__links a.on{background:var(--ac,var(--cobalt));color:#fff;}
.wd-site__hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:clamp(1.8rem,3.5vw,3rem) 2rem clamp(2rem,4vw,3.4rem);}
.wd-site__ey{font-family:var(--font-title);font-weight:600;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ac,var(--cobalt));}
.wd-site__copy h3{font-family:var(--font-title);font-weight:600;letter-spacing:-.025em;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.05;color:var(--ink);margin:.9rem 0;}
.wd-site__copy p{color:var(--ink-2);font-size:1rem;max-width:34ch;line-height:1.55;}
.wd-site__pill{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.4rem;font-family:var(--font-title);font-weight:500;font-size:.82rem;color:var(--ink-3);background:#fff;border:1px solid var(--line);padding:.5rem .9rem;border-radius:100px;}
.wd-site__widget{display:flex;justify-content:flex-end;}
.wd-site__widget .wd-tool{max-width:420px;}
@media(max-width:840px){.wd-site__hero{grid-template-columns:1fr;}.wd-site__widget{justify-content:center;}}