html[data-theme="light-clean"]{
  color-scheme: light;
  --bg: #f5f0e7;
  --bg2:#fbf8f2;
  --page-bg:#fbf8f2;
  --surface:#ffffff;
  --surface-soft:#f6f0e7;
  --surface-alt:#efe6d8;
  --text:#26211c;
  --text-strong:#1f1a15;
  --muted:#6c655c;
  --soft:#91887d;
  --accent:#b79354;
  --accent-2:#7b92aa;
  --line: rgba(70, 53, 31, .12);
  --line-strong: rgba(70, 53, 31, .18);
  --shadow: 0 28px 80px rgba(61, 46, 25, .10);
  --shadow2: 0 16px 42px rgba(61, 46, 25, .08);
  --ivory:#fffdfa;
  --bg0:#f0e5d6;
  --bg1:#e3d0b0;
  --gold:#b79354;
  --op17-handoff-bg0:#faf4eb;
  --op17-handoff-bg1:#e4d5be;
}

html[data-theme="light-clean"] body{
  color: var(--text);
  background:
    url('../img/noise.png') repeat,
    radial-gradient(1100px 760px at 12% -10%, rgba(183,147,84,.11), transparent 62%),
    radial-gradient(980px 640px at 88% 0%, rgba(123,146,170,.08), transparent 60%),
    linear-gradient(180deg, var(--bg2), var(--bg));
}

html[data-theme="light-clean"] ::selection{
  background: rgba(183,147,84,.18);
  color: var(--text-strong);
}

html[data-theme="light-clean"] a:focus-visible,
html[data-theme="light-clean"] button:focus-visible,
html[data-theme="light-clean"] input:focus-visible,
html[data-theme="light-clean"] textarea:focus-visible,
html[data-theme="light-clean"] select:focus-visible{
  outline-color: rgba(183,147,84,.72);
}

html[data-theme="light-clean"] .kicker,
html[data-theme="light-clean"] .feature .num,
html[data-theme="light-clean"] .strength-item .no,
html[data-theme="light-clean"] .step .badge,
html[data-theme="light-clean"] .quote .who,
html[data-theme="light-clean"] .profile .dt,
html[data-theme="light-clean"] .field label,
html[data-theme="light-clean"] .service-body .eyebrow,
html[data-theme="light-clean"] .card-title,
html[data-theme="light-clean"] .service-no{
  color: rgba(183,147,84,.98);
}

html[data-theme="light-clean"] .service-no,
html[data-theme="light-clean"] .card-title{
  font-family:"Montserrat", sans-serif;
  letter-spacing:.24em;
  font-size:.78rem;
  margin-bottom: 12px;
}

html[data-theme="light-clean"] .section,
html[data-theme="light-clean"] .section .h2,
html[data-theme="light-clean"] .section .h3,
html[data-theme="light-clean"] .section .h1,
html[data-theme="light-clean"] .section .tagline,
html[data-theme="light-clean"] .section .hero-side h3,
html[data-theme="light-clean"] .section .service-meta,
html[data-theme="light-clean"] .section blockquote,
html[data-theme="light-clean"] .section blockquote p,
html[data-theme="light-clean"] .section .profile .dd,
html[data-theme="light-clean"] .section .contact-side .box .item,
html[data-theme="light-clean"] .section .faq summary,
html[data-theme="light-clean"] .section .small,
html[data-theme="light-clean"] .section .note,
html[data-theme="light-clean"] .section .page-note{
  color: var(--text);
}

html[data-theme="light-clean"] .section p,
html[data-theme="light-clean"] .section li,
html[data-theme="light-clean"] .section .sub,
html[data-theme="light-clean"] .section .small,
html[data-theme="light-clean"] .overview-desc,
html[data-theme="light-clean"] .section-head .sub,
html[data-theme="light-clean"] .tagline,
html[data-theme="light-clean"] .feature p,
html[data-theme="light-clean"] .strength-item p,
html[data-theme="light-clean"] .step .content p,
html[data-theme="light-clean"] .faq .a,
html[data-theme="light-clean"] .service-body p,
html[data-theme="light-clean"] .note,
html[data-theme="light-clean"] .profile .dd,
html[data-theme="light-clean"] .muted,
html[data-theme="light-clean"] .page-note,
html[data-theme="light-clean"] .section .service-meta,
html[data-theme="light-clean"] .section .hero-points li,
html[data-theme="light-clean"] .section .contact-side .box,
html[data-theme="light-clean"] .section blockquote p,
html[data-theme="light-clean"] .section blockquote{
  color: var(--muted);
}

