:root{
  --bg:#ffffff;
  --paper:#f5f7fc;
  --ink:#091b40;
  --muted:#56647c;
  --line:#e2e7ef;
  --orange:#ff7900;
  --navy:#091b40;
  --orange-soft:#fff3e6;
}

body{
  background:#fff;
  color:var(--navy);
}

.nav-shell{
  background:#fffffffa;
  border-bottom-color:#e5e9f1;
}

.nav-links a,
.wordmark,
.mobile-toggle{
  color:var(--navy);
}

/* LOYAMI LOGO */
.wordmark{
  display:inline-block;
  width:170px;
  height:40px;
  flex:none;
  white-space:nowrap;
  overflow:hidden;
  color:transparent!important;
  font-size:0!important;
  line-height:0;
  vertical-align:middle;
}

.wordmark::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:url("/assets/images/loyami-logo.png") left center / contain no-repeat;
}

.wordmark::after{
  content:none!important;
  display:none!important;
}

.hero{
  background:#fff;
}

.display em,
.impact-head h2 em,
.resource-head-v11 h2 em{
  color:#f06b00;
}

.eyebrow,
.kicker-row,
.text-link,
.guide-more a,
.decision-grid a,
.lead a,
.story-points .story-point>span,
.salon-benefits article>span{
  color:#a84400;
}

.btn-accent,
.btn-primary{
  background:#ff7900;
  color:#fff;
  border-color:#ff7900;
}

.btn-accent:hover,
.btn-primary:hover{
  background:#091b40;
  color:#fff;
  border-color:#ff912c;
}

.btn-outline{
  color:#091b40;
  background:transparent;
  border-color:#cbd3e2;
}

.btn-outline:hover{
  background:#f0f4fb;
  border-color:#091b40;
}

.btn-light{
  background:white;
  color:#091b40;
}

.hero-footnote i{
  background:#ff7900;
}

.section-paper,
.proof-band,
.strategy-section{
  background:#f5f7fc;
}

.proof-band{
  border-color:#e2e7ef;
}

.proof-stat strong,
.case-metric strong,
.impact-number,
.activity-value{
  color:#091b40;
}

.proof-intro span,
.proof-stat span,
.lead,
.subhero p,
.section-head>p{
  color:#56647c;
}

.section-dark,
.special-hero,
.sector-card.dark,
.trust-card.dark{
  background:#091b40;
  color:#fff;
}

.section-dark .lead,
.section-dark p,
.special-hero .lead,
.special-hero .hero-footnote,
.sector-card.dark p{
  color:#c8d3e9!important;
}

.section-dark .eyebrow,
.special-hero .eyebrow,
.sector-card.dark .text-link{
  color:#ff9b40!important;
}

.section-dark h1,
.section-dark h2,
.section-dark h3,
.special-hero h1{
  color:#fff;
}

.section-dark .btn-outline,
.special-hero .btn-outline{
  color:#fff;
  border-color:#7283a5;
}

.section-dark .btn-outline:hover,
.special-hero .btn-outline:hover{
  background:#172f59;
}

.section-dark .btn-light,
.special-hero .btn-light{
  background:#ff7900;
  color:#091b40;
}

.sector-card{
  background:#fff;
  border-color:#e2e7ef;
}

.sector-card:hover{
  background:#f5f7fc;
}

.sector-card.dark:hover{
  background:#143060;
}

.sector-card .num,
.pillar .num{
  color:#74819a;
}

.sector-card.dark h3{
  color:#fff;
}

.case-card,
.impact-card-v11,
.contact-panel{
  background:white;
  border-color:#e2e7ef;
}

.case-visual,
.impact-media,
.gallery-trigger{
  background:#e7e9ed!important;
}

.gallery-trigger{
  border-color:#e2e7ef;
}

.gallery-item figcaption,
.small,
.case-context{
  color:#62708a;
}

.strategy-stage{
  background:#fff;
  border-color:#e2e7ef;
}

.strategy-tab{
  color:#435575;
  background:transparent;
  border-color:#d9e0ec;
}

.strategy-tab.active{
  background:#091b40;
  color:#fff;
}

.strategy-tab.active span:last-child{
  color:#ff7900;
}

.salon-demo{
  background:#f5f7fc;
  border-color:#e2e7ef;
}

.salon-benefits article,
.salon-value-strip,
.salon-steps,
.about-fact,
.answer-list details{
  border-color:#dce3ef;
}

.salon-benefits p,
.salon-benefits small,
.salon-steps p,
.salon-demo-copy>p,
.about-fact p,
.decision-grid p,
.answer-list p{
  color:#56647c;
}

.decision-grid article{
  border-color:#dce3ef;
}

.answer-list summary:after{
  color:#ed6e00;
}

.comparison-wrap thead{
  background:#eef3fb;
}

.comparison-wrap{
  border-color:#dce3ef;
}

.final-box{
  background:#091b40;
  color:#fff;
}

