/* Apple layer, part 2: software, case-study and service pages · Oct 29 2026
   Loaded last so it wins over page stylesheets. */

/* ---- dark heroes for software + case-study pages ---- */
.sw-hero.ax-hero,.case-hero.ax-hero{background:radial-gradient(55% 70% at 88% 0%,rgba(108,92,231,.30),transparent 70%),radial-gradient(45% 60% at 0% 100%,rgba(184,230,46,.14),transparent 70%),#000 !important;color:#F5F5F7}
.sw-hero.ax-hero h1,.case-hero.ax-hero h1{background:none !important;color:#F5F5F7 !important;-webkit-text-fill-color:#F5F5F7}
.sw-hero.ax-hero h1 .gw,.case-hero.ax-hero h1 .gw{-webkit-text-fill-color:transparent}
.sw-hero.ax-hero .lead,.case-hero.ax-hero .lead{color:#A9A7C2}
.sw-hero.ax-hero .sw-badge{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#F5F5F7;box-shadow:none}
.sw-hero.ax-hero .sw-note{color:#D9D8E6}
.sw-hero.ax-hero .sw-note span::before{box-shadow:0 0 0 4px rgba(184,230,46,.18)}
.sw-hero.ax-hero .swstage{box-shadow:0 60px 120px -40px rgba(108,92,231,.55)}
.case-hero.ax-hero{padding-bottom:0}
.case-hero.ax-hero .fact{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:none !important}
.case-hero.ax-hero .fact b{color:#A9A7C2 !important}
.case-hero.ax-hero .fact span{color:#F5F5F7 !important}
.case-hero.ax-hero .case-frame{box-shadow:0 60px 120px -40px rgba(108,92,231,.5)}

/* ---- feature tiles: drop the accent bars and corner blobs ---- */
.ft-grid .ft{background:#F5F5F7 !important;border:0 !important;border-radius:28px !important;padding:34px 30px 32px !important;box-shadow:none !important}
.ft-grid .ft::before,.ft-grid .ft::after{display:none !important}
.ft-grid .ft:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(18,16,46,.35) !important}
.ft-grid .ft .ic{width:52px !important;height:52px !important;border-radius:16px !important;margin-bottom:26px !important}
.ft-grid .ft h3{font-size:23px !important;letter-spacing:-.025em}
.ft-grid .ft p{font-size:16px !important;color:#6C6A84 !important}
.ax-gray .ft-grid .ft,.band-mist .ft-grid .ft{background:#fff !important}
.band-ink .ft-grid .ft{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.1) !important}
.band-ink .ft-grid .ft h3{color:#fff !important}
.band-ink .ft-grid .ft p{color:#B4B2CC !important}

.sw-hero.ax-hero .swstage{background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.02)) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:0 60px 120px -40px rgba(108,92,231,.55),inset 0 1px 0 rgba(255,255,255,.12) !important}
.sw-hero.ax-hero .swstage::before{opacity:.8}

/* icons on white cards that sit in dark bands: solid tiles, dark glyphs */
.band-ink .ic-card .ic,.band-dark .ic-card .ic{background:linear-gradient(135deg,#D4F56A,#B8E62E) !important;color:#12102E !important;box-shadow:0 10px 24px -10px rgba(184,230,46,.8) !important}
.band-ink .ic-card:nth-child(3n+2) .ic,.band-dark .ic-card:nth-child(3n+2) .ic{background:linear-gradient(135deg,#8D7FF0,#6C5CE7) !important;color:#fff !important;box-shadow:0 10px 24px -10px rgba(108,92,231,.8) !important}
.band-ink .ic-card:nth-child(3n) .ic,.band-dark .ic-card:nth-child(3n) .ic{background:linear-gradient(135deg,#2FD0C8,#14A3A3) !important;color:#fff !important;box-shadow:0 10px 24px -10px rgba(20,163,163,.8) !important}
.band-ink .ic-card a,.band-dark .ic-card a{color:#5A4BD6 !important;font-weight:700;text-decoration:none}

/* Services > Websites fly-out */
.nav .dd-sub{position:relative}
.nav .dd-menu a.dd-sub-btn{flex-direction:row;align-items:center;justify-content:space-between;gap:14px}
.nav .dd-sub-btn>span{display:flex;flex-direction:column;gap:2px}
.nav .dd-sub-chev{flex:0 0 auto;opacity:.6;transition:transform .2s,opacity .2s}
.nav .dd-sub:hover .dd-sub-chev,.nav .dd-sub:focus-within .dd-sub-chev{opacity:1;transform:translateX(2px)}
.nav .dd-sub:hover>.dd-sub-btn{background:rgba(255,255,255,.08)}
@media (min-width:1061px){
  .nav .dd-sub-menu{display:none;position:absolute;left:calc(100% + 14px);top:-9px;min-width:310px;padding:8px;border-radius:18px;background:rgba(22,20,52,.97);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:70}
  .nav .dd-sub-menu::before{content:"";position:absolute;top:0;bottom:0;left:-16px;width:16px}
  .nav .dd-sub:hover>.dd-sub-menu,.nav .dd-sub:focus-within>.dd-sub-menu{display:block;animation:ddsub .18s ease-out}
}
@keyframes ddsub{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
@media (max-width:1060px){
  .nav .dd-sub-menu{display:block;margin:0 0 6px 14px;padding-left:10px;border-left:1px solid rgba(255,255,255,.12)}
  .nav .dd-sub-chev{transform:rotate(90deg)}
  .nav .dd-sub-menu a{padding-top:9px;padding-bottom:9px}
}

/* store selling points: glass statement tiles */
.sellrow{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:8px 0 56px;isolation:isolate}
.sellrow:before{content:"";position:absolute;inset:-40px -20px;z-index:-1;background:radial-gradient(32% 70% at 15% 50%,rgba(184,230,46,.28),transparent 70%),radial-gradient(32% 70% at 50% 50%,rgba(108,92,231,.24),transparent 70%),radial-gradient(32% 70% at 85% 50%,rgba(24,180,180,.24),transparent 70%);filter:blur(30px)}
.sell{--t:184,230,46;--a:#4D7A0A;--b:#7FA329;text-align:center;padding:40px 26px 36px;border-radius:32px;background:linear-gradient(165deg,rgba(255,255,255,.85),rgba(var(--t),.16));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.95);box-shadow:0 30px 70px -28px rgba(var(--t),.55),inset 0 1px 0 #fff}
.sell.g2{--t:108,92,231;--a:#3B2FC9;--b:#6C5CE7}
.sell.g3{--t:24,180,180;--a:#0B6E70;--b:#14A3A3}
.sell em{display:block;font-style:normal;font-size:clamp(32px,3.2vw,46px);font-weight:800;letter-spacing:-.045em;line-height:1.05;background:linear-gradient(135deg,var(--a),var(--b));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:4px}
.sell span{display:block;margin:14px auto 0;max-width:280px;font-size:16px;line-height:1.5;color:#55536E}

/* dark-hero details */
.ax-hero .hero-note span::before{background:#B8E62E !important;box-shadow:0 0 0 4px rgba(184,230,46,.18)}
.ax-hero .ec-card{background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.02)) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:0 60px 120px -40px rgba(108,92,231,.55),inset 0 1px 0 rgba(255,255,255,.12) !important}
.ax-hero .ec-steps{color:#D9D8E6}
.ax-hero .ec-steps span{color:#8C8AA8 !important}
.ax-hero .ec-steps span.on{color:#fff !important}
.ax-hero .ec-steps span.done{color:#D9D8E6 !important}
.ax-hero .ec-steps span.done b{background:#B8E62E !important;color:#12102E !important;border-color:#B8E62E !important}

/* price anchors */
.anchor-band{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:34px 38px;border-radius:30px;background:radial-gradient(60% 120% at 100% 0%,rgba(108,92,231,.35),transparent 70%),radial-gradient(50% 120% at 0% 100%,rgba(184,230,46,.18),transparent 70%),#100E2C;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 80px -40px rgba(108,92,231,.6);color:#F5F5F7}
.anchor-band>div{flex:1 1 420px}
.anchor-band .ab-k{margin:0;font-size:14px;font-weight:700;color:#C9EE5A}
.anchor-band h3{margin:8px 0 0;font-size:clamp(24px,2.6vw,34px);line-height:1.1;font-weight:800;letter-spacing:-.03em;color:#fff !important}
.anchor-band p:not(.ab-k){margin:10px 0 0;font-size:17px;line-height:1.55;color:#C9C7E0}
.band-ink .anchor-band,.band-dark .anchor-band{background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));}
.sell .sell-l{display:block;margin-top:10px;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#12102E}
.ab-note{margin:30px auto 0;text-align:center;font-size:15px;color:#6C6A84}

/* light tiles inside dark software heroes: keep text dark and readable */
.sw-hero.ax-hero .swstage .tile{background:linear-gradient(165deg,#fff,#F3F2F8) !important}
.sw-hero.ax-hero .swstage .tile h3,.sw-hero.ax-hero .swstage .tile b,.sw-hero.ax-hero .swstage .tile .ring-n b{color:#12102E !important;-webkit-text-fill-color:#12102E !important}
.sw-hero.ax-hero .swstage .tile p{color:#4E4C63 !important}
.sw-hero.ax-hero .swstage :is(.win,.ph,.chip,.ph-card,.mini){color:#12102E}
.sw-hero.ax-hero .swstage :is(.win,.ph,.chip,.ph-card,.mini) :is(h3,h4,b,strong){color:#12102E;-webkit-text-fill-color:#12102E}