html[data-theme="light-clean"] .section[data-ghost]::before{
  color: rgba(33, 25, 17, .06);
}

html[data-theme="light-clean"] main > .section:nth-of-type(even){
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.42));
}

html[data-theme="light-clean"] .section{ isolation:isolate; }

html[data-theme="light-clean"] .btn{
  color: var(--text-strong);
}

html[data-theme="light-clean"] .btn--primary{
  background: linear-gradient(135deg, #d4b57b 0%, #b79354 54%, #e6d3ad 100%);
  color: #231b12;
  box-shadow: 0 18px 42px rgba(183,147,84,.22), 0 12px 28px rgba(61,46,25,.10);
}
html[data-theme="light-clean"] .btn--primary:hover{ filter: brightness(1.04); }

html[data-theme="light-clean"] .btn--text{
  color: var(--text-strong);
}
html[data-theme="light-clean"] .btn--text span{
  text-decoration-color: rgba(183,147,84,.56);
}

html[data-theme="light-clean"] .site-header{
  background: linear-gradient(180deg, rgba(252,248,241,.92) 0%, rgba(252,248,241,.76) 56%, rgba(252,248,241,0) 100%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: inset 0 -1px 0 rgba(81,60,29,.08);
}

html[data-theme="light-clean"] .site-header.is-scrolled{
  background: rgba(251,247,241,.92);
  box-shadow:
    inset 0 -1px 0 rgba(81,60,29,.12),
    0 10px 30px rgba(61,46,25,.07);
}

html[data-theme="light-clean"] .brand svg circle{ fill: rgba(183,147,84,.12); }
html[data-theme="light-clean"] .brand svg path{ stroke: rgba(183,147,84,1); }
html[data-theme="light-clean"] .brand-title .name{ color: var(--text-strong); }
html[data-theme="light-clean"] .brand-title .sub{ color: rgba(183,147,84,.92); }

html[data-theme="light-clean"] .site-nav{
  --nav-text: rgba(38,33,28,.78);
  --nav-text-strong: rgba(34,27,20,.96);
  --nav-dim: .42;
  --nav-glow: rgba(183,147,84,.16);
  --nav-line-soft: rgba(183,147,84,.18);
  --nav-line-strong: rgba(183,147,84,.94);
}
html[data-theme="light-clean"] .site-nav a:hover,
html[data-theme="light-clean"] .site-nav a:focus-visible,
html[data-theme="light-clean"] .site-nav a.is-current{
  text-shadow: 0 0 18px rgba(183,147,84,.12);
}
html[data-theme="light-clean"] .site-nav-indicator{
  background: linear-gradient(90deg, transparent 0%, rgba(183,147,84,.94) 18%, rgba(255,249,240,.98) 50%, rgba(183,147,84,.94) 82%, transparent 100%);
}

html[data-theme="light-clean"] .burger,
html[data-theme="light-clean"] .mnav-close{
  background: rgba(255,255,255,.68);
  color: rgba(38,33,28,.88);
  border: none;
  box-shadow: 0 12px 30px rgba(61,46,25,.08);
}
html[data-theme="light-clean"] .burger:hover,
html[data-theme="light-clean"] .burger:focus-visible,
html[data-theme="light-clean"] .mnav-close:hover,
html[data-theme="light-clean"] .mnav-close:focus-visible{
  background: rgba(255,255,255,.82);
  box-shadow: 0 18px 36px rgba(61,46,25,.10);
}

html[data-theme="light-clean"] .mnav{
  background: rgba(109, 88, 58, .18);
}
html[data-theme="light-clean"] .mnav-inner{
  background:
    radial-gradient(900px 600px at 50% 0%, rgba(183,147,84,.16), transparent 62%),
    linear-gradient(180deg, rgba(252,248,241,.98), rgba(244,236,223,.95));
  box-shadow: var(--shadow);
}
html[data-theme="light-clean"] .mnav-links{
  --mnav-text: rgba(38,33,28,.92);
  --mnav-text-strong: rgba(34,27,20,.98);
  --mnav-line: rgba(183,147,84,.88);
  --mnav-glow: rgba(183,147,84,.18);
}
html[data-theme="light-clean"] .mnav-links a:hover,
html[data-theme="light-clean"] .mnav-links a:focus-visible,
html[data-theme="light-clean"] .mnav-links a.is-current{
  text-shadow: 0 0 18px rgba(183,147,84,.12);
}

html[data-theme="light-clean"] .hero{
  --hero-bright: .98;
  --hero-contrast: 1.05;
  --hero-sat: .84;
  --hero-top: .08;
  --hero-mid: .20;
  --hero-bottom: .60;
  --hero-vignette: .34;
}

html[data-theme="light-clean"] .hero--home{
  --hero-bright: 1.00;
  --hero-contrast: 1.04;
  --hero-sat: .86;
  --hero-top: .06;
  --hero-mid: .18;
  --hero-bottom: .52;
  --hero-vignette: .26;
}

html[data-theme="light-clean"] .hero[data-ghost]::before{
  color: rgba(255,255,255,.10);
}

html[data-theme="light-clean"] .hero-overlay{
  background:
    radial-gradient(980px 580px at 16% 16%, rgba(183,147,84,.16), transparent 62%),
    radial-gradient(1100px 640px at 84% 8%, rgba(255,255,255,.18), transparent 60%),
    radial-gradient(900px 520px at 18% 24%, rgb(0 0 0 / 0.04), rgb(0 0 0 / var(--hero-vignette)) 72%),
    linear-gradient(180deg,
      rgb(9 12 16 / var(--hero-top)) 0%,
      rgb(9 12 16 / var(--hero-mid)) 44%,
      rgb(19 22 28 / var(--hero-bottom)) 82%,
      var(--bg) 100%
    );
}

html[data-theme="light-clean"] .hero-media img{
  filter: saturate(var(--hero-sat)) contrast(var(--hero-contrast)) brightness(var(--hero-bright));
}

html[data-theme="light-clean"] .page-hero .hero-inner > .reveal,
html[data-theme="light-clean"] .page-hero .hero-side{
  padding: 24px 26px;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(18,21,27,.28), rgba(18,21,27,.44));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 48px rgba(10,13,18,.18);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

html[data-theme="light-clean"] .page-hero .hero-side{
  padding-left: 30px;
}

html[data-theme="light-clean"] .page-hero .hero-side::before{
  left: 18px;
}

html[data-theme="light-clean"] .page-hero .hero-inner{
  align-items: stretch;
}

html[data-theme="light-clean"] .hero .h1,
html[data-theme="light-clean"] .hero .hero-mark{
  color: rgba(255,249,241,.97);
  text-shadow: 0 16px 34px rgba(0,0,0,.28);
}

html[data-theme="light-clean"] .hero .btn--text{
  color: rgba(255,249,241,.95);
}
html[data-theme="light-clean"] .hero .btn--text span{
  text-decoration-color: rgba(255,249,241,.46);
}

html[data-theme="light-clean"] .hero-side h3,
html[data-theme="light-clean"] .hero-points li,
html[data-theme="light-clean"] .lead,
html[data-theme="light-clean"] .breadcrumb,
html[data-theme="light-clean"] .scroll-hint,
html[data-theme="light-clean"] .hero-mark-sub,
html[data-theme="light-clean"] .hero-tagline{
  color: rgba(255,249,241,.92);
}

html[data-theme="light-clean"] .hero-mark-sub{ color: rgba(255,249,241,.60); }
html[data-theme="light-clean"] .breadcrumb{ color: rgba(255,249,241,.72); }
html[data-theme="light-clean"] .hero-divider{
  background: linear-gradient(90deg, transparent, rgba(255,249,241,.72), transparent);
}

html[data-theme="light-clean"] .scroll-hint::after{
  background: linear-gradient(180deg, rgba(255,249,241,0), rgba(255,249,241,.72), rgba(255,249,241,0));
}

html[data-theme="light-clean"] .section .hero-side,
html[data-theme="light-clean"] #overview .hero-side{
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(245,238,227,.94));
  border: 1px solid var(--line);
  border-radius: 26px;
  padding: 24px 24px 24px 30px;
  box-shadow: var(--shadow2);
}

