/* Artixen Academy 0.4.3 | refinements 23-30; preserves original brand assets. */

/* 23. Compact, professional training formats summary in the HERO. */
.hero .trust {gap:16px 19px;}
.hero .trust-item {max-width:none;line-height:1.45;}
.hero .trust-item:last-child {max-width:240px;}
.hero .trust-icon {flex:0 0 30px;}

/* 24. Functional carousel replaces fake learning progress, decorative boxes, dead icons. */
.hero-graphic {min-height:510px;}
.hero-back {inset:22px 8px 22px 35px;}
.hero-window.aa-learning-slider {
  inset:66px 26px 60px 65px;
  padding:23px 26px 23px;
  display:flex;flex-direction:column;
  overflow:hidden;
  box-shadow:0 32px 55px rgba(8,38,49,.25);
}
.aa-learning-slider .window-top{padding-bottom:12px;}
.aa-learning-slider .window-kicker{margin-top:19px;}
.aa-learning-slider h3{font-size:24px;line-height:1.25;margin:10px 0 8px;}
.hero .aa-learning-slider .hero-window-intro{font-size:12px;line-height:1.55;margin:0 0 16px;max-width:none;color:#bbd7dd;}
.aa-slide-stage {
  display:block;min-height:115px;padding:13px 15px;
  background:#123845;border:1px solid #34626d;border-radius:12px;
  margin-top:auto;margin-bottom:12px;
}
.aa-slide[hidden]{display:none!important;}
.aa-slide{margin:0;}
.aa-slide-number{display:block;color:#64dce1;font-size:10px;font-weight:700;letter-spacing:.09em;margin-bottom:5px;}
.aa-slide h4{font-size:15px;line-height:1.35;color:#fff;font-weight:700;letter-spacing:-.015em;margin:0 0 5px;}
.hero .aa-slide p{font-size:11px;line-height:1.55;color:#cee5e9;margin:0;max-width:100%;}
.aa-slider-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
.aa-slide-control {
  appearance:none;-webkit-appearance:none;
  height:43px;min-width:0;display:grid;place-items:center;
  border:1px solid #416470;border-radius:9px;
  background:#163b48;color:#74cbd1;position:relative;
  transition:background-color .17s ease,border-color .17s ease,color .17s ease;
}
.aa-slide-control .icon{width:20px;height:20px;stroke-width:1.8;}
.aa-slide-control:hover {background:#205362;color:#fff;}
.aa-slide-control.is-active {background:#20616d;color:#fff;border-color:#65dce2;}
.aa-slide-control.is-active:after{content:"";height:3px;position:absolute;left:18%;right:18%;bottom:0;border-radius:3px;background:#48d8df;}
.aa-slide-control:focus-visible{outline:3px solid #7de7ee;outline-offset:3px;}

/* 25/26/30. All shield-check icons share a symmetric, normalized Lucide-style path. */
.category-tiles .category-icon .icon,
.category .category-icon .icon,
.b2b-benefits .icon {stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;}

/* 27. The approved sentence is naturally wrapped, without artificial line breaks. */
.about-card h3{max-width:350px;font-size:clamp(25px,2.5vw,32px);line-height:1.25;overflow-wrap:normal;}

/* 28. Three benefit tiles use meaningful, centered, consistent icons. */
.about-benefit .benefit-icons {display:flex;justify-content:center;align-items:center;gap:4px;min-height:24px;}
.about-benefit .benefit-icons .icon {width:21px;height:21px;stroke-width:1.8;margin:0;}
.about-benefit>.icon {width:24px;height:24px;stroke-width:1.8;}

/* 29. Compress ONLY vertical space; preserve the four columns and original logo. */
.footer {padding-top:37px;padding-bottom:19px;}
.footer-grid {margin-bottom:23px;}
.footer-grid>div {display:flex;flex-direction:column;align-items:flex-start;}
.footer-grid>div h3 {font-size:14px;line-height:1.4;font-weight:700;color:#fff;margin:0 0 15px;}
.footer-grid>div>a:not(.footer-logo) {font-size:13px;line-height:1.45;margin-bottom:10px;}
.footer-grid>div p {font-size:13px;line-height:1.6;margin:0 0 10px;}
.footer-grid>div:first-child p {max-width:325px;margin:0;}
.footer-grid .footer-logo {width:240px;margin:-8px 0 5px;}
.footer-bottom {padding-top:16px;}
.footer-bottom p{margin:0;}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:10px 17px;}

@media(max-width:900px){
  .hero-graphic{min-height:500px;}
  .hero-window.aa-learning-slider{inset:57px 26px 57px 62px;}
  .hero .trust-item:last-child {max-width:none;}
  .footer{padding-top:34px;}
  .footer-grid{margin-bottom:22px;}
}
@media(max-width:600px){
  .hero-graphic{min-height:465px;}
  .hero-back{inset:17px 8px 17px 18px;}
  .hero-window.aa-learning-slider{inset:37px 14px 42px 34px;padding:18px 14px;}
  .aa-learning-slider .window-kicker{margin-top:14px;font-size:9px;letter-spacing:1.1px;}
  .aa-learning-slider h3{font-size:19px;margin:9px 0 8px;}
  .hero .aa-learning-slider .hero-window-intro{font-size:11px;margin-bottom:12px;}
  .aa-slide-stage{min-height:122px;padding:11px 12px;margin-bottom:10px;}
  .aa-slide h4{font-size:14px;}
  .hero .aa-slide p{font-size:10px;line-height:1.45;}
  .aa-slide-control{height:39px;}
  .aa-slide-control .icon{width:19px;height:19px;}
  .about-card h3{font-size:26px;max-width:320px;}
  .footer{padding-top:29px;padding-bottom:15px;}
  .footer-grid{margin-bottom:19px;}
  .footer-grid .footer-logo{margin:-6px 0 4px;}
  .footer-bottom{padding-top:13px;}
}
@media(max-width:400px){
  .hero-graphic{min-height:475px;}
  .hero-window.aa-learning-slider{inset:40px 10px 45px 23px;padding:14px 12px;}
  .hero .aa-learning-slider .hero-window-intro{font-size:10px;}
  .aa-slide-stage{min-height:137px;}
}
@media(prefers-reduced-motion:reduce){.aa-slide-control{transition:none;}}