/* Local homepage concept: tangible workflow visuals, clearer story rhythm and human control. */
:root{
  --syn-ink:#17130f;
  --syn-cream:#f7f2e8;
  --syn-paper:#fffaf1;
  --syn-gold:#b88a3a;
  --syn-gold-soft:#e8d2a7;
  --syn-line:rgba(83,61,31,.16);
  --syn-ease:cubic-bezier(.16,1,.3,1);
}

/* Hero: promise on the left, visible mechanism on the right. */
.lux-page[data-screen-label="Homepage"] .lux-hero{
  min-height:calc(100svh - 36px);
  padding-top:142px;
}
.lux-page[data-screen-label="Homepage"] .lux-hero__inner.syn-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.72fr);
  gap:clamp(62px,8vw,118px);
  align-items:center;
  min-height:580px;
  text-align:left;
}
.syn-hero-copy{min-width:0}
.syn-hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 28px;
  color:rgba(255,250,241,.72);
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.syn-hero-eyebrow i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d5ae6d;
  box-shadow:0 0 0 6px rgba(213,174,109,.12),0 0 20px rgba(213,174,109,.58);
}
.lux-page[data-screen-label="Homepage"] .syn-hero-copy h1,
.lux-page[data-screen-label="Homepage"] .syn-hero-copy .lux-hero__copy{
  margin-right:0;
  margin-left:0;
}
.lux-page[data-screen-label="Homepage"] .syn-hero-copy h1{
  max-width:680px;
  font-size:clamp(3.4rem,5.15vw,5rem);
}
.lux-page[data-screen-label="Homepage"] .syn-hero-copy .lux-actions{
  justify-content:flex-start;
  margin-right:0;
  margin-left:0;
}
.syn-hero-demo-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 5px;
  border-bottom:1px solid rgba(255,255,255,.3);
  color:rgba(255,255,255,.86);
  font-size:12px;
  font-weight:650;
  transition:border-color .25s ease,color .25s ease;
}
.syn-hero-demo-link span{font-size:15px;transition:transform .25s var(--syn-ease)}
.syn-hero-demo-link:hover{border-color:#fff;color:#fff}
.syn-hero-demo-link:hover span{transform:translate(3px,-3px)}

.syn-hero-live{
  position:relative;
  width:100%;
  overflow:hidden;
  border:1px solid rgba(255,248,235,.28);
  border-radius:26px;
  background:linear-gradient(150deg,rgba(35,28,21,.76),rgba(18,15,12,.55));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 38px 90px rgba(7,5,3,.3);
  color:#fff9ef;
  backdrop-filter:blur(24px) saturate(1.1);
  -webkit-backdrop-filter:blur(24px) saturate(1.1);
  animation:syn-hero-card-float 7s var(--syn-ease) infinite;
}
.syn-hero-live::before{
  content:"";
  position:absolute;
  inset:-45% -20% auto auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(205,160,89,.2),transparent 68%);
  pointer-events:none;
}
.syn-hero-live::after{
  content:"";
  position:absolute;
  top:-35%;
  bottom:-35%;
  left:-42%;
  z-index:0;
  width:25%;
  background:linear-gradient(90deg,transparent,rgba(255,244,225,.08),transparent);
  transform:rotate(13deg);
  animation:syn-hero-sheen 7.5s ease-in-out infinite;
  pointer-events:none;
}
.syn-hero-live>*{position:relative;z-index:1}
.syn-hero-live__top,
.syn-hero-live__foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px}
.syn-hero-live__top{border-bottom:1px solid rgba(255,248,235,.1)}
.syn-hero-live__top>span{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
.syn-hero-live__top>span i{width:7px;height:7px;border-radius:50%;background:#d6ab66;box-shadow:0 0 0 5px rgba(214,171,102,.11);animation:syn-live-pulse 2.4s ease-in-out infinite}
.syn-hero-live__top small{color:rgba(255,249,239,.4);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.syn-hero-live__event{padding:24px 22px 19px}
.syn-hero-live__event>span{color:#dfbb7f;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.syn-hero-live__event strong{display:block;max-width:12ch;margin:9px 0;color:#fff9ef;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2rem,2.7vw,2.7rem);font-weight:400;letter-spacing:-.04em;line-height:.94}
.syn-hero-live__event p{max-width:40ch;margin:0;color:rgba(255,249,239,.57);font-size:10.5px;line-height:1.55}
.syn-hero-live__flow{display:grid;gap:7px;margin:0;padding:0 14px 18px;list-style:none}
.syn-hero-live__flow li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;min-height:53px;padding:8px 11px;border:1px solid rgba(255,248,235,.09);border-radius:13px;background:rgba(255,255,255,.035);opacity:.58;transform:translateX(0);transition:opacity .5s ease,transform .65s var(--syn-ease),border-color .5s ease,background .5s ease,box-shadow .5s ease}
.syn-hero-live__flow li>i{display:grid;width:23px;height:23px;place-items:center;border:1px solid rgba(255,248,235,.23);border-radius:50%;color:#17130f;font-size:9px;font-style:normal;font-weight:800}
.syn-hero-live__flow li.is-complete>i{border-color:#d4aa65;background:#d4aa65}
.syn-hero-live__flow li.is-complete{opacity:.78}
.syn-hero-live__flow li.is-active{border-color:rgba(222,180,109,.46);background:rgba(221,175,98,.13);box-shadow:0 10px 28px rgba(7,5,3,.13),inset 3px 0 0 #d4aa65;opacity:1;transform:translateX(-5px)}
.syn-hero-live__flow li.is-active>i{border-color:#d4aa65;box-shadow:inset 0 0 0 5px rgba(212,170,101,.16)}
.syn-hero-live__flow li.is-active>i::before{content:"";width:7px;height:7px;border-radius:50%;background:#d4aa65;animation:syn-live-pulse 2s ease-in-out infinite}
.syn-hero-live__flow li>span{display:grid;gap:2px}
.syn-hero-live__flow strong{color:rgba(255,249,239,.9);font-size:10px;font-weight:650;letter-spacing:0}
.syn-hero-live__flow small{color:rgba(255,249,239,.4);font-size:8.5px}
.syn-hero-live__flow em{color:rgba(255,249,239,.38);font-size:7.5px;font-style:normal;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.syn-hero-live__flow li.is-active em{color:#e3bd7d}
.syn-hero-live__flow li.is-active span{animation:syn-hero-copy-in .58s var(--syn-ease) both}
.syn-hero-live.is-complete .syn-hero-live__foot{background:rgba(197,149,73,.13)}
.syn-hero-live.is-complete .syn-hero-live__foot strong{color:#efd39f}
.syn-hero-live__foot{border-top:1px solid rgba(255,248,235,.1);background:rgba(0,0,0,.08)}
.syn-hero-live__foot>span{display:grid;gap:3px}
.syn-hero-live__foot small{color:rgba(255,249,239,.35);font-size:7px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.syn-hero-live__foot strong{color:rgba(255,249,239,.78);font-size:9px;font-weight:650}
@keyframes syn-live-pulse{50%{opacity:.55;transform:scale(.86)}}
@keyframes syn-hero-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes syn-hero-sheen{0%,32%{left:-42%;opacity:0}47%{opacity:1}66%,100%{left:125%;opacity:0}}
@keyframes syn-hero-copy-in{from{opacity:.3;transform:translateX(-6px)}to{opacity:1;transform:none}}

/* A five-part story with one focused visual, replacing the compressed three-card sprint. */
.syn-story-section{
  position:relative;
  margin:18px;
  overflow:hidden;
  border:1px solid #dfd1bb!important;
  border-radius:30px;
  background:linear-gradient(145deg,#fbf7ef 0%,#f1e4cf 100%)!important;
}
.syn-story-section::before{content:"";position:absolute;top:-220px;right:-180px;width:620px;height:620px;border:1px solid rgba(147,102,40,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(147,102,40,.025),0 0 0 150px rgba(147,102,40,.018);pointer-events:none}
.syn-story-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.58fr);gap:34px 80px;align-items:end;margin-bottom:58px}
.syn-story-head .lux-kicker{grid-column:1/-1;margin-bottom:0}
.syn-story-head h2{max-width:820px;margin:0;color:var(--syn-ink)!important;font-family:"Instrument Serif",Georgia,serif!important;font-size:clamp(3.2rem,5.4vw,5.8rem);font-weight:400!important;letter-spacing:-.05em!important;line-height:.9}
.syn-story-head>p{max-width:44ch;margin:0 0 6px;color:#62594e;font-size:14px;line-height:1.7}
.syn-story{position:relative;z-index:1;display:grid;grid-template-columns:minmax(310px,.75fr) minmax(0,1.25fr);gap:clamp(35px,6vw,84px);align-items:start}
.syn-story__steps{display:grid;border-top:1px solid rgba(86,60,29,.18)}
.syn-story-step{display:grid;grid-template-columns:38px 1fr 22px;gap:16px;align-items:center;width:100%;min-height:84px;padding:14px 3px;border:0;border-bottom:1px solid rgba(86,60,29,.15);background:transparent;color:#1d1813;text-align:left;cursor:pointer;transition:padding .35s var(--syn-ease),color .25s ease}
.syn-story-step:hover,.syn-story-step.is-active{padding-left:10px;color:#8b6226}
.syn-story-step>span:first-child{font-family:"Instrument Serif",Georgia,serif;font-size:16px;font-style:italic}
.syn-story-step>span:nth-child(2){display:grid;gap:3px}
.syn-story-step strong{font-size:15px;font-weight:650}
.syn-story-step small{color:#71665b;font-size:9px;letter-spacing:.04em}
.syn-story-step>i{font-size:15px;font-style:normal;opacity:.25;transform:translateX(-7px);transition:opacity .25s ease,transform .35s var(--syn-ease)}
.syn-story-step.is-active>i{opacity:1;transform:none}
.syn-story__stage{position:sticky;top:112px;overflow:hidden;border:1px solid rgba(255,255,255,.6);border-radius:26px;background:linear-gradient(150deg,#211a14,#100d0a);box-shadow:0 30px 70px rgba(54,36,17,.2);color:#fff7eb}
.syn-story__stage::before{content:"";position:absolute;right:-110px;bottom:-150px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(190,140,64,.22),transparent 66%);pointer-events:none}
.syn-story__stage>header,.syn-story__stage>footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-color:rgba(255,247,235,.1)}
.syn-story__stage>header{border-bottom:1px solid rgba(255,247,235,.1)}
.syn-story__stage>header>span{display:flex;align-items:center;gap:10px;font-size:8.5px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.syn-story__stage>header i{width:7px;height:7px;border-radius:50%;background:#d5a959;box-shadow:0 0 0 5px rgba(213,169,89,.12)}
.syn-story__stage>header small{color:rgba(255,247,235,.42);font-size:9px;letter-spacing:.09em}
.syn-story__progress{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:18px 24px 0}
.syn-story__progress i{height:2px;border-radius:2px;background:rgba(255,247,235,.12);transition:background .35s ease,transform .35s var(--syn-ease);transform-origin:left}
.syn-story__progress i.is-on{background:#d5aa62;transform:scaleY(1.5)}
.syn-story__copy{position:relative;min-height:300px;padding:64px 40px 52px}
.syn-story__copy>span{color:#d8ad66;font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.syn-story__copy h3{max-width:12ch;margin:17px 0 22px;color:#fff8ed!important;font-family:"Instrument Serif",Georgia,serif!important;font-size:clamp(2.7rem,4.1vw,4.6rem);font-weight:400!important;letter-spacing:-.048em!important;line-height:.92}
.syn-story__copy p{max-width:49ch;margin:0;color:rgba(255,247,235,.58);font-size:12px;line-height:1.65}
.syn-story__copy.is-changing{animation:syn-story-swap .42s var(--syn-ease)}
@keyframes syn-story-swap{0%{opacity:.25;transform:translateY(10px)}100%{opacity:1;transform:none}}
.syn-story__signal{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 18px 18px;overflow:hidden;border:1px solid rgba(255,247,235,.1);border-radius:14px;background:rgba(255,255,255,.09)}
.syn-story__signal>span{display:grid;gap:4px;padding:16px;background:rgba(13,10,8,.58)}
.syn-story__signal small{color:rgba(255,247,235,.36);font-size:7px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.syn-story__signal strong{color:rgba(255,247,235,.85);font-size:9.5px;font-weight:650}
.syn-story__stage>footer{border-top:1px solid rgba(255,247,235,.1);color:rgba(255,247,235,.42);font-size:8px}
.syn-story__stage>footer span{display:grid;gap:3px}
.syn-story__stage>footer strong{color:rgba(255,247,235,.82);font-size:11px}
.syn-story-cta{align-items:center;margin-top:52px!important}
.syn-story-cta>span{color:#6e6255;font-size:11px}

/* Dedicated trust moment: the workflow pauses cleanly for a person. */
.syn-control-section{background:#17130f!important;color:#fff8ed}
.syn-control-head{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(260px,.58fr);gap:26px 80px;align-items:end;margin-bottom:62px}
.syn-control-head .lux-kicker{grid-column:1/-1;margin-bottom:0;color:#ddb875}
.syn-control-head h2{max-width:820px;margin:0;color:#fff8ed!important;font-family:"Instrument Serif",Georgia,serif!important;font-size:clamp(3.2rem,5.2vw,5.6rem);font-weight:400!important;letter-spacing:-.05em!important;line-height:.91}
.syn-control-head>p{max-width:43ch;margin:0 0 6px;color:rgba(255,248,237,.55);font-size:13px;line-height:1.7}
.syn-control-flow{display:grid;grid-template-columns:minmax(0,.88fr) 70px minmax(0,1.12fr) 70px minmax(0,.78fr);align-items:center}
.syn-control-card{position:relative;min-height:300px;overflow:hidden;border:1px solid rgba(255,248,237,.14);border-radius:22px;background:#211b15;color:#fff8ed;box-shadow:0 22px 55px rgba(0,0,0,.16)}
.syn-control-card>header{display:flex;align-items:center;justify-content:space-between;min-height:53px;padding:0 17px;border-bottom:1px solid rgba(255,248,237,.1)}
.syn-control-card>header>span{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.syn-control-card>header i{width:6px;height:6px;border-radius:50%;background:#c99a4f}
.syn-control-card>header small{color:rgba(255,248,237,.36);font-size:8px}
.syn-control-person{display:flex;align-items:center;gap:13px;padding:24px 18px 18px}
.syn-control-person>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#e0bd7e;color:#24190f;font-size:10px;font-weight:750}
.syn-control-person>div{display:grid;gap:2px}.syn-control-person strong{font-size:12px}.syn-control-person small{color:rgba(255,248,237,.42);font-size:8px}
.syn-control-card dl{display:grid;gap:8px;margin:0;padding:0 18px}.syn-control-card dl>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,248,237,.08);font-size:9px}.syn-control-card dt{color:rgba(255,248,237,.38)}.syn-control-card dd{margin:0;color:rgba(255,248,237,.75);font-weight:650}
.syn-control-card>footer{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;gap:8px;min-height:47px;padding:0 17px;border-top:1px solid rgba(255,248,237,.1);color:rgba(255,248,237,.5);font-size:8px}.syn-control-card>footer i{color:#dbb46e;font-style:normal}
.syn-control-bridge{display:grid;justify-items:center;gap:7px;color:rgba(255,248,237,.32)}
.syn-control-bridge span{font-size:7px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.syn-control-bridge i{font-size:16px;font-style:normal}
.syn-control-card--approval{z-index:2;min-height:360px;border-color:rgba(225,187,119,.42);background:linear-gradient(150deg,#3a2a1d,#211812);box-shadow:0 30px 80px rgba(0,0,0,.32)}
.syn-control-card--approval::before{content:"";position:absolute;right:-90px;bottom:-110px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(207,158,79,.22),transparent 67%)}
.syn-control-label{display:block;margin:27px 23px 12px;color:#deb873;font-size:8px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.syn-control-card--approval>p{position:relative;margin:0 23px;padding:20px;border:1px solid rgba(255,248,237,.12);border-radius:13px;background:rgba(255,255,255,.045);color:rgba(255,248,237,.78);font-family:"Instrument Serif",Georgia,serif;font-size:17px;line-height:1.35}
.syn-control-actions{position:relative;display:grid;grid-template-columns:.55fr 1.45fr;gap:8px;margin:16px 23px 0}.syn-control-actions span,.syn-control-actions strong{display:flex;min-height:42px;align-items:center;justify-content:center;border:1px solid rgba(255,248,237,.16);border-radius:999px;font-size:9px}.syn-control-actions span{color:rgba(255,248,237,.52)}.syn-control-actions strong{gap:9px;border-color:#e1bb76;background:#e1bb76;color:#21160e}.syn-control-actions strong i{font-style:normal}
.syn-control-card--output{text-align:center}.syn-control-card--output>header{text-align:left}.syn-control-check{display:grid;width:58px;height:58px;place-items:center;margin:42px auto 18px;border-radius:50%;background:#d5aa62;color:#21160e;font-size:20px;font-weight:800;box-shadow:0 0 0 12px rgba(213,170,98,.09)}.syn-control-card--output>strong{display:block;font-family:"Instrument Serif",Georgia,serif;font-size:25px;font-weight:400}.syn-control-card--output>p{max-width:23ch;margin:9px auto 0;color:rgba(255,248,237,.48);font-size:9px;line-height:1.55}.syn-control-card--output>footer{justify-content:center}
.syn-control-note{display:flex;align-items:center;gap:24px;margin-top:38px;padding-top:30px;border-top:1px solid rgba(255,248,237,.11)}
.syn-control-note>span{display:flex;align-items:center;gap:9px;color:rgba(255,248,237,.6);font-size:10px}.syn-control-note>span i{color:#d8ad66;font-style:normal}
.syn-control-note .lux-button{margin-left:auto!important;border-color:#fff8ed!important;background:#fff8ed!important;color:#17130f!important}

/* Stronger close: one statement and one action. */
.lux-page[data-screen-label="Homepage"] .lux-cta .lux-shell{max-width:1040px}
.lux-page[data-screen-label="Homepage"] .lux-cta h2{max-width:1020px;font-family:"Instrument Serif",Georgia,serif!important;font-size:clamp(3.5rem,6.2vw,6.9rem);font-weight:400!important;letter-spacing:-.055em!important;line-height:.87}
.lux-page[data-screen-label="Homepage"] .lux-cta h2 em{color:#dcb879;font-weight:400}
.lux-page[data-screen-label="Homepage"] .lux-cta .lux-subtitle{max-width:600px;margin:28px auto 0;color:rgba(255,248,237,.58)}
.syn-closing-email{display:inline-block;margin-top:20px;color:rgba(255,248,237,.46);font-size:10px;border-bottom:1px solid rgba(255,248,237,.18)}

@media(max-width:1050px){
  .lux-page[data-screen-label="Homepage"] .lux-hero__inner.syn-hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:38px}
  .syn-story-head,.syn-control-head{grid-template-columns:1fr;gap:24px}.syn-story-head .lux-kicker,.syn-control-head .lux-kicker{grid-column:1}.syn-story-head>p,.syn-control-head>p{max-width:60ch}
  .syn-control-flow{grid-template-columns:1fr 42px 1.08fr}.syn-control-flow .syn-control-bridge:nth-of-type(2),.syn-control-card--output{display:none}
}

@media(max-width:820px){
  .lux-page[data-screen-label="Homepage"] .lux-hero{min-height:auto;padding:132px 22px 76px}
  .lux-page[data-screen-label="Homepage"] .lux-hero__inner.syn-hero-grid{grid-template-columns:1fr;gap:52px;min-height:0}
  .lux-page[data-screen-label="Homepage"] .syn-hero-copy{text-align:center}
  .syn-hero-eyebrow{justify-content:center}
  .lux-page[data-screen-label="Homepage"] .syn-hero-copy h1,.lux-page[data-screen-label="Homepage"] .syn-hero-copy .lux-hero__copy{margin-right:auto;margin-left:auto}
  .lux-page[data-screen-label="Homepage"] .syn-hero-copy .lux-actions{justify-content:center;margin-right:auto;margin-left:auto}
  .syn-hero-live{width:min(520px,100%);margin:auto}
  .lux-page[data-screen-label="Homepage"] .lux-hero__scroll{display:none}
  .syn-story{grid-template-columns:1fr;gap:34px}.syn-story__stage{position:relative;top:auto;grid-row:1}.syn-story__steps{grid-row:2}.syn-story__copy{min-height:260px}
  .syn-story-section{margin:10px}
}

@media(max-width:620px){
  .lux-page[data-screen-label="Homepage"] .lux-hero{margin:0;padding:116px 10px 44px;border-radius:0}
  .lux-page[data-screen-label="Homepage"] .lux-hero__inner.syn-hero-grid{width:calc(100% - 28px);gap:36px}
  .syn-hero-eyebrow{margin-bottom:20px;font-size:8px}
  .lux-page[data-screen-label="Homepage"] .syn-hero-copy h1{font-size:clamp(3rem,15vw,4.4rem)}
  .lux-page[data-screen-label="Homepage"] .syn-hero-copy .lux-actions{align-items:center}
  .syn-hero-demo-link{width:auto}
  .syn-hero-live{border-radius:20px}.syn-hero-live__event{padding:20px 17px 15px}.syn-hero-live__event strong{font-size:2.15rem}.syn-hero-live__flow{padding:0 10px 13px}.syn-hero-live__foot{align-items:flex-start;flex-direction:column}
  .syn-story-section{padding:76px 0!important;border-radius:24px}.syn-story-head{margin-bottom:38px}.syn-story-head h2,.syn-control-head h2{font-size:clamp(3rem,14vw,4.5rem)}
  .syn-story__stage{border-radius:20px}.syn-story__copy{min-height:0;padding:45px 22px 38px}.syn-story__copy h3{font-size:clamp(2.6rem,12vw,3.8rem)}.syn-story__signal{grid-template-columns:1fr}.syn-story__stage>footer{align-items:flex-start;flex-direction:column}
  .syn-story-cta{align-items:flex-start!important}.syn-story-cta>span{text-align:center}
  .syn-control-section{padding:82px 0!important}.syn-control-head{margin-bottom:38px}.syn-control-flow{grid-template-columns:1fr;gap:14px}.syn-control-bridge{transform:rotate(90deg)}.syn-control-flow .syn-control-bridge:nth-of-type(2),.syn-control-card--output{display:grid}.syn-control-card{min-height:292px}.syn-control-card--approval{min-height:350px}.syn-control-note{align-items:stretch;flex-direction:column}.syn-control-note .lux-button{margin-left:0!important}
  .lux-page[data-screen-label="Homepage"] .lux-cta h2{font-size:clamp(3.2rem,15vw,5rem)}
}

@media(prefers-reduced-motion:reduce){
  .syn-hero-live,.syn-hero-live::after,.syn-hero-live__top>span i,.syn-hero-live__flow li.is-active>i::before,.syn-hero-live__flow li.is-active span{animation:none}
  .syn-hero-live__flow li{transition:none}
  .syn-story__copy.is-changing{animation:none}
}

/* Readability pass: secondary information remains quiet without disappearing. */
.syn-hero-eyebrow{color:rgba(255,250,241,.9)}
.lux-page[data-screen-label="Homepage"] .syn-hero-copy .lux-hero__copy{color:rgba(255,250,241,.86)}
.syn-hero-live__top small{color:rgba(255,249,239,.68);font-size:9px}
.syn-hero-live__event p{color:rgba(255,249,239,.76);font-size:11px}
.syn-hero-live__flow li{opacity:.72}
.syn-hero-live__flow li.is-complete{opacity:.9}
.syn-hero-live__flow small{color:rgba(255,249,239,.66);font-size:9px}
.syn-hero-live__flow em{color:rgba(255,249,239,.64);font-size:8px}
.syn-hero-live__foot small{color:rgba(255,249,239,.64);font-size:7.5px}
.syn-hero-live__foot strong{color:rgba(255,249,239,.92);font-size:9.5px}

.syn-story-head>p{color:#51483f}
.syn-story-step small{color:#5d5349;font-size:10px}
.syn-story__stage>header small{color:rgba(255,247,235,.7);font-size:9.5px}
.syn-story__copy p{color:rgba(255,247,235,.78);font-size:12.5px}
.syn-story__signal small{color:rgba(255,247,235,.66);font-size:7.5px}
.syn-story__signal strong{color:#fff7eb;font-size:10px}
.syn-story__stage>footer{color:rgba(255,247,235,.68);font-size:8.5px}
.syn-story-cta>span{color:#51483f;font-size:11.5px}

.syn-control-head>p{color:rgba(255,248,237,.76);font-size:13.5px}
.syn-control-card>header small{color:rgba(255,248,237,.68);font-size:8.5px}
.syn-control-person small{color:rgba(255,248,237,.68);font-size:8.5px}
.syn-control-card dt{color:rgba(255,248,237,.7)}
.syn-control-card dd{color:rgba(255,248,237,.92)}
.syn-control-card>footer{color:rgba(255,248,237,.7);font-size:8.5px}
.syn-control-card--approval>p{color:rgba(255,248,237,.94)}
.syn-control-actions span{color:rgba(255,248,237,.78)}
.syn-control-card--output>p{color:rgba(255,248,237,.72);font-size:9.5px}
.syn-control-note>span{color:rgba(255,248,237,.82);font-size:10.5px}

.lux-page[data-screen-label="Homepage"] .lux-cta .lux-subtitle{color:rgba(255,248,237,.78)}
.syn-closing-email{color:rgba(255,248,237,.75);font-size:10.5px}

html[data-syn-theme="light"] .lux-page[data-screen-label="Homepage"] :is(.lux-premium-proof__head>p,.lux-proof-card__body p,.lux-trust-rail span,.syn-workflow-card__summary){color:#554e46!important}

/* The shared light theme loads after the homepage theme; lock dark-section headings to light ink. */
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .syn-control-section .syn-control-head h2{
  color:#fff8ed!important;
  text-shadow:0 1px 24px rgba(0,0,0,.12);
}
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .syn-control-section .syn-control-head .lux-kicker{
  color:#e1ba72!important;
}
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .lux-cta h2{
  color:#fff8ed!important;
}
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .lux-cta h2 em{
  color:#e1ba72!important;
}
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .syn-story__stage .syn-story__copy h3{
  color:#fff8ed!important;
  text-shadow:0 1px 24px rgba(0,0,0,.12);
}
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .syn-story__stage .syn-story__copy p{
  color:rgba(255,247,235,.82)!important;
}
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .syn-story__stage :is(.syn-story__signal strong,footer strong){
  color:#fff8ed!important;
}

/* Human-control sequence: the work visibly travels from arrival to approved action. */
.syn-control-card{
  transition:transform .65s var(--syn-ease),border-color .5s ease,box-shadow .65s var(--syn-ease),opacity .5s ease;
}
.syn-control-card.is-active{
  z-index:4;
  border-color:rgba(225,187,118,.62);
  box-shadow:0 30px 80px rgba(0,0,0,.34),0 0 0 1px rgba(225,187,118,.12),0 0 55px rgba(190,137,58,.12);
  opacity:1;
  transform:translateY(-7px);
}
.syn-control-card.is-complete{opacity:.82}
.syn-control-card--input.is-active .syn-control-person>span{animation:syn-control-arrive .75s var(--syn-ease) both}
.syn-control-card--approval.is-active .syn-control-actions strong{animation:syn-control-approve 1.1s var(--syn-ease) both}
.syn-control-card--output.is-active .syn-control-check{animation:syn-control-finish .9s var(--syn-ease) both}
.syn-control-bridge{transition:color .4s ease,opacity .4s ease}
.syn-control-bridge i{transition:transform .5s var(--syn-ease),color .4s ease}
.syn-control-bridge.is-active{color:#dfb66f;opacity:1}
.syn-control-bridge.is-active i{color:#dfb66f;animation:syn-control-travel .9s var(--syn-ease) infinite}
@keyframes syn-control-arrive{0%{opacity:.2;transform:scale(.65)}65%{transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}
@keyframes syn-control-approve{0%{box-shadow:0 0 0 rgba(225,187,118,0)}55%{box-shadow:0 0 0 9px rgba(225,187,118,.12)}100%{box-shadow:0 0 0 rgba(225,187,118,0)}}
@keyframes syn-control-finish{0%{opacity:0;transform:scale(.45) rotate(-16deg)}68%{transform:scale(1.12) rotate(3deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes syn-control-travel{0%{opacity:.25;transform:translateX(-8px)}60%{opacity:1}100%{opacity:.25;transform:translateX(8px)}}

/* Dark workflow cards need light copy even inside the site's light theme. */
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .syn-workflow-card--lead .syn-workflow-card__summary,
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .syn-workflow-card--knowledge .syn-workflow-card__summary{
  color:rgba(255,248,237,.82)!important;
}
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .syn-workflow-card--lead .syn-workflow-card__link,
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .syn-workflow-card--knowledge .syn-workflow-card__link{
  color:#fff8ed!important;
}

@media(prefers-reduced-motion:reduce){
  .syn-control-card,.syn-control-bridge,.syn-control-bridge i{transition:none}
  .syn-control-card--input.is-active .syn-control-person>span,.syn-control-card--approval.is-active .syn-control-actions strong,.syn-control-card--output.is-active .syn-control-check,.syn-control-bridge.is-active i{animation:none}
}

/* Crisp workflow theatre: replaces the compressed raster film with live HTML. */
.syn-workflow-film__frame:has(.syn-cinema){background:#100d0a}
.syn-cinema{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  gap:clamp(14px,1.7vw,23px);
  padding:clamp(24px,3vw,40px) clamp(25px,3.6vw,48px) clamp(25px,3.3vw,44px);
  overflow:hidden;
  background:
    radial-gradient(circle at 56% 38%,rgba(178,128,55,.15),transparent 34%),
    linear-gradient(145deg,#17130f,#0e0c0a 68%);
  color:#fff8ed;
}
.syn-cinema::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 88%);pointer-events:none}
.syn-cinema>*{position:relative;z-index:1}
.syn-cinema__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:28px;color:rgba(255,248,237,.66);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.syn-cinema__bar>span{display:flex;align-items:center;gap:9px}.syn-cinema__bar>span i{width:7px;height:7px;border-radius:50%;background:#d9aa58;box-shadow:0 0 0 5px rgba(217,170,88,.1);animation:syn-live-pulse 2.2s ease-in-out infinite}
.syn-cinema__bar strong{color:rgba(255,248,237,.84);font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}
.syn-cinema__bar small{justify-self:end;color:rgba(255,248,237,.48);font-size:7px}
.syn-cinema__timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:5px 2px 0;list-style:none}
.syn-cinema__timeline::before{content:"";position:absolute;top:10px;right:9.5%;left:9.5%;height:1px;background:rgba(220,175,99,.22)}
.syn-cinema__timeline::after{content:"";position:absolute;top:10px;left:9.5%;width:81%;height:1px;background:#d8aa5d;transform:scaleX(var(--cinema-progress,.03));transform-origin:left;transition:transform .7s var(--syn-ease)}
.syn-cinema__timeline li{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;color:rgba(255,248,237,.45);font-size:7px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color .45s ease}
.syn-cinema__timeline li i{display:block;width:10px;height:10px;border:1px solid rgba(226,184,111,.42);border-radius:50%;background:#17130f;transition:background .4s ease,box-shadow .45s ease,transform .55s var(--syn-ease)}
.syn-cinema__timeline li.is-complete{color:rgba(255,248,237,.68)}
.syn-cinema__timeline li.is-complete i{border-color:#d7aa60;background:#d7aa60}
.syn-cinema__timeline li.is-active{color:#e0b66e}
.syn-cinema__timeline li.is-active i{border-color:#e0b66e;background:#e0b66e;box-shadow:0 0 0 7px rgba(224,182,110,.12),0 0 20px rgba(224,182,110,.28);transform:scale(1.25)}
.syn-cinema__workspace{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.2fr) minmax(0,.72fr);gap:clamp(13px,1.7vw,22px);min-height:0}
.syn-cinema-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(224,182,110,.22);border-radius:16px;background:rgba(34,28,22,.82);box-shadow:0 18px 42px rgba(0,0,0,.13);opacity:.7;transition:opacity .5s ease,transform .65s var(--syn-ease),border-color .5s ease,box-shadow .65s var(--syn-ease)}
.syn-cinema-card.is-active{z-index:2;border-color:rgba(224,182,110,.6);box-shadow:0 25px 60px rgba(0,0,0,.24),0 0 35px rgba(193,139,57,.08);opacity:1;transform:translateY(-4px)}
.syn-cinema-card.is-complete{opacity:.88}
.syn-cinema-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 17px;border-bottom:1px solid rgba(255,248,237,.09)}
.syn-cinema-card>header span{color:#d9ae68;font-size:7.5px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.syn-cinema-card>header small{color:rgba(255,248,237,.54);font-size:7px}
.syn-cinema-person{display:flex;align-items:center;gap:12px;padding:20px 18px 15px}.syn-cinema-person>i{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#100d0a;color:#d7ad68;font-size:9px;font-style:normal}.syn-cinema-person>span{display:grid;gap:2px}.syn-cinema-person strong{color:#fff8ed;font-size:11px}.syn-cinema-person small{color:rgba(255,248,237,.62);font-size:7.5px}
.syn-cinema-card dl{display:grid;gap:0;margin:0;padding:0 18px}.syn-cinema-card dl>div{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid rgba(255,248,237,.07)}.syn-cinema-card dt{color:rgba(255,248,237,.48);font-size:6.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.syn-cinema-card dd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;color:rgba(255,248,237,.84);font-size:9px}.syn-cinema-card dd i{width:6px;height:6px;border-radius:50%;background:#d9aa58;box-shadow:0 0 0 4px rgba(217,170,88,.08)}
.syn-cinema-card--arrival>footer{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border-top:1px solid rgba(255,248,237,.08);color:rgba(255,248,237,.68);font-size:7px}.syn-cinema-card--arrival>footer i{color:#d9aa58;font-style:normal}
.syn-cinema-card--action{background:#f7efe1;color:#211810}
.syn-cinema-card--action>header{border-bottom-color:rgba(68,48,25,.11)}.syn-cinema-card--action>header span{color:#906925}.syn-cinema-card--action>header small{padding:5px 8px;border-radius:999px;background:#ead8b7;color:#76551f}
html[data-syn-theme="light"] body .lux-page[data-screen-label="Homepage"] .syn-cinema-card--action h3{margin:18px 18px 4px;color:#211810!important;font-family:"Instrument Serif",Georgia,serif!important;font-size:clamp(1.65rem,2.35vw,2.55rem);font-weight:400!important;letter-spacing:-.045em!important;line-height:.88}
.syn-cinema-card--action>p{margin:0 18px;color:#675a4c!important;font-size:7.8px;line-height:1.45!important}.syn-cinema-card--action>ul{display:grid;gap:7px;margin:13px 13px 0;padding:0;list-style:none}.syn-cinema-card--action>ul li{display:flex;align-items:center;gap:9px;min-height:36px;padding:0 11px;border:1px solid rgba(65,45,22,.16);border-radius:9px;background:rgba(255,255,255,.4);color:#403326;font-size:8.5px}.syn-cinema-card--action>ul li i{width:7px;height:7px;border-radius:50%;background:#d6a856;box-shadow:0 0 0 4px rgba(214,168,86,.1)}
.syn-cinema-approval{position:absolute;right:13px;bottom:13px;left:13px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8px}.syn-cinema-approval>span,.syn-cinema-approval>strong{display:flex;min-height:38px;align-items:center;justify-content:center;border:1px solid rgba(55,38,20,.18);border-radius:999px;font-size:7.5px}.syn-cinema-approval>span{color:#6c5e50}.syn-cinema-approval>strong{gap:8px;border-color:#231a12;background:#231a12;color:#fff8ed}.syn-cinema-approval i{font-style:normal}
.syn-cinema[data-phase="3"] .syn-cinema-approval>strong{animation:syn-control-approve 1.1s var(--syn-ease) both}
.syn-cinema-card--history>ol{display:grid;gap:0;margin:0;padding:14px 17px;list-style:none}.syn-cinema-card--history>ol li{display:grid;grid-template-columns:12px 1fr;gap:8px;min-height:39px;color:rgba(255,248,237,.28);transition:color .5s ease,transform .5s var(--syn-ease)}.syn-cinema-card--history>ol li>i{position:relative;width:7px;height:7px;margin-top:4px;border:1px solid rgba(224,182,110,.22);border-radius:50%}.syn-cinema-card--history>ol li:not(:last-child)>i::after{content:"";position:absolute;top:8px;left:2px;width:1px;height:30px;background:rgba(224,182,110,.12)}.syn-cinema-card--history>ol li>span{display:grid;align-content:start;gap:2px;font-size:7.5px}.syn-cinema-card--history>ol li small{font-size:6.5px}.syn-cinema-card--history>ol li.is-on{color:rgba(255,248,237,.78);transform:translateX(2px)}.syn-cinema-card--history>ol li.is-on>i{border-color:#d9aa58;background:#d9aa58}
.syn-cinema-card--history>footer{position:absolute;right:12px;bottom:12px;left:12px;padding:11px;border:1px solid rgba(224,182,110,.16);border-radius:11px;background:rgba(8,7,6,.28);opacity:.28;transform:translateY(8px);transition:opacity .55s ease,transform .65s var(--syn-ease)}.syn-cinema-card--history>footer>span{display:flex;align-items:center;gap:9px}.syn-cinema-card--history>footer>span>i{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#d9aa58;color:#17110c;font-size:9px;font-style:normal;font-weight:800}.syn-cinema-card--history>footer span span{display:grid;gap:1px}.syn-cinema-card--history>footer strong{color:#fff8ed;font-size:8px}.syn-cinema-card--history>footer small{color:rgba(255,248,237,.54);font-size:6.5px}.syn-cinema[data-phase="4"] .syn-cinema-card--history>footer{opacity:1;transform:none}
.syn-workflow-film.is-paused .syn-cinema *{animation-play-state:paused!important}.syn-workflow-film.is-paused .syn-cinema{--cinema-paused:1}

@media(max-width:800px){
  .syn-workflow-film__frame:has(.syn-cinema){aspect-ratio:auto;min-height:610px}
  .syn-cinema{padding:24px 20px 28px}.syn-cinema__workspace{grid-template-columns:1fr}.syn-cinema-card--arrival,.syn-cinema-card--history{display:none}.syn-cinema-card--action{width:min(460px,100%);margin:auto}.syn-cinema__bar{grid-template-columns:1fr auto}.syn-cinema__bar small{display:none}.syn-cinema__timeline li span{font-size:6px}
}
@media(max-width:520px){
  .syn-workflow-film__frame:has(.syn-cinema){min-height:560px}.syn-cinema{padding:20px 13px 22px}.syn-cinema__bar strong{display:none}.syn-cinema__timeline{margin-top:4px}.syn-cinema__timeline li span{font-size:5.5px}.syn-cinema-card--action>header{padding:0 13px}.syn-cinema-card--action h3{margin-top:24px!important;font-size:2.2rem!important}.syn-cinema-card--action>p{font-size:8.5px}.syn-cinema-card--action>ul li{font-size:8.5px}
}
@media(prefers-reduced-motion:reduce){.syn-cinema__bar>span i{animation:none}.syn-cinema,.syn-cinema *{transition:none!important;animation:none!important}}

/* Hero restraint: keep the workflow proof visible without competing motion. */
.syn-hero-live{animation:none}
.syn-hero-live::after{display:none;animation:none}
.syn-hero-live__top>span i,
.syn-hero-live__flow li.is-active>i::before,
.syn-hero-live__flow li.is-active span{animation:none}