html[data-theme="light-clean"] .section .hero-side::before,
html[data-theme="light-clean"] #overview .hero-side::before{
  left: 16px;
}

html[data-theme="light-clean"] .feature,
html[data-theme="light-clean"] .strength-item,
html[data-theme="light-clean"] .quote,
html[data-theme="light-clean"] .card,
html[data-theme="light-clean"] .faq details{
  padding: 26px 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(246,239,229,.96));
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: var(--shadow2);
}

html[data-theme="light-clean"] .quote blockquote,
html[data-theme="light-clean"] .quote blockquote p{ color: var(--text-strong); }

html[data-theme="light-clean"] blockquote::before{
  color: rgba(183,147,84,.52);
}

html[data-theme="light-clean"] .faq details{
  box-shadow: var(--shadow2);
}

html[data-theme="light-clean"] .faq summary .q,
html[data-theme="light-clean"] .faq summary .icon{
  color: rgba(183,147,84,.94);
  opacity: 1;
}

html[data-theme="light-clean"] .service-item{
  gap: 34px;
}

html[data-theme="light-clean"] .service-media{
  border-radius: 28px;
  overflow: hidden;
  box-shadow: var(--shadow2);
  background: var(--surface);
}

html[data-theme="light-clean"] .service-media::after{
  background:
    radial-gradient(640px 360px at 22% 18%, rgba(183,147,84,.16), transparent 62%),
    linear-gradient(180deg,
      rgba(255,255,255,.02) 0%,
      rgba(255,255,255,.08) 48%,
      rgba(18,20,26,.24) 82%,
      rgba(18,20,26,.42) 100%
    );
  opacity: 1;
}

