/* Restore the existing product identities; leave campaign typography to headings. */
.mini-product-logo{display:inline-grid;width:max-content;max-width:100%;gap:7px;line-height:1;color:var(--ink)}
.mini-product-logo strong{font:700 40px/.9 Georgia,'Times New Roman',serif;letter-spacing:-1.1px;padding-bottom:7px;border-bottom:2px solid var(--ink)}
.mini-product-logo strong span{color:#0bbfc1}
.mini-product-logo small{display:flex;align-items:center;gap:9px;font:800 10px/1.2 var(--body);letter-spacing:3px;color:#006d76}
.mini-product-logo svg{width:23px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.solution-tab{padding-block:23px;row-gap:12px;min-height:132px}
.solution-tab>.solution-brand{grid-column:2;grid-row:1;min-width:0}
.solution-tab>.solution-number{grid-column:1;grid-row:1/3}
.solution-tab>small{grid-row:2}
.solution-tab .solution-brand img{width:218px;height:auto;mix-blend-mode:normal}
.solution-tab.active{background:transparent;box-shadow:inset 4px 0 0 var(--blue)}
.solution-tab.active::after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid var(--blue)}
.solution-tab:hover{background:#edf1eb}
.solution-tab.active>i{color:#007d8c}
.brand-logo{mix-blend-mode:normal}
.brand-product-image{width:221px;height:auto}
.brand .mini-product-logo{gap:5px}
.brand .mini-product-logo strong{font-size:32px;padding-bottom:5px;letter-spacing:-.8px}
.brand .mini-product-logo small{font-size:8px;letter-spacing:2px;gap:7px}
.brand .mini-product-logo svg{width:19px;height:16px}
/* Use the clean transparent original. Keep the slogan as readable live text. */
.footer{background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}
.footer-logo,.product-footer>.footer-logo{display:inline-flex;flex-direction:column;gap:10px;width:260px;max-width:100%;padding:0;border:0;border-radius:0;background:none;text-decoration:none}
.footer-logo img{width:100%;height:auto;mix-blend-mode:normal}
.footer-logo .brand-tagline{display:block;font:800 9px/1.5 var(--body);letter-spacing:1.15px;color:var(--ink);text-align:center}
.footer .footer-logo:hover{text-decoration:none}
.footer-identity p,.footer-bottom{color:var(--muted)}
.footer-label{color:#006d76}
.footer-bottom{border-top-color:var(--line)}
/* Neutral headers separate the product mark from dashboard status colors. */
.coded-dashboard-top,.phone-header{background:#fff;border-bottom-color:var(--line)}
.coded-dashboard-top{padding:24px 28px}
.coded-app-brand{gap:32px}
.coded-app-logo{width:230px;max-height:none;mix-blend-mode:normal}
.coded-app-brand small{font-size:11px;color:var(--muted)}
.coded-system-status{color:var(--muted)}
.phone-brand-logo{width:190px;max-height:none;mix-blend-mode:normal}
.phone-header-status{color:var(--muted)}
/* The Control preview uses the same product signature as its page header. */
.control-window-top{background:#fff;padding:22px 24px;border-bottom:1px solid var(--line);gap:20px}
.control-window-brand{flex-shrink:0}
.control-window-brand .mini-product-logo{gap:6px}
.control-window-brand .mini-product-logo strong{font-size:36px;letter-spacing:-1px;padding-bottom:6px}
.control-window-brand .mini-product-logo small{font-size:8px;letter-spacing:2.7px;gap:7px}
.control-window-brand .mini-product-logo svg{width:20px;height:17px}
.control-window-context{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right;color:var(--muted)}
.control-window-context>span{font-size:10px;line-height:1.5}
.control-window-context>small{font-size:7px;font-weight:800;letter-spacing:.9px;line-height:1.5;border:1px solid var(--line);border-radius:4px;padding:4px 7px;background:var(--paper)}
@media(max-width:1100px){.solution-tab .mini-product-logo strong{font-size:35px}.solution-tab .solution-brand img{width:194px}}
@media(max-width:850px){.solution-tab .mini-product-logo strong{font-size:36px}.footer-logo{width:250px}}
@media(max-width:700px){
  .brand-product-image{width:195px}
  .brand .mini-product-logo strong{font-size:28px}
  .solution-tab{min-height:128px;padding:20px 13px;grid-template-columns:20px minmax(0,1fr);column-gap:10px;row-gap:12px}
  .solution-tab .mini-product-logo strong{font-size:30px}
  .solution-tab .mini-product-logo small{font-size:8px;letter-spacing:2px}
  .solution-tab .mini-product-logo svg{width:19px;height:17px}
  .solution-tab>small{font-size:10px}
  .coded-dashboard-top{padding:20px 17px;gap:16px}
  .coded-app-logo{width:190px;max-width:100%;max-height:none}
  .coded-app-brand{min-width:0}
  .coded-system-status{font-size:7px;max-width:64px;flex-shrink:0}
  .phone-header{padding:20px;gap:15px}
  .phone-brand-logo{width:178px;max-width:68%}
  .phone-header-status{font-size:7px}
  .control-window-top{padding:18px 16px;gap:14px}
  .control-window-brand .mini-product-logo strong{font-size:29px}
  .control-window-brand .mini-product-logo small{font-size:7px;letter-spacing:2px}
  .control-window-context>span{font-size:8px}
  .control-window-context>small{font-size:6px;letter-spacing:.5px;max-width:94px}
}
@media(max-width:560px){
  .solution-tabs{grid-template-columns:1fr}
  .solution-tab{grid-template-columns:22px minmax(0,1fr) 24px;padding:20px 19px;column-gap:16px;min-height:128px}
  .solution-tab:nth-child(odd){border-right:0}
  .solution-tab>i{display:block}
  .solution-tab .mini-product-logo strong{font-size:37px}
  .solution-tab .mini-product-logo small{font-size:9px;letter-spacing:3px}
  .solution-tab .solution-brand img{width:205px}
}
@media(max-width:370px){
  .brand-product-image{width:170px}
  .brand .mini-product-logo strong{font-size:26px}
  .brand .mini-product-logo small{font-size:7px}
  .solution-tab{padding-inline:13px;column-gap:10px}
  .solution-tab .mini-product-logo strong{font-size:33px}
  .solution-tab .solution-brand img{width:185px}
  .coded-app-logo{width:155px}
  .phone-brand-logo{width:154px}
  .control-window-top{padding:16px 13px;gap:12px}
  .control-window-brand .mini-product-logo strong{font-size:26px}
  .control-window-context>span{max-width:77px}
  .control-window-context>small{max-width:77px}
}