.final-box h2{
  color:#fff;
}

.final-box p{
  color:#d0d9ed;
}

.final-box .eyebrow{
  color:#ff9b40;
}

.final-box .btn{
  background:#ff7900;
  color:#091b40;
  border-color:#ff7900;
}

.final-box .btn-outline{
  background:transparent;
  color:#fff;
  border-color:#7d8eae;
}

.footer{
  border-color:#e2e7ef;
}

.footer a,
.footer .wordmark{
  color:#091b40;
}

.footer p{
  color:#62708a;
}

.platform-pills span{
  background:#fff;
  color:#091b40;
  border-color:#cdd6e5;
}

.tag{
  background:#fff0df;
  color:#9d4200;
}

.breadcrumbs{
  color:#60718c;
}

.store-button{
  background:#091b40;
  color:#fff;
}

.store-button.light{
  background:#fff;
  color:#091b40;
  border-color:#cdd6e5;
}

.store-icon{
  background:#091b40!important;
}

.store-row{
  background:#fff;
  border-color:#e2e7ef;
}

.store-cta{
  color:#091b40;
}

.story-point{
  border-color:#e2e7ef;
}

.faq-q{
  color:#091b40;
}

.faq-a{
  color:#56647c;
}

.impact-arrow{
  color:#091b40;
  border-color:#091b40;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus{
  border-color:#ff7900;
}

.mobile-menu{
  background:#fff;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible{
  outline-color:#f47700;
}

.image-slot{
  margin:0;
  width:100%;
  min-width:0;
  display:block;
  align-self:center;
  overflow:hidden;
  border-radius:12px;
  background:#e7e9ed;
  line-height:0;
}

.image-slot img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  aspect-ratio:auto;
}

.image-slot:before,
.image-slot:after{
  display:none;
}

.campaign-section .image-slot{
  max-width:1100px;
  margin:auto;
}

.strategy-stage{
  grid-template-columns:1fr 1fr;
}

.strategy-stage>.image-slot{
  margin:24px;
  width:calc(100% - 48px);
}

.salon-demo>.image-slot{
  align-self:center;
}

.about-photo-section .image-slot img{
  max-height:680px;
  object-fit:cover;
}

.case-strip .case-visual img{
  object-fit:contain;
}

.gallery-trigger:hover img{
  transform:none;
}

.image-slot img[fetchpriority=high]{
  max-height:680px;
}

.special-hero-grid>.image-slot{
  background:#e7e9ed;
}

.salon-hero-grid>.image-slot{
  max-width:600px;
}

.case-proof strong{
  color:#091b40;
}

@media(max-width:900px){
  .strategy-stage{
    grid-template-columns:1fr;
  }

  .strategy-stage>.image-slot{
    max-width:calc(100% - 48px);
  }
}

@media(max-width:600px){
  .nav-shell{
    background:#fff;
  }

  .wordmark{
    width:140px;
    height:34px;
  }

  .image-slot{
    border-radius:8px;
  }

  .image-slot img[fetchpriority=high]{
    max-height:none;
  }

  .hero-grid{
    gap:30px;
  }

  .salon-demo{
    grid-template-columns:1fr;
  }

  .strategy-stage>.image-slot{
    margin:18px;
    width:calc(100% - 36px);
    max-width:calc(100% - 36px);
  }
}

.sector-row{
  display:grid;
  grid-template-columns:180px minmax(0,1.2fr) minmax(0,1fr);
  gap:32px;
  padding:32px 0;
  border-top:1px solid var(--line);
  align-items:start;
}

.sector-row .label{
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:650;
  color:#6a7890;
}

.sector-row h2{
  font-size:24px;
  margin:0;
  line-height:1.3;
  letter-spacing:-.025em;
}

.sector-row p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}

.sector-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:16px;
  font-size:14px;
  font-weight:600;
  color:#a84400;
  line-height:1.5;
}

.sector-link>span{
  flex:none;
  white-space:nowrap;
}

.tralleis-feature{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}

.tralleis-feature .h2{
  margin:20px 0;
}

.tralleis-feature .text-link{
  margin-top:24px;
}

.case-strip .case-body{
  display:flex;
  flex-direction:column;
}

.case-strip .case-body>.text-link{
  margin-top:auto;
  padding-top:26px;
}

@media(max-width:900px){
  .sector-row{
    grid-template-columns:140px 1fr;
    gap:16px 24px;
  }

  .sector-row-detail{
    grid-column:2;
  }

  .tralleis-feature{
    gap:30px;
  }
}

@media(max-width:600px){
  .sector-row{
    grid-template-columns:1fr;
    gap:14px;
    padding:26px 0;
  }

  .sector-row-detail{
    grid-column:1;
  }

  .sector-row h2{
    font-size:23px;
  }

  .tralleis-feature{
    grid-template-columns:1fr;
  }

  .sector-link{
    font-size:14px;
  }
}