html[data-theme="light-clean"] .service-media img{
  height: 350px;
  filter: grayscale(.08) saturate(.84) contrast(1.04) brightness(1.03);
  -webkit-mask-image: none;
  mask-image: none;
  transform: scale(1.02);
}

html[data-theme="light-clean"] .service-item:hover .service-media img{
  transform: scale(1.05);
  filter: grayscale(0) saturate(.94) contrast(1.05) brightness(1.05);
}

html[data-theme="light-clean"] .service-body h3,
html[data-theme="light-clean"] .section .hero-side h3,
html[data-theme="light-clean"] .card .h3,
html[data-theme="light-clean"] .quote .h3,
html[data-theme="light-clean"] .step .content h3{
  color: var(--text-strong);
}

html[data-theme="light-clean"] .service-meta{
  color: var(--muted);
}

html[data-theme="light-clean"] .profile{
  gap: 18px 30px;
}
html[data-theme="light-clean"] .profile .row{
  padding: 16px 0;
  box-shadow: inset 0 -1px 0 rgba(70,53,31,.12);
}

html[data-theme="light-clean"] .timeline{
  max-width: 960px;
}
html[data-theme="light-clean"] .step{
  padding: 18px 0;
  box-shadow: inset 0 -1px 0 rgba(70,53,31,.10);
}

html[data-theme="light-clean"] .input,
html[data-theme="light-clean"] .textarea,
html[data-theme="light-clean"] select{
  padding: 15px 16px;
  background: rgba(255,255,255,.84);
  color: var(--text-strong);
  border: 1px solid rgba(81,60,29,.12);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

html[data-theme="light-clean"] .input::placeholder,
html[data-theme="light-clean"] .textarea::placeholder{
  color: rgba(108,101,92,.72);
}

html[data-theme="light-clean"] .input:focus,
html[data-theme="light-clean"] .textarea:focus,
html[data-theme="light-clean"] select:focus{
  box-shadow:
    0 0 0 4px rgba(183,147,84,.14),
    inset 0 1px 0 rgba(255,255,255,.86);
  border-color: rgba(183,147,84,.56);
}

html[data-theme="light-clean"] .checkbox{
  color: var(--muted);
}

html[data-theme="light-clean"] .contact-side{
  padding-left: 0;
}

html[data-theme="light-clean"] .contact-side::before{
  display:none;
}

html[data-theme="light-clean"] .contact-side .box{
  padding: 22px 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(245,238,227,.96));
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: var(--shadow2);
}

