/* CNTL UI refinement, approved 2026-10-05. Original typography and hero retained. */
.ui-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.15em;stroke:currentColor}
.button-arrow,.round-arrow{flex-shrink:0;overflow:hidden}
.button-arrow>.ui-icon{width:20px;height:20px}
.round-arrow>.ui-icon{width:19px;height:19px}
.service-number{display:inline-flex;align-items:center;gap:9px}
.service-number>.ui-icon{width:18px;height:18px}
.mini-deal>i>.ui-icon{width:12px;height:12px}
.delivery-mark>.ui-icon{width:17px;height:17px}
.panel-icon>.ui-icon{width:30px;height:30px}
.button,.menu-toggle{transition:transform .25s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease),box-shadow .3s var(--ease),color .25s var(--ease)}
.button .ui-icon,.round-arrow .ui-icon,.text-link .ui-icon,.hero-bottom a .ui-icon,.back-top .ui-icon,.choose-links a .ui-icon{transition:transform .3s var(--ease)}
.button:hover .button-arrow,.service-card:hover .round-arrow,.guide-card:hover .round-arrow,.related-grid a:hover .round-arrow{transform:none}
.guide-card{transition:border-color .3s var(--ease),transform .3s var(--ease)}
.related-grid>a,.choose-links>a,.journey-tab,.infrastructure-link{transition:background-color .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}
.faq-list summary{transition:color .25s var(--ease)}
.service-card:focus-visible .round-arrow,.guide-card:focus-visible .round-arrow,.related-grid>a:focus-visible .round-arrow{background:var(--ink);border-color:var(--ink);color:var(--lime)}
.button:focus-visible{box-shadow:0 0 0 6px var(--paper)}
.service-grid--editorial{gap:24px}

@media(min-width:1101px){
  .service-grid--editorial{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}
  .service-grid--editorial>.service-card-crm{grid-column:1/8;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:504px}
  .service-grid--editorial>.service-card-crm>.card-top{grid-column:1/-1}
  .service-grid--editorial>.service-card-crm>.service-preview{grid-column:2;grid-row:2;min-height:320px;height:100%;padding:16px 26px 36px 0}
  .service-grid--editorial>.service-card-crm>.card-copy{grid-column:1;grid-row:2;align-self:center;padding:8px 16px 40px 30px}
  .service-grid--editorial>.service-card-crm h3{font-size:1.85rem;line-height:1.15}
  .service-grid--editorial>.service-card-crm .card-tags{margin-top:28px}
  .service-grid--editorial>.service-card-crm .mini-board{width:100%;max-width:310px}
  .service-grid--editorial>.service-card-web{grid-column:8/-1;margin-top:56px}
  .service-grid--editorial>.card-lime{grid-column:1/6;margin-top:-56px}
  .service-grid--editorial>.service-card-it{grid-column:6/-1;margin-top:0;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:504px;column-gap:12px}
  .service-grid--editorial>.service-card-it>.card-top{padding:28px 26px 20px 0}
  .service-grid--editorial>.service-card-it>.service-preview{padding:30px 12px 30px 28px;min-height:410px}
  .service-grid--editorial>.service-card-it>.card-copy{padding:0 28px 30px 0}
  .service-grid--editorial>.service-card-it h3{font-size:1.65rem}
  .service-grid--editorial>.service-card-it .card-tags{margin-top:24px}
}
@media(min-width:761px) and (max-width:1100px){
  .service-grid--editorial{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px}
  .service-grid--editorial>.service-card-it{grid-column:auto;display:flex;flex-direction:column}
  .service-grid--editorial>.service-card-it>.card-top{padding:26px 26px 17px}
  .service-grid--editorial>.service-card-it>.service-preview{height:236px;min-height:236px;padding:25px}
  .service-grid--editorial>.service-card-it>.card-copy{padding:0 26px 26px}
  .service-grid--editorial>.service-card-it h3{font-size:1.55rem}
  .service-grid--editorial>.service-card-it .card-copy p{font-size:.9375rem}
}
@media(hover:hover) and (pointer:fine){
  .button:hover{transform:translateY(-3px);box-shadow:0 10px 24px -12px #21251e55}
  .button:hover .button-arrow .ui-icon,.service-card:hover .round-arrow .ui-icon,.guide-card:hover .round-arrow .ui-icon,.related-grid a:hover .round-arrow .ui-icon{transform:translate(2px,-2px)}
  .button:active{transform:translateY(0) scale(.985);box-shadow:none}
  .service-card:hover{transform:translateY(-6px)}
  .service-card:active{transform:translateY(-2px)}
  .guide-card:hover{border-color:var(--ink);transform:translateY(-4px)}
  .related-grid>a:hover{box-shadow:0 12px 32px -20px #21251e55}
  .choose-links>a:hover .ui-icon,.text-link:hover .ui-icon{transform:translate(3px,-3px)}
  .hero-bottom a:hover .ui-icon{transform:translateY(3px)}
  .back-top:hover .ui-icon{transform:translateY(-3px)}
  .faq-list summary:hover{color:#527224}
}
@media(hover:none){
  .button:hover,.button:hover .button-arrow,.service-card:hover,.service-card:hover .service-preview>div,.guide-card:hover,.guide-card:hover .round-arrow,.related-grid a:hover .round-arrow{transform:none}
}
@media(max-width:760px){
  .service-grid--editorial{gap:20px}
  .service-number{gap:7px}
  .service-number>.ui-icon{width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){
  .button,.button .ui-icon,.round-arrow,.round-arrow .ui-icon,.service-card,.service-preview>div,.guide-card,.related-grid>a,.choose-links>a,.choose-links a .ui-icon,.text-link .ui-icon,.hero-bottom a .ui-icon,.back-top .ui-icon,.menu-toggle{transition:none!important;animation:none!important}
  .button:hover,.button:active,.button:hover .ui-icon,.service-card:hover,.service-card:active,.service-card:hover .service-preview>div,.service-card:hover .round-arrow .ui-icon,.guide-card:hover,.guide-card:hover .round-arrow .ui-icon,.related-grid a:hover .round-arrow .ui-icon,.choose-links>a:hover .ui-icon,.text-link:hover .ui-icon,.hero-bottom a:hover .ui-icon,.back-top:hover .ui-icon{transform:none!important}
}