/* SYN Labs cinematic direction — immersive imagery, glass navigation and soft structure. */
:root{
  --bg:#0c0a08;
  --surface:#15110d;
  --text:#f2ece2;
  --muted:#aaa095;
  --accent:#c9a97e;
  --accent-soft:#241d16;
  --clay:#a97d58;
  --line:rgba(232,213,184,.16);
  --navy:#171208;
  --white:#f2ece2;
  --max:1180px;
  --serif:"Instrument Sans","Helvetica Neue","Segoe UI",Arial,sans-serif;
  --sans:"Instrument Sans","Helvetica Neue","Segoe UI",Arial,sans-serif;
}

html{scroll-padding-top:96px}
body{
  background:var(--bg)!important;
  color:var(--text)!important;
  font-family:var(--sans)!important;
  font-size:15.5px;
  line-height:1.6;
}
h1,h2,h3,[data-screen-label] h1,[data-screen-label] h2{
  font-family:var(--sans)!important;
  font-weight:500!important;
  letter-spacing:-.035em!important;
}
::selection{background:var(--accent-soft);color:var(--navy)}
.lux-page{background:transparent}
.lux-shell{width:min(var(--max),calc(100% - 64px))}

/* Floating glass navigation */
html body .syn-global-nav{
  position:sticky!important;
  top:14px!important;
  z-index:1000!important;
  width:min(1220px,calc(100% - 36px))!important;
  margin:14px auto 0!important;
  border:1px solid rgba(255,255,255,.68)!important;
  border-radius:18px!important;
  background:rgba(251,248,241,.78)!important;
  box-shadow:0 12px 38px rgba(42,34,23,.09)!important;
  backdrop-filter:blur(20px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.35)!important;
}
html body .syn-global-nav__inner{height:64px;padding:0 18px 0 22px;gap:22px}
html body .syn-global-nav__brand img{height:28px!important}
html body .syn-global-nav__links{gap:22px}
html body .syn-global-nav__link,
html body .syn-global-nav__contact{color:var(--text)!important;font-size:12px!important;font-weight:600!important;opacity:.66}
html body .syn-global-nav__link[aria-current=page]::after{bottom:-9px;height:2px;border-radius:20px;background:var(--accent)}
html body .syn-global-nav__cta{
  min-height:40px;
  padding:0 17px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:999px!important;
  background:var(--navy)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(49,56,46,.16)!important;
}
html body .syn-global-nav__cta:hover{border-color:var(--accent)!important;background:var(--accent)!important}
html body .syn-global-nav__mobile summary{border-color:var(--line);border-radius:12px;background:rgba(255,255,255,.5)}
html body .syn-global-nav__mobile-panel{top:52px;border-color:rgba(255,255,255,.65);border-radius:18px;background:rgba(251,248,241,.96);box-shadow:0 24px 60px rgba(42,34,23,.16);backdrop-filter:blur(20px)}
html body .syn-global-nav__mobile-panel a{border-radius:12px!important}
html body .syn-global-nav__mobile-panel a:hover{background:var(--accent-soft)!important}
html body .syn-global-nav__mobile-panel .syn-global-nav__mobile-cta{border-radius:999px!important;background:var(--navy)!important;color:#fff!important}

/* Homepage: the navigation belongs inside the landscape. */
.syn-global-nav[data-home-nav]{
  position:absolute!important;
  top:34px!important;
  left:50%!important;
  width:min(1180px,calc(100% - 72px))!important;
  margin:0!important;
  transform:translateX(-50%);
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(28,31,25,.28)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.12)!important;
}
.syn-global-nav[data-home-nav] .syn-global-nav__brand img{filter:brightness(0) invert(1)}
.syn-global-nav[data-home-nav] .syn-global-nav__link{color:#fff!important;opacity:.68}
.syn-global-nav[data-home-nav] .syn-global-nav__link:hover{opacity:1}
.syn-global-nav[data-home-nav] .syn-global-nav__link[aria-current=page]::after{background:#fff}
.syn-global-nav[data-home-nav] .syn-global-nav__cta{border-color:rgba(255,255,255,.55)!important;background:rgba(255,255,255,.92)!important;color:var(--navy)!important;box-shadow:none!important}
.syn-global-nav[data-home-nav] .syn-global-nav__cta:hover{background:#fff!important;border-color:#fff!important}
.syn-global-nav[data-home-nav] .syn-global-nav__mobile summary{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff}

/* Cinematic homepage hero */
.lux-page[data-screen-label="Homepage"] .lux-hero{
  position:relative;
  isolation:isolate;
  display:flex;
  min-height:calc(100svh - 36px);
  margin:18px;
  padding:142px 42px 66px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:34px;
  background-image:url('/assets/hero-storm-unified-v1.png');
  background-position:center;
  background-size:cover;
  animation:syn-hero-drift 32s ease-in-out infinite alternate;
  will-change:background-position;
  box-shadow:0 24px 70px rgba(12,22,38,.18);
}
.lux-page[data-screen-label="Homepage"] .lux-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(14,15,12,.48) 0%,rgba(20,21,17,.28) 40%,rgba(27,28,23,.02) 72%),
    linear-gradient(180deg,rgba(24,27,22,.13) 0%,rgba(40,38,30,.04) 48%,rgba(25,29,23,.34) 100%);
}
.lux-page[data-screen-label="Homepage"] .lux-hero__inner{
  position:relative;
  z-index:1;
  display:flex;
  width:min(var(--max),100%);
  min-height:560px;
  align-items:flex-start;
  flex-direction:column;
  justify-content:center;
  margin:auto;
  color:#fff;
  text-align:left;
}
.lux-page[data-screen-label="Homepage"] .lux-hero__tagline{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 28px;
  color:rgba(255,255,255,.8);
  font-size:11px;
  font-weight:600;
  letter-spacing:.14em;
}
.lux-page[data-screen-label="Homepage"] .lux-hero__tagline span{width:6px;height:6px;border-radius:50%;background:#d4b395;box-shadow:0 0 14px rgba(208,177,148,.8)}
.lux-page[data-screen-label="Homepage"] .lux-hero h1{
  max-width:650px;
  margin:0;
  color:#fff!important;
  font-size:clamp(3rem,5.1vw,4.85rem);
  font-weight:500!important;
  line-height:1;
  letter-spacing:-.042em!important;
  text-shadow:0 4px 30px rgba(0,0,0,.18);
}
.lux-page[data-screen-label="Homepage"] .lux-rotator{
  display:inline-block;
  min-height:1.02em;
  color:#fff;
  font-style:normal;
}
.lux-hero__copy{
  max-width:620px;
  margin:26px 0 0;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.65;
}
.lux-page[data-screen-label="Homepage"] .lux-actions{justify-content:flex-start;margin-top:30px}
.lux-page[data-screen-label="Homepage"] .lux-button{
  min-height:48px;
  padding:0 21px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:var(--navy);
  box-shadow:0 10px 30px rgba(31,35,29,.16);
}
.lux-page[data-screen-label="Homepage"] .lux-button:hover{background:#fff;transform:translateY(-2px)}
.lux-page[data-screen-label="Homepage"] .lux-button--quiet{border-color:rgba(255,255,255,.28);background:rgba(12,21,36,.18);color:#fff;box-shadow:none;backdrop-filter:blur(12px)}
.lux-page[data-screen-label="Homepage"] .lux-button--quiet:hover{background:rgba(255,255,255,.13)}
.lux-hero__scroll{position:absolute;bottom:26px;left:50%;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.62);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transform:translateX(-50%)}
.lux-hero__scroll i{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-style:normal}

/* Hand-built glass workflow layer over a real high-speed photograph. */
.hero-workflow-card{position:absolute;top:52%;right:clamp(52px,7vw,104px);z-index:2;width:min(370px,31vw);padding:26px;border:1px solid rgba(255,253,248,.3);border-radius:24px;background:linear-gradient(145deg,rgba(255,253,248,.14),rgba(244,239,230,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 28px 70px rgba(0,0,0,.24);color:#fff;transform:translateY(-43%);backdrop-filter:blur(18px) saturate(.88);-webkit-backdrop-filter:blur(18px) saturate(.88)}
.hero-workflow-card::before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.07);border-radius:18px;pointer-events:none}
.hero-workflow-card__top{position:relative;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.54);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hero-workflow-card__status{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(17,16,14,.16);color:rgba(255,255,255,.78)}
.hero-workflow-card__status i{width:6px;height:6px;border-radius:50%;background:#c9a97e;box-shadow:0 0 0 4px rgba(201,169,126,.12)}
.hero-workflow-card__title{position:relative;margin:26px 0 25px;color:#fff;font-size:clamp(1.7rem,2.25vw,2.25rem);font-weight:500;line-height:1.05;letter-spacing:-.04em}
.hero-workflow-card__flow{position:relative;display:grid;gap:9px}
.hero-workflow-card__flow>div{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(17,16,14,.14);font-size:10px}
.hero-workflow-card__flow i{width:7px;height:7px;border:1px solid rgba(255,255,255,.52);border-radius:50%;background:#c9a97e}
.hero-workflow-card__flow span{color:rgba(255,255,255,.82);font-weight:600}
.hero-workflow-card__flow b{color:rgba(255,255,255,.48);font-size:8px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.hero-workflow-card__foot{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.hero-workflow-card__foot span{display:grid;gap:4px}
.hero-workflow-card__foot small{color:rgba(255,255,255,.42);font-size:8px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.hero-workflow-card__foot strong{color:rgba(255,255,255,.82);font-size:10px;font-weight:600}

/* Softer, contemporary content system */
.lux-section{padding:112px 0;border:0}
.lux-kicker{display:inline-flex;margin-bottom:24px;padding:7px 11px;border:1px solid rgba(201,169,126,.24);border-radius:999px;background:rgba(201,169,126,.1);color:#c9a97e;font-size:10px;letter-spacing:.13em}
.lux-statement{max-width:900px;font-family:var(--sans);font-size:clamp(2rem,3.5vw,3.55rem);font-weight:500;line-height:1.12;letter-spacing:-.035em}
.lux-display{max-width:860px;font-size:clamp(3rem,5.2vw,5.1rem);line-height:.98}
.lux-title{font-size:clamp(2.65rem,4.7vw,4.65rem);line-height:1}
.lux-subtitle{max-width:680px;color:var(--muted);font-size:clamp(.98rem,1.25vw,1.1rem);line-height:1.68}

/* Homepage story: turns the previous paragraph into a clear visual sequence. */
.lux-intro{padding:104px 0 112px}
.lux-intro__layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(54px,8vw,108px);align-items:start}
.lux-intro__lead{padding-top:4px}
.lux-intro__lead h2{max-width:500px;margin:0;font-size:clamp(2.65rem,4.2vw,4.15rem);font-weight:500!important;line-height:1.02;letter-spacing:-.04em!important}
.lux-intro__lead>p{max-width:510px;margin:26px 0 0;color:var(--muted);font-size:15px;line-height:1.72}
.lux-intro__journey{position:relative;display:grid;gap:12px}
.lux-intro__journey::before{content:"";position:absolute;top:42px;bottom:42px;left:42px;width:1px;background:linear-gradient(180deg,rgba(201,169,126,.08),rgba(201,169,126,.34),rgba(201,169,126,.08))}
.lux-intro__step{position:relative;display:grid;grid-template-columns:58px 1fr;gap:20px;align-items:center;min-height:116px;padding:22px 26px;border:1px solid rgba(71,63,53,.11);border-radius:20px;background:rgba(251,248,241,.68);box-shadow:0 12px 36px rgba(42,34,23,.035);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.lux-intro__step:hover{border-color:rgba(201,169,126,.3);background:rgba(232,213,184,.08);transform:translateX(4px)}
.lux-intro__number{position:relative;z-index:1;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(201,169,126,.28);border-radius:50%;background:#211a13;color:#c9a97e;font-size:10px;font-weight:700;letter-spacing:.08em}
.lux-intro__step h3{margin:0 0 6px;font-size:19px;font-weight:600!important;letter-spacing:-.015em!important}
.lux-intro__step p{max-width:510px;margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}
.lux-intro__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:58px;padding-top:30px;border-top:1px solid var(--line)}
.lux-intro__proof>div{min-height:72px;padding:4px 34px;border-right:1px solid var(--line)}
.lux-intro__proof>div:first-child{padding-left:0}
.lux-intro__proof>div:last-child{padding-right:0;border-right:0}
.lux-intro__proof strong{display:block;color:var(--text);font-size:17px;font-weight:600;letter-spacing:-.015em}
.lux-intro__proof span{display:block;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.45}

.lux-copy h2,.lux-case h2{font-size:clamp(2.2rem,3.7vw,3.75rem);line-height:1.02}
.lux-copy h3{font-size:clamp(1.55rem,2.4vw,2.35rem);line-height:1.08}
.lux-fact strong{font-size:clamp(2.15rem,3vw,3.2rem)}
.lux-booking__head h2,.lux-form h2{font-size:clamp(2rem,3.2vw,3.2rem)}
.lux-principle{max-width:850px;font-family:var(--sans);font-size:clamp(2rem,3.25vw,3.35rem);font-weight:500;line-height:1.1;letter-spacing:-.03em}
.lux-offer__price{font-family:var(--sans);font-size:clamp(3.25rem,6vw,5.6rem);font-weight:500}
.lux-button{min-height:48px;padding:0 20px;border-color:var(--navy);border-radius:999px;background:var(--navy);color:#fff;box-shadow:0 8px 24px rgba(11,19,35,.12)}
.lux-button:hover{background:var(--accent);border-color:var(--accent)}
.lux-button--quiet{background:transparent;color:var(--navy);box-shadow:none}
.lux-link{border:0;color:var(--accent)}
.lux-link span{transition:transform .2s ease}.lux-link:hover span{transform:translateX(3px)}

.lux-page[data-screen-label="Homepage"] #sprint{
  margin:18px;
  border:1px solid rgba(255,255,255,.75);
  border-radius:30px;
  background:rgba(251,248,241,.82);
  box-shadow:0 18px 50px rgba(42,34,23,.06);
}
.lux-sprint{align-items:center}
.lux-sprint__facts,.lux-phases{border-top-color:var(--line)}
.lux-fact,.lux-phase{border-bottom-color:var(--line)}
.lux-fact strong{font-family:var(--sans);font-weight:400;letter-spacing:-.04em}
.lux-phase{margin-top:10px;padding:18px;border:1px solid rgba(17,23,34,.08);border-radius:16px;background:rgba(255,255,255,.7)}
.lux-phase span{color:var(--accent)}
.lux-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:52px;border:0}
.lux-list__item{grid-template-columns:38px 1fr auto;min-height:112px;padding:24px;border:1px solid rgba(255,255,255,.78);border-radius:20px;background:rgba(255,255,255,.6);box-shadow:0 12px 34px rgba(14,24,41,.035)}
.lux-list__item:last-child{grid-column:1/-1}
.lux-list__item:hover{padding-left:28px;border-color:rgba(201,169,126,.34);background:rgba(232,213,184,.08);color:var(--accent);transform:translateY(-2px)}
.lux-list__item>span:first-child,.lux-list__item strong{font-family:var(--sans);font-style:normal}
.lux-list__item strong{font-size:clamp(1.35rem,2vw,2rem);font-weight:400}
.lux-industries{align-items:center}
.lux-industry-links{display:grid;gap:12px;border:0}
.lux-industry-links a{min-height:92px;padding:0 24px;border:1px solid rgba(255,255,255,.8);border-radius:18px;background:rgba(255,255,255,.65);font-family:var(--sans);font-size:clamp(1.5rem,2.5vw,2.4rem);font-weight:400;transition:transform .2s ease,background .2s ease}
.lux-industry-links a:hover{background:#fff;transform:translateX(4px)}
.lux-cta{margin:18px;padding:100px 0;border-radius:30px;background:radial-gradient(80% 120% at 50% 120%,rgba(140,105,66,.34),rgba(12,10,8,0) 70%),#0c0a08;color:#fff;overflow:hidden}
.lux-cta .lux-kicker{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#e3ded5}
.lux-cta h2{color:#fff!important;font-size:clamp(2.8rem,5vw,4.9rem);line-height:.98}
.lux-cta .lux-button{border-color:#fff;background:#fff;color:var(--navy)}

/* Inner-page mastheads reuse the atmospheric visual language. */
.lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero{
  position:relative;
  isolation:isolate;
  margin:18px;
  padding:118px 0 104px;
  overflow:hidden;
  border-radius:30px;
  background-image:url('/assets/hero-storm-unified-v1.png');
  background-position:center;
  background-size:cover;
  animation:syn-hero-drift 32s ease-in-out infinite alternate;
  will-change:background-position;
  color:#fff;
  box-shadow:0 20px 60px rgba(12,22,38,.13);
}
.lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(29,32,27,.84),rgba(45,43,34,.52) 58%,rgba(37,40,33,.25))}
.lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero h1,
.lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero h2{color:#fff!important}
.lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero .lux-kicker{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#e3ded5}
.lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero .lux-subtitle,
.lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero p{color:rgba(255,255,255,.72)}
.lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero .lux-link{color:#eee7da}
.lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero .lux-contact-note{border-color:rgba(255,255,255,.16)}
.lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero .lux-booking{padding:24px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(9,18,33,.35);backdrop-filter:blur(18px)}
.lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero .lux-booking iframe{border:0;border-radius:14px}
.lux-page-hero__meta{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.64)}

@keyframes syn-hero-drift{
  0%{background-position:49.75% 50%}
  100%{background-position:50.55% 49.6%}
}

@media(prefers-reduced-motion:reduce){
  .lux-page[data-screen-label="Homepage"] .lux-hero,
  .lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero{
    animation:none!important;
    background-position:center!important;
    will-change:auto!important;
  }
}

.lux-workflow{margin-bottom:14px;padding:30px;border:1px solid rgba(255,255,255,.74);border-radius:20px;background:rgba(255,255,255,.58)}
.lux-workflow:last-child{border-bottom:1px solid rgba(255,255,255,.74)}
.lux-workflow h2{font-size:clamp(2rem,3.5vw,3.4rem)}
.lux-flow{color:#c9a97e}.lux-flow span{padding:6px 10px;border-radius:999px;background:rgba(201,169,126,.1)}
.lux-flow span:not(:last-child)::after{color:#7f8da3}
.lux-targets{gap:10px;border:0}.lux-targets span,.lux-tags span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.55)}
.lux-cases,.lux-articles{border:0}
.lux-case{margin-bottom:18px;padding:24px;border:1px solid rgba(255,255,255,.76);border-radius:24px;background:rgba(255,255,255,.58)}
.lux-case__image{border-radius:18px}.lux-case__image img{filter:saturate(.78)}
.lux-article{margin-bottom:12px;padding:26px;border:1px solid rgba(255,255,255,.74);border-radius:18px;background:rgba(255,255,255,.58)}
.lux-article strong{font-family:var(--sans);font-size:clamp(1.5rem,2.6vw,2.5rem)}
.lux-form{padding:48px;border:1px solid rgba(255,255,255,.78);border-radius:24px;background:rgba(255,255,255,.62)}
.lux-field input,.lux-field select,.lux-field textarea{padding:12px 14px;border:1px solid var(--line);border-radius:12px!important;background:rgba(255,255,255,.72)!important}
.lux-problems{border:0}.lux-problem{margin-bottom:10px;padding:20px;border:1px solid rgba(255,255,255,.72);border-radius:16px;background:rgba(255,255,255,.55)}

/* Footer */
html body .syn-global-footer{margin:18px;border:0;border-radius:28px;background:#0c0a08;color:#fff;padding:54px 0}
html body .syn-global-footer__brand img{filter:brightness(0) invert(1)}
html body .syn-global-footer__brand p,html body .syn-global-footer__email{color:rgba(255,255,255,.58)}
html body .syn-global-footer__links a{color:rgba(255,255,255,.72)}
html body .syn-global-footer__links a:hover{color:#fff}
html body .syn-global-footer__email{border-color:rgba(255,255,255,.14)}

/* Interactive legacy pages: restore soft corners removed by the previous direction. */
[data-screen-label] [style*="border-radius:24px"],[data-screen-label] [style*="border-radius:20px"],[data-screen-label] [style*="border-radius:18px"]{border-radius:20px!important}
[data-screen-label="Workflow Quiz"] .qz-card,[data-screen-label="Estate Agency Health Check"] .qz-card{border-radius:24px!important;background:rgba(255,255,255,.75)!important;box-shadow:0 18px 50px rgba(14,24,41,.08)!important}
[data-screen-label="Workflow Quiz"] [role="radio"],[data-screen-label="Estate Agency Health Check"] [role="radio"]{padding:18px!important;border:1px solid rgba(17,23,34,.1)!important;border-radius:14px!important;background:rgba(255,255,255,.6)!important}
[data-screen-label="Workflow Quiz"] button,[data-screen-label="Estate Agency Health Check"] button{border-radius:999px!important;box-shadow:0 8px 24px rgba(11,19,35,.12)!important}
[data-screen-label="Workflow Quiz"] .qz-hero h1,[data-screen-label="Estate Agency Health Check"] .qz-hero h1{font-size:clamp(2.75rem,5vw,4.8rem)!important;line-height:1!important}

@media(max-width:1180px){
  .syn-global-nav[data-home-nav]{top:30px!important;width:calc(100% - 60px)!important}
}
@media(max-width:1050px){
  .hero-workflow-card{display:none}
}
@media(max-width:1000px){
  .lux-section{padding:88px 0}
  .lux-intro__layout{grid-template-columns:1fr;gap:48px}
  .lux-intro__lead h2,.lux-intro__lead>p{max-width:700px}
  .lux-list{grid-template-columns:1fr}.lux-list__item:last-child{grid-column:auto}
  .lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero{padding:94px 0 82px}
}
@media(max-width:700px){
  .lux-shell{width:calc(100% - 36px)}
  html body .syn-global-nav{top:10px!important;width:calc(100% - 20px)!important;margin-top:10px!important;border-radius:15px!important}
  html body .syn-global-nav__inner{height:58px;padding:0 12px 0 16px}
  .syn-global-nav[data-home-nav]{top:26px!important;width:calc(100% - 44px)!important}
  .lux-page[data-screen-label="Homepage"] .lux-hero{min-height:calc(100svh - 24px);margin:12px;padding:122px 20px 64px;border-radius:25px;background-position:62% center}
  .lux-page[data-screen-label="Homepage"] .lux-hero__inner{min-height:500px}
  .lux-page[data-screen-label="Homepage"] .lux-hero h1{font-size:clamp(2.65rem,12vw,4rem)}
  .lux-hero__copy{font-size:14px}
  .lux-hero__scroll span{display:none}
  .lux-page[data-screen-label="Homepage"] .lux-actions{width:min(330px,100%)}
  .lux-page[data-screen-label="Homepage"] #sprint,.lux-cta,html body .syn-global-footer{margin:12px;border-radius:24px}
  .lux-section{padding:72px 0}
  .lux-intro{padding:72px 0 78px}
  .lux-intro__lead h2{font-size:clamp(2.35rem,10vw,3.3rem)}
  .lux-intro__step{grid-template-columns:48px 1fr;gap:14px;min-height:106px;padding:18px}
  .lux-intro__journey::before{left:39px}
  .lux-intro__proof{grid-template-columns:1fr;margin-top:40px;padding-top:0;border-top:0}
  .lux-intro__proof>div,.lux-intro__proof>div:first-child,.lux-intro__proof>div:last-child{min-height:0;padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}
  .lux-intro__proof>div:last-child{border-bottom:0}
  .lux-statement{font-size:clamp(1.9rem,8.6vw,3rem)}
  .lux-display,.lux-title{font-size:clamp(2.45rem,10.5vw,3.7rem)}
  .lux-list__item{min-height:96px;padding:20px}
  .lux-list__item:hover{padding-left:23px}
  .lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero{margin:12px;padding:82px 0 68px;border-radius:24px;background-position:62% 50%}
  .lux-workflow,.lux-case,.lux-article{padding:20px}
  .lux-form{padding:24px}
  html body .syn-global-footer{padding:42px 0}
}

@media(prefers-reduced-motion:reduce){
  .lux-page[data-screen-label="Homepage"] .lux-hero{background-attachment:initial}
}

/* Dark sand system, based on the supplied landing-page structure. */
:root{color-scheme:dark}
html{background:#0c0a08}
body,
.lux-page,
[data-screen-label]{background:#0c0a08!important;color:var(--text)!important}
body{
  background-image:
    radial-gradient(900px 620px at 88% 8%,rgba(140,105,66,.14),transparent 72%),
    radial-gradient(760px 560px at 8% 70%,rgba(91,65,39,.1),transparent 72%)!important;
  background-attachment:fixed!important;
}
h1,h2,h3,
[data-screen-label] h1,
[data-screen-label] h2,
[data-screen-label] h3{color:var(--text)!important}
p{color:inherit}
::selection{background:rgba(201,169,126,.32);color:#fff}

html body .syn-global-nav,
html body .syn-global-nav[data-home-nav]{
  position:fixed!important;
  top:18px!important;
  left:50%!important;
  width:min(1180px,calc(100% - 40px))!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  border:1px solid rgba(232,213,184,.16)!important;
  border-radius:999px!important;
  background:rgba(20,16,12,.7)!important;
  box-shadow:0 16px 48px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(20px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.1)!important;
}
html body .syn-global-nav__inner{height:62px;padding:0 12px 0 22px}
html body .syn-global-nav__brand img{filter:brightness(0) invert(1);height:27px!important}
html body .syn-global-nav__link,
html body .syn-global-nav__contact,
.syn-global-nav[data-home-nav] .syn-global-nav__link{color:#f2ece2!important;opacity:.66}
html body .syn-global-nav__link:hover,
html body .syn-global-nav__contact:hover{color:#fff!important;opacity:1}
html body .syn-global-nav__link[aria-current=page]::after{background:#c9a97e}
html body .syn-global-nav__cta,
.syn-global-nav[data-home-nav] .syn-global-nav__cta{
  border-color:#e8d5b8!important;
  background:#e8d5b8!important;
  color:#171208!important;
  box-shadow:none!important;
}
html body .syn-global-nav__cta:hover,
.syn-global-nav[data-home-nav] .syn-global-nav__cta:hover{border-color:#f5ead8!important;background:#f5ead8!important}
html body .syn-global-nav__mobile summary,
.syn-global-nav[data-home-nav] .syn-global-nav__mobile summary{border-color:rgba(232,213,184,.22);background:rgba(232,213,184,.06);color:#f2ece2}
html body .syn-global-nav__mobile-panel{border-color:rgba(232,213,184,.18);background:rgba(20,16,12,.98);color:#f2ece2}
html body .syn-global-nav__mobile-panel a{color:rgba(242,236,226,.72)!important}
html body .syn-global-nav__mobile-panel a:hover,
html body .syn-global-nav__mobile-panel a[aria-current=page]{background:rgba(201,169,126,.1)!important;color:#fff!important}
html body .syn-global-nav__mobile-panel .syn-global-nav__mobile-cta{background:#e8d5b8!important;color:#171208!important}

.lux-page[data-screen-label="Homepage"] .lux-hero{
  min-height:100svh;
  margin:0;
  padding:142px 42px 76px;
  border:0;
  border-radius:0 0 34px 34px;
  box-shadow:none;
  background-position:center 56%;
}
.lux-page[data-screen-label="Homepage"] .lux-hero::before{
  background:
    linear-gradient(90deg,rgba(12,10,8,.86) 0%,rgba(12,10,8,.62) 42%,rgba(12,10,8,.22) 72%),
    linear-gradient(180deg,rgba(12,10,8,.34),rgba(12,10,8,.08) 50%,#0c0a08 100%);
}
.lux-page[data-screen-label="Homepage"] .lux-hero h1{max-width:710px;font-size:clamp(3.2rem,5.6vw,5.45rem);font-weight:600!important}
.lux-page[data-screen-label="Homepage"] .lux-rotator{color:#e8d5b8}
.lux-hero__copy{max-width:56ch;color:rgba(242,236,226,.68);font-size:16px}
.lux-page[data-screen-label="Homepage"] .lux-button{border-color:#e8d5b8;background:#e8d5b8;color:#171208;box-shadow:none}
.lux-page[data-screen-label="Homepage"] .lux-button:hover{border-color:#f5ead8;background:#f5ead8}
.lux-page[data-screen-label="Homepage"] .lux-button--quiet{border-color:rgba(232,213,184,.28);background:rgba(20,16,12,.42);color:#f2ece2}
.lux-page[data-screen-label="Homepage"] .lux-button--quiet:hover{background:rgba(232,213,184,.1)}

.lux-section{padding:96px 0;border-top:1px solid rgba(232,213,184,.1);background:transparent}
.lux-page main>.lux-section:nth-of-type(even){background:linear-gradient(180deg,rgba(232,213,184,.025),rgba(232,213,184,.01))}
.lux-kicker{
  margin-bottom:18px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#c9a97e;
  font-size:11px;
  letter-spacing:.2em;
}
.lux-statement{max-width:880px;font-size:clamp(2rem,3.35vw,3.35rem);line-height:1.16}
.lux-display{font-size:clamp(2.85rem,5vw,4.9rem)}
.lux-title{max-width:760px;font-size:clamp(2.55rem,4.25vw,4.2rem);line-height:1.02}
.lux-subtitle,
.lux-copy p,
.lux-workflow p,
.lux-case p,
.lux-problem p{color:var(--muted)}
.lux-button{border-color:#e8d5b8;background:#e8d5b8;color:#171208;box-shadow:none}
.lux-button:hover{border-color:#f5ead8;background:#f5ead8}
.lux-button--quiet{border-color:rgba(232,213,184,.3);background:transparent;color:#f2ece2}
.lux-link{color:#c9a97e}

.lux-intro{padding:104px 0}
.lux-intro__lead h2{color:#f2ece2!important;font-size:clamp(2.5rem,4vw,3.85rem)}
.lux-intro__lead>p{color:var(--muted)}
.lux-intro__journey::before{background:linear-gradient(180deg,rgba(201,169,126,.06),rgba(201,169,126,.4),rgba(201,169,126,.06))}
.lux-intro__step,
.lux-phase,
.lux-list__item,
.lux-industry-links a,
.lux-workflow,
.lux-case,
.lux-article,
.lux-form,
.lux-problem{
  border-color:rgba(232,213,184,.14)!important;
  background:rgba(232,213,184,.045)!important;
  box-shadow:none!important;
}
.lux-intro__step:hover,
.lux-list__item:hover,
.lux-industry-links a:hover,
.lux-workflow:hover,
.lux-case:hover,
.lux-article:hover{border-color:rgba(201,169,126,.34)!important;background:rgba(232,213,184,.075)!important}
.lux-intro__step h3,
.lux-intro__proof strong,
.lux-phase strong,
.lux-list__item strong,
.lux-industry-links a,
.lux-workflow h2,
.lux-case h2,
.lux-article strong{color:#f2ece2}
.lux-intro__step p,
.lux-intro__proof span,
.lux-phase p{color:var(--muted)}
.lux-intro__proof,
.lux-intro__proof>div,
.lux-sprint__facts,
.lux-fact,
.lux-phases,
.lux-targets{border-color:rgba(232,213,184,.13)}
.lux-fact strong{color:#f2ece2}
.lux-fact span{color:var(--muted)}
.lux-page[data-screen-label="Homepage"] #sprint{
  margin:0;
  border:0;
  border-top:1px solid rgba(232,213,184,.1);
  border-radius:0;
  background:linear-gradient(180deg,rgba(232,213,184,.025),rgba(232,213,184,.01));
  box-shadow:none;
}
.lux-list{gap:14px}
.lux-list__item{border:1px solid rgba(232,213,184,.14)}
.lux-list__item>span:first-child,
.lux-workflow__number,
.lux-phase span{color:#c9a97e}
.lux-industry-links{gap:12px}

.lux-cta{
  margin:0;
  padding:108px 0;
  border-top:1px solid rgba(232,213,184,.12);
  border-radius:0;
  background:radial-gradient(80% 120% at 50% 120%,rgba(140,105,66,.34),rgba(12,10,8,0) 70%),#0c0a08;
}
.lux-cta .lux-kicker{color:#c9a97e}
.lux-cta .lux-button{border-color:#e8d5b8;background:#e8d5b8;color:#171208}

.lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero{
  margin:0;
  padding:154px 0 112px;
  border-radius:0 0 30px 30px;
  box-shadow:none;
}
.lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero::before{
  background:linear-gradient(90deg,rgba(12,10,8,.9),rgba(12,10,8,.64) 58%,rgba(12,10,8,.24)),linear-gradient(180deg,transparent 55%,#0c0a08);
}
.lux-page-hero__meta{border-color:rgba(232,213,184,.18);color:rgba(242,236,226,.62)}
.lux-flow span,
.lux-targets span,
.lux-tags span{border-color:rgba(232,213,184,.14);background:rgba(201,169,126,.08);color:#d9c2a2}
.lux-field input,
.lux-field select,
.lux-field textarea{border-color:rgba(232,213,184,.22)!important;background:rgba(232,213,184,.035)!important;color:#f2ece2!important}
.lux-field input::placeholder,
.lux-field textarea::placeholder{color:rgba(242,236,226,.42)}

html body .syn-global-footer{
  margin:0;
  border-top:1px solid rgba(232,213,184,.12);
  border-radius:0;
  background:#0c0a08;
  color:#f2ece2;
  padding:56px 0;
}
html body .syn-global-footer__brand p,
html body .syn-global-footer__email{color:rgba(242,236,226,.5)}
html body .syn-global-footer__links a{color:rgba(242,236,226,.66)}

/* Article and case-study pages use the same dark, numbered content rhythm. */
.hero:not(.lux-hero),
.article-shell,
.related,
.faq-band,
.faq-inner{background:transparent!important;color:#f2ece2}
.hero:not(.lux-hero){padding-top:90px;border-color:rgba(232,213,184,.12)!important}
.hero:not(.lux-hero) h1,
.article h2,
.related h2,
.faq-inner h2{color:#f2ece2!important}
.deck,
.article,
.article p,
.related-card p,
.side-card p,
.faq-inner details p{color:var(--muted)!important}
.section-kicker,
.eyebrow,
.side-label,
.related-card span,
.faq-inner>span{color:#c9a97e!important}
.story-strip,
.lesson-summary,
.workflow,
.question,
.seller-update,
.side-card,
.faq-inner details,
.related-card,
.confidentiality-note,
.loop-graphic{
  border-color:rgba(232,213,184,.14)!important;
  background:rgba(232,213,184,.045)!important;
  color:#f2ece2!important;
  box-shadow:none!important;
}
.story-strip strong,
.lesson-summary>p,
.workflow strong,
.question strong,
.side-card strong,
.related-card strong,
.faq-inner summary{color:#f2ece2!important}
.workflow-head,
.callout,
.metric,
.inline-cta{background:#15110d!important;border-color:rgba(232,213,184,.14)!important;color:#f2ece2!important}
.workflow li{border-color:rgba(232,213,184,.12)}
.workflow .num,
.start-checklist span{background:rgba(201,169,126,.12);color:#c9a97e}
.workflow .owner,
.workflow .owner.human,
.step-owner,
.step-owner.human{background:rgba(201,169,126,.14)!important;color:#d8bc96!important}
.live-pill,
.status.received{
  border-color:rgba(201,169,126,.24)!important;
  background:rgba(201,169,126,.12)!important;
  color:#8a6d2b!important;
}
.live-pill i,
.demo-shell[data-demo-state="complete"] .system-status i,
.activity-list .is-complete i{background:#c9a97e!important;box-shadow:0 0 0 3px rgba(201,169,126,.14)!important}
.completion-card{border-color:rgba(201,169,126,.24)!important;background:#f3eadb!important}
.completion-tick{background:#c9a97e!important;color:#171208!important}
.completion-card .control-secondary{border-color:rgba(201,169,126,.34)!important;color:#8a6d2b!important}
.button-gold,
.side-button{background:#e8d5b8!important;color:#171208!important}

/* Live demo: dark editorial shell around a clear, light workflow interface. */
[data-screen-label="Workflow Desk"] header.syn-refined-hero{
  position:relative;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:148px 0 92px!important;
  background:transparent!important;
}
[data-screen-label="Workflow Desk"] header.syn-refined-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:640px;
  height:440px;
  top:36px;
  left:-220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(140,105,66,.18),transparent 70%);
  pointer-events:none;
}
[data-screen-label="Workflow Desk"] header.syn-refined-hero h1{
  max-width:14ch!important;
  color:#f2ece2!important;
  font-family:"Instrument Sans","Helvetica Neue","Segoe UI",Arial,sans-serif!important;
  font-size:clamp(3.25rem,5.7vw,5.6rem)!important;
  font-weight:600!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
[data-screen-label="Workflow Desk"] header.syn-refined-hero p{color:rgba(242,236,226,.64)!important;font-size:17px!important}
[data-screen-label="Workflow Desk"] header.syn-refined-hero a[href="#syn-software-panel"]{background:#e8d5b8!important;color:#171208!important;box-shadow:none!important}
#syn-guided-control{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto 22px;
  padding:12px 14px;
  border:1px solid rgba(232,213,184,.14);
  border-radius:14px;
  background:rgba(232,213,184,.045);
  color:rgba(242,236,226,.64);
}
#syn-narration-toggle{border-color:rgba(232,213,184,.22)!important;background:rgba(232,213,184,.08)!important;color:#f2ece2!important}
#syn-software-panel{
  scroll-margin-top:12px!important;
  border-color:rgba(232,213,184,.2)!important;
  border-radius:22px!important;
  box-shadow:0 28px 70px rgba(0,0,0,.28)!important;
}
#desk{border-color:rgba(232,213,184,.18)!important;border-radius:22px!important;overflow:hidden}
#desk .appbody,
#desk .stage-body,
#desk .panelbox,
#desk .controls{color:#14151a!important}
#desk .appbody h1,
#desk .appbody h2,
#desk .appbody h3,
#desk .panelbox strong{color:#14151a!important}
#desk .panelbox{border-radius:16px!important}
#desk .controls{border-color:rgba(20,21,26,.12)!important}
#desk .controls button{border-radius:9px!important}
#contact>div{border:1px solid rgba(232,213,184,.14)!important;border-radius:24px!important;background:radial-gradient(80% 120% at 50% 120%,rgba(140,105,66,.25),rgba(12,10,8,0) 70%),#15110d!important}

/* Content reveals only become hidden after the page script is present. */
.lux-reveal{opacity:1;transform:none}
.syn-motion-ready .lux-reveal{
  opacity:0;
  transform:translate3d(0,30px,0);
  transition:opacity .78s cubic-bezier(.2,.7,.2,1),transform .78s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity,transform;
}
.syn-motion-ready .lux-reveal.is-visible{opacity:1;transform:none}
.syn-motion-ready .lux-reveal.syn-reveal-visual{
  filter:blur(3px);
  transform:translate3d(var(--reveal-x,0),38px,0) scale(.982);
  transform-origin:50% 42%;
  transition:opacity .88s cubic-bezier(.2,.7,.2,1),transform .88s cubic-bezier(.2,.7,.2,1),filter .72s ease;
  transition-delay:var(--reveal-delay,0ms);
}
.syn-motion-ready .lux-reveal.syn-reveal-visual.is-visible{filter:none;transform:none}
.syn-motion-ready .lux-reveal:not(.is-visible) :is(.syn-flowline__top i,.syn-flowline__rail::before,.syn-flowline__rail li>i,.syn-sprint-track::before,.syn-sprint-node,.syn-workflow-viz--follow b,.syn-compare__status i,.syn-compare__before::before,.syn-scatter__card,.syn-compare__bridge ol::before,.syn-compare__bridge li i,.syn-assessment-launchpad>header>span i,.syn-assessment-route__signal b){animation-play-state:paused!important}
.syn-motion-ready .lux-reveal.is-visible :is(.syn-flowline__top i,.syn-flowline__rail::before,.syn-flowline__rail li>i,.syn-sprint-track::before,.syn-sprint-node,.syn-workflow-viz--follow b,.syn-compare__status i,.syn-compare__before::before,.syn-scatter__card,.syn-compare__bridge ol::before,.syn-compare__bridge li i,.syn-assessment-launchpad>header>span i,.syn-assessment-route__signal b){animation-play-state:running!important}

@media(max-width:700px){
  html body .syn-global-nav,
  html body .syn-global-nav[data-home-nav]{top:10px!important;width:calc(100% - 20px)!important}
  .lux-page[data-screen-label="Homepage"] .lux-hero{margin:0;padding:122px 20px 64px;border-radius:0 0 24px 24px}
  .lux-page[data-screen-label="Homepage"] .lux-hero::before{background:linear-gradient(90deg,rgba(12,10,8,.84),rgba(12,10,8,.5)),linear-gradient(180deg,rgba(12,10,8,.08),#0c0a08 100%)}
  .lux-page[data-screen-label="Homepage"] .lux-hero h1{font-size:clamp(2.75rem,12vw,4rem)}
  .lux-section{padding:76px 0}
  .lux-page[data-screen-label="Homepage"] #sprint,
  .lux-cta,
  html body .syn-global-footer{margin:0;border-radius:0}
  .lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero{margin:0;padding:126px 0 78px;border-radius:0 0 24px 24px}
  [data-screen-label="Workflow Desk"] header.syn-refined-hero{padding:118px 20px 66px!important}
  [data-screen-label="Workflow Desk"] header.syn-refined-hero h1{font-size:clamp(2.8rem,12vw,4.1rem)!important}
  #syn-guided-control{width:calc(100% - 40px)}
  #syn-software-panel{scroll-margin-top:0!important;border-radius:16px!important}
  #desk{border-radius:16px!important}
}

@media(max-width:700px){
  .syn-motion-ready .lux-reveal.syn-reveal-visual{transform:translate3d(0,28px,0) scale(.988)}
}

@media(prefers-reduced-motion:reduce){
  .syn-motion-ready .lux-reveal,.syn-motion-ready .lux-reveal.syn-reveal-visual{opacity:1;filter:none;transform:none;transition:none}
}

/* Warm light theme — close to the established SYN Labs live-site palette. */
html[data-syn-theme="light"]{
  color-scheme:light;
  background:#f7f4ee;
  --bg:#f7f4ee;
  --surface:#fffefa;
  --text:#14151a;
  --muted:#645f56;
  --accent:#8a6d2b;
  --accent-soft:#f1e8d6;
  --clay:#b08d3e;
  --line:#e4d8c2;
  --navy:#14151a;
  --white:#fffefa;
  --ink:#14151a;
  --paper:#f7f4ee;
  --gold:#d4af5e;
  --gold-deep:#8a6d2b;
  --soft:#f1e8d6;
}
html[data-syn-theme="light"] body,
html[data-syn-theme="light"] .lux-page,
html[data-syn-theme="light"] [data-screen-label]{background:#f7f4ee!important;color:#14151a!important}
html[data-syn-theme="light"] body{
  background-image:
    radial-gradient(880px 560px at 92% 8%,rgba(212,175,94,.13),transparent 72%),
    radial-gradient(680px 520px at 5% 74%,rgba(176,141,62,.08),transparent 74%)!important;
}
html[data-syn-theme="light"] h1,
html[data-syn-theme="light"] h2,
html[data-syn-theme="light"] h3,
html[data-syn-theme="light"] [data-screen-label] h1,
html[data-syn-theme="light"] [data-screen-label] h2,
html[data-syn-theme="light"] [data-screen-label] h3{color:#14151a!important}
html[data-syn-theme="light"] ::selection{background:rgba(212,175,94,.32);color:#14151a}

html[data-syn-theme="light"] body .syn-global-nav,
html[data-syn-theme="light"] body .syn-global-nav[data-home-nav]{
  border-color:rgba(20,21,26,.1)!important;
  background:rgba(255,254,250,.88)!important;
  box-shadow:0 14px 44px rgba(20,21,26,.09)!important;
}
html[data-syn-theme="light"] body .syn-global-nav__brand img{filter:none}
html[data-syn-theme="light"] body .syn-global-nav__link,
html[data-syn-theme="light"] body .syn-global-nav__contact,
html[data-syn-theme="light"] .syn-global-nav[data-home-nav] .syn-global-nav__link{color:#14151a!important;opacity:.66}
html[data-syn-theme="light"] body .syn-global-nav__link:hover,
html[data-syn-theme="light"] body .syn-global-nav__contact:hover{color:#14151a!important;opacity:1}
html[data-syn-theme="light"] body .syn-global-nav__link[aria-current=page]::after{background:#8a6d2b}
html[data-syn-theme="light"] body .syn-global-nav__cta,
html[data-syn-theme="light"] .syn-global-nav[data-home-nav] .syn-global-nav__cta{
  border-color:#14151a!important;
  background:#14151a!important;
  color:#fffefa!important;
}
html[data-syn-theme="light"] body .syn-global-nav__cta:hover,
html[data-syn-theme="light"] .syn-global-nav[data-home-nav] .syn-global-nav__cta:hover{border-color:#8a6d2b!important;background:#8a6d2b!important;color:#fff!important}
html[data-syn-theme="light"] body .syn-global-nav__mobile summary,
html[data-syn-theme="light"] .syn-global-nav[data-home-nav] .syn-global-nav__mobile summary{border-color:rgba(20,21,26,.14);background:rgba(255,254,250,.72);color:#14151a}
html[data-syn-theme="light"] body .syn-global-nav__mobile-panel{border-color:#e4d8c2;background:rgba(255,254,250,.98);color:#14151a}
html[data-syn-theme="light"] body .syn-global-nav__mobile-panel a{color:rgba(20,21,26,.72)!important}
html[data-syn-theme="light"] body .syn-global-nav__mobile-panel a:hover,
html[data-syn-theme="light"] body .syn-global-nav__mobile-panel a[aria-current=page]{background:#f1e8d6!important;color:#14151a!important}
html[data-syn-theme="light"] body .syn-global-nav__mobile-panel .syn-global-nav__mobile-cta{background:#14151a!important;color:#fffefa!important}

/* Keep the photographic homepage hero, while letting the rest of the site stay light. */
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero::before{
  background:
    linear-gradient(90deg,rgba(12,10,8,.76) 0%,rgba(12,10,8,.5) 42%,rgba(12,10,8,.14) 74%),
    linear-gradient(180deg,rgba(12,10,8,.2),rgba(12,10,8,.04) 52%,rgba(12,10,8,.4) 100%);
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero h1{color:#fffefa!important}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-rotator{color:#f1dfc3}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero__tagline,
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero__copy{color:rgba(255,254,250,.78)}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-button{border-color:#fffefa;background:#fffefa;color:#14151a}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-button--quiet{border-color:rgba(255,254,250,.4);background:rgba(20,21,26,.2);color:#fffefa}

html[data-syn-theme="light"] .lux-section{border-color:rgba(138,109,43,.13);background:transparent}
html[data-syn-theme="light"] .lux-page main>.lux-section:nth-of-type(even){background:linear-gradient(180deg,rgba(212,175,94,.035),rgba(212,175,94,.012))}
html[data-syn-theme="light"] .lux-kicker{color:#8a6d2b}
html[data-syn-theme="light"] .lux-subtitle,
html[data-syn-theme="light"] .lux-copy p,
html[data-syn-theme="light"] .lux-workflow p,
html[data-syn-theme="light"] .lux-case p,
html[data-syn-theme="light"] .lux-problem p,
html[data-syn-theme="light"] .lux-intro__lead>p,
html[data-syn-theme="light"] .lux-intro__step p,
html[data-syn-theme="light"] .lux-intro__proof span,
html[data-syn-theme="light"] .lux-phase p{color:#645f56}
html[data-syn-theme="light"] .lux-button{border-color:#14151a;background:#14151a;color:#fffefa}
html[data-syn-theme="light"] .lux-button:hover{border-color:#8a6d2b;background:#8a6d2b;color:#fff}
html[data-syn-theme="light"] .lux-button--quiet{border-color:rgba(20,21,26,.24);background:transparent;color:#14151a}
html[data-syn-theme="light"] .lux-link,
html[data-syn-theme="light"] .lux-list__item>span:first-child,
html[data-syn-theme="light"] .lux-workflow__number,
html[data-syn-theme="light"] .lux-phase span{color:#8a6d2b}

html[data-syn-theme="light"] .lux-intro__lead h2,
html[data-syn-theme="light"] .lux-intro__step h3,
html[data-syn-theme="light"] .lux-intro__proof strong,
html[data-syn-theme="light"] .lux-phase strong,
html[data-syn-theme="light"] .lux-list__item strong,
html[data-syn-theme="light"] .lux-industry-links a,
html[data-syn-theme="light"] .lux-workflow h2,
html[data-syn-theme="light"] .lux-case h2,
html[data-syn-theme="light"] .lux-article strong,
html[data-syn-theme="light"] .lux-fact strong{color:#14151a!important}
html[data-syn-theme="light"] .lux-intro__journey::before{background:linear-gradient(180deg,rgba(138,109,43,.06),rgba(138,109,43,.35),rgba(138,109,43,.06))}
html[data-syn-theme="light"] .lux-intro__step,
html[data-syn-theme="light"] .lux-phase,
html[data-syn-theme="light"] .lux-list__item,
html[data-syn-theme="light"] .lux-industry-links a,
html[data-syn-theme="light"] .lux-workflow,
html[data-syn-theme="light"] .lux-case,
html[data-syn-theme="light"] .lux-article,
html[data-syn-theme="light"] .lux-form,
html[data-syn-theme="light"] .lux-problem{
  border-color:rgba(138,109,43,.16)!important;
  background:rgba(255,254,250,.72)!important;
}
html[data-syn-theme="light"] .lux-intro__step:hover,
html[data-syn-theme="light"] .lux-list__item:hover,
html[data-syn-theme="light"] .lux-industry-links a:hover,
html[data-syn-theme="light"] .lux-workflow:hover,
html[data-syn-theme="light"] .lux-case:hover,
html[data-syn-theme="light"] .lux-article:hover{border-color:rgba(138,109,43,.34)!important;background:#fffefa!important}
html[data-syn-theme="light"] .lux-intro__number{border-color:rgba(138,109,43,.24);background:#f1e8d6;color:#8a6d2b}
html[data-syn-theme="light"] .lux-intro__proof,
html[data-syn-theme="light"] .lux-intro__proof>div,
html[data-syn-theme="light"] .lux-sprint__facts,
html[data-syn-theme="light"] .lux-fact,
html[data-syn-theme="light"] .lux-phases,
html[data-syn-theme="light"] .lux-targets{border-color:#e4d8c2}
html[data-syn-theme="light"] .lux-fact span{color:#645f56}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] #sprint{border-color:#e4d8c2;background:linear-gradient(180deg,#fbf8f1,#f7f4ee)}
html[data-syn-theme="light"] .lux-flow span,
html[data-syn-theme="light"] .lux-targets span,
html[data-syn-theme="light"] .lux-tags span{border-color:#e4d8c2;background:#f1e8d6;color:#6e5219}

html[data-syn-theme="light"] .lux-cta{
  border-color:#dfcfb5;
  background:radial-gradient(80% 130% at 50% 120%,rgba(212,175,94,.25),transparent 68%),#efe5d5;
  color:#14151a;
}
html[data-syn-theme="light"] .lux-cta h2{color:#14151a!important}
html[data-syn-theme="light"] .lux-cta .lux-kicker{color:#8a6d2b}
html[data-syn-theme="light"] .lux-cta .lux-button{border-color:#14151a;background:#14151a;color:#fffefa}

html[data-syn-theme="light"] .lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero h1,
html[data-syn-theme="light"] .lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero h2{color:#fffefa!important}
html[data-syn-theme="light"] .lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero p{color:rgba(255,254,250,.76)!important}
html[data-syn-theme="light"] .lux-field input,
html[data-syn-theme="light"] .lux-field select,
html[data-syn-theme="light"] .lux-field textarea{border-color:#d8cbb7!important;background:rgba(255,254,250,.74)!important;color:#14151a!important}
html[data-syn-theme="light"] .lux-field input::placeholder,
html[data-syn-theme="light"] .lux-field textarea::placeholder{color:rgba(20,21,26,.44)}

/* Light article and case-study surfaces. */
html[data-syn-theme="light"] .hero:not(.lux-hero),
html[data-syn-theme="light"] .article-shell,
html[data-syn-theme="light"] .related,
html[data-syn-theme="light"] .faq-band,
html[data-syn-theme="light"] .faq-inner{background:transparent!important;color:#14151a}
html[data-syn-theme="light"] .hero:not(.lux-hero){border-color:#e4d8c2!important}
html[data-syn-theme="light"] .hero:not(.lux-hero) h1,
html[data-syn-theme="light"] .article h2,
html[data-syn-theme="light"] .related h2,
html[data-syn-theme="light"] .faq-inner h2{color:#14151a!important}
html[data-syn-theme="light"] .deck,
html[data-syn-theme="light"] .article,
html[data-syn-theme="light"] .article p,
html[data-syn-theme="light"] .related-card p,
html[data-syn-theme="light"] .side-card p,
html[data-syn-theme="light"] .faq-inner details p{color:#645f56!important}
html[data-syn-theme="light"] .section-kicker,
html[data-syn-theme="light"] .eyebrow,
html[data-syn-theme="light"] .side-label,
html[data-syn-theme="light"] .related-card span,
html[data-syn-theme="light"] .faq-inner>span{color:#8a6d2b!important}
html[data-syn-theme="light"] .story-strip,
html[data-syn-theme="light"] .lesson-summary,
html[data-syn-theme="light"] .workflow,
html[data-syn-theme="light"] .question,
html[data-syn-theme="light"] .seller-update,
html[data-syn-theme="light"] .side-card,
html[data-syn-theme="light"] .faq-inner details,
html[data-syn-theme="light"] .related-card,
html[data-syn-theme="light"] .confidentiality-note,
html[data-syn-theme="light"] .loop-graphic{border-color:#e4d8c2!important;background:#fffefa!important;color:#14151a!important}
html[data-syn-theme="light"] .story-strip strong,
html[data-syn-theme="light"] .lesson-summary>p,
html[data-syn-theme="light"] .workflow strong,
html[data-syn-theme="light"] .question strong,
html[data-syn-theme="light"] .side-card strong,
html[data-syn-theme="light"] .related-card strong,
html[data-syn-theme="light"] .faq-inner summary{color:#14151a!important}
html[data-syn-theme="light"] .workflow-head,
html[data-syn-theme="light"] .callout,
html[data-syn-theme="light"] .metric{background:#14151a!important;color:#fffefa!important}
html[data-syn-theme="light"] .inline-cta{border-color:#dfcfb5!important;background:linear-gradient(135deg,#fffefa,#f1e8d6)!important;color:#14151a!important}
html[data-syn-theme="light"] .workflow li{border-color:#e4d8c2}
html[data-syn-theme="light"] .button-gold{background:#d4af5e!important;color:#14151a!important}
html[data-syn-theme="light"] .side-button{background:#14151a!important;color:#fffefa!important}

/* The live demo keeps a light editorial shell and a crisp software canvas. */
html[data-syn-theme="light"] [data-screen-label="Workflow Desk"] header.syn-refined-hero h1{color:#14151a!important}
html[data-syn-theme="light"] [data-screen-label="Workflow Desk"] header.syn-refined-hero p{color:#645f56!important}
html[data-syn-theme="light"] [data-screen-label="Workflow Desk"] header.syn-refined-hero::before{background:radial-gradient(circle,rgba(212,175,94,.2),transparent 70%)}
html[data-syn-theme="light"] [data-screen-label="Workflow Desk"] header.syn-refined-hero a[href="#syn-software-panel"]{background:#14151a!important;color:#fffefa!important}
html[data-syn-theme="light"] #syn-guided-control{border-color:#e4d8c2;background:rgba(255,254,250,.72);color:#645f56}
html[data-syn-theme="light"] #syn-narration-toggle{border-color:#d8cbb7!important;background:#fffefa!important;color:#14151a!important}
html[data-syn-theme="light"] #syn-software-panel{border-color:#d9ccb8!important;box-shadow:0 28px 70px rgba(20,21,26,.13)!important}
html[data-syn-theme="light"] #desk{border-color:#d9ccb8!important}
html[data-syn-theme="light"] #contact>div{border-color:#dfcfb5!important;background:radial-gradient(80% 120% at 50% 120%,rgba(212,175,94,.25),transparent 70%),#efe5d5!important;color:#14151a!important}
html[data-syn-theme="light"] #contact h2,
html[data-syn-theme="light"] #contact p{color:#14151a!important}
html[data-syn-theme="light"] #contact .contact-ctas a{background:#14151a!important;color:#fffefa!important}

/* Keep one restrained dark footer for a clear page ending. */
html[data-syn-theme="light"] body .syn-global-footer{border-color:rgba(255,255,255,.1);background:#14151a;color:#fffefa}
html[data-syn-theme="light"] body .syn-global-footer__brand img{filter:brightness(0) invert(1)}
html[data-syn-theme="light"] body .syn-global-footer__brand p,
html[data-syn-theme="light"] body .syn-global-footer__email{color:rgba(255,254,250,.52)}
html[data-syn-theme="light"] body .syn-global-footer__links a{color:rgba(255,254,250,.7)}

/* Let the sandstorm image dissolve into the paper surface instead of ending as a dark panel. */
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero,
html[data-syn-theme="light"] .lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero{
  border-radius:0;
  box-shadow:none;
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero::before{
  background:
    linear-gradient(180deg,transparent 0%,transparent 70%,rgba(247,244,238,.08) 79%,rgba(247,244,238,.72) 93%,#f7f4ee 100%),
    linear-gradient(90deg,rgba(12,10,8,.76) 0%,rgba(12,10,8,.5) 42%,rgba(12,10,8,.14) 74%),
    linear-gradient(180deg,rgba(12,10,8,.2),rgba(12,10,8,.04) 52%,rgba(12,10,8,.34) 100%);
}
html[data-syn-theme="light"] .lux-page[data-screen-label]:not([data-screen-label="Homepage"]) .lux-page-hero::before{
  background:
    linear-gradient(180deg,transparent 0%,transparent 66%,rgba(247,244,238,.1) 78%,rgba(247,244,238,.76) 94%,#f7f4ee 100%),
    linear-gradient(90deg,rgba(12,10,8,.84),rgba(12,10,8,.56) 58%,rgba(12,10,8,.2));
}
html[data-syn-theme="light"] .lux-page .lux-hero+.lux-section,
html[data-syn-theme="light"] .lux-page .lux-page-hero+.lux-section{border-top:0}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero__scroll{color:#645f56}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero__scroll i{border-color:rgba(20,21,26,.2)}

/* Remove sequence numbers that do not communicate real progress or quantities. */
.lux-intro__number,
.lux-workflow__number,
.lux-problem>span:first-child,
.lux-phase>span:first-child,
.lux-list__item>span:first-child{display:none!important}
.lux-intro__journey::before{display:none}
.lux-intro__step,
.lux-phase,
.lux-problem{grid-template-columns:1fr;gap:0}
.lux-list__item{grid-template-columns:1fr auto}
.lux-workflow__head{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.lux-flow{margin-left:0}

@media(max-width:700px){
  .lux-workflow__head{grid-template-columns:1fr}
  .lux-workflow__head p{grid-column:1}
}

/* Insights library: compact paper-like cards, based on the site's earlier blog layout. */
.lux-page[data-screen-label="Insights"] .lux-insights-library{padding-top:82px}
.lux-page[data-screen-label="Insights"] .lux-articles--pages{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin-top:0;
  border:0;
}
.lux-page[data-screen-label="Insights"] .lux-article--page{
  position:relative;
  display:flex;
  min-height:380px;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  margin:0;
  padding:28px;
  overflow:hidden;
  border:1px solid #e1d6c3!important;
  border-radius:16px;
  background:#fffefa!important;
  box-shadow:7px 8px 0 rgba(225,214,195,.52),0 18px 40px rgba(20,21,26,.055)!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
.lux-page[data-screen-label="Insights"] .lux-article--page::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:54px;
  height:54px;
  background:linear-gradient(225deg,#f1e8d6 0 48%,transparent 50%);
  pointer-events:none;
}
.lux-page[data-screen-label="Insights"] .lux-article--page:hover{
  border-color:rgba(138,109,43,.44)!important;
  background:#fffefa!important;
  box-shadow:10px 12px 0 rgba(225,214,195,.7),0 24px 52px rgba(20,21,26,.09)!important;
  transform:translateY(-5px);
}
.lux-page[data-screen-label="Insights"] .lux-article__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 28px;
  padding:0 34px 15px 0;
  border-bottom:1px solid #e9dfcf;
  color:#756f65;
  font-size:11px;
}
.lux-page[data-screen-label="Insights"] .lux-article__meta small{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:#f1e8d6;
  color:#755a21;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.lux-page[data-screen-label="Insights"] .lux-article--page strong{
  color:#14151a!important;
  font-family:var(--sans)!important;
  font-size:clamp(1.35rem,1.9vw,1.75rem);
  font-weight:600;
  line-height:1.16;
  letter-spacing:-.035em;
}
.lux-page[data-screen-label="Insights"] .lux-article--page p{
  margin:18px 0 30px;
  color:#645f56;
  font-size:13.5px;
  line-height:1.58;
}
.lux-page[data-screen-label="Insights"] .lux-article__read{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:17px;
  border-top:1px solid #e9dfcf;
  color:#6e5219;
  font-size:12px;
  font-weight:700;
}
.lux-page[data-screen-label="Insights"] .lux-article__read i{font-size:17px;font-style:normal;transition:transform .2s ease}
.lux-page[data-screen-label="Insights"] .lux-article--page:hover .lux-article__read i{transform:translateX(4px)}

@media(max-width:980px){
  .lux-page[data-screen-label="Insights"] .lux-articles--pages{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .lux-page[data-screen-label="Insights"] .lux-insights-library{padding-top:58px}
  .lux-page[data-screen-label="Insights"] .lux-articles--pages{grid-template-columns:1fr;gap:20px}
  .lux-page[data-screen-label="Insights"] .lux-article--page{min-height:340px;padding:24px}
}

/* The floating homepage navigation is light, so its brand mark must stay black. */
html[data-syn-theme="light"] body .syn-global-nav[data-home-nav] .syn-global-nav__brand img{
  filter:none!important;
  opacity:1!important;
}

/* Preserve the established live-site hero voice and its exact display face. */
.lux-page[data-screen-label="Homepage"] .lux-hero h1{
  font-family:"Instrument Serif",Georgia,serif!important;
  font-weight:400!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}
.lux-page[data-screen-label="Homepage"] .lux-hero__lead{
  display:inline-block;
  font-family:"Instrument Serif",Georgia,serif!important;
  font-weight:400!important;
  line-height:1.04;
  letter-spacing:-.03em;
}
.lux-page[data-screen-label="Homepage"] .lux-hero .lux-rotator{
  font-family:"Instrument Serif",Georgia,serif!important;
  font-style:italic!important;
  font-weight:400!important;
}

/* Clean, non-obscuring page chrome and a short image-to-paper transition. */
html body .syn-global-nav,
html[data-syn-theme="light"] body .syn-global-nav{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  margin:18px auto!important;
  transform:none!important;
}
html body .syn-global-nav[data-home-nav],
html[data-syn-theme="light"] body .syn-global-nav[data-home-nav]{
  position:absolute!important;
  top:26px!important;
  left:50%!important;
  margin:0!important;
  transform:translateX(-50%)!important;
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero{
  min-height:100svh;
  padding-bottom:112px;
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero::before{
  z-index:0;
  background:
    linear-gradient(90deg,rgba(12,10,8,.76) 0%,rgba(12,10,8,.5) 42%,rgba(12,10,8,.14) 74%),
    linear-gradient(180deg,rgba(12,10,8,.2),rgba(12,10,8,.04) 56%,rgba(12,10,8,.28) 100%);
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:1;
  height:38px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(247,244,238,0) 0%,rgba(247,244,238,.82) 72%,#f7f4ee 100%);
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero__inner{z-index:2}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero__scroll{
  bottom:48px;
  z-index:3;
  color:rgba(255,254,250,.78);
  text-shadow:0 1px 12px rgba(12,10,8,.72);
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero__scroll i{
  border-color:rgba(255,254,250,.34);
  background:rgba(12,10,8,.12);
}

@media(max-width:700px){
  html body .syn-global-nav,
  html[data-syn-theme="light"] body .syn-global-nav{top:auto!important;margin:10px auto!important}
  html body .syn-global-nav[data-home-nav],
  html[data-syn-theme="light"] body .syn-global-nav[data-home-nav]{top:16px!important;margin:0!important}
  html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero{
    min-height:100svh;
    padding-top:112px;
    padding-bottom:96px;
  }
  html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero::after{height:32px}
  html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero__scroll{bottom:40px}
}

/* Two established SYN Labs assessments, integrated as clear homepage entry points. */
.lux-assessments{scroll-margin-top:94px}
.lux-assessments__head{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr);
  gap:48px;
  align-items:end;
  margin-bottom:38px;
}
.lux-assessments__head .lux-title{margin-bottom:0}
.lux-assessments__head .lux-subtitle{margin:0 0 5px}
.lux-assessment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.lux-assessment-card{
  position:relative;
  display:flex;
  min-height:390px;
  flex-direction:column;
  padding:34px;
  overflow:hidden;
  border:1px solid #dfd2bd;
  border-radius:22px;
  background:rgba(255,254,250,.82);
  box-shadow:0 18px 48px rgba(20,21,26,.055);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.lux-assessment-card::before{
  content:"";
  position:absolute;
  top:-110px;
  right:-90px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(212,175,94,.22),rgba(212,175,94,0) 70%);
  pointer-events:none;
}
.lux-assessment-card:hover{
  border-color:rgba(138,109,43,.43);
  box-shadow:0 25px 58px rgba(20,21,26,.09);
  transform:translateY(-5px);
}
.lux-assessment-card__audience{
  position:relative;
  align-self:flex-start;
  margin-bottom:34px;
  padding:7px 11px;
  border:1px solid #dfd2bd;
  border-radius:999px;
  background:#f1e8d6;
  color:#72571e;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.lux-assessment-card h3{
  position:relative;
  max-width:13ch;
  margin:0;
  color:#14151a!important;
  font-family:var(--sans)!important;
  font-size:clamp(2rem,3.5vw,3.35rem);
  font-weight:600!important;
  line-height:1.02;
  letter-spacing:-.045em!important;
}
.lux-assessment-card>p{
  position:relative;
  max-width:56ch;
  margin:19px 0 28px;
  color:#645f56;
  font-size:13.5px;
  line-height:1.6;
}
.lux-assessment-card__details{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.lux-assessment-card__details span{
  padding:7px 10px;
  border:1px solid #e4d8c2;
  border-radius:999px;
  background:#fffefa;
  color:#6b6459;
  font-size:10px;
  font-weight:650;
}
.lux-assessment-card__action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid #e4d8c2;
  color:#6e5219;
  font-size:12px;
  font-weight:750;
}
.lux-assessment-card__action i{font-size:18px;font-style:normal;transition:transform .2s ease}
.lux-assessment-card:hover .lux-assessment-card__action i{transform:translateX(4px)}

@media(max-width:840px){
  .lux-assessments__head{grid-template-columns:1fr;gap:20px}
  .lux-assessment-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .lux-assessment-card{min-height:360px;padding:26px}
  .lux-assessment-card__audience{margin-bottom:28px}
}

/* Final brand system: two typefaces, one restrained inner-page language. */
:root{
  --sans:"Instrument Sans",Arial,sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
}

html body [data-screen-label],
html body [data-screen-label] *,
html body .syn-global-nav *,
html body .syn-global-footer *{
  font-family:var(--sans)!important;
}

html body [data-screen-label] h1,
html body [data-screen-label] h2,
html body [data-screen-label] h3,
html body [data-screen-label] .lux-display,
html body [data-screen-label] .lux-title,
html body [data-screen-label] .lux-statement,
html body [data-screen-label] .lux-principle{
  font-family:var(--serif)!important;
  font-weight:400!important;
}

html body [data-screen-label] #desk *,
html body [data-screen-label] .syn-scroll-artefact *,
html body [data-screen-label] button,
html body [data-screen-label] input,
html body [data-screen-label] select,
html body [data-screen-label] textarea{
  font-family:var(--sans)!important;
}

/* Keep the homepage ending crisp and prevent the navigation covering its words. */
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero::after{
  height:22px;
  background:linear-gradient(180deg,rgba(247,244,238,0),#f7f4ee 100%);
}

/* Insights: contained photographic masthead with a clean edge, not a long grey wash. */
html[data-syn-theme="light"] .lux-page[data-screen-label="Insights"] .lux-page-hero{
  width:min(1180px,calc(100% - 36px));
  min-height:500px;
  margin:28px auto 0!important;
  padding:88px 0 82px!important;
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px!important;
  background-position:center 48%;
  box-shadow:0 22px 58px rgba(20,21,26,.11)!important;
}

html[data-syn-theme="light"] .lux-page[data-screen-label="Insights"] .lux-page-hero::before{
  background:
    linear-gradient(90deg,rgba(12,10,8,.84) 0%,rgba(12,10,8,.58) 48%,rgba(12,10,8,.18) 82%),
    linear-gradient(180deg,rgba(12,10,8,.1),rgba(12,10,8,.24));
}

html[data-syn-theme="light"] .lux-page[data-screen-label="Insights"] .lux-page-hero>.lux-shell{
  width:min(980px,calc(100% - 96px));
  margin-left:48px;
}

html[data-syn-theme="light"] .lux-page[data-screen-label="Insights"] .lux-page-hero h1{
  max-width:13ch;
  font-size:clamp(3.1rem,5.25vw,5.25rem);
  line-height:.96;
  letter-spacing:-.038em!important;
}

html[data-syn-theme="light"] .lux-page[data-screen-label="Insights"] .lux-page-hero .lux-subtitle{
  max-width:610px;
  margin-top:22px;
  font-size:16px;
  line-height:1.62;
}

@media(max-width:700px){
  html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero::after{height:18px}
  html[data-syn-theme="light"] .lux-page[data-screen-label="Insights"] .lux-page-hero{
    width:calc(100% - 20px);
    min-height:460px;
    margin:10px auto 0!important;
    padding:68px 0 62px!important;
    border-radius:22px!important;
    background-position:60% 50%;
  }
  html[data-syn-theme="light"] .lux-page[data-screen-label="Insights"] .lux-page-hero>.lux-shell{
    width:calc(100% - 40px);
    margin:0 auto;
  }
  html[data-syn-theme="light"] .lux-page[data-screen-label="Insights"] .lux-page-hero h1{
    font-size:clamp(2.85rem,12vw,4rem);
  }
}

/* Visible but restrained live dust: varied directions create depth while the
   long travel time keeps the hero calm. */
.lux-page[data-screen-label="Homepage"] .lux-hero__dust{
  position:absolute;
  inset:-4%;
  z-index:1;
  overflow:hidden;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 96%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 96%,transparent 100%);
}

.lux-page[data-screen-label="Homepage"] .lux-hero__dust span{
  position:absolute;
  top:var(--y);
  left:var(--x);
  width:var(--s);
  height:var(--s);
  border-radius:50%;
  background:rgba(245,217,171,.9);
  box-shadow:0 0 9px rgba(239,200,143,.5);
  opacity:0;
  animation:syn-dust-float 18s linear infinite;
  animation-delay:var(--delay);
  will-change:transform,opacity;
}

.lux-page[data-screen-label="Homepage"] .lux-hero__dust span:nth-child(even){
  animation-name:syn-dust-float-reverse;
}

.lux-page[data-screen-label="Homepage"] .lux-hero__dust span:nth-child(3n){animation-duration:21s}
.lux-page[data-screen-label="Homepage"] .lux-hero__dust span:nth-child(4n){animation-duration:16s}

@keyframes syn-dust-float{
  0%,8%{opacity:0;transform:translate3d(0,24px,0) scale(.68)}
  20%{opacity:calc(var(--o) + .1)}
  52%{opacity:calc(var(--o) + .06);transform:translate3d(calc(var(--dx) * .72),calc(var(--dy) * .62),0) scale(1)}
  82%{opacity:var(--o)}
  100%{opacity:0;transform:translate3d(calc(var(--dx) * 1.55),calc(var(--dy) * 1.42),0) scale(1.28)}
}

@keyframes syn-dust-float-reverse{
  0%,8%{opacity:0;transform:translate3d(0,18px,0) scale(.7)}
  20%{opacity:calc(var(--o) + .08)}
  52%{opacity:calc(var(--o) + .04);transform:translate3d(calc(var(--dx) * -.58),calc(var(--dy) * .64),0) scale(1.02)}
  82%{opacity:var(--o)}
  100%{opacity:0;transform:translate3d(calc(var(--dx) * -1.28),calc(var(--dy) * 1.48),0) scale(1.24)}
}

@media(prefers-reduced-motion:reduce){
  .lux-page[data-screen-label="Homepage"] .lux-hero__dust{display:none}
}

/* Optional storm-palette preview. Enabled only with ?theme=storm. */
html[data-storm-preview="true"]{
  --bg:#e7d6ba;
  --surface:#ddc7a5;
  --text:#2a1d14;
  --muted:#705b48;
  --accent:#875d33;
  --line:#cbb28d;
  --white:#f3e6d1;
}

html[data-storm-preview="true"] body,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"]{
  background:#e7d6ba!important;
  color:#2a1d14!important;
}

html[data-storm-preview="true"] body .syn-global-nav{
  border-color:rgba(92,64,39,.22)!important;
  background:rgba(239,223,198,.94)!important;
  box-shadow:0 15px 36px rgba(55,35,20,.09)!important;
}

html[data-storm-preview="true"] body .syn-global-nav__brand img{filter:none!important}
html[data-storm-preview="true"] body .syn-global-nav__link{color:#2a1d14!important}
html[data-storm-preview="true"] body .syn-global-nav__cta{
  border-color:#2a1d14!important;
  background:#2a1d14!important;
  color:#f4e8d6!important;
}

html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-section{
  border-color:#cbb28d!important;
  background:#e7d6ba!important;
}

html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] main>.lux-section:nth-of-type(even),
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] #sprint,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-home-demo,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-home-insights{
  border-color:#c3a77e!important;
  background:#ddc8a8!important;
}

html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-home-client-work,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-assessments{
  background:#e7d6ba!important;
}

html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-intro__step,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-intro__proof>div,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-phase,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-list__item,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-industry-links a,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-home-demo__frame,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-home-case,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-assessment-card,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-home-insight{
  border-color:#c5aa81!important;
  background:#f1e3cd!important;
  box-shadow:0 17px 42px rgba(58,38,22,.055)!important;
}

html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-home-demo__frame>header,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-home-demo__panel{
  border-color:#c5aa81!important;
  background:#e5d0ae!important;
}

html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-home-demo__panel--connected,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-home-demo__frame>footer{
  border-color:#c5aa81!important;
  background:#f1e3cd!important;
}

html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-section p,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-subtitle{
  color:#705b48!important;
}

html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-kicker,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-link,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-home-case__body>span,
html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-home-insight>strong{
  color:#875d33!important;
}

html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-button{
  border-color:#2a1d14!important;
  background:#2a1d14!important;
  color:#f4e8d6!important;
}

html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-button--quiet{
  background:transparent!important;
  color:#2a1d14!important;
}

html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] .lux-home-insight::before{
  background:linear-gradient(225deg,#d8be96 0 48%,transparent 50%)
}

html[data-storm-preview="true"] body .lux-page[data-screen-label="Homepage"] #contact>div{
  border-color:#b99869!important;
  background:radial-gradient(80% 120% at 50% 120%,rgba(178,132,76,.24),transparent 68%),#d4b98f!important;
}

html[data-storm-preview="true"] body .syn-global-footer{
  border-color:rgba(244,232,214,.12)!important;
  background:#24170f!important;
}

/* Homepage as one continuous, discoverable scroll journey. */
#live-demo,#client-work,#assessments,#insights,#contact{scroll-margin-top:24px}

.lux-home-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.65fr);
  gap:clamp(42px,7vw,96px);
  align-items:end;
  margin-bottom:46px;
}
.lux-home-section-head .lux-title{max-width:760px;margin:0}
.lux-home-section-head .lux-subtitle{font-size:16px;line-height:1.65}

.lux-home-demo{background:#f1ece3!important}
.lux-home-demo__frame{
  overflow:hidden;
  border:1px solid #ded1bb;
  border-radius:26px;
  background:#fffefa;
  box-shadow:0 24px 62px rgba(20,21,26,.07);
}
.lux-home-demo__frame>header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  padding:28px 32px;
  border-bottom:1px solid #e4d8c2;
  background:linear-gradient(135deg,#f7f2e8,#efe4d2);
}
.lux-home-demo__frame>header div{display:grid;gap:5px}
.lux-home-demo__frame>header span,
.lux-home-demo__panel>span{
  color:#8a6d2b;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.lux-home-demo__frame>header strong{color:#14151a;font-size:15px;font-weight:700}
.lux-home-demo__frame>header small{max-width:230px;color:#706a61;font-size:11px;text-align:right}
.lux-home-demo__comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.lux-home-demo__panel{padding:40px;border-right:1px solid #e4d8c2;background:#f5f2ec}
.lux-home-demo__panel:last-child{border-right:0}
.lux-home-demo__panel--connected{background:#fffaf0}
.lux-home-demo__panel h3{max-width:15ch;margin:13px 0 25px;color:#14151a!important;font-size:clamp(2rem,3.2vw,3.15rem);line-height:1.02}
.lux-home-demo__panel ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.lux-home-demo__panel li{position:relative;padding:12px 0 12px 22px;border-top:1px solid rgba(20,21,26,.09);color:#625c53;font-size:13px;line-height:1.45}
.lux-home-demo__panel li::before{content:"";position:absolute;top:19px;left:1px;width:7px;height:7px;border:1px solid #948b80;border-radius:50%}
.lux-home-demo__panel--connected li::before{border-color:#8a6d2b;background:#d4af5e}
.lux-home-demo__frame>footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 32px;border-top:1px solid #e4d8c2;background:#fffefa}
.lux-home-demo__frame>footer>span{color:#706a61;font-size:12px}

.lux-home-client-work{background:#f7f4ee!important}
.lux-home-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.lux-home-case{overflow:hidden;border:1px solid #ded1bb;border-radius:24px;background:#fffefa;box-shadow:0 18px 46px rgba(20,21,26,.055);transition:transform .25s ease,box-shadow .25s ease}
.lux-home-case:hover{box-shadow:0 25px 58px rgba(20,21,26,.09);transform:translateY(-5px)}
.lux-home-case__image{display:block;aspect-ratio:1.72/1;overflow:hidden;background:#e7dfd2}
.lux-home-case__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:transform .45s ease}
.lux-home-case:hover .lux-home-case__image img{transform:scale(1.025)}
.lux-home-case__body{padding:30px}
.lux-home-case__body>span{display:block;margin-bottom:15px;color:#8a6d2b;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.lux-home-case__body h3{max-width:15ch;margin:0;color:#14151a!important;font-size:clamp(2rem,3vw,3rem);line-height:1.02}
.lux-home-case__body p{margin:18px 0 26px;color:#645f56;font-size:13.5px;line-height:1.6}

.lux-home-insights{background:#f1ece3!important}
.lux-home-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lux-home-insight{position:relative;display:flex;min-height:370px;flex-direction:column;padding:28px;overflow:hidden;border:1px solid #ded1bb;border-radius:18px;background:#fffefa;box-shadow:6px 7px 0 rgba(225,214,195,.5);transition:transform .25s ease,box-shadow .25s ease}
.lux-home-insight::before{content:"";position:absolute;top:0;right:0;width:50px;height:50px;background:linear-gradient(225deg,#efe3cf 0 48%,transparent 50%)}
.lux-home-insight:hover{box-shadow:9px 10px 0 rgba(225,214,195,.72);transform:translateY(-5px)}
.lux-home-insight>span{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 30px 15px 0;border-bottom:1px solid #e9dfcf}
.lux-home-insight small{padding:6px 9px;border-radius:999px;background:#f1e8d6;color:#755a21;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.lux-home-insight em{color:#756f65;font-size:10px;font-style:normal}
.lux-home-insight h3{margin:26px 0 0;color:#14151a!important;font-size:clamp(1.75rem,2.3vw,2.35rem);line-height:1.04}
.lux-home-insight p{margin:17px 0 28px;color:#645f56;font-size:13px;line-height:1.58}
.lux-home-insight>strong{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #e9dfcf;color:#6e5219;font-size:11.5px;font-weight:700}
.lux-home-insight>strong i{font-size:17px;font-style:normal}

.lux-page[data-screen-label="Homepage"] .lux-cta#contact .lux-shell{display:flex;align-items:center;flex-direction:column}
.lux-page[data-screen-label="Homepage"] .lux-cta#contact h2{max-width:960px;text-wrap:balance}
.lux-page[data-screen-label="Homepage"] .lux-cta#contact .lux-subtitle{max-width:640px;margin:20px auto 0;color:rgba(20,21,26,.66)!important;text-align:center;text-wrap:pretty}
.lux-page[data-screen-label="Homepage"] .lux-cta#contact .lux-actions{justify-content:center;margin-top:30px}
.lux-cta#contact .lux-button--quiet{border-color:rgba(20,21,26,.26)!important;background:transparent!important;color:#14151a!important}

@media(max-width:980px){
  .lux-home-section-head{grid-template-columns:1fr;gap:24px}
  .lux-home-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .lux-home-demo__comparison,.lux-home-case-grid{grid-template-columns:1fr}
  .lux-home-demo__panel{border-right:0;border-bottom:1px solid #e4d8c2}
  .lux-home-demo__panel:last-child{border-bottom:0}
  .lux-home-demo__frame>header,.lux-home-demo__frame>footer{align-items:flex-start;flex-direction:column}
  .lux-home-demo__frame>header small{text-align:left}
}

@media(max-width:640px){
  .lux-home-section-head{margin-bottom:32px}
  .lux-home-demo__frame{border-radius:20px}
  .lux-home-demo__frame>header,.lux-home-demo__panel,.lux-home-demo__frame>footer{padding:24px 20px}
  .lux-home-insight-grid{grid-template-columns:1fr}
  .lux-home-insight{min-height:340px;padding:24px}
  .lux-home-case{border-radius:20px}
  .lux-home-case__body{padding:24px}
}

/* The live demo shares the same contained paper-card masthead as the rest of the site. */
html body [data-screen-label="Workflow Desk"] header.syn-refined-hero{
  width:min(1180px,calc(100% - 36px))!important;
  max-width:none!important;
  margin:28px auto 54px!important;
  padding:clamp(58px,5.4vw,76px)!important;
  border:1px solid #dfd2bd!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(212,175,94,.24),transparent 33%),
    linear-gradient(135deg,#f6f1e8 0%,#eee3d1 100%)!important;
  box-shadow:0 24px 62px rgba(20,21,26,.08)!important;
}

html body [data-screen-label="Workflow Desk"] header.syn-refined-hero::before{
  top:auto!important;
  right:-120px!important;
  bottom:-260px!important;
  left:auto!important;
  width:520px!important;
  height:520px!important;
  background:radial-gradient(circle,rgba(138,109,43,.12),transparent 70%)!important;
}

html body [data-screen-label="Workflow Desk"] header.syn-refined-hero h1{
  max-width:14ch!important;
  color:#14151a!important;
  font-family:var(--serif)!important;
  font-size:clamp(3.4rem,5.75vw,5.8rem)!important;
  font-weight:400!important;
  line-height:.94!important;
  letter-spacing:-.04em!important;
}

html body [data-screen-label="Workflow Desk"] header.syn-refined-hero [data-syn-demo-note] p{
  margin:34px 0 0!important;
}

html[data-syn-theme="light"] body .lux-page[data-screen-label="Insights"][data-screen-label] header.lux-page-hero::before{
  background:
    linear-gradient(90deg,rgba(12,10,8,.82) 0%,rgba(12,10,8,.56) 48%,rgba(12,10,8,.16) 82%),
    linear-gradient(180deg,rgba(12,10,8,.08),rgba(12,10,8,.22))!important;
}

html[data-syn-theme="light"] body .lux-page[data-screen-label="Insights"][data-screen-label] header.lux-page-hero h1{
  max-width:15.5ch;
  font-size:clamp(2.9rem,4.7vw,4.6rem);
}

html body [data-screen-label="Workflow Desk"] header.syn-refined-hero p{
  color:#645f56!important;
  font-family:var(--sans)!important;
}

@media(max-width:900px){
  html body [data-screen-label="Workflow Desk"] header.syn-refined-hero{
    margin:20px auto 44px!important;
    padding:56px 38px!important;
  }
}

@media(max-width:560px){
  html body [data-screen-label="Workflow Desk"] header.syn-refined-hero{
    width:calc(100% - 20px)!important;
    margin:10px auto 36px!important;
    padding:44px 24px!important;
    border-radius:22px!important;
  }
  html body [data-screen-label="Workflow Desk"] header.syn-refined-hero h1{
    font-size:clamp(3rem,13.5vw,4.1rem)!important;
  }
}

/*
 * Contrast lock for the pale editorial mastheads.
 * These pages use a sand-paper panel rather than the photographic storm
 * treatment, so they must not inherit the white type used on image heroes.
 */
html[data-syn-theme="light"] body .lux-page[data-screen-label][data-screen-label="Workflows"] header.lux-page-hero h1,
html[data-syn-theme="light"] body .lux-page[data-screen-label][data-screen-label="Workflows"] header.lux-page-hero h2,
html[data-syn-theme="light"] body .lux-page[data-screen-label][data-screen-label="Insights"] header.lux-page-hero h1,
html[data-syn-theme="light"] body .lux-page[data-screen-label][data-screen-label="Insights"] header.lux-page-hero h2,
html[data-syn-theme="light"] body .lux-page[data-screen-label][data-screen-label="Contact"] header.lux-page-hero h1,
html[data-syn-theme="light"] body .lux-page[data-screen-label][data-screen-label="Contact"] header.lux-page-hero h2{
  color:#14151a!important;
}

html[data-syn-theme="light"] body .lux-page[data-screen-label][data-screen-label="Workflows"] header.lux-page-hero p,
html[data-syn-theme="light"] body .lux-page[data-screen-label][data-screen-label="Insights"] header.lux-page-hero p,
html[data-syn-theme="light"] body .lux-page[data-screen-label][data-screen-label="Contact"] header.lux-page-hero p{
  color:#645f56!important;
}

html[data-syn-theme="light"] body .lux-page[data-screen-label][data-screen-label="Workflows"] header.lux-page-hero .lux-kicker,
html[data-syn-theme="light"] body .lux-page[data-screen-label][data-screen-label="Insights"] header.lux-page-hero .lux-kicker,
html[data-syn-theme="light"] body .lux-page[data-screen-label][data-screen-label="Contact"] header.lux-page-hero .lux-kicker{
  color:#8a6d2b!important;
}

/* Small gold labels need a deeper tone on pale paper surfaces. */
html[data-syn-theme="light"] .lux-kicker,
html[data-syn-theme="light"] .lux-link,
html[data-syn-theme="light"] .lux-workflow__number,
html[data-syn-theme="light"] .lux-problem>span:first-child{
  color:#75581c!important;
}

/* Shared insight diagrams: preserve the dark header and make small labels legible. */
html[data-syn-theme="light"] .workflow-head strong{
  color:#fffefa!important;
}
html[data-syn-theme="light"] .workflow .num,
html[data-syn-theme="light"] .start-checklist span{
  background:#f1e8d6!important;
  color:#6e5219!important;
}
html[data-syn-theme="light"] .workflow .owner,
html[data-syn-theme="light"] .workflow .owner.human,
html[data-syn-theme="light"] .step-owner,
html[data-syn-theme="light"] .step-owner.human{
  background:#eee3d1!important;
  color:#5f4818!important;
}

/* Light software-canvas annotations in the live demo. */
html[data-syn-theme="light"] [data-screen-label="Workflow Desk"] #desk [style*="color:rgba(20,21,26,.5)"],
html[data-syn-theme="light"] [data-screen-label="Workflow Desk"] #desk [style*="color:rgba(20,21,26,.58)"],
html[data-syn-theme="light"] [data-screen-label="Workflow Desk"] .controls [style*="color:rgba(20,21,26,.58)"],
html[data-syn-theme="light"] [data-screen-label="Workflow Desk"] [data-syn-demo-note] [style*="color:rgba(20,21,26,.58)"],
html[data-syn-theme="light"] [data-screen-label="Workflow Desk"] [style*="color: rgba(20, 21, 26, 0.5)"],
html[data-syn-theme="light"] [data-screen-label="Workflow Desk"] [style*="color: rgba(20, 21, 26, 0.58)"]{
  color:#5f584f!important;
}

html[data-syn-theme="light"] .lux-home-demo__panel>span{
  color:#75581c!important;
}

/* Privacy includes one deliberately dark rights card inside an otherwise light page. */
html[data-syn-theme="light"] [data-screen-label="Privacy"] #pv-rights h2{
  color:#faf7f0!important;
}
html[data-syn-theme="light"] [data-screen-label="Privacy"] .pv-grid em,
html[data-syn-theme="light"] [data-screen-label="Privacy"] .pv-grid>div>p{
  color:#645f56!important;
}
html[data-syn-theme="light"] [data-screen-label="Privacy"] .pv-grid section:not(#pv-rights)>div:first-child>span:first-child{
  color:#6e5219!important;
}

/* Article and case-study microcopy: keep metadata and diagram keys readable. */
html[data-syn-theme="light"] .callout p{
  color:#f6eee3!important;
}
html[data-syn-theme="light"] .meta{
  color:#5f584f!important;
}
html[data-syn-theme="light"] .eyebrow,
html[data-syn-theme="light"] .section-kicker,
html[data-syn-theme="light"] .side-label,
html[data-syn-theme="light"] .faq-inner>span,
html[data-syn-theme="light"] .related-head a,
html[data-syn-theme="light"] .related-card span,
html[data-syn-theme="light"] .story-step small,
html[data-syn-theme="light"] .question span,
html[data-syn-theme="light"] .seller-update header span,
html[data-syn-theme="light"] .loop-graphic small,
html[data-syn-theme="light"] .inline-cta .cta-kicker,
html[data-syn-theme="light"] .inline-cta .text-cta{
  color:#75581c!important;
}
html[data-syn-theme="light"] .break-list span,
html[data-syn-theme="light"] .step-no{
  color:#6e5219!important;
}

html[data-syn-theme="light"] [data-screen-label="Privacy"] .pv-grid [style*="color:#8A6D2B"],
html[data-syn-theme="light"] [data-screen-label="Privacy"] .pv-grid [style*="color: #8A6D2B"]{
  color:#75581c!important;
}
html[data-syn-theme="light"] [data-screen-label="Privacy"] .pv-grid>div>div:first-child>span:first-child{
  color:#6e5219!important;
}
html[data-syn-theme="light"] [data-screen-label="Privacy"] .pv-toc>div:first-child,
html[data-syn-theme="light"] [data-screen-label="Privacy"] .pv-grid>div>div:first-child>span:last-child{
  color:#75581c!important;
}

html[data-syn-theme="light"] [data-screen-label="Workflow Desk"] [style*="color: rgb(138, 109, 43)"]{
  color:#75581c!important;
}

html[data-syn-theme="light"] [data-screen-label="Privacy"] .footer-row>span{
  color:#645f56!important;
}

/* Homepage hero: a long sand-to-paper dissolve removes the hard colour break. */
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero{
  border-bottom:0!important;
  background-color:#9b7d5b;
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero::before{
  background:
    linear-gradient(180deg,rgba(229,211,184,.02) 0%,rgba(214,188,151,.06) 54%,rgba(247,244,238,.16) 100%),
    linear-gradient(90deg,rgba(12,10,8,.76) 0%,rgba(12,10,8,.5) 42%,rgba(12,10,8,.14) 74%);
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero::after{
  display:none;
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-intro{
  position:relative;
  z-index:2;
  margin-top:-1px;
  overflow:visible;
  background:#f7f4ee!important;
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-intro::before{
  content:"";
  position:absolute;
  top:clamp(-230px,-22vh,-150px);
  right:0;
  left:0;
  z-index:0;
  height:clamp(150px,22vh,230px);
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(247,244,238,0) 0%,
    rgba(247,244,238,.08) 22%,
    rgba(247,244,238,.34) 50%,
    rgba(247,244,238,.76) 78%,
    #f7f4ee 100%);
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-intro>.lux-shell{
  position:relative;
  z-index:1;
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero__scroll{
  bottom:38px;
  color:#4b4137!important;
  text-shadow:0 1px 13px rgba(247,244,238,.92);
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero__scroll i{
  border-color:rgba(75,65,55,.28);
  background:rgba(247,244,238,.24);
}

@media(max-width:700px){
  html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-intro::before{
    top:-150px;
    height:150px;
  }
}

/* Keep every rotating hero word inside a generous, stationary line box. */
.lux-page[data-screen-label="Homepage"] .lux-hero h1,
.lux-page[data-screen-label="Homepage"] .lux-hero__lead,
.lux-page[data-screen-label="Homepage"] .lux-hero .lux-rotator{
  overflow:visible!important;
}
.lux-page[data-screen-label="Homepage"] .lux-hero h1{
  padding-bottom:.1em;
}
.lux-page[data-screen-label="Homepage"] .lux-hero .lux-rotator{
  min-height:1.16em;
  padding:0 .035em .1em 0;
  transition:opacity .18s ease!important;
  transform:none!important;
}
.lux-page[data-screen-label="Homepage"] .lux-hero .lux-rotator.is-changing{
  opacity:0;
  transform:none!important;
}

/* Make the hero's scroll action consistently visible against the moving sand. */
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero__scroll{
  gap:10px;
  min-height:42px;
  padding:6px 7px 6px 15px;
  border:1px solid rgba(20,21,26,.12);
  border-radius:999px;
  background:rgba(255,254,250,.9);
  color:#14151a!important;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.1em;
  text-shadow:none;
  box-shadow:0 10px 28px rgba(20,21,26,.13);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero__scroll:hover{
  background:#fffefa;
  box-shadow:0 13px 32px rgba(20,21,26,.17);
  transform:translateX(-50%) translateY(-2px);
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero__scroll i{
  width:28px;
  height:28px;
  border:0;
  background:#14151a;
  color:#fffefa;
}

/* Homepage premium proof system: specificity, movement and evidence above the fold. */
.lux-page[data-screen-label="Homepage"] .lux-premium-proof{
  padding:84px 0 78px;
  background:#f7f4ee!important;
}
.lux-premium-proof__head{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:clamp(40px,8vw,112px);
  align-items:end;
  margin-bottom:38px;
}
.lux-premium-proof__head h2{
  max-width:760px;
  margin:13px 0 0;
  color:#14151a!important;
  font-size:clamp(2.75rem,5vw,4.8rem);
  font-weight:500!important;
  line-height:.98;
  letter-spacing:-.052em!important;
}
.lux-premium-proof__head>p{
  max-width:420px;
  margin:0 0 5px;
  color:#645f56;
  font-size:15.5px;
  line-height:1.65;
}

.syn-flowline{
  overflow:hidden;
  border:1px solid rgba(245,226,194,.13);
  border-radius:28px;
  background:
    radial-gradient(circle at 77% 13%,rgba(184,139,77,.13),transparent 34%),
    linear-gradient(145deg,#17130f,#211a13 56%,#15110d);
  color:#f8f2e8;
  box-shadow:0 32px 80px rgba(39,29,19,.18);
}
.syn-flowline__top{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:24px;
  align-items:center;
  min-height:62px;
  padding:0 26px;
  border-bottom:1px solid rgba(245,226,194,.12);
  background:rgba(255,255,255,.025);
}
.syn-flowline__top>div{display:flex;align-items:center;gap:9px}
.syn-flowline__top i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d4af5e;
  box-shadow:0 0 0 5px rgba(212,175,94,.09);
  animation:synLivePulse 2.8s ease-in-out infinite;
}
.syn-flowline__top span,
.syn-flowline__top small{
  color:rgba(248,242,232,.58);
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.syn-flowline__top strong{font-size:12px;font-weight:650;letter-spacing:.01em}
.syn-flowline__top small{text-align:right}

.syn-flowline__rail{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:26px 28px 24px;
  border-bottom:1px solid rgba(245,226,194,.12);
  list-style:none;
}
.syn-flowline__rail::before{
  content:"";
  position:absolute;
  top:34px;
  right:10%;
  left:10%;
  height:1px;
  background:linear-gradient(90deg,rgba(212,175,94,.18),#d4af5e,rgba(212,175,94,.18));
  background-size:180% 100%;
  animation:synFlowTravel 8s linear infinite;
}
.syn-flowline__rail li{
  position:relative;
  z-index:1;
  display:grid;
  justify-items:center;
  gap:10px;
  text-align:center;
}
.syn-flowline__rail li>i{
  width:17px;
  height:17px;
  border:5px solid #1b1611;
  border-radius:50%;
  background:#817364;
  box-shadow:0 0 0 1px rgba(245,226,194,.22);
  animation:synStepPulse 10s ease-in-out infinite both;
}
.syn-flowline__rail li:nth-child(2)>i{animation-delay:2s}
.syn-flowline__rail li:nth-child(3)>i{animation-delay:4s}
.syn-flowline__rail li:nth-child(4)>i{animation-delay:6s}
.syn-flowline__rail li:nth-child(5)>i{animation-delay:8s}
.syn-flowline__rail li.syn-flowline__human>i{
  border-radius:3px;
  background:#f3e4c9;
  box-shadow:0 0 0 1px rgba(243,228,201,.48);
}
.syn-flowline__rail li>div{display:grid;gap:2px}
.syn-flowline__rail strong{color:#f8f2e8;font-size:11.5px;font-weight:650}
.syn-flowline__rail span{color:rgba(248,242,232,.48);font-size:9.5px;line-height:1.35}

.syn-flowline__screen{
  display:grid;
  grid-template-columns:minmax(230px,.82fr) minmax(340px,1.25fr) minmax(205px,.66fr);
  min-height:360px;
}
.syn-flowline__screen>article,
.syn-flowline__screen>aside{padding:31px 30px}
.syn-flowline__context,
.syn-flowline__action{border-right:1px solid rgba(245,226,194,.11)}
.syn-flowline__label{
  color:#c7a979;
  font-size:9px;
  font-weight:750;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.syn-flowline__person{display:flex;align-items:center;gap:13px;margin:24px 0 27px}
.syn-flowline__person>span{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid rgba(245,226,194,.18);
  border-radius:50%;
  background:#2d251c;
  color:#e5c999;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
}
.syn-flowline__person>div{display:grid;gap:2px}
.syn-flowline__person strong{font-size:13px;font-weight:650}
.syn-flowline__person small{color:rgba(248,242,232,.47);font-size:9.5px}
.syn-flowline__context dl{display:grid;margin:0}
.syn-flowline__context dl>div{display:grid;gap:5px;padding:13px 0;border-top:1px solid rgba(245,226,194,.1)}
.syn-flowline__context dt{color:rgba(248,242,232,.4);font-size:9px;text-transform:uppercase;letter-spacing:.09em}
.syn-flowline__context dd{margin:0;color:rgba(248,242,232,.82);font-size:11px}
.syn-flowline__status{display:inline-flex;padding:5px 8px;border-radius:99px;background:rgba(212,175,94,.12);color:#e4c88f;font-size:9px;font-weight:650}
.syn-flowline__action{display:flex;flex-direction:column;background:rgba(255,255,255,.025)}
.syn-flowline__action-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.syn-flowline__action-head small{color:rgba(248,242,232,.42);font-size:9px}
.syn-flowline__action h3{
  max-width:13ch;
  margin:30px 0 16px;
  color:#fffaf1!important;
  font-size:clamp(1.85rem,3vw,3rem);
  font-weight:500!important;
  line-height:1.02;
  letter-spacing:-.04em!important;
}
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .syn-flowline__action h3{
  color:#fffaf1!important;
  font-family:var(--sans)!important;
}
.syn-flowline__action>p{max-width:520px;margin:0;color:rgba(248,242,232,.58);font-size:11.5px;line-height:1.65}
.syn-flowline__approval{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:auto;
  padding-top:20px;
  border-top:1px solid rgba(245,226,194,.12);
}
.syn-flowline__approval>div{display:flex;align-items:center;gap:11px}
.syn-flowline__approval>div>i{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#f3e4c9;color:#17130f;font-size:12px;font-style:normal}
.syn-flowline__approval span{display:grid;gap:2px}
.syn-flowline__approval strong{font-size:10.5px;font-weight:650}
.syn-flowline__approval small{color:rgba(248,242,232,.43);font-size:8.5px}
.syn-flowline__approval button{
  min-height:35px;
  padding:0 14px;
  border:0;
  border-radius:999px;
  background:#f3e4c9;
  color:#17130f;
  font-family:var(--sans);
  font-size:9.5px;
  font-weight:750;
}
.syn-flowline__audit ul{display:grid;margin:25px 0 0;padding:0;list-style:none}
.syn-flowline__audit li{display:grid;grid-template-columns:9px 1fr auto;gap:8px;align-items:center;padding:14px 0;border-top:1px solid rgba(245,226,194,.1);color:rgba(248,242,232,.67);font-size:9.5px}
.syn-flowline__audit li>i{width:5px;height:5px;border-radius:50%;background:#b6945e;box-shadow:0 0 0 4px rgba(182,148,94,.07)}
.syn-flowline__audit time{color:rgba(248,242,232,.34);font-size:8.5px}
.syn-flowline__footer{
  display:flex;
  align-items:center;
  gap:20px;
  min-height:58px;
  padding:0 28px;
  border-top:1px solid rgba(245,226,194,.12);
  background:rgba(0,0,0,.1);
}
.syn-flowline__footer>span{display:flex;align-items:center;gap:7px;color:rgba(248,242,232,.46);font-size:9px}
.syn-flowline__footer>span i{width:7px;height:7px;border-radius:50%;background:#b6945e}
.syn-flowline__footer>span:nth-child(2) i{border-radius:2px;background:#f3e4c9}
.syn-flowline__footer a{display:flex;align-items:center;gap:12px;margin-left:auto;color:#f8f2e8;font-size:10px;font-weight:700}
.syn-flowline__footer a b{font-size:15px;font-weight:400}

.lux-proof-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.lux-proof-strip>a{
  position:relative;
  display:flex;
  min-height:390px;
  flex-direction:column;
  padding:0;
  overflow:hidden;
  border:1px solid #dfd4c2;
  border-radius:24px;
  background:#fffefa;
  box-shadow:0 18px 48px rgba(37,29,21,.055);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.lux-proof-strip>a:hover{border-color:#cdbb9e;box-shadow:0 25px 56px rgba(37,29,21,.09);transform:translateY(-4px)}
.lux-proof-card__visual{
  position:relative;
  display:block;
  height:154px;
  overflow:hidden;
  border-bottom:1px solid #dfd4c2;
  background:#1b1712;
}
.lux-proof-card__visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(13,11,9,.04) 32%,rgba(13,11,9,.56) 100%);
  pointer-events:none;
}
.lux-proof-card__visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s cubic-bezier(.16,.68,.24,1),filter .35s ease;
}
.lux-proof-card--estate .lux-proof-card__visual img{object-position:76% 50%}
.lux-proof-card--svk .lux-proof-card__visual img{object-position:50% 43%;filter:saturate(.72) sepia(.08)}
.lux-proof-strip>a:hover .lux-proof-card__visual img{transform:scale(1.035);filter:saturate(.92)}
.lux-proof-card__visual>b{
  position:absolute;
  z-index:2;
  left:20px;
  bottom:17px;
  display:inline-flex;
  padding:7px 10px;
  border:1px solid rgba(255,250,241,.28);
  border-radius:999px;
  background:rgba(19,16,12,.56);
  color:#fffaf1;
  font-size:8.5px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
  backdrop-filter:blur(9px);
}
.lux-proof-card__body{
  position:relative;
  z-index:1;
  display:flex;
  min-height:235px;
  flex:1;
  flex-direction:column;
  padding:25px 28px 27px;
  background:
    radial-gradient(circle at 94% 94%,rgba(184,142,65,.08),transparent 28%),
    #fffefa;
}
.lux-proof-card__body>span{color:#75581c;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.lux-proof-card__body>strong{max-width:21ch;margin-top:14px;color:#14151a;font-size:clamp(1.45rem,2.2vw,2.12rem);font-weight:500;line-height:1.06;letter-spacing:-.035em}
.lux-proof-card__body>p{max-width:57ch;margin:14px 0 19px;color:#645f56;font-size:12px;line-height:1.55}
.lux-proof-card__body>em{display:flex;align-items:center;gap:9px;margin-top:auto;color:#6e5219;font-size:10.5px;font-style:normal;font-weight:700}
.lux-proof-card__body>em i{font-size:16px;font-style:normal;transition:transform .22s ease}
.lux-proof-strip>a:hover .lux-proof-card__body>em i{transform:translateX(4px)}

.lux-trust-rail{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:30px;
  padding:23px 0 0;
  border-top:1px solid #ded4c5;
}
.lux-trust-rail>div{min-height:54px;padding:0 24px;border-right:1px solid #ded4c5}
.lux-trust-rail>div:first-child{padding-left:0}
.lux-trust-rail>div:last-child{padding-right:0;border-right:0}
.lux-trust-rail span{display:block;margin-bottom:5px;color:#806322;font-size:8.5px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.lux-trust-rail strong{display:block;color:#312b25;font-size:11.5px;font-weight:620;line-height:1.45}

/* Preserve the full scroll journey while removing repeated vertical space. */
.lux-page[data-screen-label="Homepage"] #sprint,
.lux-page[data-screen-label="Homepage"] #automate{padding-top:78px;padding-bottom:78px}
.lux-page[data-screen-label="Homepage"] .lux-home-demo,
.lux-page[data-screen-label="Homepage"] .lux-home-client-work,
.lux-page[data-screen-label="Homepage"] .lux-assessments,
.lux-page[data-screen-label="Homepage"] .lux-home-insights{padding-top:82px;padding-bottom:82px}
.lux-page[data-screen-label="Homepage"] .lux-home-demo + .lux-section{padding-top:68px;padding-bottom:68px}
.lux-page[data-screen-label="Homepage"] .lux-home-insight{min-height:340px}

@keyframes synLivePulse{0%,100%{opacity:.55;box-shadow:0 0 0 4px rgba(212,175,94,.07)}50%{opacity:1;box-shadow:0 0 0 7px rgba(212,175,94,.12)}}
@keyframes synFlowTravel{0%{background-position:100% 0}100%{background-position:-80% 0}}
@keyframes synStepPulse{0%,16%,100%{background:#817364;box-shadow:0 0 0 1px rgba(245,226,194,.22)}4%,10%{background:#d4af5e;box-shadow:0 0 0 1px rgba(212,175,94,.8),0 0 20px rgba(212,175,94,.42)}}

@media(max-width:1000px){
  .syn-flowline__screen{grid-template-columns:minmax(220px,.8fr) minmax(340px,1.2fr)}
  .syn-flowline__audit{grid-column:1/-1;border-top:1px solid rgba(245,226,194,.11)}
  .syn-flowline__audit ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
}

@media(max-width:820px){
  .lux-premium-proof__head{grid-template-columns:1fr;gap:18px}
  .lux-premium-proof__head>p{max-width:620px}
  .syn-flowline__top{grid-template-columns:1fr auto}
  .syn-flowline__top>small{display:none}
  .syn-flowline__screen{grid-template-columns:1fr}
  .syn-flowline__context,.syn-flowline__action{border-right:0;border-bottom:1px solid rgba(245,226,194,.11)}
  .syn-flowline__audit{grid-column:auto}
  .lux-trust-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}
  .lux-trust-rail>div:nth-child(2){border-right:0}
}

@media(max-width:640px){
  .lux-page[data-screen-label="Homepage"] .lux-premium-proof{padding:62px 0 62px}
  .lux-premium-proof__head{margin-bottom:28px}
  .lux-premium-proof__head h2{font-size:clamp(2.5rem,12vw,3.45rem)}
  .syn-flowline{border-radius:20px}
  .syn-flowline__top{min-height:58px;padding:0 18px}
  .syn-flowline__rail{grid-template-columns:1fr;padding:20px 20px 18px}
  .syn-flowline__rail::before{top:28px;bottom:28px;left:28px;width:1px;height:auto;background:linear-gradient(180deg,rgba(212,175,94,.18),#d4af5e,rgba(212,175,94,.18));background-size:100% 180%}
  .syn-flowline__rail li{grid-template-columns:18px 1fr;justify-items:start;gap:12px;align-items:center;min-height:46px;text-align:left}
  .syn-flowline__rail li>div{display:flex;align-items:baseline;gap:8px}
  .syn-flowline__screen>article,.syn-flowline__screen>aside{padding:25px 20px}
  .syn-flowline__approval{align-items:flex-start;flex-direction:column}
  .syn-flowline__audit ul{grid-template-columns:1fr;gap:0}
  .syn-flowline__footer{align-items:flex-start;flex-wrap:wrap;height:auto;min-height:0;padding:18px 20px}
  .syn-flowline__footer a{width:100%;margin:5px 0 0;padding-top:14px;border-top:1px solid rgba(245,226,194,.1)}
  .lux-proof-strip{grid-template-columns:1fr}
  .lux-proof-strip>a{min-height:0;padding:0}
  .lux-proof-card__visual{height:150px}
  .lux-proof-card__body{min-height:225px;padding:23px 22px 25px}
  .lux-trust-rail{grid-template-columns:1fr}
  .lux-trust-rail>div,.lux-trust-rail>div:first-child,.lux-trust-rail>div:last-child{min-height:0;padding:14px 0;border-right:0;border-bottom:1px solid #ded4c5}
  .lux-trust-rail>div:last-child{border-bottom:0}
  .lux-page[data-screen-label="Homepage"] #sprint,
  .lux-page[data-screen-label="Homepage"] #automate,
  .lux-page[data-screen-label="Homepage"] .lux-home-demo,
  .lux-page[data-screen-label="Homepage"] .lux-home-client-work,
  .lux-page[data-screen-label="Homepage"] .lux-assessments,
  .lux-page[data-screen-label="Homepage"] .lux-home-insights{padding-top:66px;padding-bottom:66px}
}

@media(prefers-reduced-motion:reduce){
  .syn-flowline__top i,.syn-flowline__rail::before,.syn-flowline__rail li>i{animation:none!important}
}

/* Homepage live demo — the operational difference made visible. */
.lux-home-demo{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 4%,rgba(204,160,78,.13),transparent 28%),
    linear-gradient(180deg,#f1ece3 0%,#ebe3d7 100%)!important;
}
.lux-home-demo::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(rgba(105,80,42,.16) .55px,transparent .55px);
  background-size:17px 17px;
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5),transparent);
  opacity:.28;
}
.lux-home-demo>.lux-shell{position:relative;z-index:1}
.lux-home-demo .lux-home-section-head{margin-bottom:40px}

.syn-compare{
  overflow:hidden;
  border:1px solid rgba(105,80,42,.32);
  border-radius:30px;
  background:#171512;
  box-shadow:0 34px 90px rgba(54,42,27,.17),0 4px 12px rgba(54,42,27,.08);
}
.syn-compare__topbar{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 30px;
  border-bottom:1px solid rgba(240,218,179,.13);
  background:linear-gradient(90deg,#161411,#201c17);
  color:#f7ecda;
}
.syn-compare__status,.syn-compare__event{display:flex;align-items:center;gap:10px}
.syn-compare__status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d4af5e;
  box-shadow:0 0 0 5px rgba(212,175,94,.1);
  animation:synCompareLive 4.8s ease-in-out infinite;
}
.syn-compare__status span,.syn-compare__event strong{font-size:11px;font-weight:680;letter-spacing:.02em}
.syn-compare__event{color:#afa699}
.syn-compare__event strong{color:#f4ead9}
.syn-compare__event small{font-size:9px;letter-spacing:.08em;text-transform:uppercase}

.syn-compare__stage{
  display:grid;
  grid-template-columns:minmax(0,1fr) 146px minmax(0,1.08fr);
  min-height:620px;
}
.syn-compare__before,.syn-compare__after{position:relative;min-width:0;padding:44px 40px 40px}
.syn-compare__before{
  overflow:hidden;
  color:#f9efe0;
  background:
    radial-gradient(circle at 20% 25%,rgba(160,119,68,.18),transparent 30%),
    radial-gradient(circle at 86% 72%,rgba(145,112,69,.11),transparent 34%),
    linear-gradient(145deg,#29251f 0%,#211e19 58%,#191714 100%);
}
.syn-compare__before::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 20%,rgba(255,243,220,.035) 49%,transparent 75%);
  background-size:240% 100%;
  animation:synCompareSheen 16s linear infinite;
}
.syn-compare__after{
  color:#191714;
  background:
    radial-gradient(circle at 80% 12%,rgba(218,178,99,.23),transparent 30%),
    linear-gradient(145deg,#fffaf0 0%,#f4ead9 100%);
}
.syn-compare__label{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}
.syn-compare__label>span{font-size:9px;font-weight:780;letter-spacing:.16em;text-transform:uppercase}
.syn-compare__before .syn-compare__label>span{color:#d4af5e}
.syn-compare__after .syn-compare__label>span{color:#76571b}
.syn-compare__label>small{padding:7px 10px;border:1px solid currentColor;border-radius:99px;font-size:8px;font-weight:720;letter-spacing:.1em;text-transform:uppercase;opacity:.58}
.syn-compare h3{position:relative;z-index:1;max-width:10ch;margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,3.4vw,4.25rem);font-weight:400;letter-spacing:-.045em;line-height:.92}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .syn-compare__before h3{color:#f8edde!important}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .syn-compare__after h3{color:#191714!important}
.syn-compare__intro{position:relative;z-index:1;max-width:43ch;margin:22px 0 0;font-size:12px;line-height:1.65}
.syn-compare__before .syn-compare__intro{color:#bdb3a6}
.syn-compare__after .syn-compare__intro{color:#6b6257}

.syn-scatter{position:relative;z-index:1;height:260px;margin-top:24px}
.syn-scatter::before,.syn-scatter::after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,94,.36),transparent);transform-origin:left center}
.syn-scatter::before{top:82px;left:18%;width:64%;transform:rotate(13deg)}
.syn-scatter::after{top:166px;left:24%;width:56%;transform:rotate(-9deg)}
.syn-scatter__card{
  position:absolute;
  width:min(79%,310px);
  padding:14px 16px;
  border:1px solid rgba(245,226,194,.13);
  border-radius:13px;
  background:rgba(255,251,242,.075);
  box-shadow:0 16px 28px rgba(0,0,0,.16);
  backdrop-filter:blur(9px);
}
.syn-scatter__card>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.syn-scatter__card>div span{color:#d4af5e;font-size:8px;font-weight:760;letter-spacing:.12em;text-transform:uppercase}
.syn-scatter__card>div small{color:#8f867b;font-size:8px}
.syn-scatter__card>strong{display:block;color:#f7ecdc;font-size:11px;font-weight:640;line-height:1.35}
.syn-scatter__card>p{margin:4px 0 0;color:#a9a095;font-size:9px;line-height:1.4}
.syn-scatter__card--inbox{top:0;left:0;transform:rotate(-1.5deg);animation:synCardDriftA 12s ease-in-out infinite}
.syn-scatter__card--crm{top:91px;right:0;transform:rotate(1.6deg);animation:synCardDriftB 14s ease-in-out infinite}
.syn-scatter__card--chat{bottom:0;left:7%;transform:rotate(-.8deg);animation:synCardDriftA 13s 1.4s ease-in-out infinite}
.syn-compare__warning{position:relative;z-index:1;display:flex;align-items:center;gap:11px;padding-top:18px;border-top:1px solid rgba(245,226,194,.12);color:#bfb5a7;font-size:10px;line-height:1.4}
.syn-compare__warning i{width:7px;height:7px;border:1px solid #d4af5e;border-radius:50%;box-shadow:0 0 0 4px rgba(212,175,94,.07)}
.syn-compare__warning strong{color:#f7ecdc;font-weight:650}

.syn-compare__bridge{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:25px;
  padding:28px 16px;
  border-right:1px solid rgba(240,218,179,.12);
  border-left:1px solid rgba(240,218,179,.12);
  color:#f5ead8;
  background:#11100e;
  box-shadow:0 0 42px rgba(0,0,0,.28);
}
.syn-compare__bridge>strong{color:#d4af5e;font-size:9px;font-weight:780;letter-spacing:.15em;text-transform:uppercase}
.syn-compare__bridge ol{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:space-around;width:100%;max-height:360px;margin:0;padding:0;list-style:none}
.syn-compare__bridge ol::before{
  content:"";
  position:absolute;
  top:9%;
  bottom:9%;
  left:50%;
  width:1px;
  background:linear-gradient(180deg,rgba(212,175,94,.15),#d4af5e,rgba(212,175,94,.15));
  background-size:100% 220%;
  animation:synCompareRail 5s linear infinite;
}
.syn-compare__bridge li{position:relative;z-index:1;display:grid;justify-items:center;gap:8px}
.syn-compare__bridge li i{width:10px;height:10px;border:2px solid #161411;border-radius:50%;background:#7c6e5e;box-shadow:0 0 0 1px rgba(212,175,94,.4);animation:synCompareStep 8s ease-in-out infinite}
.syn-compare__bridge li:nth-child(2) i{animation-delay:2s}.syn-compare__bridge li:nth-child(3) i{animation-delay:4s}.syn-compare__bridge li:nth-child(4) i{animation-delay:6s}
.syn-compare__bridge li span{padding:4px 6px;border-radius:4px;background:#11100e;color:#91887d;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.syn-compare__bridge>small{display:flex;align-items:center;gap:6px;color:#a8a094;font-size:8px;text-align:center;line-height:1.35}
.syn-compare__bridge>small i{display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#d4af5e;color:#151310;font-size:9px;font-style:normal;font-weight:800}

.syn-record{position:relative;z-index:1;margin-top:30px;overflow:hidden;border:1px solid rgba(96,70,31,.17);border-radius:17px;background:rgba(255,254,249,.88);box-shadow:0 24px 48px rgba(77,56,27,.13)}
.syn-record>header{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:52px;padding:0 17px;border-bottom:1px solid rgba(96,70,31,.13);background:rgba(255,255,255,.58)}
.syn-record>header>div{display:flex;align-items:center;gap:9px}
.syn-record>header i{width:7px;height:7px;border-radius:50%;background:#d4af5e;box-shadow:0 0 0 4px rgba(212,175,94,.12)}
.syn-record>header span{font-size:9px;font-weight:720;letter-spacing:.05em;text-transform:uppercase}
.syn-record>header small{padding:6px 8px;border-radius:99px;background:#ede1cd;color:#6a4d16;font-size:7.5px;font-weight:720;letter-spacing:.08em;text-transform:uppercase}
.syn-record__identity{display:flex;align-items:center;gap:12px;padding:18px 18px 15px}
.syn-record__identity>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#1a1815;color:#f7ead6;font-size:10px;font-weight:720}
.syn-record__identity>div{display:grid;gap:3px}.syn-record__identity strong{font-size:12px;font-weight:660}.syn-record__identity small{color:#756c60;font-size:8.5px}
.syn-record dl{margin:0;padding:0 18px}
.syn-record dl>div{display:grid;grid-template-columns:78px 1fr;gap:14px;padding:12px 0;border-top:1px solid rgba(96,70,31,.11)}
.syn-record dt{color:#81776b;font-size:8.5px}.syn-record dd{position:relative;margin:0;padding-left:13px;font-size:9.5px;font-weight:610}
.syn-record dd::before{content:"";position:absolute;top:50%;left:0;width:5px;height:5px;border-radius:50%;background:#b88932;transform:translateY(-50%)}
.syn-record__approval{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px;padding:13px 13px 13px 15px;border-radius:11px;background:#1a1815;color:#f8edde}
.syn-record__approval>span{display:flex;align-items:center;gap:10px}.syn-record__approval>span>i{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#d4af5e;color:#16130f;font-size:11px;font-style:normal;font-weight:800}
.syn-record__approval>span>span{display:grid;gap:3px}.syn-record__approval strong{font-size:9.5px;font-weight:650}.syn-record__approval small{color:#aaa195;font-size:7.5px}
.syn-record__approval>em{border-radius:99px;padding:9px 15px;background:#f8edde;color:#191714;font-size:8.5px;font-style:normal;font-weight:720}

.syn-compare__footer{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 30px;background:#fbf5e9;color:#5f584e}
.syn-compare__footer>span{display:flex;align-items:center;gap:9px;font-size:10px}.syn-compare__footer>span>i{width:6px;height:6px;border-radius:50%;background:#d4af5e}
.syn-compare__footer>a{display:inline-flex;align-items:center;gap:10px;color:#614817;font-size:10px;font-weight:720;text-decoration:none}.syn-compare__footer>a span{font-size:15px;transition:transform .25s ease}.syn-compare__footer>a:hover span{transform:translateX(4px)}

@keyframes synCompareLive{0%,100%{opacity:.55;box-shadow:0 0 0 4px rgba(212,175,94,.08)}50%{opacity:1;box-shadow:0 0 0 7px rgba(212,175,94,.14)}}
@keyframes synCompareSheen{0%{background-position:150% 0}100%{background-position:-100% 0}}
@keyframes synCompareRail{0%{background-position:0 0}100%{background-position:0 -220%}}
@keyframes synCompareStep{0%,18%,100%{background:#7c6e5e;box-shadow:0 0 0 1px rgba(212,175,94,.35)}4%,12%{background:#d4af5e;box-shadow:0 0 0 1px #d4af5e,0 0 18px rgba(212,175,94,.45)}}
@keyframes synCardDriftA{0%,100%{translate:0 0}50%{translate:3px -4px}}
@keyframes synCardDriftB{0%,100%{translate:0 0}50%{translate:-3px 4px}}

@media(max-width:1080px){
  .syn-compare__stage{grid-template-columns:minmax(0,1fr) 116px minmax(0,1fr)}
  .syn-compare__before,.syn-compare__after{padding:38px 30px 34px}
  .syn-compare h3{font-size:clamp(2.25rem,4vw,3.65rem)}
}
@media(max-width:850px){
  .syn-compare__stage{grid-template-columns:1fr}
  .syn-compare__bridge{display:grid;grid-template-columns:auto 1fr auto;gap:24px;padding:20px 26px;border-right:0;border-left:0;border-top:1px solid rgba(240,218,179,.12);border-bottom:1px solid rgba(240,218,179,.12)}
  .syn-compare__bridge ol{display:grid;grid-template-columns:repeat(4,1fr);max-width:none;max-height:none}
  .syn-compare__bridge ol::before{top:5px;right:9%;bottom:auto;left:9%;width:82%;height:1px;background:linear-gradient(90deg,rgba(212,175,94,.15),#d4af5e,rgba(212,175,94,.15));background-size:220% 100%;animation-name:synCompareRailHorizontal}
  .syn-compare__bridge li{gap:7px}
  .syn-compare__before,.syn-compare__after{padding:42px 34px}
  .syn-scatter{max-width:580px}
  .syn-record{max-width:600px}
}
@keyframes synCompareRailHorizontal{0%{background-position:0 0}100%{background-position:-220% 0}}
@media(max-width:600px){
  .lux-home-demo .lux-home-section-head{margin-bottom:28px}
  .syn-compare{border-radius:21px}
  .syn-compare__topbar{min-height:58px;padding:0 18px}
  .syn-compare__event span,.syn-compare__event small{display:none}
  .syn-compare__event strong{font-size:9px}
  .syn-compare__before,.syn-compare__after{padding:32px 22px}
  .syn-compare h3{font-size:clamp(2.6rem,13vw,3.55rem)}
  .syn-compare__intro{font-size:11px}
  .syn-scatter{height:252px}
  .syn-scatter__card{width:84%}
  .syn-compare__bridge{grid-template-columns:1fr;padding:20px 18px}
  .syn-compare__bridge>strong,.syn-compare__bridge>small{justify-self:center}
  .syn-record>header small{display:none}
  .syn-record dl>div{grid-template-columns:65px 1fr}
  .syn-record__approval{align-items:flex-start;flex-direction:column}
  .syn-record__approval>em{width:100%;text-align:center}
  .syn-compare__footer{align-items:flex-start;flex-direction:column;min-height:0;padding:20px 22px}
  .syn-compare__footer>a{width:100%;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(96,70,31,.12)}
}
@media(prefers-reduced-motion:reduce){
  .syn-compare__status i,.syn-compare__before::before,.syn-scatter__card,.syn-compare__bridge ol::before,.syn-compare__bridge li i{animation:none!important}
}

/* Sprint — one calm, connected journey instead of stacked information cards. */
.syn-sprint-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 10%,rgba(207,166,87,.12),transparent 24%),
    linear-gradient(180deg,#f7f3ec 0%,#f1ebe1 100%)!important;
}
.syn-sprint-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(112,85,44,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(112,85,44,.035) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.7),transparent);
}
.syn-sprint-section>.lux-shell{position:relative;z-index:1}
.syn-sprint-head{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:clamp(45px,9vw,130px);align-items:end;margin-bottom:42px}
.syn-sprint-head .lux-title{max-width:660px;margin-bottom:0}
.syn-sprint-head>div:last-child{display:grid;justify-items:start;gap:22px;padding-bottom:8px}
.syn-sprint-head .lux-subtitle{max-width:540px;margin:0}
.syn-sprint-head .lux-link{display:inline-flex;align-items:center;gap:12px}
.syn-sprint-head .lux-link span{font-size:14px;transition:transform .25s ease}
.syn-sprint-head .lux-link:hover span{transform:translateY(3px)}

.syn-sprint-journey{
  --sprint-progress:0;
  overflow:hidden;
  padding:18px;
  border:1px solid rgba(151,112,51,.24);
  border-radius:29px;
  background:rgba(255,252,246,.54);
  box-shadow:0 28px 72px rgba(75,55,29,.09);
}
.syn-sprint-facts{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.syn-sprint-fact{
  display:flex;
  min-height:70px;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  min-width:190px;
  padding:14px 20px;
  border:1px solid rgba(153,113,43,.17);
  border-radius:16px;
  background:rgba(255,253,248,.78);
  box-shadow:0 8px 24px rgba(75,55,29,.045);
}
.syn-sprint-facts span{color:#756b5f;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.syn-sprint-facts strong{color:#1a1815;font-family:var(--font-display);font-size:1.7rem;font-weight:400;letter-spacing:-.035em;line-height:1}
.syn-sprint-status{display:flex;align-items:center;gap:10px;margin-left:auto;padding:0 15px;color:#6c6257;font-size:8.5px;letter-spacing:.07em;text-transform:uppercase}
.syn-sprint-status i{width:7px;height:7px;border-radius:50%;background:#b98931;box-shadow:0 0 0 5px rgba(185,137,49,.1)}

.syn-sprint-track{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0}
.syn-sprint-track::before,.syn-sprint-track::after{
  content:"";
  position:absolute;
  z-index:2;
  top:49px;
  right:9%;
  left:9%;
  height:2px;
  border-radius:99px;
  pointer-events:none;
}
.syn-sprint-track::before{background:rgba(137,101,45,.14)}
.syn-sprint-track::after{
  background:linear-gradient(90deg,#a77a2e,#dfbc72);
  box-shadow:0 0 18px rgba(185,137,49,.2);
  transform:scaleX(var(--sprint-progress));
  transform-origin:left center;
  transition:transform .12s linear;
}
.syn-sprint-stage{
  position:relative;
  z-index:1;
  display:grid;
  min-height:248px;
  grid-template-rows:64px auto;
  gap:15px;
  padding:23px 25px 27px;
  overflow:hidden;
  border:1px solid rgba(132,96,42,.13);
  border-radius:20px;
  background:#fffaf1;
  opacity:.66;
  transform:translateY(10px) scale(.985);
  transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .45s ease,background .45s ease,color .45s ease;
}
.syn-sprint-stage::after{content:"";position:absolute;right:-65px;bottom:-85px;width:180px;height:180px;border:1px solid rgba(154,112,44,.12);border-radius:50%;box-shadow:0 0 0 28px rgba(180,137,65,.035),0 0 0 58px rgba(180,137,65,.018)}
.syn-sprint-stage--build{background:linear-gradient(145deg,#f3e7cf,#ead4a9)}
.syn-sprint-stage--handover{border-color:#2c241b;background:linear-gradient(145deg,#372b20,#1d1914);color:#fff5e5;opacity:.86}
.syn-sprint-stage.is-reached{opacity:1;transform:none;box-shadow:0 15px 35px rgba(70,49,22,.09)}
.syn-sprint-stage.is-current{z-index:3;border-color:rgba(163,116,40,.48);box-shadow:0 23px 48px rgba(70,49,22,.15);transform:translateY(-4px)}
.syn-sprint-node{position:relative;z-index:4;display:grid;width:50px;height:50px;place-items:center;border:1px solid #c9ae7b;border-radius:50%;background:#fffaf1;box-shadow:0 0 0 7px rgba(255,250,241,.72),0 10px 24px rgba(80,55,23,.09);transition:transform .4s ease,box-shadow .4s ease}
.syn-sprint-stage.is-current .syn-sprint-node{transform:scale(1.08);box-shadow:0 0 0 9px rgba(204,158,72,.13),0 13px 27px rgba(80,55,23,.16)}
.syn-sprint-node i{position:relative;display:block;font-style:normal}
.syn-sprint-node--diagnose i{width:19px;height:19px;border:1px solid #8e6a28;border-radius:50%}
.syn-sprint-node--diagnose i::before{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#b98931;transform:translate(-50%,-50%)}
.syn-sprint-node--diagnose i::after{content:"";position:absolute;right:-5px;bottom:-4px;width:7px;height:1px;background:#8e6a28;transform:rotate(45deg)}
.syn-sprint-node--build{border-radius:14px}
.syn-sprint-node--build i{width:21px;height:21px;border:1px solid #8e6a28;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(142,106,40,.22) 6px 7px),repeating-linear-gradient(0deg,transparent 0 6px,rgba(142,106,40,.22) 6px 7px)}
.syn-sprint-node--handover{border-color:#b6872e;background:#c49743;color:#18140f}
.syn-sprint-node--handover i{font-size:15px;font-weight:800}
.syn-sprint-stage>div:last-child{position:relative;z-index:1}
.syn-sprint-stage>div:last-child>span{color:#8a6d2b;font-size:8px;font-weight:740;letter-spacing:.12em;text-transform:uppercase}
.syn-sprint-stage h3{margin:9px 0 12px;color:#1a1815!important;font-family:var(--font-display)!important;font-size:clamp(1.7rem,2.7vw,2.35rem);font-weight:400!important;letter-spacing:-.035em!important;line-height:1}
.syn-sprint-stage p{max-width:32ch;margin:0;color:#625a50;font-size:11px;line-height:1.58}
.syn-sprint-stage--handover>div:last-child>span{color:#e0bd72}
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .syn-sprint-stage--handover h3{color:#fff8ec!important}
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .syn-sprint-stage--handover p{color:rgba(255,248,236,.78)!important}

/* Workflow catalogue — five distinct visual signatures, one restrained palette. */
.syn-workflow-section{position:relative;background:#eae1d4!important}
.syn-workflow-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.48fr);gap:60px;align-items:end;margin-bottom:42px}
.syn-workflow-head .lux-title{max-width:760px;margin-bottom:0}
.syn-workflow-head__aside{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:4px}
.syn-workflow-head__aside p{max-width:330px;margin:0;color:#6b6258;font-size:13px;line-height:1.6}
.syn-workflow-head__aside .lux-button{min-height:43px;padding:0 17px;font-size:11px}
.syn-section-cta{justify-content:center;margin-top:28px}
.syn-workflow-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:270px 220px;gap:14px}
.syn-workflow-card{position:relative;overflow:hidden;min-width:0;padding:24px;border:1px solid rgba(102,76,38,.16);border-radius:22px;color:#181714;text-decoration:none;box-shadow:0 13px 34px rgba(67,48,22,.055);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease}
.syn-workflow-card:hover{z-index:2;border-color:rgba(132,92,30,.33);box-shadow:0 24px 48px rgba(67,48,22,.13);transform:translateY(-5px)}
.syn-workflow-card:focus-visible{outline:2px solid #8a6828;outline-offset:4px}
.syn-workflow-card__label{position:relative;z-index:2;display:block;max-width:15ch;font-size:15px;font-weight:650;letter-spacing:-.025em;line-height:1.15}
.syn-workflow-card__summary{position:relative;z-index:2;max-width:28ch;margin:13px 0 0;color:rgba(24,23,20,.68);font-size:11px;line-height:1.48}
.syn-workflow-card__link{position:absolute;z-index:4;top:17px;right:17px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(82,59,25,.18);border-radius:999px;color:inherit;font-size:9px;font-weight:750;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:transform .25s ease,background .25s ease,color .25s ease}
.syn-workflow-card__link:hover{background:#181714;color:#fff6e8;transform:translateY(-2px)}
.syn-workflow-card__arrow{position:absolute;z-index:3;top:19px;right:19px;display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(82,59,25,.18);border-radius:50%;font-size:14px;transition:transform .3s ease,background .3s ease,color .3s ease}
.syn-workflow-card:hover .syn-workflow-card__arrow{transform:translate(3px,-3px)}
.syn-workflow-card--lead{grid-column:span 6;padding:30px;background:linear-gradient(145deg,#242019,#151411);color:#fbefdd}
.syn-workflow-card--lead .syn-workflow-card__label{max-width:none;color:#d8b66f;font-size:10px;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.syn-workflow-card--lead .syn-workflow-card__summary,.syn-workflow-card--knowledge .syn-workflow-card__summary{color:rgba(255,243,223,.72)}
.syn-workflow-card--lead .syn-workflow-card__link,.syn-workflow-card--knowledge .syn-workflow-card__link{border-color:rgba(255,243,223,.24);color:#fff3df}
.syn-workflow-card--lead .syn-workflow-card__link:hover,.syn-workflow-card--knowledge .syn-workflow-card__link:hover{background:#d0a752;color:#17130e}
.syn-workflow-card--lead .syn-workflow-card__arrow{border-color:rgba(247,233,208,.22);color:#f7e9d0}
.syn-workflow-card--lead:hover .syn-workflow-card__arrow{background:#d0a752;color:#17130e}
.syn-workflow-card--lead>strong{position:absolute;right:30px;bottom:28px;left:30px;z-index:2;max-width:11ch;color:#fff6e8;font-family:"Instrument Serif",Georgia,serif!important;font-size:clamp(2.4rem,4vw,4.3rem);font-weight:400;letter-spacing:-.04em;line-height:.92}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .syn-workflow-card--lead>strong{font-family:"Instrument Serif",Georgia,serif!important}
.syn-workflow-card--onboard{grid-column:span 6;background:linear-gradient(145deg,#f8f2e8,#ede0ca)}
.syn-workflow-card--quotes{grid-column:span 4;background:linear-gradient(135deg,#d7bd8c,#f2dfba)}
.syn-workflow-card--reporting{grid-column:span 4;background:linear-gradient(145deg,#fffaf1,#f4eadb)}
.syn-workflow-card--knowledge{grid-column:span 4;background:linear-gradient(145deg,#8a6a3d,#5b442b);color:#fff3df}
.syn-workflow-card--knowledge .syn-workflow-card__arrow{border-color:rgba(255,243,223,.26);color:#fff3df}

.syn-workflow-viz{position:absolute;pointer-events:none}
.syn-workflow-viz i,.syn-workflow-viz b{position:absolute;display:block;font-style:normal}
.syn-workflow-viz--follow{right:30px;bottom:38px;left:30px;height:112px}
.syn-workflow-viz--follow b{top:58px;right:7%;left:7%;height:1px;background:linear-gradient(90deg,rgba(214,181,112,.12),#d6b570,rgba(214,181,112,.12));background-size:200% 100%;animation:synCatalogueFlow 5s linear infinite}
.syn-workflow-viz--follow i{top:51px;width:14px;height:14px;border:2px solid #1c1915;border-radius:50%;background:#84745e;box-shadow:0 0 0 1px rgba(214,181,112,.55)}
.syn-workflow-viz--follow i:nth-child(1){left:7%}.syn-workflow-viz--follow i:nth-child(2){left:35%}.syn-workflow-viz--follow i:nth-child(3){left:63%}.syn-workflow-viz--follow i:nth-child(4){right:7%;background:#d6b570;box-shadow:0 0 0 1px #d6b570,0 0 24px rgba(214,181,112,.34)}

.syn-workflow-viz--onboard{right:34px;bottom:24px;width:220px;height:150px}
.syn-workflow-viz--onboard i{width:132px;height:46px;border:1px solid rgba(149,108,44,.24);border-radius:10px;background:rgba(255,251,243,.66);box-shadow:0 10px 22px rgba(75,52,20,.07);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.syn-workflow-viz--onboard i::before{content:"";position:absolute;top:13px;left:13px;width:17px;height:17px;border-radius:50%;background:#d6bd8f}
.syn-workflow-viz--onboard i::after{content:"";position:absolute;top:17px;right:14px;width:73px;height:2px;background:rgba(120,85,34,.18);box-shadow:0 7px 0 rgba(120,85,34,.1)}
.syn-workflow-viz--onboard i:nth-child(1){top:0;left:0}.syn-workflow-viz--onboard i:nth-child(2){top:48px;left:32px}.syn-workflow-viz--onboard i:nth-child(3){top:96px;left:64px}
.syn-workflow-viz--onboard b{right:0;bottom:0;display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#1a1815;color:#f4dfb7;font-size:13px;box-shadow:0 11px 24px rgba(31,25,17,.17)}
.syn-workflow-card--onboard:hover .syn-workflow-viz--onboard i:nth-child(1){transform:translateX(-5px)}
.syn-workflow-card--onboard:hover .syn-workflow-viz--onboard i:nth-child(3){transform:translateX(5px)}

.syn-workflow-viz--pages{right:28px;bottom:20px;width:125px;height:110px}
.syn-workflow-viz--pages i{width:72px;height:91px;border:1px solid rgba(83,60,25,.28);border-radius:8px;background:rgba(255,250,240,.58);box-shadow:0 11px 24px rgba(80,55,20,.08);transition:transform .4s ease}
.syn-workflow-viz--pages i::before,.syn-workflow-viz--pages i::after{content:"";position:absolute;right:12px;left:12px;height:1px;background:rgba(84,60,24,.22)}
.syn-workflow-viz--pages i::before{top:21px}.syn-workflow-viz--pages i::after{top:31px}
.syn-workflow-viz--pages i:nth-child(1){top:13px;left:0;transform:rotate(-8deg)}.syn-workflow-viz--pages i:nth-child(2){top:6px;left:24px;transform:rotate(-2deg)}.syn-workflow-viz--pages i:nth-child(3){top:0;right:0;transform:rotate(5deg)}
.syn-workflow-card:hover .syn-workflow-viz--pages i:nth-child(1){transform:translateX(-5px) rotate(-11deg)}.syn-workflow-card:hover .syn-workflow-viz--pages i:nth-child(3){transform:translateX(5px) rotate(8deg)}

.syn-workflow-viz--reporting{right:27px;bottom:21px;width:150px;height:100px;border-bottom:1px solid rgba(113,80,31,.25)}
.syn-workflow-viz--reporting i{bottom:0;width:18px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#c9a256,#88662d);transform-origin:bottom;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.syn-workflow-viz--reporting i:nth-child(1){left:8px;height:29px}.syn-workflow-viz--reporting i:nth-child(2){left:42px;height:53px}.syn-workflow-viz--reporting i:nth-child(3){left:76px;height:42px}.syn-workflow-viz--reporting i:nth-child(4){left:110px;height:78px}
.syn-workflow-viz--reporting b{top:12px;right:12px;width:8px;height:8px;border-radius:50%;background:#b98a35;box-shadow:0 0 0 6px rgba(185,138,53,.1)}
.syn-workflow-card:hover .syn-workflow-viz--reporting i{transform:scaleY(1.08)}

.syn-workflow-viz--network{right:18px;bottom:13px;width:120px;height:110px}
.syn-workflow-viz--network::before,.syn-workflow-viz--network::after,.syn-workflow-viz--network b{content:"";position:absolute;top:53px;left:19px;width:84px;height:1px;background:rgba(255,234,198,.42);transform-origin:center}
.syn-workflow-viz--network::before{transform:rotate(25deg)}.syn-workflow-viz--network::after{transform:rotate(-28deg)}.syn-workflow-viz--network b{transform:rotate(90deg)}
.syn-workflow-viz--network i{z-index:1;width:11px;height:11px;border:1px solid rgba(255,239,212,.72);border-radius:50%;background:#755737;box-shadow:0 0 0 4px rgba(255,239,212,.05)}
.syn-workflow-viz--network i:nth-child(1){top:7px;left:54px}.syn-workflow-viz--network i:nth-child(2){top:30px;right:7px}.syn-workflow-viz--network i:nth-child(3){right:19px;bottom:8px}.syn-workflow-viz--network i:nth-child(4){bottom:12px;left:19px}.syn-workflow-viz--network i:nth-child(5){top:28px;left:5px}
.syn-workflow-card:hover .syn-workflow-viz--network i{background:#d0a752}

@keyframes synSprintStatus{0%,100%{opacity:.55;box-shadow:0 0 0 5px rgba(185,137,49,.08)}50%{opacity:1;box-shadow:0 0 0 8px rgba(185,137,49,.13)}}
@keyframes synSprintLine{0%{background-position:100% 0}100%{background-position:-120% 0}}
@keyframes synSprintNode{0%,24%,100%{box-shadow:0 0 0 9px rgba(255,250,241,.78),0 12px 26px rgba(80,55,23,.1)}6%,16%{box-shadow:0 0 0 12px rgba(196,151,67,.13),0 14px 30px rgba(80,55,23,.16)}}
@keyframes synCatalogueFlow{0%{background-position:100% 0}100%{background-position:-100% 0}}

@media(max-width:980px){
  .syn-sprint-head{grid-template-columns:1fr;gap:25px}
  .syn-sprint-head>div:last-child{padding-bottom:0}
  .syn-sprint-facts{flex-wrap:wrap}
  .syn-sprint-status{width:100%;margin-left:0;padding:7px 4px 2px}
  .syn-workflow-head{grid-template-columns:1fr;gap:18px}
  .syn-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:250px 200px 200px}
  .syn-workflow-card--lead,.syn-workflow-card--onboard,.syn-workflow-card--quotes,.syn-workflow-card--reporting{grid-column:auto;grid-row:auto}
  .syn-workflow-card--knowledge{grid-column:1/-1;grid-row:auto}
}
@media(max-width:760px){
  .syn-sprint-track{grid-template-columns:1fr;gap:10px}
  .syn-sprint-track::before,.syn-sprint-track::after{top:48px;right:auto;bottom:48px;left:49px;width:2px;height:auto}
  .syn-sprint-track::after{transform:scaleY(var(--sprint-progress));transform-origin:center top}
  .syn-sprint-stage{min-height:0;grid-template-columns:52px 1fr;grid-template-rows:auto;gap:18px;padding:20px 20px 22px}
  .syn-sprint-node{width:50px;height:50px}
  .syn-sprint-stage p{max-width:52ch}
}
@media(max-width:600px){
  .syn-sprint-head{margin-bottom:28px}
  .syn-sprint-journey{padding:12px;border-radius:21px}
  .syn-sprint-fact{min-width:0;flex:1;padding:13px 14px}.syn-sprint-facts strong{font-size:1.45rem}
  .syn-sprint-track::before,.syn-sprint-track::after{left:37px}
  .syn-sprint-stage{grid-template-columns:42px 1fr;gap:13px;padding:17px 14px 19px}
  .syn-sprint-node{width:42px;height:42px}
  .syn-workflow-head{margin-bottom:28px}.syn-workflow-head__aside p{font-size:11px}
  .syn-workflow-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,200px)}
  .syn-workflow-card--lead,.syn-workflow-card--onboard,.syn-workflow-card--quotes,.syn-workflow-card--reporting,.syn-workflow-card--knowledge{grid-column:auto;grid-row:auto}
  .syn-workflow-card--lead{padding:24px}
  .syn-workflow-viz--follow{bottom:24px}
  .syn-workflow-viz--onboard{right:24px;bottom:18px;transform:scale(.8);transform-origin:right bottom}
  .syn-workflow-card__summary{max-width:24ch}
  .syn-workflow-card__link{top:auto;right:16px;bottom:16px}
}
@media(prefers-reduced-motion:reduce){
  .syn-sprint-status i,.syn-sprint-track::before,.syn-sprint-track::after,.syn-sprint-node,.syn-sprint-stage,.syn-workflow-viz--follow b{animation:none!important;transition:none!important}
  .syn-workflow-card,.syn-workflow-card__arrow,.syn-workflow-viz--pages i,.syn-workflow-viz--reporting i{transition:none!important}
}

/* Assessments — a dark launchpad, deliberately unlike the paper-page Insights grid. */
.syn-assessment-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 12%,rgba(174,128,55,.18),transparent 25%),
    radial-gradient(circle at 14% 85%,rgba(119,89,51,.14),transparent 29%),
    linear-gradient(145deg,#221f1a 0%,#12110f 100%)!important;
}
.syn-assessment-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(rgba(231,201,145,.22) .5px,transparent .5px);
  background-size:18px 18px;
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.65),transparent);
  opacity:.24;
}
.syn-assessment-section>.lux-shell{position:relative;z-index:1}
.syn-assessment-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.58fr);gap:clamp(50px,9vw,130px);align-items:end;margin-bottom:40px}
.syn-assessment-head .lux-kicker{color:#d5b36d!important}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .syn-assessment-head .lux-title{max-width:770px;margin-bottom:0;color:#fff6e8!important}
.syn-assessment-head .lux-subtitle{max-width:500px;margin:0 0 7px;color:rgba(255,246,232,.6)!important}

.syn-assessment-launchpad{overflow:hidden;border:1px solid rgba(233,207,161,.18);border-radius:28px;background:rgba(8,8,7,.28);box-shadow:0 35px 84px rgba(0,0,0,.24)}
.syn-assessment-launchpad>header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:62px;padding:0 30px;border-bottom:1px solid rgba(233,207,161,.13);background:rgba(255,255,255,.025);color:#f8ead4}
.syn-assessment-launchpad>header>span{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:720;letter-spacing:.13em;text-transform:uppercase}
.syn-assessment-launchpad>header>span i{width:7px;height:7px;border-radius:50%;background:#d2aa58;box-shadow:0 0 0 5px rgba(210,170,88,.08);animation:synAssessmentLive 4.5s ease-in-out infinite}
.syn-assessment-launchpad>header>small{color:#8e857a;font-size:8px;letter-spacing:.1em;text-transform:uppercase}

.syn-assessment-route{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.72fr) 170px;align-items:stretch;min-height:225px;color:#fff4e3;text-decoration:none;transition:background .35s ease}
.syn-assessment-route+.syn-assessment-route{border-top:1px solid rgba(233,207,161,.13)}
.syn-assessment-route::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s ease}
.syn-assessment-route--recruitment::before{background:linear-gradient(90deg,rgba(191,145,70,.13),transparent 65%)}
.syn-assessment-route--estate{background:rgba(180,133,62,.055)}
.syn-assessment-route--estate::before{background:linear-gradient(90deg,rgba(209,166,90,.18),rgba(209,166,90,.04) 70%,transparent)}
.syn-assessment-route:hover::before,.syn-assessment-route:focus-visible::before{opacity:1}
.syn-assessment-route:focus-visible{outline:2px solid #d3aa59;outline-offset:-4px}
.syn-assessment-route__copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:34px 40px}
.syn-assessment-route__copy>span{margin-bottom:15px;color:#d4af66;font-size:8.5px;font-weight:760;letter-spacing:.14em;text-transform:uppercase}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .syn-assessment-route__copy h3{max-width:16ch;margin:0;color:#fff5e5!important;font-family:"Instrument Serif",Georgia,serif!important;font-size:clamp(2.25rem,3.4vw,3.7rem);font-weight:400;letter-spacing:-.045em;line-height:.92}
.syn-assessment-route__copy p{max-width:60ch;margin:18px 0 0;color:rgba(255,244,227,.55);font-size:10.5px;line-height:1.6}

.syn-assessment-route__signal{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:30px 32px;border-left:1px solid rgba(233,207,161,.11)}
.syn-assessment-route__signal>span{margin-bottom:26px;color:#a79d90;font-size:8px;letter-spacing:.09em;text-transform:uppercase}
.syn-assessment-route__signal>div{position:relative;display:flex;align-items:center;justify-content:space-between;height:22px}
.syn-assessment-route__signal>div::before{content:"";position:absolute;right:4px;left:4px;height:1px;background:linear-gradient(90deg,rgba(207,169,94,.13),rgba(207,169,94,.65),rgba(207,169,94,.13))}
.syn-assessment-route__signal i{position:relative;z-index:1;width:8px;height:8px;border:2px solid #181613;border-radius:50%;background:#766c5e;box-shadow:0 0 0 1px rgba(209,170,94,.35)}
.syn-assessment-route__signal b{position:absolute;z-index:2;top:7px;left:2px;width:8px;height:8px;border-radius:50%;background:#d4ab5b;box-shadow:0 0 15px rgba(212,171,91,.55);animation:synAssessmentTravel 7s cubic-bezier(.45,0,.55,1) infinite}
.syn-assessment-route--estate .syn-assessment-route__signal b{animation-delay:1.8s}

.syn-assessment-route__action{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;border-left:1px solid rgba(233,207,161,.11);background:rgba(255,255,255,.018)}
.syn-assessment-route__action small{max-width:92px;color:#b4aa9d;font-size:8px;font-weight:660;letter-spacing:.07em;text-align:center;text-transform:uppercase;line-height:1.45}
.syn-assessment-route__action>i{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(238,214,172,.27);border-radius:50%;color:#f6e4c6;font-size:18px;font-style:normal;transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s ease,color .3s ease}
.syn-assessment-route:hover .syn-assessment-route__action>i{background:#d2a956;color:#17130f;transform:translateX(6px)}

@keyframes synAssessmentLive{0%,100%{opacity:.55;box-shadow:0 0 0 5px rgba(210,170,88,.07)}50%{opacity:1;box-shadow:0 0 0 8px rgba(210,170,88,.12)}}
@keyframes synAssessmentTravel{0%,8%{left:2px;opacity:0}15%{opacity:1}82%{opacity:1}92%,100%{left:calc(100% - 10px);opacity:0}}

@media(max-width:900px){
  .syn-assessment-head{grid-template-columns:1fr;gap:22px}
  .syn-assessment-route{grid-template-columns:minmax(0,1fr) 235px 130px}
  .syn-assessment-route__copy{padding:30px}.syn-assessment-route__signal{padding:28px 24px}
}
@media(max-width:700px){
  .syn-assessment-launchpad{border-radius:21px}
  .syn-assessment-route{grid-template-columns:1fr 100px;min-height:0}
  .syn-assessment-route__copy{padding:30px 24px 20px}
  .syn-assessment-route__signal{grid-column:1/2;padding:14px 24px 28px;border-left:0}
  .syn-assessment-route__signal>span{margin-bottom:16px}
  .syn-assessment-route__action{grid-row:1/3;grid-column:2/3;min-height:230px}
}
@media(max-width:480px){
  .syn-assessment-launchpad>header{padding:0 18px}.syn-assessment-launchpad>header>small{display:none}
  .syn-assessment-route{grid-template-columns:1fr}
  .syn-assessment-route__copy{padding:28px 20px 18px}
  .syn-assessment-route__signal{grid-column:1;padding:12px 20px 23px}
  .syn-assessment-route__action{grid-row:auto;grid-column:1;min-height:68px;align-items:center;justify-content:space-between;flex-direction:row;padding:0 20px;border-top:1px solid rgba(233,207,161,.1);border-left:0}
  .syn-assessment-route__action small{max-width:none;text-align:left}.syn-assessment-route__action>i{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  .syn-assessment-launchpad>header>span i,.syn-assessment-route__signal b{animation:none!important}
  .syn-assessment-route::before,.syn-assessment-route__action>i{transition:none!important}
}

/* Homepage workflow film — a compact, cinematic proof of the handoff. */
.syn-workflow-film{
  position:relative;
  overflow:hidden;
  margin:0;
  border:1px solid rgba(195,158,87,.26);
  border-radius:28px;
  background:#12110f;
  color:#f7efe2;
  box-shadow:0 32px 78px rgba(42,31,19,.19),0 1px 0 rgba(255,255,255,.08) inset;
}
.syn-workflow-film__top,
.syn-workflow-film figcaption{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:58px;
  padding:0 25px;
  background:rgba(18,17,15,.96);
}
.syn-workflow-film__top{border-bottom:1px solid rgba(245,226,194,.1)}
.syn-workflow-film__top>span{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(247,239,226,.7);
  font-size:9px;
  font-weight:720;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.syn-workflow-film__top>span i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d5ae5b;
  box-shadow:0 0 0 5px rgba(213,174,91,.08),0 0 18px rgba(213,174,91,.42);
  animation:synLivePulse 2.8s ease-in-out infinite;
}
.syn-workflow-film__top button{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:0 12px;
  border:1px solid rgba(245,226,194,.16);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:rgba(247,239,226,.64);
  font-family:var(--sans);
  font-size:9px;
  font-weight:650;
  cursor:pointer;
  transition:border-color .25s ease,background .25s ease,color .25s ease;
}
.syn-workflow-film__top button:hover,
.syn-workflow-film__top button:focus-visible{border-color:rgba(213,174,91,.55);background:rgba(213,174,91,.09);color:#fff8ec}
.syn-workflow-film__top button i{width:7px;height:9px;border-right:2px solid currentColor;border-left:2px solid currentColor}
.syn-workflow-film.is-paused .syn-workflow-film__top button i{width:0;height:0;border:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}
.syn-workflow-film__frame{position:relative;z-index:1;overflow:hidden;aspect-ratio:16/9;background:#100f0d}
.syn-workflow-film__frame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 -48px 70px rgba(0,0,0,.08);
}
.syn-workflow-film__motion,
.syn-workflow-film__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.syn-workflow-film__poster{display:none}
.syn-workflow-film.is-paused .syn-workflow-film__motion{display:none}
.syn-workflow-film.is-paused .syn-workflow-film__poster{display:block}
.syn-workflow-film figcaption{
  min-height:62px;
  border-top:1px solid rgba(245,226,194,.1);
  color:rgba(247,239,226,.43);
  font-size:9px;
  font-weight:650;
  letter-spacing:.04em;
}
.syn-workflow-film figcaption a{display:inline-flex;align-items:center;gap:12px;color:#f7efe2;font-size:10px;font-weight:720;letter-spacing:0}
.syn-workflow-film figcaption a b{font-size:16px;font-weight:400;transition:transform .25s ease}
.syn-workflow-film figcaption a:hover b{transform:translateX(4px)}

@media(max-width:640px){
  .syn-workflow-film{border-radius:20px}
  .syn-workflow-film__top,.syn-workflow-film figcaption{min-height:54px;padding:0 17px}
  .syn-workflow-film__top button{width:34px;padding:0;justify-content:center}
  .syn-workflow-film__top button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .syn-workflow-film figcaption{align-items:flex-start;flex-direction:column;gap:7px;padding-top:14px;padding-bottom:14px}
}
@media(prefers-reduced-motion:reduce){
  .syn-workflow-film__motion{display:none!important}
  .syn-workflow-film__poster{display:block!important}
  .syn-workflow-film__top button{display:none}
  .syn-workflow-film__top>span i{animation:none!important}
}

/* Restore the original navigation proportions and centre the homepage message. */
.lux-page[data-screen-label="Homepage"] .lux-hero__inner{
  align-items:center;
  text-align:center;
}
.lux-page[data-screen-label="Homepage"] .lux-hero__tagline{
  justify-content:center;
}
.lux-page[data-screen-label="Homepage"] .lux-hero h1,
.lux-page[data-screen-label="Homepage"] .lux-hero__copy{
  margin-right:auto;
  margin-left:auto;
}
.lux-page[data-screen-label="Homepage"] .lux-hero .lux-actions{
  justify-content:center;
  margin-right:auto;
  margin-left:auto;
}

@media(min-width:1181px){
  html[data-syn-theme="light"] body .syn-global-nav[data-home-nav]{
    width:min(1240px,calc(100% - 48px))!important;
    max-width:none!important;
    border:1px solid rgba(246,226,192,.16)!important;
    border-radius:24px!important;
    background:rgba(27,21,16,.3)!important;
    box-shadow:0 14px 40px rgba(10,7,5,.12)!important;
    backdrop-filter:blur(12px) saturate(110%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(110%)!important;
  }
  html body .syn-global-nav[data-home-nav] .syn-global-nav__inner{
    width:100%!important;
    height:80px;
    justify-content:center;
    padding:0 28px;
    gap:0;
  }
  html body .syn-global-nav[data-home-nav] .syn-global-nav__links{
    gap:28px;
    margin-left:64px;
  }
  html body .syn-global-nav[data-home-nav] .syn-global-nav__actions{
    margin-left:48px;
  }
  html[data-syn-theme="light"] body .syn-global-nav[data-home-nav] .syn-global-nav__link{
    color:#fff4e5!important;
    font-size:13.5px!important;
    opacity:.82;
    text-shadow:0 1px 14px rgba(20,12,7,.72);
  }
  html[data-syn-theme="light"] body .syn-global-nav[data-home-nav] .syn-global-nav__cta{
    min-height:50px;
    padding:0 24px!important;
    border-color:#ead5b2!important;
    background:#ead5b2!important;
    color:#24180f!important;
    font-size:13px!important;
  }
  html[data-syn-theme="light"] body .syn-global-nav[data-home-nav] .syn-global-nav__brand img{
    height:35px!important;
    filter:brightness(0) invert(1)!important;
  }
}

/* Motion polish — one restrained rhythm across scrolling, reveals and navigation. */
:root{
  --syn-ease-out:cubic-bezier(.16,1,.3,1);
  --syn-ease-soft:cubic-bezier(.22,.72,.24,1);
}

@view-transition{navigation:auto}
::view-transition-old(root){animation:syn-page-out .24s ease both}
::view-transition-new(root){animation:syn-page-in .48s var(--syn-ease-out) both}
@keyframes syn-page-out{to{opacity:0;transform:scale(.996)}}
@keyframes syn-page-in{from{opacity:0;transform:translateY(8px)}}

html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-hero{
  overflow:clip;
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-intro{
  margin-top:-48px;
  overflow:hidden;
  border-radius:34px 34px 0 0;
  box-shadow:0 -18px 54px rgba(34,25,17,.09);
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-intro::before{
  top:0;
  height:74px;
  background:linear-gradient(180deg,rgba(224,207,182,.2),rgba(247,244,238,0));
}
html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-intro>.lux-shell{
  padding-top:10px;
}

.syn-motion-ready .lux-reveal{
  transform:translate3d(0,22px,0);
  transition-duration:.72s;
  transition-timing-function:var(--syn-ease-out);
}
.syn-motion-ready .lux-reveal.syn-reveal-visual{
  filter:blur(1.5px);
  transform:translate3d(0,26px,0) scale(.992);
  transition-duration:.82s,.82s,.56s;
  transition-timing-function:var(--syn-ease-out),var(--syn-ease-out),ease-out;
}
.syn-motion-ready .lux-reveal.is-visible{will-change:auto}

.lux-button,
.syn-global-nav__cta,
.syn-workflow-card,
.syn-workflow-card__link,
.lux-proof-card,
.lux-industry-links a{
  transition-timing-function:var(--syn-ease-out)!important;
}
.lux-button:active,
.syn-global-nav__cta:active,
.syn-workflow-card__link:active{
  transform:translateY(1px) scale(.985)!important;
  transition-duration:.12s!important;
}

@media(max-width:700px){
  html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-intro{
    margin-top:-28px;
    border-radius:24px 24px 0 0;
  }
  html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] .lux-intro::before{height:52px}
}

@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
  .lux-button,.syn-global-nav__cta,.syn-workflow-card,.syn-workflow-card__link,.lux-proof-card,.lux-industry-links a{transition:none!important}
}