html[data-theme="light-clean"] .footer{
  background: linear-gradient(180deg, rgba(48,39,29,.42), rgba(28,23,18,1));
}

html[data-theme="light-clean"] .footer::before{
  filter: saturate(.92) contrast(1.02) brightness(.94);
  opacity: .90;
}

html[data-theme="light-clean"] .footer::after{
  background:
    radial-gradient(900px 600px at 30% 0%, rgba(183,147,84,.18), transparent 60%),
    linear-gradient(180deg,
      rgba(255,255,255,.04) 0%,
      rgba(0,0,0,.18) 34%,
      rgba(28,23,18,.88) 72%,
      rgba(28,23,18,1) 100%
    );
}

html[data-theme="light-clean"] .footer-name{ color: rgba(255,249,241,.98); }
html[data-theme="light-clean"] .footer-meta{ color: rgba(235,226,214,.82); }
html[data-theme="light-clean"] .footer-links a{ color: rgba(255,249,241,.86); }
html[data-theme="light-clean"] .footer-bottom{ color: rgba(235,226,214,.66); }

html[data-theme="light-clean"] .cursor-fx--dot{
  background: rgba(183,147,84,.95);
  box-shadow:
    0 0 0 10px rgba(183,147,84,.08),
    0 0 28px rgba(183,147,84,.18);
}

html[data-theme="light-clean"] .cursor-fx--dot.is-hover{
  background: rgba(255,255,255,.96);
  box-shadow:
    0 0 0 14px rgba(183,147,84,.10),
    0 0 46px rgba(183,147,84,.24);
}

html[data-theme="light-clean"] .cursor-fx--ring{
  border-color: rgba(38,33,28,.18);
  box-shadow:
    0 0 0 1px rgba(183,147,84,.20) inset,
    0 0 28px rgba(183,147,84,.10);
  background: radial-gradient(circle at 30% 30%, rgba(183,147,84,.10), transparent 58%);
}

html[data-theme="light-clean"] .cursor-fx--ring.is-hover{
  border-color: rgba(183,147,84,.70);
  background: radial-gradient(circle at 30% 30%, rgba(183,147,84,.18), rgba(183,147,84,.06) 42%, transparent 74%);
  box-shadow:
    0 0 0 1px rgba(183,147,84,.28) inset,
    0 0 56px rgba(183,147,84,.20),
    0 0 0 8px rgba(183,147,84,.08);
}

html[data-theme="light-clean"] .cursor-ripple{
  border-color: rgba(183,147,84,.48);
  box-shadow: 0 0 28px rgba(183,147,84,.16);
}

html[data-theme="light-clean"] #op17{
  background:
    radial-gradient(900px 560px at 50% 46%, rgba(255,255,255,.28), rgba(255,255,255,0) 60%),
    radial-gradient(900px 560px at 50% 90%, rgba(183,147,84,.12), rgba(183,147,84,0) 62%),
    linear-gradient(180deg, var(--op17-bg1), var(--op17-bg0));
}

html[data-theme="light-clean"] #op17::before{
  opacity: .10;
  mix-blend-mode: soft-light;
}

html[data-theme="light-clean"] #op17::after{
  background: radial-gradient(1200px 700px at 50% 40%, rgba(255,255,255,0), rgba(40,30,18,.12) 72%, rgba(40,30,18,.24));
  opacity: .72;
}

html[data-theme="light-clean"] #op17 .center .kicker,
html[data-theme="light-clean"] #op17 .center .sub{
  color: rgba(255,250,243,.86);
}

