/* C1.2 – final premium polish. The B3.1 landing page and functional systems stay untouched. */

/* Match the approved B3.1 type system without changing the form or legal UI. */
.c1-header,
#mainContent,
body.c1-trust>footer{
  font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;
}
.c1-zero small{font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif}

/* One restrained information-state language across benefits, process and trust. */
.c1-benefit,
.c1-process-step,
.c11-trust-grid article{
  position:relative;
  cursor:default;
  outline:none;
  background-image:linear-gradient(105deg,rgba(216,151,66,.12),rgba(216,151,66,.035) 52%,transparent 82%);
  background-repeat:no-repeat;
  background-position:left center;
  background-size:0 100%;
  box-shadow:inset 0 0 0 1px transparent;
  transition:background-size .26s ease,box-shadow .26s ease;
}
.c1-benefit:is(:hover,:focus-visible,:active),
.c1-process-step:is(:hover,:focus-visible,:active),
.c11-trust-grid article:is(:hover,:focus-visible,:active){
  background-size:100% 100%;
  box-shadow:inset 0 0 0 1px rgba(231,181,102,.22),0 16px 46px rgba(2,12,8,.12);
}
.c1-benefit b,
.c1-process-step:before,
.c11-trust-grid article>span{
  transition:color .26s ease,text-shadow .26s ease;
}
.c1-benefit:is(:hover,:focus-visible,:active) b,
.c1-process-step:is(:hover,:focus-visible,:active):before,
.c11-trust-grid article:is(:hover,:focus-visible,:active)>span{
  color:#f3c77d;
  text-shadow:0 0 22px rgba(239,180,93,.3);
}
.c1-benefit:focus-visible,
.c1-process-step:focus-visible,
.c11-trust-grid article:focus-visible{
  outline:1px solid rgba(242,184,95,.78);
  outline-offset:2px;
}

/* The knowledge chapter keeps every fact and control while reading faster. */
.c1-knowledge{padding-top:72px;padding-bottom:74px}
.c1-knowledge-grid{gap:68px}
.c1-knowledge-copy h2{margin:14px 0 20px}
.c1-knowledge-copy p{line-height:1.64}
.c11-formula-item{padding:16px 15px}
.c11-micro-math>div{padding:13px 17px}
.c11-contract-details{margin-top:14px}
.c11-contract-details summary{padding-top:13px;padding-bottom:13px}
.c11-contract-details details p{margin-bottom:13px}
.c1-knowledge .c1-calc{margin-top:26px;padding:22px}
.c1-knowledge .c1-calc-top{margin-bottom:20px}
.c1-knowledge .c1-calc-controls{gap:18px}
.c1-knowledge .c1-calc-results{margin-top:22px}

@media(max-width:680px){
  .c1-knowledge{padding-top:64px;padding-bottom:64px}
  .c1-knowledge-grid{gap:38px}
  .c11-tariff-visual>i{height:19px}
  .c11-formula-item{padding:12px 15px}
  .c11-micro-math>div{padding:11px 15px}
  .c11-contract-details summary{padding-top:11px;padding-bottom:11px}
  .c1-knowledge .c1-calc{padding:17px 15px;margin-top:22px}
  .c1-knowledge .c1-calc-top{margin-bottom:16px}
  .c1-knowledge .c1-calc-controls{gap:16px}
  .c1-knowledge .c1-calc-results{margin-top:18px}
  .c1-benefit:is(:active,:focus-visible),
  .c1-process-step:is(:active,:focus-visible),
  .c11-trust-grid article:is(:active,:focus-visible){background-size:100% 100%}
}

@media(prefers-reduced-motion:reduce){
  .c1-benefit,
  .c1-process-step,
  .c11-trust-grid article,
  .c1-benefit b,
  .c1-process-step:before,
  .c11-trust-grid article>span{transition:none!important}
}