/* ==========================================================================
   Aureon product page – page-specific styles
   Used by: /aureon.html
   Loads after the site theme (bootstrap, base, style, responsive, theme-color-2).
   Every class is prefixed "aur-" so these rules never affect other pages.
   ========================================================================== */

:root{
  --aur-gold:#ffb339;
  --aur-gold-2:#fdb438;
  --aur-gold-deep:#bc822e;
  --aur-navy:#1c2045;
  --aur-ink:#111121;
  --aur-soft:#f3f6ff;
  --aur-tint:#fff6e6;
  --aur-line:#ece9fa;
  --aur-shadow:0 15px 35px rgba(0,0,0,.1);
}

/* ---------- Hero ---------- */
/* top padding is left to the theme's .page-title rule, which clears the site header */
.aur-hero{padding-bottom:140px; text-align:left;}
@media (min-width:992px){ .aur-hero{padding-top:150px;} }
.aur-hero .page-breadcrumb{margin-bottom:26px;}
.aur-hero-logo{display:block; height:58px; width:auto; margin-bottom:24px;}
.aur-eyebrow{display:inline-block; background:var(--aur-gold-2); color:#fff; font-family:sofiapromedium, "Helvetica Neue", Arial, sans-serif; font-size:15px; line-height:22px; letter-spacing:2px; padding:4px 10px; margin-bottom:18px;}
.aur-hero h1{font-size:42px; line-height:54px; letter-spacing:0; margin-bottom:22px;}
.aur-hero h1 span{font-size:inherit; line-height:inherit;}
.aur-lead{font-size:17px; line-height:31px; color:var(--aur-ink);}
.aur-hero .aur-lead{max-width:560px; margin-bottom:8px;}
.aur-outcomes{display:flex; flex-wrap:wrap; list-style:none; padding:22px 0 0; margin:22px 0 0; border-top:1px dashed #d6d8e8;}
.aur-outcomes li{display:flex; align-items:center; margin:0 28px 8px 0; font-family:sofiapromedium, "Helvetica Neue", Arial, sans-serif; font-size:15px; color:var(--aur-navy);}
.aur-outcomes i{color:var(--aur-gold); font-size:18px; margin-right:10px;}

/* Hero visual */
.aur-visual{position:relative; height:480px; max-width:520px; margin:0 auto;}
.aur-ring{position:absolute; left:50%; top:205px; width:360px; height:360px; margin:-180px 0 0 -180px; border:2px dashed rgba(255,179,57,.55); border-radius:50%; animation:aur-spin 60s linear infinite;}
.aur-ring.aur-ring-2{width:250px; height:250px; margin:-125px 0 0 -125px; border:1px solid rgba(28,32,69,.08); animation:none;}
.aur-core{position:absolute; left:50%; top:205px; width:170px; height:170px; margin:-85px 0 0 -85px; border-radius:34px; background:linear-gradient(145deg,#ffd589 0%,#ffb339 48%,#e8921f 100%); box-shadow:0 30px 60px rgba(255,160,40,.42), inset 0 2px 0 rgba(255,255,255,.55); display:flex; align-items:center; justify-content:center; z-index:2;}
.aur-core-inner{width:112px; height:112px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 25px rgba(188,130,46,.35);}
.aur-core-inner img{width:64px; height:auto;}
.aur-chip{position:absolute; z-index:3; display:flex; align-items:center; background:#fff; border-radius:12px; box-shadow:var(--aur-shadow); padding:12px 16px 12px 12px; font-family:sofiapromedium, "Helvetica Neue", Arial, sans-serif; font-size:14px; line-height:18px; letter-spacing:.5px; color:var(--aur-navy); animation:aur-float 6s ease-in-out infinite;}
.aur-chip i{flex:none; width:38px; height:38px; border-radius:50%; background:var(--aur-tint); color:var(--aur-gold); display:inline-flex; align-items:center; justify-content:center; margin-right:10px; font-size:16px;}
.aur-chip-1{top:22px; left:0;}
.aur-chip-2{top:22px; right:0; animation-delay:-1.5s;}
.aur-chip-3{top:300px; left:0; animation-delay:-3s;}
.aur-chip-4{top:300px; right:0; animation-delay:-4.5s;}
.aur-base{position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:center; flex-wrap:wrap; list-style:none; padding:0; margin:0;}
.aur-base li{background:#fff; border:1px solid var(--aur-line); border-bottom:3px solid var(--aur-gold); border-radius:8px; padding:7px 16px; margin:0 5px 8px; font-family:sofiapromedium, "Helvetica Neue", Arial, sans-serif; font-size:13px; letter-spacing:2px; text-transform:uppercase; color:var(--aur-navy);}
@keyframes aur-float{0%,100%{transform:translateY(0);} 50%{transform:translateY(-8px);}}
@keyframes aur-spin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion: reduce){.aur-chip,.aur-ring{animation:none;}}

/* ---------- Shared ---------- */
.aur-section-head{max-width:760px; margin:0 auto 50px;}
.aur-section-head .section-title{margin-bottom:18px;}
.aur-icon{flex:none; display:inline-flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%; background:var(--aur-tint); color:var(--aur-gold); font-size:20px;}

/* ---------- Challenge ---------- */
.aur-pains{list-style:none; padding:0; margin:0;}
.aur-pain{display:flex; align-items:center; background:#fff; border-radius:10px; box-shadow:var(--aur-shadow); border-left:4px solid var(--aur-gold); padding:16px 22px; margin-bottom:16px; transition:transform .4s ease;}
.aur-pain:hover{transform:translateX(6px);}
.aur-pain .aur-icon{margin-right:18px;}
.aur-pain h6{margin:0; font-size:17px; line-height:24px; letter-spacing:1px;}

/* ---------- Solution flow ---------- */
.aur-flow{display:flex; list-style:none; padding:0; margin:10px 0 0; position:relative;}
.aur-flow:before{content:""; position:absolute; top:40px; left:10%; right:10%; border-top:2px dashed rgba(188,130,46,.45);}
.aur-flow li{flex:1; text-align:center; position:relative; padding:0 10px;}
.aur-step{width:80px; height:80px; border-radius:50%; background:linear-gradient(145deg,#ffc863,#ffb339); border:5px solid #fff; box-shadow:var(--aur-shadow); color:#fff; font-family:sofiapromedium, "Helvetica Neue", Arial, sans-serif; font-size:26px; display:flex; align-items:center; justify-content:center; margin:0 auto 18px; position:relative;}
.aur-flow h5{font-size:18px; line-height:24px; margin:0;}
.aur-flow p{font-size:14px; line-height:22px; margin:6px 0 0; color:#555;}

/* ---------- Features ---------- */
.aur-feature{position:relative; background:#fff; border-radius:15px; box-shadow:var(--aur-shadow); padding:34px 30px 30px; height:100%; border-top:3px solid transparent; transition:all .4s ease;}
.aur-feature:hover{transform:translateY(-5px); border-top-color:var(--aur-gold);}
.aur-feature-icon{width:64px; height:64px; border-radius:16px; background:linear-gradient(145deg,#ffd589,#ffb339); color:#fff; font-size:26px; display:flex; align-items:center; justify-content:center; margin-bottom:22px; box-shadow:0 10px 20px rgba(255,179,57,.35);}
.aur-feature-num{position:absolute; top:26px; right:28px; font-family:sofiapromedium, "Helvetica Neue", Arial, sans-serif; font-size:34px; line-height:34px; color:#c8cbd6; letter-spacing:0;}
.aur-feature h5{font-size:20px; line-height:27px; margin-bottom:12px;}
.aur-feature p{font-size:15px; line-height:26px; margin:0; color:#333;}
.aur-tags{display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:16px 0 0;}
.aur-tags li{background:var(--aur-tint); color:var(--aur-gold-deep); border:1px solid #ffe2b0; border-radius:30px; padding:2px 12px; margin:0 8px 8px 0; font-family:sofiapromedium, "Helvetica Neue", Arial, sans-serif; font-size:13px; line-height:22px; letter-spacing:.5px;}
.aur-more-link{display:inline-block; margin-top:8px; font-family:sofiapromedium, "Helvetica Neue", Arial, sans-serif; font-size:15px;}

/* ---------- Coverage ---------- */
.aur-cov{background:#fff; border-radius:15px; box-shadow:var(--aur-shadow); height:100%; overflow:hidden;}
.aur-cov-head{display:flex; align-items:center; padding:20px 24px; border-bottom:1px solid var(--aur-line); background:linear-gradient(90deg,var(--aur-tint),#fff);}
.aur-cov-head .aur-icon{background:var(--aur-gold); color:#fff; width:46px; height:46px; font-size:18px; margin-right:14px;}
.aur-cov-head h5{margin:0;}
.aur-cov ul{list-style:none; padding:18px 24px 20px; margin:0;}
.aur-cov ul li{position:relative; padding-left:26px; margin-bottom:8px; font-size:15px; line-height:24px;}
.aur-cov ul li:before{content:"\f00c"; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; left:0; top:0; color:var(--aur-gold); font-size:13px;}

/* ---------- Benefits ---------- */
.aur-view{background:#fff; border-radius:15px; box-shadow:var(--aur-shadow); padding:34px 32px 20px;}
.aur-view h5{margin-bottom:6px;}
.aur-view .aur-view-note{font-size:14px; line-height:24px; color:#555; margin-bottom:18px;}
.aur-view .custom-li{display:grid; grid-template-columns:1fr 1fr; column-gap:16px; width:100%;}
.aur-view .custom-li li{float:none; width:auto;}
.aur-outcome{display:flex; align-items:flex-start; background:#fff; border-radius:15px; box-shadow:var(--aur-shadow); padding:26px 24px; height:100%;}
.aur-outcome .aur-icon{margin-right:16px; background:var(--aur-gold); color:#fff;}
.aur-outcome h5{font-size:18px; margin-bottom:6px;}
.aur-outcome p{font-size:15px; line-height:25px; margin:0; color:#333;}

/* ---------- CTA band ---------- */
.aur-cta{position:relative; overflow:hidden; border-radius:20px; padding:56px 50px; background:var(--aur-soft); border:1px solid #e3e7f5; color:var(--aur-ink); box-shadow:0 15px 35px rgba(28,32,69,.06);}
.aur-cta:after{content:""; position:absolute; right:-70px; top:-70px; width:280px; height:280px; border-radius:50%; border:40px solid rgba(255,179,57,.16);}
.aur-cta .row{position:relative; z-index:1;}
.aur-cta h2{color:var(--aur-navy); margin-bottom:12px;}
.aur-cta h2 span{color:var(--aur-gold);}
.aur-cta p{color:#333; font-size:17px; line-height:30px; margin:0;}
.aur-cta-links{list-style:none; padding:0; margin:18px 0 0;}
.aur-cta-links li{display:inline-block; margin:0 22px 6px 0;}
.aur-cta-links a{color:var(--aur-navy); font-family:sofiapromedium, "Helvetica Neue", Arial, sans-serif; font-size:15px;}
.aur-cta-links a:hover, .aur-cta-links a:focus{color:var(--aur-gold-deep);}
.aur-cta-links i{margin-right:8px; color:var(--aur-gold);}

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .aur-hero{padding-bottom:110px;}
  .aur-hero h1{font-size:34px; line-height:44px;}
  .aur-visual{height:auto; max-width:560px; margin-top:50px; display:flex; flex-wrap:wrap; justify-content:space-between;}
  .aur-ring{display:none;}
  .aur-core{position:relative; left:auto; top:auto; margin:0 auto 26px; flex:0 0 170px;}
  .aur-visual .aur-core{order:-1; margin-left:calc(50% - 85px); margin-right:calc(50% - 85px);}
  .aur-chip{position:static; animation:none; width:calc(50% - 7px); margin-bottom:14px;}
  .aur-base{position:static; width:100%; margin-top:8px;}
  .aur-flow{flex-direction:column;}
  .aur-flow:before{top:10px; bottom:10px; left:40px; right:auto; border-top:0; border-left:2px dashed rgba(188,130,46,.45);}
  .aur-flow li{display:flex; align-items:center; text-align:left; padding:0; margin-bottom:18px;}
  .aur-step{margin:0 20px 0 0; flex:none;}
  .aur-cta{padding:40px 28px;}
}
@media (max-width:575px){
  .aur-hero h1{font-size:28px; line-height:38px;}
  .aur-hero-logo{height:46px;}
  .aur-eyebrow{font-size:13px; letter-spacing:1px; padding:3px 8px;}
  .aur-chip{width:calc(50% - 6px); font-size:13px; padding:10px 10px 10px 8px;}
  .aur-chip i{width:32px; height:32px; font-size:14px; margin-right:8px;}
  .aur-base li{font-size:12px; letter-spacing:1px; padding:6px 10px; margin:0 3px 8px;}
  .aur-feature, .aur-view{padding:28px 22px 24px;}
  .aur-view .custom-li{grid-template-columns:1fr;}
}