html[data-theme="light-clean"] #op17 .center .rule{
  background: linear-gradient(90deg, rgba(183,147,84,0), rgba(183,147,84,.92), rgba(183,147,84,0));
}

html[data-theme="light-clean"] #op17 .skip{
  background: rgba(255,255,255,.22);
  color: rgba(255,250,243,.94);
  border-color: rgba(255,255,255,.22);
}

html[data-theme="light-clean"] #op17 .skip:hover{
  background: rgba(255,255,255,.30);
}

@media (max-width: 980px){
  html[data-theme="light-clean"] .page-hero .hero-inner > .reveal,
  html[data-theme="light-clean"] .page-hero .hero-side{
    padding: 20px 20px;
  }

  html[data-theme="light-clean"] .section .hero-side,
  html[data-theme="light-clean"] #overview .hero-side{
    padding: 20px 20px 20px 24px;
  }
}

@media (max-width: 520px){
  html[data-theme="light-clean"] .feature,
  html[data-theme="light-clean"] .strength-item,
  html[data-theme="light-clean"] .quote,
  html[data-theme="light-clean"] .card,
  html[data-theme="light-clean"] .faq details{
    padding: 22px 18px;
    border-radius: 20px;
  }

  html[data-theme="light-clean"] .service-media{
    border-radius: 22px;
  }

  html[data-theme="light-clean"] .service-media img{
    height: 290px;
  }

  html[data-theme="light-clean"] .input,
  html[data-theme="light-clean"] .textarea,
  html[data-theme="light-clean"] select{
    border-radius: 14px;
  }
}

/* -----------------------------------------
   White theme polish (trimmed)
----------------------------------------- */
html[data-theme="light-clean"] .hero-mark-sub--accent{
  color: rgba(183,147,84,.98);
  font-size: .78rem;
  letter-spacing: .26em;
  max-width: min(92vw, 620px);
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

@media (max-width: 980px){
  html[data-theme="light-clean"] .hero-mark-sub--accent{
    font-size: .66rem;
    letter-spacing: .18em;
    max-width: min(92vw, 420px);
  }
}


/* -----------------------------------------
   White theme refinement (frameless pass)
----------------------------------------- */
html[data-theme="light-clean"] .page-hero .hero-overlay{
  background:
    radial-gradient(980px 580px at 16% 16%, rgba(183,147,84,.14), transparent 62%),
    radial-gradient(960px 620px at 88% 10%, rgba(255,255,255,.12), transparent 62%),
    linear-gradient(90deg,
      rgba(10,13,18,.34) 0%,
      rgba(10,13,18,.16) 38%,
      rgba(10,13,18,.12) 66%,
      rgba(10,13,18,.18) 100%
    ),
    linear-gradient(180deg,
      rgba(9,12,16,.12) 0%,
      rgba(9,12,16,.24) 44%,
      rgba(19,22,28,.56) 84%,
      var(--bg) 100%
    );
}

html[data-theme="light-clean"] .page-hero .hero-inner > .reveal,
html[data-theme="light-clean"] .page-hero .hero-side{
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-theme="light-clean"] .page-hero .hero-inner{
  gap: clamp(30px, 5vw, 58px);
  align-items: end;
}

html[data-theme="light-clean"] .page-hero .hero-inner > .reveal{
  max-width: min(100%, 820px);
}

html[data-theme="light-clean"] .page-hero .hero-side{
  width: min(100%, 420px);
  justify-self: end;
  padding-left: 22px;
}

html[data-theme="light-clean"] .page-hero .hero-side::before{
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 1px;
  background: linear-gradient(180deg, rgba(183,147,84,0), rgba(183,147,84,.86), rgba(183,147,84,0));
}

html[data-theme="light-clean"] .page-hero .lead,
html[data-theme="light-clean"] .page-hero .breadcrumb,
html[data-theme="light-clean"] .page-hero .hero-side h3,
html[data-theme="light-clean"] .page-hero .hero-points li,
html[data-theme="light-clean"] .page-hero .btn--text,
html[data-theme="light-clean"] .page-hero .hero-mark-sub,
html[data-theme="light-clean"] .page-hero .hero-tagline{
  text-shadow: 0 12px 30px rgba(0,0,0,.24);
}

html[data-theme="light-clean"] .section .hero-side,
html[data-theme="light-clean"] #overview .hero-side{
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 10px 0 0 24px;
}

html[data-theme="light-clean"] .section .hero-side::before,
html[data-theme="light-clean"] #overview .hero-side::before{
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background: linear-gradient(180deg, rgba(183,147,84,0), rgba(183,147,84,.84), rgba(183,147,84,0));
}

html[data-theme="light-clean"] .feature,
html[data-theme="light-clean"] .strength-item,
html[data-theme="light-clean"] .quote,
html[data-theme="light-clean"] .card{
  position: relative;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 26px 4px 0;
}

html[data-theme="light-clean"] .feature::before,
html[data-theme="light-clean"] .strength-item::before,
html[data-theme="light-clean"] .quote::before,
html[data-theme="light-clean"] .card::before,
html[data-theme="light-clean"] .contact-side .box::before{
  content:"";
  position: absolute;
  left: 0;
  right: 12%;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(183,147,84,.82) 0%, rgba(70,53,31,.18) 36%, rgba(70,53,31,0) 100%);
  pointer-events: none;
}

html[data-theme="light-clean"] .quote blockquote,
html[data-theme="light-clean"] .quote blockquote p{
  color: var(--text-strong);
}

html[data-theme="light-clean"] .faq{
  gap: 0;
}

html[data-theme="light-clean"] .faq details{
  padding: 22px 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: inset 0 -1px 0 rgba(70,53,31,.12);
}

html[data-theme="light-clean"] .faq details:first-child{
  box-shadow:
    inset 0 1px 0 rgba(70,53,31,.12),
    inset 0 -1px 0 rgba(70,53,31,.12);
}

html[data-theme="light-clean"] .faq details[open]{
  box-shadow:
    inset 0 1px 0 rgba(70,53,31,.12),
    inset 0 -1px 0 rgba(70,53,31,.12);
}

html[data-theme="light-clean"] .contact-side .box{
  position: relative;
  padding: 18px 0 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-theme="light-clean"] .contact-side .box .item{
  padding: 10px 0;
  box-shadow: inset 0 -1px 0 rgba(70,53,31,.10);
}

html[data-theme="light-clean"] .contact-side .box .item:last-child{
  padding-bottom: 0;
  box-shadow: none;
}

html[data-theme="light-clean"] .representative-teaser__media,
html[data-theme="light-clean"] .representative-message__media{
  background: none;
  border: 0;
  box-shadow: none;
  border-radius: 24px;
}

html[data-theme="light-clean"] .representative-teaser,
html[data-theme="light-clean"] .representative-message{
  gap: 34px;
}

html[data-theme="light-clean"] .service-media{
  box-shadow: 0 18px 42px rgba(61,46,25,.06);
}

@media (max-width: 980px){
  html[data-theme="light-clean"] .page-hero .hero-inner{
    align-items: start;
  }

  html[data-theme="light-clean"] .page-hero .hero-inner > .reveal,
  html[data-theme="light-clean"] .page-hero .hero-side{
    width: 100%;
    justify-self: start;
  }

  html[data-theme="light-clean"] .page-hero .hero-side{
    padding-left: 18px;
  }

  html[data-theme="light-clean"] .section .hero-side,
  html[data-theme="light-clean"] #overview .hero-side{
    padding-left: 18px;
  }

  html[data-theme="light-clean"] .feature,
  html[data-theme="light-clean"] .strength-item,
  html[data-theme="light-clean"] .quote,
  html[data-theme="light-clean"] .card{
    padding-top: 22px;
  }
}

@media (max-width: 520px){
  html[data-theme="light-clean"] .feature,
  html[data-theme="light-clean"] .strength-item,
  html[data-theme="light-clean"] .quote,
  html[data-theme="light-clean"] .card{
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  html[data-theme="light-clean"] .faq details{
    padding: 18px 0;
  }

  html[data-theme="light-clean"] .representative-teaser__media,
  html[data-theme="light-clean"] .representative-message__media{
    border-radius: 18px;
  }
}