:root{
  --orange: #ff681f;
  --orange-bright: #ff7a1a;
  --orange-soft: #fff0e5;
  --ink: #171717;
  --muted: #6d6a67;
  --line: #e9e5e0;
  --paper: #ffffff;
  --soft: #f7f6f3;
  --dark: #1e1d1c;
  --radius: 28px;
  --shadow: 0 22px 60px rgba(45, 32, 21, 0.1);
  --font-thai: "Anuphan", "Noto Sans Thai", Tahoma, sans-serif;
  --font-display: "Anuphan", "Noto Sans Thai", Tahoma, sans-serif;
  --font-latin: "Manrope", "Anuphan", sans-serif;
}*{ box-sizing: border-box; }html{ scroll-behavior: smooth; scroll-padding-top: 92px; }body{ margin: 0; color: var(--ink); background: var(--paper); font-family: var(--font-thai); line-height: 1.65; letter-spacing: 0; font-kerning: normal; font-synthesis: none; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }body.menu-open{ overflow: hidden; }img{ display: block; max-width: 100%; }a{ color: inherit; text-decoration: none; }button, input, select, textarea{ font: inherit; }button, a{ -webkit-tap-highlight-color: transparent; }.shell{ width: min(1180px, calc(100% - 48px)); margin-inline: auto; }.section-pad{ padding: 112px 0; }.skip-link{ position: fixed; top: 8px; left: 8px; z-index: 1000; padding: 10px 16px; background: var(--ink); color: #fff; border-radius: 8px; transform: translateY(-150%); }.skip-link:focus{ transform: translateY(0); }.topbar{ position: relative; z-index: 20; background: var(--ink); color: #fff; font-size: 12px; }.topbar__inner{ height: 34px; display: flex; justify-content: space-between; align-items: center; }.topbar p{ margin: 0; display: flex; align-items: center; gap: 8px; }.topbar a{ color: #d9d9d9; transition: color .2s ease; }.topbar a:hover{ color: #fff; }.status-dot{ width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 4px rgba(255, 104, 31, .18); }.site-header{ position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.89); border-bottom: 1px solid rgba(233,229,224,.7); backdrop-filter: blur(18px); }.nav-wrap{ height: 78px; display: flex; align-items: center; gap: 34px; }.brand{ display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0; }.brand__name{ font: 800 28px/1 var(--font-latin); letter-spacing: -1.8px; }.brand__mark{ position: relative; display: inline-block; width: 31px; height: 31px; transform: rotate(-8deg); }.brand__mark i{ position: absolute; display: block; background: var(--orange); border-radius: 50%; }.brand__mark i:nth-child(1){ width: 27px; height: 24px; left: 2px; top: 6px; border-radius: 54% 46% 48% 52%; }.brand__mark i:nth-child(2){ width: 9px; height: 13px; top: 0; left: 4px; transform: rotate(-28deg); }.brand__mark i:nth-child(3){ width: 8px; height: 11px; top: 0; right: 4px; transform: rotate(32deg); }.site-nav{ display: flex; align-items: center; justify-content: center; gap: 30px; margin-left: auto; }.site-nav a{ position: relative; font-size: 13px; font-weight: 600; letter-spacing: 0; color: #494643; }.site-nav a::after{ content: ""; position: absolute; left: 0; right: 100%; bottom: -7px; height: 2px; background: var(--orange); transition: right .25s ease; }.site-nav a:hover::after, .site-nav a:focus-visible::after{ right: 0; }.button{ min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 23px; border: 0; border-radius: 999px; font-weight: 600; letter-spacing: 0; cursor: pointer; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }.button:hover{ transform: translateY(-2px); }.button:focus-visible, a:focus-visible, button:focus-visible, summary:focus-visible, select:focus-visible, textarea:focus-visible{ outline: 3px solid rgba(255,104,31,.3); outline-offset: 3px; }.button--nav{ min-height: 44px; padding: 0 19px; font-size: 13px; color: #fff; background: var(--ink); }.button--nav:hover{ background: var(--orange); }.button--primary{ min-height: 58px; padding: 0 27px; color: #fff; background: var(--orange); box-shadow: 0 12px 26px rgba(255,104,31,.23); }.button--primary:hover{ box-shadow: 0 16px 32px rgba(255,104,31,.3); }.button--light{ color: var(--ink); background: #fff; }.button--dark{ width: 100%; min-height: 60px; color: #fff; background: var(--ink); }.button span[aria-hidden]{ font-size: 18px; transition: transform .25s ease; }.button:hover span[aria-hidden]{ transform: translate(2px, -2px); }.menu-toggle{ display: none; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; }.menu-toggle span{ display: block; width: 22px; height: 2px; margin: 5px auto; background: var(--ink); transition: transform .25s ease; }.hero{ position: relative; overflow: hidden; padding-top: 84px; background: linear-gradient(180deg, #fff 0%, #fff 60%, #fbfaf8 100%); }.hero__glow{ position: absolute; width: 670px; height: 670px; right: -220px; top: -220px; border-radius: 50%; background: radial-gradient(circle, rgba(255,180,110,.22), transparent 68%); pointer-events: none; }.hero__grid{ position: relative; display: grid; grid-template-columns: .88fr 1.12fr; gap: 36px; align-items: center; min-height: 580px; }.eyebrow{ display: flex; align-items: center; gap: 10px; margin-bottom: 22px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }.eyebrow span{ padding: 8px 12px; color: #fff; background: var(--ink); border-radius: 99px; }.eyebrow b{ color: var(--orange); font: 700 11px/1 var(--font-latin); }.hero h1{ margin: 0; font-family: var(--font-display); font-size: clamp(54px, 5.15vw, 78px); line-height: 1.15; letter-spacing: -.012em; font-weight: 700; }.hero h1 .scribble{ position: relative; z-index: 0; color: var(--orange); white-space: nowrap; }.hero h1 .scribble::after{ content: ""; position: absolute; z-index: -1; left: -3%; right: -5%; bottom: 2%; height: 11px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 20'%3E%3Cpath d='M3 13C70 3 181 17 277 7' fill='none' stroke='%23ffb789' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat; }.hero__lead{ max-width: 520px; margin: 29px 0 28px; color: var(--muted); font-size: 16px; line-height: 1.9; letter-spacing: 0; }.hero__actions{ display: flex; align-items: center; gap: 26px; }.text-link{ display: inline-flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--ink); font-weight: 600; font-size: 13px; letter-spacing: 0; }.text-link span{ transition: transform .2s ease; }.text-link:hover span{ transform: translateY(3px); }.text-link--orange{ color: var(--orange); border-color: var(--orange); }.prep-note{ display: flex; align-items: center; gap: 16px; margin-top: 34px; }.prep-note__avatars{ display: flex; }.prep-note__avatars span{ width: 38px; height: 38px; margin-left: -7px; display: grid; place-items: center; border: 3px solid #fff; border-radius: 50%; background: var(--soft); font: 700 9px/1 var(--font-latin); }.prep-note__avatars span:first-child{ margin-left: 0; background: #ffd7bd; }.prep-note__avatars span:last-child{ color: #fff; background: var(--orange); }.prep-note p{ margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }.prep-note p strong{ color: var(--ink); font-size: 13px; }.hero__visual{ position: relative; min-width: 0; }.hero__image-wrap{ position: relative; overflow: hidden; border-radius: 47% 47% 31% 31% / 31% 31% 18% 18%; background: #faf9f7; }.hero__image-wrap::after{ content: ""; position: absolute; inset: 0; border: 1px solid rgba(0,0,0,.04); border-radius: inherit; pointer-events: none; }.hero__image-wrap img{ width: 100%; height: 540px; object-fit: cover; object-position: center; }.concept-label{ position: absolute; right: 18px; bottom: 14px; z-index: 2; padding: 6px 9px; border-radius: 99px; background: rgba(255,255,255,.82); color: #777; font: 600 8px/1 var(--font-latin); letter-spacing: .09em; text-transform: uppercase; backdrop-filter: blur(8px); }.float-card{ position: absolute; z-index: 3; display: flex; align-items: center; gap: 12px; min-width: 207px; padding: 12px 15px 12px 12px; background: rgba(255,255,255,.92); border: 1px solid rgba(255,255,255,.8); border-radius: 18px; box-shadow: 0 16px 40px rgba(35,26,18,.14); backdrop-filter: blur(12px); animation: floatY 5.2s ease-in-out infinite; }.float-card--top{ top: 12%; right: -15px; }.float-card--bottom{ left: -23px; bottom: 13%; animation-delay: -2.4s; }.float-card b, .float-card small{ display: block; }.float-card b{ margin-bottom: 3px; font: 700 11px/1.2 var(--font-latin); }.float-card small{ color: var(--muted); font-size: 9px; }.mini-orb{ width: 36px; height: 36px; display: grid; place-items: center; flex-shrink: 0; color: #fff; background: var(--orange); border-radius: 13px; }.material-dots{ width: 44px; height: 34px; position: relative; flex-shrink: 0; }.material-dots i{ position: absolute; top: 5px; width: 24px; height: 24px; border: 2px solid #fff; border-radius: 50%; }.material-dots i:nth-child(1){ left: 0; background: #f4dfcb; }.material-dots i:nth-child(2){ left: 10px; background: var(--orange); }.material-dots i:nth-child(3){ left: 20px; background: var(--ink); }
@keyframes floatY { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-9px) rotate(1deg); } }.trust-ribbon{ display: grid; grid-template-columns: .7fr repeat(3, 1fr); gap: 0; margin-top: 74px; padding: 24px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.trust-ribbon__intro{ display: flex; align-items: center; font-size: 11px; line-height: 1.5; letter-spacing: .06em; color: var(--muted); text-transform: uppercase; }.trust-point{ display: flex; align-items: center; gap: 13px; padding-left: 26px; border-left: 1px solid var(--line); }.trust-point__icon{ width: 37px; height: 37px; display: grid; place-items: center; flex-shrink: 0; border: 1px solid var(--line); border-radius: 50%; color: var(--orange); font: 800 9px/1 var(--font-latin); }.trust-point p{ margin: 0; }.trust-point b, .trust-point small{ display: block; }.trust-point b{ margin-bottom: 3px; font-size: 13px; }.trust-point small{ color: var(--muted); font-size: 10px; line-height: 1.45; }.section-heading{ display: grid; grid-template-columns: 1.05fr .75fr; justify-content: space-between; align-items: end; gap: 50px; margin-bottom: 54px; }.section-heading h2, .materials h2, .why h2, .faq h2, .brief h2{ margin: 0; font-family: var(--font-display); font-size: clamp(42px, 5vw, 68px); line-height: 1.18; letter-spacing: -.015em; font-weight: 700; }.section-heading h2 em, .materials h2 em, .why h2 em, .faq h2 em, .brief h2 em{ color: var(--orange); font-style: normal; }.section-heading  >  p,.section-heading  > :where(.moldy-native-widget) >  p,.section-heading  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p{ max-width: 460px; margin: 0 0 8px; color: var(--muted); font-size: 15px; line-height: 1.85; }.kicker{ display: flex; align-items: center; gap: 12px; margin: 0 0 16px; color: var(--orange); font: 800 10px/1 var(--font-latin); letter-spacing: .16em; }.kicker span{ width: 36px; height: 1px; background: currentColor; }.kicker--light{ color: #ffb47e; }.services{ background: #fff; }.service-grid{ display: grid; grid-template-columns: 1.08fr 1fr 1fr; gap: 18px; }.service-card{ min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }.service-card:hover{ transform: translateY(-7px); border-color: transparent; box-shadow: var(--shadow); }.service-card a{ display: flex; height: 100%; flex-direction: column; }.service-card__image{ position: relative; height: 260px; overflow: hidden; background: #f8f7f4; }.sprite{ position: absolute; inset: 0; background-image: url("/assets/img/about-figs.jpg"); background-size: 300% 200%; background-position: var(--pos-x) var(--pos-y); background-repeat: no-repeat; transform: scale(1.005); transition: transform .55s cubic-bezier(.2,.7,.2,1); }.service-card:hover .sprite{ transform: scale(1.075); }.service-no{ position: absolute; left: 17px; top: 17px; z-index: 2; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: var(--ink); background: rgba(255,255,255,.92); font: 800 9px/1 var(--font-latin); box-shadow: 0 4px 18px rgba(0,0,0,.07); }.service-card__body{ position: relative; flex: 1; display: flex; gap: 15px; justify-content: space-between; padding: 23px 22px 25px; }.service-card__body p{ margin: 0 0 7px; color: var(--muted); font: 700 8px/1 var(--font-latin); letter-spacing: .14em; }.service-card__body h3{ margin: 0; font-family: var(--font-display); font-size: 23px; line-height: 1.32; letter-spacing: 0; font-weight: 650; }.service-card__body h3 span{ color: var(--orange); }.service-card__body  >  p,.service-card__body  > :where(.moldy-native-widget) >  p,.service-card__body  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p{ max-width: 210px; align-self: end; margin: 0; font: 400 11px/1.6 var(--font-thai); letter-spacing: 0; }.circle-arrow{ align-self: flex-end; width: 39px; height: 39px; display: grid; place-items: center; flex-shrink: 0; border: 1px solid var(--line); border-radius: 50%; font-size: 16px; transition: color .25s ease, background .25s ease, transform .25s ease; }.service-card:hover .circle-arrow{ color: #fff; background: var(--orange); border-color: var(--orange); transform: rotate(5deg); }.service-card--wide{ grid-row: span 2; }.service-card--wide .service-card__image{ height: 535px; }.service-card--wide .sprite{ background-image: url("/assets/img/hero-shelf.jpg"); background-size: cover; background-position: 64% center; }.service-card--wide .service-card__body{ min-height: 165px; align-items: flex-start; }.service-card--orange{ background: var(--orange-soft); border-color: #ffe0cc; }.coming-soon{ display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; margin-top: 18px; padding: 21px 24px; border: 1px dashed #d8d1ca; border-radius: 20px; background: #fcfbf9; }.coming-soon__icon{ width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--orange); font-size: 19px; }.coming-soon p{ margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }.coming-soon p b{ color: var(--ink); font-size: 13px; }.coming-soon a{ padding-bottom: 4px; border-bottom: 1px solid var(--ink); font-weight: 700; font-size: 12px; }.materials{ position: relative; overflow: hidden; color: #fff; background: var(--dark); }.materials::before{ content: ""; position: absolute; width: 500px; height: 500px; left: -300px; bottom: -230px; border: 90px solid rgba(255,104,31,.08); border-radius: 50%; }.materials__grid{ display: grid; grid-template-columns: .77fr 1.23fr; align-items: center; gap: 90px; }.materials__intro{ position: sticky; top: 120px; }.materials__intro  >  p:not(.kicker),.materials__intro  > :where(.moldy-native-widget) >  p:not(.kicker),.materials__intro  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p:not(.kicker){ max-width: 430px; margin: 27px 0 31px; color: #bfbab5; line-height: 1.85; font-size: 14px; }.material-cards{ display: grid; grid-template-columns: 1fr 1fr; gap: 19px; }.material-card{ min-height: 485px; padding: 29px; color: var(--ink); background: #f5f0e9; border-radius: 31px; }.material-card--offset{ margin-top: 72px; background: var(--orange); color: #fff; }.material-card__top{ display: flex; align-items: flex-start; justify-content: space-between; height: 170px; }.material-card__top  >  span,.material-card__top  > :where(.moldy-native-widget) >  span,.material-card__top  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  span{ width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(0,0,0,.16); border-radius: 50%; font: 800 9px/1 var(--font-latin); }.material-card--offset .material-card__top  >  span,.material-card--offset .material-card__top  > :where(.moldy-native-widget) >  span,.material-card--offset .material-card__top  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  span{ border-color: rgba(255,255,255,.4); }.resin-shape, .rubber-shape{ display: block; position: relative; width: 135px; height: 135px; filter: drop-shadow(0 16px 18px rgba(50,31,17,.15)); }.resin-shape{ background: radial-gradient(circle at 35% 28%, #fff9e7 0 8%, transparent 9%), linear-gradient(145deg, #fff2d8, #dcaa74); clip-path: polygon(48% 0, 63% 23%, 89% 20%, 77% 44%, 100% 62%, 70% 69%, 63% 100%, 43% 74%, 12% 87%, 24% 54%, 0 36%, 34% 30%); }.rubber-shape{ background: linear-gradient(145deg, #ffd5b4, #d94000); border-radius: 38% 62% 49% 51% / 54% 38% 62% 46%; transform: rotate(12deg); box-shadow: inset 8px 8px 20px rgba(255,255,255,.2); }.rubber-shape::after{ content: ""; position: absolute; width: 30px; height: 50px; left: 19px; top: 16px; border-radius: 50%; background: rgba(255,255,255,.25); transform: rotate(17deg); }.material-card h3{ margin: 12px 0 14px; font: 800 38px/1 var(--font-latin); letter-spacing: -.04em; }.material-card  >  p,.material-card  > :where(.moldy-native-widget) >  p,.material-card  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p{ min-height: 91px; margin: 0; color: #67615b; font-size: 13px; line-height: 1.75; }.material-card--offset  >  p,.material-card--offset  > :where(.moldy-native-widget) >  p,.material-card--offset  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p{ color: rgba(255,255,255,.78); }.material-card :is(ul,.moldy-tag-ul){ display: grid; gap: 10px; margin: 22px 0 0; padding: 19px 0 0; border-top: 1px solid rgba(0,0,0,.12); list-style: none; }.material-card--offset :is(ul,.moldy-tag-ul){ border-color: rgba(255,255,255,.25); }.material-card li{ position: relative; padding-left: 19px; font-size: 11px; }.material-card li::before{ content: ""; position: absolute; left: 0; top: 5px; width: 6px; height: 6px; border-radius: 50%; background: var(--orange); }.material-card--offset li::before{ background: #fff; }.process{ background: #f8f6f2; }.section-heading--center{ display: flex; max-width: 710px; margin: 0 auto 65px; flex-direction: column; align-items: center; gap: 0; text-align: center; }.section-heading--center  >  p:last-child,.section-heading--center  > :where(.moldy-native-widget) >  p:last-child,.section-heading--center  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p:last-child{ max-width: 620px; margin-top: 22px; }.process-list{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin: 0; padding: 0; list-style: none; counter-reset: steps; }.process-item{ position: relative; min-height: 370px; display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--line); border-radius: 25px; background: #fff; transition: transform .25s ease, box-shadow .25s ease; }.process-item:hover{ transform: translateY(-5px); box-shadow: 0 16px 40px rgba(30,24,18,.07); }.process-item:not(:last-child)::after{ content: "→"; position: absolute; z-index: 2; top: 49%; right: -23px; width: 31px; height: 31px; display: grid; place-items: center; color: var(--orange); background: #fff; border: 1px solid var(--line); border-radius: 50%; font-size: 13px; }.process-item__num{ color: #a29d97; font: 800 9px/1 var(--font-latin); }.process-item__icon{ width: 96px; height: 96px; display: grid; place-items: center; margin: 38px auto 42px; border-radius: 35% 65% 57% 43% / 54% 35% 65% 46%; background: var(--orange-soft); transform: rotate(-5deg); }.process-item__icon svg{ width: 54px; fill: none; stroke: var(--orange); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transform: rotate(5deg); }.process-item h3{ margin: 0 0 9px; font-family: var(--font-display); font-size: 18px; line-height: 1.4; letter-spacing: 0; font-weight: 650; }.process-item p{ margin: 0; color: var(--muted); font-size: 11px; line-height: 1.75; }.why{ overflow: hidden; }.why__grid{ display: grid; grid-template-columns: 1fr .95fr; align-items: center; gap: 95px; }.why__visual{ position: relative; min-height: 620px; }.why__shape{ position: absolute; border-radius: 50%; }.why__shape--a{ width: 490px; height: 490px; left: 4%; top: 4%; background: var(--orange-soft); }.why__shape--b{ width: 200px; height: 200px; right: 0; bottom: 2%; border: 45px solid #f3eee8; }.why__mascot{ position: absolute; inset: 11% 8% 3% 0; overflow: hidden; border-radius: 46% 54% 46% 54% / 40% 45% 55% 60%; box-shadow: var(--shadow); }.why__mascot img{ width: 100%; height: 100%; object-fit: cover; object-position: 72% center; transform: scale(1.27); }.quality-stamp{ position: absolute; right: -13px; top: 12%; z-index: 3; width: 105px; height: 105px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--orange); box-shadow: 0 12px 30px rgba(255,104,31,.24); animation: slowSpin 18s linear infinite; }.quality-stamp::after{ content: ""; position: absolute; inset: 8px; border: 1px dashed rgba(255,255,255,.6); border-radius: inherit; }.quality-stamp span{ font: 800 10px/1.35 var(--font-latin); text-align: center; letter-spacing: .09em; }.quality-stamp i{ position: absolute; bottom: 19px; font-style: normal; font-size: 7px; }
@keyframes slowSpin { to { transform: rotate(360deg); } }.why__lead{ margin: 25px 0 33px; color: var(--muted); line-height: 1.85; }.why-points{ border-top: 1px solid var(--line); }.why-points article{ display: grid; grid-template-columns: 38px 1fr; gap: 12px; padding: 19px 0; border-bottom: 1px solid var(--line); }.why-points article  >  span,.why-points article  > :where(.moldy-native-widget) >  span,.why-points article  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  span{ padding-top: 4px; color: var(--orange); font: 800 9px/1 var(--font-latin); }.why-points h3{ margin: 0 0 5px; font-family: var(--font-display); font-size: 15px; letter-spacing: 0; font-weight: 650; }.why-points p{ margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }.faq{ background: #f8f6f2; }.faq__grid{ display: grid; grid-template-columns: .7fr 1.3fr; gap: 100px; }.faq__heading{ position: sticky; top: 120px; align-self: start; }.faq__heading  >  p:not(.kicker),.faq__heading  > :where(.moldy-native-widget) >  p:not(.kicker),.faq__heading  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p:not(.kicker){ max-width: 330px; margin: 24px 0; color: var(--muted); font-size: 13px; line-height: 1.7; }.accordion{ border-top: 1px solid #d9d4ce; }.accordion details{ border-bottom: 1px solid #d9d4ce; }.accordion summary{ min-height: 89px; display: flex; justify-content: space-between; align-items: center; gap: 24px; cursor: pointer; list-style: none; font-family: var(--font-display); font-size: 17px; font-weight: 600; letter-spacing: 0; }.accordion summary::-webkit-details-marker{ display: none; }.accordion summary i{ position: relative; width: 32px; height: 32px; flex-shrink: 0; border: 1px solid #cec8c0; border-radius: 50%; }.accordion summary i::before, .accordion summary i::after{ content: ""; position: absolute; left: 9px; right: 9px; top: 15px; height: 1px; background: var(--ink); transition: transform .2s ease; }.accordion summary i::after{ transform: rotate(90deg); }.accordion details[open] summary i{ border-color: var(--orange); background: var(--orange); }.accordion details[open] summary i::before, .accordion details[open] summary i::after{ background: #fff; }.accordion details[open] summary i::after{ transform: rotate(0); }.accordion details  >  p,.accordion details  > :where(.moldy-native-widget) >  p,.accordion details  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p{ max-width: 650px; margin: -5px 50px 26px 0; color: var(--muted); font-size: 13px; line-height: 1.85; }.brief{ padding-bottom: 72px; }.brief__box{ position: relative; overflow: hidden; display: grid; grid-template-columns: .85fr 1.15fr; gap: 72px; padding: 68px; color: #fff; background: var(--orange); border-radius: 38px; }.brief__box::before{ content: ""; position: absolute; width: 330px; height: 330px; left: -150px; bottom: -180px; border: 70px solid rgba(255,255,255,.1); border-radius: 50%; }.brief__copy{ position: relative; z-index: 1; }.brief__copy h2{ font-size: clamp(40px, 4vw, 56px); }.brief__copy h2 em{ color: #fff; }.brief__copy  >  p:not(.kicker),.brief__copy  > :where(.moldy-native-widget) >  p:not(.kicker),.brief__copy  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p:not(.kicker){ max-width: 460px; margin: 25px 0; color: rgba(255,255,255,.79); line-height: 1.8; font-size: 13px; }.brief__hint{ display: flex; align-items: center; gap: 13px; margin-top: 31px; }.brief__hint  >  span,.brief__hint  > :where(.moldy-native-widget) >  span,.brief__hint  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  span{ width: 42px; height: 42px; display: grid; place-items: center; flex-shrink: 0; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; }.brief__hint p{ margin: 0; color: rgba(255,255,255,.75); font-size: 10px; line-height: 1.6; }.brief__hint b{ color: #fff; font-size: 12px; }.brief-form{ position: relative; z-index: 1; padding: 29px; color: var(--ink); background: #fff; border-radius: 25px; box-shadow: 0 22px 50px rgba(107,43,9,.18); }.brief-form :is(fieldset,.moldy-tag-fieldset){ margin: 0 0 19px; padding: 0; border: 0; }.brief-form legend, .brief-form  >  :is(label,.moldy-tag-label), .brief-form  > :where(.moldy-native-widget) >  :is(label,.moldy-tag-label), .brief-form  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  :is(label,.moldy-tag-label), .form-row  >  :is(label,.moldy-tag-label), .form-row  > :where(.moldy-native-widget) >  :is(label,.moldy-tag-label), .form-row  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  :is(label,.moldy-tag-label){ display: block; margin-bottom: 11px; font-size: 11px; font-weight: 700; }.brief-form :is(label,.moldy-tag-label)  >  span,.brief-form :is(label,.moldy-tag-label)  > :where(.moldy-native-widget) >  span,.brief-form :is(label,.moldy-tag-label)  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  span{ color: #999; font-weight: 400; }.choice-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }.choice-grid :is(label,.moldy-tag-label){ cursor: pointer; }.choice-grid input{ position: absolute; opacity: 0; pointer-events: none; }.choice-grid span{ min-height: 42px; display: grid; place-items: center; padding: 6px; border: 1px solid var(--line); border-radius: 10px; color: #706b66; background: #faf9f7; font-size: 9px; text-align: center; transition: all .2s ease; }.choice-grid input:checked + span{ color: var(--orange); border-color: var(--orange); background: var(--orange-soft); font-weight: 700; box-shadow: inset 0 0 0 1px var(--orange); }.choice-grid input:focus-visible + span{ outline: 3px solid rgba(255,104,31,.25); outline-offset: 2px; }.form-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.brief-form select, .brief-form textarea{ width: 100%; border: 1px solid var(--line); border-radius: 11px; color: var(--ink); background: #faf9f7; font-size: 11px; outline: none; }.brief-form select{ height: 44px; padding: 0 12px; }.brief-form textarea{ display: block; resize: vertical; min-height: 81px; margin-top: 8px; padding: 11px 12px; line-height: 1.55; }.brief-form .button{ margin-top: 9px; }.form-status{ margin: 10px 0 0; color: #999; font-size: 9px; text-align: center; }.site-footer{ padding: 61px 0 24px; color: #fff; background: var(--dark); }.footer__main{ display: grid; grid-template-columns: 1fr 1.5fr; gap: 90px; padding-bottom: 55px; }.brand--footer .brand__name{ font-size: 35px; }.footer__main  >  div:first-child  >  p,.footer__main  >  div:first-child  > :where(.moldy-native-widget) >  p,.footer__main  >  div:first-child  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p,.footer__main  > :where(.moldy-native-widget) >  div:first-child  >  p,.footer__main  > :where(.moldy-native-widget) >  div:first-child  > :where(.moldy-native-widget) >  p,.footer__main  > :where(.moldy-native-widget) >  div:first-child  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p,.footer__main  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  div:first-child  >  p,.footer__main  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  div:first-child  > :where(.moldy-native-widget) >  p,.footer__main  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  div:first-child  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p{ margin: 23px 0 0; color: #999591; font-size: 12px; line-height: 1.8; }.footer__links{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; }.footer__links  >  div,.footer__links  > :where(.moldy-native-widget) >  div,.footer__links  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  div{ display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }.footer__links b{ margin-bottom: 5px; color: #77736f; font-size: 10px; letter-spacing: .05em; }.footer__links a{ color: #ccc8c4; font-size: 11px; transition: color .2s ease; }.footer__links a:hover{ color: var(--orange); }.footer__bottom{ display: flex; justify-content: space-between; padding-top: 22px; border-top: 1px solid #343230; color: #77736f; font: 600 9px/1.4 var(--font-latin); letter-spacing: .04em; }.mobile-cta{ display: none; }.subpage{ min-height: 100vh; background: #fbfaf8; }.subhero{ position: relative; overflow: hidden; padding: 104px 0 82px; background: #fff; border-bottom: 1px solid var(--line); }.subhero::after{ content: ""; position: absolute; right: -120px; top: -210px; width: 520px; height: 520px; border: 85px solid var(--orange-soft); border-radius: 50%; pointer-events: none; }.subhero__inner{ position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .7fr; align-items: end; gap: 70px; }.breadcrumb{ display: flex; align-items: center; gap: 9px; margin: 0 0 22px; color: #918b85; font-size: 11px; }.breadcrumb a:hover{ color: var(--orange); }.subhero h1{ max-width: 760px; margin: 0; font-family: var(--font-display); font-size: clamp(52px, 6vw, 80px); line-height: 1.14; letter-spacing: -.012em; }.subhero h1 em{ color: var(--orange); font-style: normal; }.subhero__intro{ margin: 0 0 8px; color: var(--muted); font-size: 15px; line-height: 1.9; }.route-section{ padding: 82px 0 110px; }.route-section__head{ display: flex; align-items: end; justify-content: space-between; gap: 36px; margin-bottom: 35px; }.route-section__head h2{ margin: 0; font-family: var(--font-display); font-size: clamp(34px, 4vw, 52px); line-height: 1.18; letter-spacing: -.01em; }.route-section__head p{ max-width: 430px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }.route-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }.route-card{ min-height: 245px; display: flex; flex-direction: column; padding: 25px; border: 1px solid var(--line); border-radius: 24px; background: #fff; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }.route-card:hover{ transform: translateY(-5px); border-color: transparent; box-shadow: var(--shadow); }.route-card__no{ width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: var(--orange); background: var(--orange-soft); font: 800 9px/1 var(--font-latin); }.route-card h3{ margin: auto 0 9px; font-family: var(--font-display); font-size: 25px; line-height: 1.3; font-weight: 650; }.route-card p{ margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }.route-card--orange{ color: #fff; background: var(--orange); border-color: var(--orange); }.route-card--orange .route-card__no{ color: #fff; background: rgba(255,255,255,.18); }.route-card--orange p{ color: rgba(255,255,255,.76); }.route-card--dark{ color: #fff; background: var(--dark); border-color: var(--dark); }.route-card--dark p{ color: #aaa6a2; }.route-list{ border-top: 1px solid var(--line); }.route-list article{ display: grid; grid-template-columns: 58px .75fr 1.25fr; gap: 24px; align-items: center; padding: 27px 0; border-bottom: 1px solid var(--line); }.route-list article  >  span,.route-list article  > :where(.moldy-native-widget) >  span,.route-list article  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  span{ color: var(--orange); font: 800 10px/1 var(--font-latin); }.route-list h3{ margin: 0; font-family: var(--font-display); font-size: 24px; font-weight: 650; }.route-list p{ margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }.route-list a{ justify-self: end; }.route-faq{ border-top: 1px solid var(--line); }.route-faq details{ border-bottom: 1px solid var(--line); background: #fff; }.route-faq summary{ min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 22px; cursor: pointer; list-style: none; font-family: var(--font-display); font-size: 17px; font-weight: 600; }.route-faq summary::-webkit-details-marker{ display: none; }.route-faq summary::after{ content: "+"; width: 31px; height: 31px; display: grid; place-items: center; flex-shrink: 0; border: 1px solid var(--line); border-radius: 50%; color: var(--orange); }.route-faq details[open] summary::after{ content: "−"; color: #fff; background: var(--orange); border-color: var(--orange); }.route-faq p{ max-width: 760px; margin: -4px 55px 24px 22px; color: var(--muted); font-size: 13px; line-height: 1.85; }.page-cta{ margin-top: 55px; display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 38px 42px; color: #fff; background: var(--dark); border-radius: 26px; }.page-cta h2{ margin: 0 0 7px; font-family: var(--font-display); font-size: 30px; line-height: 1.3; }.page-cta p{ margin: 0; color: #aaa6a2; font-size: 12px; }.page-cta .button{ flex-shrink: 0; color: #fff; background: var(--orange); }.mini-footer{ padding: 28px 0; color: #88837f; background: var(--dark); }.mini-footer__inner{ display: flex; align-items: center; justify-content: space-between; gap: 30px; }.mini-footer p{ margin: 0; font-size: 10px; }.mini-footer a{ color: #fff; font-size: 11px; }.site-nav a[aria-current="page"]{ color: var(--orange); }.site-nav a[aria-current="page"]::after{ right: 0; }.reveal{ opacity: 0; transform: translateY(24px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.75,.25,1); }.reveal--delay{ transition-delay: .12s; }.reveal.is-visible{ opacity: 1; transform: none; }

@media (max-width: 1050px) {.site-nav{ gap: 20px; }.site-nav a{ font-size: 12px; }.hero__grid{ grid-template-columns: .9fr 1.1fr; }.hero h1{ font-size: 59px; }.hero__image-wrap img{ height: 490px; }.trust-ribbon{ grid-template-columns: repeat(3, 1fr); }.trust-ribbon__intro{ display: none; }.trust-point:first-of-type{ border-left: 0; padding-left: 0; }.service-card__image{ height: 225px; }.service-card--wide .service-card__image{ height: 465px; }.service-card__body  >  p,.service-card__body  > :where(.moldy-native-widget) >  p,.service-card__body  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p{ display: none; }.materials__grid{ gap: 48px; }.why__grid{ gap: 55px; }.faq__grid{ gap: 60px; }.brief__box{ gap: 44px; padding: 50px; }
}

@media (max-width: 860px) {.shell{ width: min(100% - 36px, 720px); }.section-pad{ padding: 86px 0; }.topbar a{ display: none; }.topbar__inner{ justify-content: center; }.nav-wrap{ height: 68px; }.menu-toggle{ display: block; margin-left: auto; }.button--nav{ display: none; }.site-nav{ position: absolute; top: 68px; left: 0; right: 0; min-height: calc(100dvh - 68px); display: flex; visibility: hidden; flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 0; padding: 30px 24px; background: rgba(255,255,255,.98); clip-path: inset(0 0 0 100%); pointer-events: none; transition: clip-path .3s ease, visibility .3s ease; }.site-nav.is-open{ visibility: visible; clip-path: inset(0); pointer-events: auto; }.site-nav a{ padding: 18px 5px; border-bottom: 1px solid var(--line); font-size: 18px; }.site-nav a::after{ display: none; }.menu-open .menu-toggle span:first-child{ transform: translateY(3.5px) rotate(45deg); }.menu-open .menu-toggle span:last-child{ transform: translateY(-3.5px) rotate(-45deg); }.hero{ padding-top: 60px; }.hero__grid{ grid-template-columns: 1fr; }.hero__content{ max-width: 650px; }.hero h1{ font-size: clamp(54px, 10vw, 76px); }.hero__lead{ max-width: 600px; }.hero__visual{ margin-top: 20px; }.hero__image-wrap img{ height: auto; aspect-ratio: 3 / 2; }.trust-ribbon{ margin-top: 52px; }.section-heading{ grid-template-columns: 1fr; gap: 22px; }.service-grid{ grid-template-columns: 1fr 1fr; }.service-card--wide{ grid-row: auto; grid-column: span 2; }.service-card--wide .service-card__image{ height: 460px; }.service-card--wide .sprite{ background-size: cover; background-position: 64% center; }.materials__grid{ grid-template-columns: 1fr; }.materials__intro, .faq__heading{ position: static; }.materials__intro{ max-width: 620px; }.process-list{ grid-template-columns: 1fr 1fr; }.process-item:not(:last-child)::after{ display: none; }.why__grid{ grid-template-columns: 1fr; }.why__visual{ order: 2; max-width: 620px; width: 100%; margin-inline: auto; }.faq__grid{ grid-template-columns: 1fr; gap: 45px; }.faq__heading{ max-width: 560px; }.brief__box{ grid-template-columns: 1fr; }.footer__main{ grid-template-columns: .7fr 1.3fr; gap: 50px; }.subhero{ padding: 80px 0 68px; }.subhero__inner{ grid-template-columns: 1fr; gap: 25px; }.subhero__intro{ max-width: 620px; }.route-grid{ grid-template-columns: 1fr 1fr; }.route-list article{ grid-template-columns: 45px 1fr; }.route-list article p{ grid-column: 2; }.route-list a{ grid-column: 2; justify-self: start; }
}

@media (max-width: 600px) {.shell{ width: calc(100% - 28px); }.section-pad{ padding: 72px 0; }.topbar{ font-size: 10px; }.site-header{ top: 0; }.brand__name{ font-size: 25px; }.brand__mark{ transform: scale(.9) rotate(-8deg); transform-origin: left center; }.site-nav{ top: 68px; }.hero{ padding-top: 48px; }.hero__grid{ min-height: 0; gap: 28px; }.eyebrow{ flex-wrap: wrap; margin-bottom: 18px; }.hero h1{ font-size: clamp(46px, 14vw, 60px); line-height: 1.15; letter-spacing: 0; }.hero__lead{ margin: 24px 0; font-size: 14px; line-height: 1.8; }.hero__actions{ align-items: stretch; flex-direction: column; gap: 12px; }.button--primary{ width: 100%; }.text-link{ align-self: flex-start; }.prep-note{ margin-top: 24px; }.hero__image-wrap{ border-radius: 37% 37% 24px 24px / 24% 24% 24px 24px; }.hero__image-wrap img{ height: 400px; aspect-ratio: auto; object-position: 64% center; }.float-card{ transform: scale(.88); animation: none; }.float-card--top{ right: -21px; top: 10%; transform-origin: right top; }.float-card--bottom{ left: -11px; bottom: 8%; transform-origin: left bottom; }.trust-ribbon{ grid-template-columns: 1fr; margin-top: 40px; padding: 6px 0; }.trust-point, .trust-point:first-of-type{ padding: 14px 4px; border-left: 0; border-bottom: 1px solid var(--line); }.trust-point:last-child{ border-bottom: 0; }.section-heading h2, .materials h2, .why h2, .faq h2, .brief h2{ font-size: 41px; }.section-heading{ margin-bottom: 38px; }.section-heading  >  p,.section-heading  > :where(.moldy-native-widget) >  p,.section-heading  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p{ font-size: 13px; }.service-grid{ grid-template-columns: 1fr; gap: 13px; }.service-card--wide{ grid-column: auto; }.service-card__image, .service-card--wide .service-card__image{ height: 330px; }.service-card--wide .sprite{ background-size: cover; background-position: 64% center; }.service-card--wide .service-card__body{ min-height: 0; }.service-card__body{ padding: 19px; }.service-card__body h3{ font-size: 24px; }.coming-soon{ grid-template-columns: auto 1fr; }.coming-soon a{ grid-column: 2; justify-self: start; }.materials__grid{ gap: 46px; }.material-cards{ grid-template-columns: 1fr; }.material-card--offset{ margin-top: 0; }.material-card{ min-height: 450px; }.process-list{ grid-template-columns: 1fr; }.process-item{ min-height: auto; display: grid; grid-template-columns: 72px 1fr; column-gap: 17px; padding: 21px; }.process-item__num{ grid-column: 1 / -1; }.process-item__icon{ width: 68px; height: 68px; margin: 26px 0 0; }.process-item__icon svg{ width: 41px; }.process-item  >  div:last-child,.process-item  > :where(.moldy-native-widget) >  div:last-child,.process-item  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  div:last-child{ margin-top: 26px; }.section-heading--center{ align-items: flex-start; text-align: left; }.why__grid{ gap: 45px; }.why__visual{ min-height: 470px; }.why__shape--a{ width: 370px; height: 370px; }.why__mascot{ right: 1%; }.quality-stamp{ right: -8px; width: 88px; height: 88px; }.quality-stamp span{ font-size: 8px; }.faq__grid{ gap: 36px; }.accordion summary{ min-height: 77px; font-size: 14px; }.accordion details  >  p,.accordion details  > :where(.moldy-native-widget) >  p,.accordion details  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p{ margin-right: 0; font-size: 12px; }.brief{ padding-bottom: 55px; }.brief__box{ width: calc(100% - 16px); padding: 35px 20px 20px; border-radius: 29px; gap: 32px; }.brief-form{ padding: 19px 15px; }.choice-grid{ grid-template-columns: 1fr 1fr; }.form-row{ grid-template-columns: 1fr; }.footer__main{ grid-template-columns: 1fr; gap: 42px; }.footer__links{ grid-template-columns: 1fr 1fr; row-gap: 35px; }.footer__bottom{ padding-bottom: 62px; flex-direction: column; gap: 4px; }.mobile-cta{ position: fixed; z-index: 90; right: 12px; bottom: 10px; width: 216px; min-height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 0 9px 0 19px; color: #fff; background: var(--ink); border: 1px solid rgba(255,255,255,.16); border-radius: 99px; box-shadow: 0 12px 30px rgba(0,0,0,.24); font-weight: 700; font-size: 11px; transition: transform .25s ease, opacity .25s ease; }.mobile-cta.is-hidden{ opacity: 0; transform: translateY(80px); pointer-events: none; }.mobile-cta i{ width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: var(--ink); background: var(--orange); font-style: normal; font-size: 16px; }.subhero{ padding: 58px 0 54px; }.subhero::after{ width: 300px; height: 300px; right: -185px; top: -125px; border-width: 52px; }.subhero h1{ font-size: 46px; line-height: 1.16; }.subhero__intro{ font-size: 13px; }.route-section{ padding: 58px 0 82px; }.route-section__head{ align-items: flex-start; flex-direction: column; gap: 15px; }.route-grid{ grid-template-columns: 1fr; }.route-card{ min-height: 210px; }.route-list article{ grid-template-columns: 37px 1fr; gap: 12px; padding: 22px 0; }.route-list h3{ font-size: 20px; }.route-faq summary{ min-height: 76px; padding-inline: 14px; font-size: 14px; }.route-faq p{ margin: -2px 14px 22px; font-size: 12px; }.page-cta{ align-items: stretch; flex-direction: column; padding: 29px 24px; }.page-cta h2{ font-size: 25px; }.mini-footer__inner{ align-items: flex-start; flex-direction: column; gap: 8px; padding-bottom: 68px; }
}

@media (prefers-reduced-motion: reduce) {html{ scroll-behavior: auto; }*, *::before, *::after{ animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.reveal{ opacity: 1; transform: none; }
}.nav-mega{ position: static; display: inline-flex; }.nav-mega__trigger{ display: inline-flex; align-items: center; gap: 7px; padding: 0; border: 0; background: none; cursor: pointer; position: relative; font-size: 13px; font-weight: 600; color: #494643; font-family: var(--font-thai); }.nav-mega__trigger::after{ content: ""; position: absolute; left: 0; right: 100%; bottom: -7px; height: 2px; background: var(--orange); transition: right .25s ease; }.nav-mega__trigger:hover::after, .nav-mega__trigger:focus-visible::after, .nav-mega.is-open .nav-mega__trigger::after{ right: 0; }.nav-mega.is-open .nav-mega__trigger, .nav-mega__trigger[data-current="true"]{ color: var(--orange); }.nav-mega__chev{ width: 7px; height: 7px; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .25s ease; }.nav-mega.is-open .nav-mega__chev{ transform: translateY(1px) rotate(-135deg); }.mega{ position: absolute; left: 0; right: 0; top: 100%; background: var(--paper); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); box-shadow: 0 28px 60px rgba(45,32,21,.12); opacity: 0; transform: translateY(-10px); pointer-events: none; transition: opacity .22s ease, transform .22s ease; }.nav-mega.is-open .mega{ opacity: 1; transform: translateY(0); pointer-events: auto; }.mega[hidden]{ display: none; }.mega__inner{ display: grid; grid-template-columns: 340px 1fr; gap: 40px; padding: 30px 0 34px; align-items: start; }.mega__eyebrow{ margin: 0 0 12px; font: 700 11px/1 var(--font-latin); letter-spacing: 1.6px; text-transform: uppercase; color: var(--muted); }.mega__cats{ display: flex; flex-direction: column; gap: 2px; }.mega-cat{ display: flex; align-items: center; gap: 13px; width: 100%; padding: 11px 14px; border: 0; border-radius: 16px; background: transparent; text-align: left; cursor: pointer; color: var(--ink); font-family: var(--font-thai); transition: background .2s ease; }.mega-cat:hover, .mega-cat.is-active{ background: var(--orange-soft); }.mega-cat__no{ flex-shrink: 0; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: #fff; border: 1px solid var(--line); font: 700 11px/1 var(--font-latin); color: var(--orange); }.mega-cat.is-active .mega-cat__no{ background: var(--orange); border-color: var(--orange); color: #fff; }.mega-cat__body{ display: flex; flex-direction: column; gap: 1px; min-width: 0; }.mega-cat__name{ font-size: 14px; font-weight: 600; line-height: 1.35; }.mega-cat__desc{ font-size: 11.5px; color: var(--muted); line-height: 1.45; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.mega-cat__arrow{ margin-left: auto; color: var(--orange); opacity: 0; transform: translateX(-4px); transition: opacity .2s ease, transform .2s ease; }.mega-cat.is-active .mega-cat__arrow, .mega-cat:hover .mega-cat__arrow{ opacity: 1; transform: translateX(0); }.mega__all{ display: inline-flex; align-items: center; gap: 10px; margin-top: 16px; padding: 11px 18px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; font-weight: 600; transition: border-color .2s ease, color .2s ease; }.mega__all:hover{ border-color: var(--orange); color: var(--orange); }.mega__all-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }.mega__all-grid i{ width: 5px; height: 5px; border-radius: 1.5px; background: var(--orange); }.mega__detail{ padding-left: 40px; border-left: 1px solid var(--line); min-height: 268px; }.mega-panel[hidden]{ display: none; }.mega-panel{ animation: megaIn .28s ease both; }
@keyframes megaIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }.mega-panel__head h3{ margin: 6px 0 6px; font-size: 26px; line-height: 1.25; letter-spacing: -.4px; }.mega-panel__desc{ margin: 0; max-width: 52ch; color: var(--muted); font-size: 14px; }.mega-sub-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 22px 0 20px; }.mega-sub{ display: flex; align-items: center; gap: 12px; padding: 14px 15px; border: 1px solid var(--line); border-radius: 18px; background: #fff; font-size: 13.5px; font-weight: 600; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }.mega-sub:hover{ border-color: var(--orange); transform: translateY(-2px); box-shadow: 0 14px 30px rgba(45,32,21,.08); }.mega-sub__mark{ position: relative; flex-shrink: 0; width: 34px; height: 34px; border-radius: 12px; background: var(--orange-soft); }.mega-sub__mark i{ position: absolute; display: block; background: var(--orange); border-radius: 50%; }.mega-sub__mark i:nth-child(1){ width: 17px; height: 15px; left: 8px; top: 12px; border-radius: 54% 46% 48% 52%; }.mega-sub__mark i:nth-child(2){ width: 6px; height: 8px; top: 7px; left: 9px; transform: rotate(-28deg); }.mega-sub__mark i:nth-child(3){ width: 5px; height: 7px; top: 7px; right: 9px; transform: rotate(32deg); }.mega-sub__label{ line-height: 1.35; }.mega-sub__go{ margin-left: auto; color: var(--orange); font-size: 12px; }.mega-panel__foot{ display: flex; flex-wrap: wrap; gap: 10px; }.mega-pill{ display: inline-flex; align-items: center; gap: 8px; padding: 11px 20px; border-radius: 999px; background: var(--ink); color: #fff; font-size: 13px; font-weight: 600; transition: background .2s ease; }.mega-pill:hover{ background: var(--orange); }.mega-pill--ghost{ background: transparent; color: var(--ink); border: 1px solid var(--line); }.mega-pill--ghost:hover{ background: transparent; border-color: var(--orange); color: var(--orange); }.mega__note{ border-top: 1px solid var(--line); background: var(--soft); }.mega__note-inner{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; }.mega__note p{ margin: 0; font-size: 13px; color: var(--muted); }.mega__note a{ font-size: 13px; font-weight: 600; color: var(--orange); }

@media (max-width: 1050px) {.mega__inner{ grid-template-columns: 290px 1fr; gap: 28px; }.mega__detail{ padding-left: 28px; }.mega-sub-grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 860px) {.nav-mega{ display: block; width: 100%; }.nav-mega__trigger{ width: 100%; justify-content: space-between; padding: 18px 5px; border-bottom: 1px solid var(--line); font-size: 18px; }.nav-mega__trigger::after{ display: none; }.mega{ position: static; opacity: 1; transform: none; pointer-events: auto; box-shadow: none; border: 0; background: transparent; }.nav-mega:not(.is-open) .mega{ display: none; }.mega__inner{ display: block; width: 100%; padding: 6px 0 14px; }.mega__eyebrow{ display: none; }.mega__cats{ gap: 0; }.mega-cat{ border-radius: 12px; padding: 12px 10px; }.mega-cat__desc{ white-space: normal; }.mega__detail{ padding: 14px 0 0; border-left: 0; min-height: 0; }.mega-panel__head h3{ font-size: 20px; }.mega-sub-grid{ grid-template-columns: 1fr; gap: 8px; margin: 14px 0 14px; }.mega__all{ width: 100%; justify-content: center; margin-top: 12px; }.mega__note{ background: transparent; }.mega__note-inner{ width: 100%; padding: 10px 0 0; }
}

@media (max-width: 860px) {.site-nav{ background: #fff; }.site-nav.is-open{ overflow-y: auto; max-height: calc(100dvh - 68px); overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding-bottom: 40px; }
}.about-story{ padding: 96px 0 20px; }.about-story__grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }.about-story__copy h2{ margin: 0 0 26px; font-family: var(--font-display); font-size: clamp(32px, 3.4vw, 46px); line-height: 1.2; letter-spacing: -.01em; }.about-story__copy p:not(.kicker){ margin: 0 0 18px; color: var(--muted); font-size: 14.5px; line-height: 1.95; }.about-story__copy p b{ color: var(--ink); font-weight: 650; }.about-story__media{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.about-shot{ margin: 0; }.about-shot--tall{ grid-column: 1 / -1; }.about-shot img{ width: 100%; height: 100%; object-fit: cover; border-radius: 24px; aspect-ratio: 16 / 10; }.about-shot--tall img{ aspect-ratio: 16 / 9; }.about-shot figcaption{ margin-top: 9px; color: var(--muted); font-size: 12px; }.about-vm{ padding: 90px 0 20px; }.about-vm__grid{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; align-items: stretch; }.vm-card{ display: flex; flex-direction: column; gap: 10px; padding: 34px 32px; border-radius: 26px; }.vm-card--soft{ background: var(--orange-soft); border: 1px solid #ffe0c8; }.vm-card--dark{ color: #fff; background: var(--dark); }.vm-card__tag{ margin: 0; font: 800 10px/1 var(--font-latin); letter-spacing: .16em; color: var(--orange); }.vm-card--dark .vm-card__tag{ color: #ff9a52; }.vm-card h3{ margin: 0 0 4px; font-family: var(--font-display); font-size: 24px; line-height: 1.35; }.vm-card p:not(.vm-card__tag){ margin: 0; color: var(--muted); font-size: 13.5px; line-height: 1.9; }.vm-card--dark p:not(.vm-card__tag){ color: #b6b1ac; }.vm-photo{ margin: 0; }.vm-photo img{ width: 100%; height: 100%; min-height: 260px; object-fit: cover; border-radius: 26px; }.about-strength{ padding: 90px 0 10px; }.about-strength__grid{ display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; align-items: start; }.about-strength__copy h2{ margin: 0 0 14px; font-family: var(--font-display); font-size: clamp(30px, 3.2vw, 42px); line-height: 1.2; }.about-strength__copy p:not(.kicker){ margin: 0 0 26px; color: var(--muted); font-size: 14px; line-height: 1.85; }.strength-list{ list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }.strength-list li{ display: flex; align-items: flex-start; gap: 14px; padding: 17px 4px; border-bottom: 1px solid var(--line); font-size: 14.5px; line-height: 1.7; }.strength-list li:first-child{ border-top: 1px solid var(--line); }.strength-list li span{ flex-shrink: 0; width: 24px; height: 24px; margin-top: 2px; display: grid; place-items: center; border-radius: 50%; background: var(--orange-soft); color: var(--orange); font-size: 12px; font-weight: 700; }.about-team{ padding: 86px 0 110px; }.about-team__band{ position: relative; border-radius: 30px; overflow: hidden; }.about-team__band img{ width: 100%; height: clamp(320px, 42vw, 520px); object-fit: cover; }.about-team__caption{ position: absolute; inset: auto 0 0 0; padding: 46px 44px 38px; color: #fff; background: linear-gradient(to top, rgba(15,13,12,.88), rgba(15,13,12,.55) 55%, transparent); }.about-team__caption h2{ margin: 0 0 8px; font-family: var(--font-display); font-size: clamp(26px, 3vw, 38px); line-height: 1.25; }.about-team__caption p:not(.kicker){ max-width: 560px; margin: 0; color: rgba(255,255,255,.82); font-size: 13.5px; line-height: 1.85; }.about-gallery{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 16px; }.about-gallery :is(figure,.moldy-tag-figure){ margin: 0; }.about-gallery img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 24px; }.brand__logo{ width: 38px; height: 38px; object-fit: contain; flex-shrink: 0; }.brand--footer .brand__logo{ width: 36px; height: 36px; }

@media (max-width: 1050px) {.about-story__grid, .about-strength__grid{ grid-template-columns: 1fr; gap: 40px; }.about-vm__grid{ grid-template-columns: 1fr 1fr; }.vm-photo{ grid-column: 1 / -1; order: 3; }.vm-photo img{ min-height: 220px; }
}

@media (max-width: 860px) {.about-story{ padding: 64px 0 10px; }.about-vm, .about-strength{ padding: 62px 0 6px; }.about-team{ padding: 62px 0 84px; }.about-vm__grid{ grid-template-columns: 1fr; }.about-gallery{ grid-template-columns: 1fr 1fr; }.about-gallery :is(figure,.moldy-tag-figure):last-child{ grid-column: 1 / -1; }.about-team__caption{ padding: 28px 22px 24px; }.about-story__media{ gap: 12px; }
}

@media (max-width: 600px) {.about-gallery{ grid-template-columns: 1fr; }.about-gallery :is(figure,.moldy-tag-figure):last-child{ grid-column: auto; }
}.svc-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }.svc-card{ border: 1px solid var(--line); border-radius: 26px; background: #fff; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }.svc-card:hover{ transform: translateY(-6px); border-color: transparent; box-shadow: var(--shadow); }.svc-card  >  a,.svc-card  > :where(.moldy-native-widget) >  a,.svc-card  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  a{ display: flex; flex-direction: column; height: 100%; }.svc-card__shot{ position: relative; margin: 0; }.svc-card__shot img{ width: 100%; aspect-ratio: 16 / 11; object-fit: cover; }.svc-card__no{ position: absolute; left: 16px; bottom: -16px; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--orange); color: #fff; font: 800 12px/1 var(--font-latin); box-shadow: 0 8px 20px rgba(255,104,31,.35); }.svc-card__body{ position: relative; display: flex; flex-direction: column; gap: 8px; padding: 30px 24px 24px; flex: 1; }.svc-card__tag{ margin: 0; font: 800 9.5px/1 var(--font-latin); letter-spacing: .16em; color: var(--orange); }.svc-card h3{ margin: 0; font-family: var(--font-display); font-size: 21px; line-height: 1.32; font-weight: 650; }.svc-card__desc{ margin: 0; color: var(--muted); font-size: 12.5px; line-height: 1.8; }.svc-card .circle-arrow{ align-self: flex-start; margin-top: auto; }.services__note{ display: flex; align-items: center; gap: 22px; margin-top: 26px; padding: 26px 30px; border: 1px dashed #e2ddd6; border-radius: 24px; background: var(--soft); }.services__note  >  span,.services__note  > :where(.moldy-native-widget) >  span,.services__note  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  span{ flex-shrink: 0; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: var(--orange); font-size: 20px; }.services__note b{ display: block; font-size: 15px; }.services__note p{ margin: 4px 0 0; color: var(--muted); font-size: 13px; line-height: 1.7; }.services__note  >  a,.services__note  > :where(.moldy-native-widget) >  a,.services__note  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  a{ flex-shrink: 0; margin-left: auto; font-size: 13px; font-weight: 600; color: var(--orange); }.mega-panel__flex{ display: grid; grid-template-columns: 1fr 232px; gap: 28px; align-items: start; }.mega-panel__shot{ margin: 0; }.mega-panel__shot img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 20px; }.mega-sub-grid{ grid-template-columns: 1fr 1fr; }.mega__detail{ min-height: 300px; }.mega-cat{ padding: 9px 13px; }.mega-cat__name{ font-size: 13.5px; }.proof{ background: #fff; }.proof-stats{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 34px 0 40px; }.proof-stat{ padding: 24px 22px; border: 1px solid var(--line); border-radius: 22px; background: var(--soft); }.proof-stat b{ display: block; margin-bottom: 6px; font-family: var(--font-display); font-size: 30px; line-height: 1.42; color: var(--orange); letter-spacing: -.02em; }.proof-stat p{ margin: 0; color: var(--muted); font-size: 12.5px; line-height: 1.7; }.proof-who h3{ margin: 0 0 18px; font-family: var(--font-display); font-size: clamp(26px, 2.8vw, 34px); line-height: 1.25; }.proof-who__list{ list-style: none; margin: 0 0 26px; padding: 0; }.proof-who__list li{ position: relative; padding: 13px 0 13px 26px; border-bottom: 1px solid var(--line); font-size: 14px; line-height: 1.7; }.proof-who__list li::before{ content: ""; position: absolute; left: 0; top: 21px; width: 9px; height: 9px; border-radius: 50%; background: var(--orange); }.proof-partner{ padding: 26px 26px 24px; border-radius: 24px; background: var(--orange-soft); border-left: 4px solid var(--orange); }.proof-partner__tag{ margin: 0 0 8px; font: 800 9.5px/1 var(--font-latin); letter-spacing: .16em; color: var(--orange); }.proof-partner p:not(.proof-partner__tag){ margin: 0 0 14px; color: #6a5f56; font-size: 13.5px; line-height: 1.85; }.proof-partner a{ font-size: 13.5px; font-weight: 650; color: var(--orange); }

@media (max-width: 1050px) {.svc-grid{ grid-template-columns: repeat(2, 1fr); }.proof-stats{ grid-template-columns: repeat(2, 1fr); }.mega-panel__flex{ grid-template-columns: 1fr; }.mega-panel__shot{ display: none; }
}
@media (max-width: 860px) {.svc-grid{ grid-template-columns: 1fr; }.services__note{ flex-direction: column; align-items: flex-start; gap: 14px; }.services__note  >  a,.services__note  > :where(.moldy-native-widget) >  a,.services__note  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  a{ margin-left: 0; }.mega-sub-grid{ grid-template-columns: 1fr; }
}.subhero--shot{ padding-bottom: 0; }.subhero__strip{ position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 48px; transform: translateY(46px); }.subhero__strip :is(figure,.moldy-tag-figure){ margin: 0; overflow: hidden; border-radius: 22px; }.subhero__strip img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.3,1); }.subhero__strip :is(figure,.moldy-tag-figure):hover img{ transform: scale(1.06); }.subhero__strip :is(figure,.moldy-tag-figure):nth-child(even){ transform: translateY(18px); }.flow{ padding: 110px 0 110px; }.flow-list{ display: grid; gap: 18px; }.flow-step{ display: grid; grid-template-columns: 58px 1fr; gap: 18px; }.flow-step__rail{ position: relative; display: flex; justify-content: center; }.flow-step__rail::before{ content: ""; position: absolute; top: 54px; bottom: -22px; width: 2px; background: linear-gradient(to bottom, var(--orange), rgba(255,104,31,.12)); }.flow-step:last-child .flow-step__rail::before{ display: none; }.flow-step__dot{ position: relative; z-index: 1; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: var(--orange); color: #fff; font: 800 13px/1 var(--font-latin); box-shadow: 0 10px 24px rgba(255,104,31,.32); }.flow-step__card{ display: grid; grid-template-columns: 1fr 300px; gap: 26px; align-items: center; padding: 26px 28px; border: 1px solid var(--line); border-radius: 26px; background: #fff; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }.flow-step__card:hover{ transform: translateY(-4px); border-color: transparent; box-shadow: var(--shadow); }.flow-step__text h3{ margin: 0 0 8px; font-family: var(--font-display); font-size: 24px; line-height: 1.3; }.flow-step__text  >  p,.flow-step__text  > :where(.moldy-native-widget) >  p,.flow-step__text  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  p{ margin: 0 0 16px; color: var(--muted); font-size: 13.5px; line-height: 1.85; max-width: 52ch; }.flow-step__list{ list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }.flow-step__list li{ padding: 7px 14px; border-radius: 999px; background: var(--orange-soft); color: #a8531f; font-size: 12px; font-weight: 600; }.flow-step__shot{ margin: 0; overflow: hidden; border-radius: 20px; }.flow-step__shot img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.3,1); }.flow-step__card:hover .flow-step__shot img{ transform: scale(1.07); }.faq-page{ padding: 84px 0 110px; }.faq-page__grid{ display: grid; grid-template-columns: 1.25fr .75fr; gap: 46px; align-items: start; }.faq-page__list{ display: grid; gap: 12px; }.qa{ border: 1px solid var(--line); border-radius: 22px; background: #fff; overflow: hidden; transition: border-color .25s ease, box-shadow .25s ease; }.qa[open]{ border-color: transparent; box-shadow: var(--shadow); }.qa summary{ display: flex; align-items: center; gap: 16px; padding: 22px 24px; cursor: pointer; list-style: none; }.qa summary::-webkit-details-marker{ display: none; }.qa__no{ flex-shrink: 0; font: 800 11px/1 var(--font-latin); color: var(--orange); }.qa__q{ flex: 1; font-size: 15.5px; font-weight: 650; line-height: 1.5; }.qa__icon{ position: relative; flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%; background: var(--orange-soft); transition: background .25s ease, transform .3s ease; }.qa__icon::before, .qa__icon::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 2px; background: var(--orange); transform: translate(-50%, -50%); transition: transform .3s ease; }.qa__icon::after{ transform: translate(-50%, -50%) rotate(90deg); }.qa[open] .qa__icon{ background: var(--orange); }.qa[open] .qa__icon::before, .qa[open] .qa__icon::after{ background: #fff; }.qa[open] .qa__icon::after{ transform: translate(-50%, -50%) rotate(0deg); }.qa__a{ padding: 0 24px 24px 62px; animation: qaIn .3s ease both; }.qa__a p{ margin: 0; color: var(--muted); font-size: 14px; line-height: 1.95; }
@keyframes qaIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }.faq-side{ display: grid; gap: 14px; position: sticky; top: 100px; }.faq-side__shot{ margin: 0; overflow: hidden; border-radius: 26px; }.faq-side__shot img{ width: 100%; aspect-ratio: 5 / 4; object-fit: cover; }.faq-side__mini{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.faq-side__mini :is(figure,.moldy-tag-figure){ margin: 0; overflow: hidden; border-radius: 20px; }.faq-side__mini img{ width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }.faq-side__card{ padding: 28px 26px; border-radius: 26px; background: var(--dark); color: #fff; }.faq-side__card h3{ margin: 0 0 8px; font-family: var(--font-display); font-size: 22px; line-height: 1.35; }.faq-side__card p:not(.kicker){ margin: 0 0 20px; color: #b0aca8; font-size: 13px; line-height: 1.85; }

@media (max-width: 1050px) {.flow-step__card{ grid-template-columns: 1fr; }.flow-step__shot{ order: -1; }.faq-page__grid{ grid-template-columns: 1fr; }.faq-side{ position: static; }
}
@media (max-width: 860px) {.subhero__strip{ grid-template-columns: 1fr 1fr; transform: translateY(34px); }.flow{ padding: 80px 0 84px; }.flow-step{ grid-template-columns: 44px 1fr; gap: 12px; }.flow-step__dot{ width: 38px; height: 38px; font-size: 11px; }.flow-step__card{ padding: 20px; }.qa summary{ padding: 18px; gap: 12px; }.qa__q{ font-size: 14.5px; }.qa__a{ padding: 0 18px 20px 46px; }
}.cl-marquee{ margin: 34px 0 14px; display: grid; gap: 0;
  position: relative; }.cl-marquee::before, .cl-marquee::after{ content: ""; position: absolute; top: -30px; bottom: -30px; width: 110px; z-index: 3; pointer-events: none; }.cl-marquee::before{ left: 0; background: linear-gradient(to right, #fff 12%, rgba(255,255,255,0)); }.cl-marquee::after{ right: 0; background: linear-gradient(to left, #fff 12%, rgba(255,255,255,0)); }.cl-row{ overflow: hidden; padding: 18px 0; }.cl-track{ display: flex; gap: 14px; width: max-content; animation: clScroll var(--dur, 46s) linear infinite; }.cl-row--rtl .cl-track{ animation-direction: reverse; }.cl-marquee:hover .cl-track{ animation-play-state: paused; }
@keyframes clScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }.cl-tile{ flex: 0 0 auto; width: 162px; height: 96px; display: grid; place-items: center; padding: 14px 18px; overflow: hidden;
  border: 1px solid var(--line); border-radius: 20px; background: #fff;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease; }.cl-tile img{ max-width: 120px; max-height: 60px; width: auto; height: auto; object-fit: contain; filter: grayscale(1); opacity: .58;
  transition: filter .35s ease, opacity .35s ease; }.cl-tile:hover{ border-color: rgba(255,104,31,.45); box-shadow: 0 14px 26px -8px rgba(45,32,21,.30); transform: translateY(-4px); }.cl-tile:hover img{ filter: none; opacity: 1; }.cl-caption{ margin: 0 0 46px; text-align: center; color: var(--muted); font-size: 12px; }.proof-bottom{ display: grid; grid-template-columns: 1.05fr .95fr; gap: 44px; align-items: start; }.proof-partner{ align-self: start; }.proof-partner h3{ margin: 0 0 10px; font-family: var(--font-display); font-size: 26px; line-height: 1.3; }.proof-partner .button{ display: inline-flex; }

@media (prefers-reduced-motion: reduce) {.cl-track{ animation: none; } }
@media (max-width: 860px) {.proof-stat b{ font-size: 25px; }.cl-tile{ width: 128px; height: 76px; padding: 12px 15px; border-radius: 16px; }.cl-tile img{ max-width: 92px; max-height: 42px; }.cl-marquee{ margin: 30px 0 12px; }.proof-bottom{ grid-template-columns: 1fr; gap: 30px; }.cl-caption{ margin-bottom: 32px; }
}.hero{ padding-top: 68px; background: linear-gradient(180deg, #fff 0%, #fffdfb 58%, #fbf9f6 100%); }.hero__glow{ width: 760px; height: 760px; right: -260px; top: -280px; background: radial-gradient(circle, rgba(255,150,70,.20), rgba(255,180,110,.07) 45%, transparent 70%); }.hero__grid{ grid-template-columns: .94fr 1.06fr; gap: 54px; min-height: 610px; }.hero__content{ position: relative; }.hero__content::before{ content: ""; position: absolute; left: -46px; top: 118px; width: 132px; height: 132px; opacity: .5; pointer-events: none;
  background-image: radial-gradient(rgba(255,104,31,.34) 1.6px, transparent 1.6px); background-size: 13px 13px; }.eyebrow{ margin-bottom: 26px; }.eyebrow span{ padding: 9px 15px; font-size: 10.5px; letter-spacing: .1em; box-shadow: 0 8px 20px rgba(23,23,23,.16); }.hero h1{ font-size: clamp(46px, 4.55vw, 68px); line-height: 1.2; letter-spacing: -.018em; }.hero__lead{ max-width: 470px; margin: 26px 0 30px; font-size: 15.5px; line-height: 1.95; }.hero__actions{ gap: 22px; }.button--primary{ box-shadow: 0 16px 34px rgba(255,104,31,.28); transition: transform .25s ease, box-shadow .25s ease; }.button--primary:hover{ transform: translateY(-2px); box-shadow: 0 20px 42px rgba(255,104,31,.34); }.prep-note{ margin-top: 30px; }.hero-proof{ margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--line); }.hero-proof__label{ margin: 0 0 14px; color: #97918b; font: 700 10px/1 var(--font-latin); letter-spacing: .14em; text-transform: uppercase; }.hero-proof__logos{ display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }.hero-proof__logos img{ height: 27px; width: auto; opacity: .88; transition: opacity .3s ease, transform .3s ease; }.hero-proof__logos img:hover{ opacity: 1; transform: translateY(-2px); }.hero__visual{ padding-bottom: 26px; }.hero__image-wrap{ border-radius: 260px 260px 34px 34px; box-shadow: 0 34px 70px rgba(45,32,21,.14); }.hero__image-wrap img{ height: 566px; }.hero__visual::before{ content: ""; position: absolute; z-index: -1; left: -34px; top: 26px; width: 300px; height: 300px; border: 1px solid rgba(255,104,31,.22); border-radius: 50%; pointer-events: none; }.hero__visual::after{ content: ""; position: absolute; z-index: -1; right: 6%; bottom: -14px; width: 150px; height: 150px; opacity: .55; pointer-events: none;
  background-image: radial-gradient(rgba(255,104,31,.3) 1.6px, transparent 1.6px); background-size: 13px 13px; }.hero__inset{ position: absolute; z-index: 4; left: -50px; bottom: -8px; width: 168px; margin: 0; overflow: hidden; border: 5px solid #fff; border-radius: 22px; box-shadow: 0 20px 44px rgba(45,32,21,.2); }.hero__inset img{ width: 100%; height: 132px; object-fit: cover; display: block; }.float-card{ border-radius: 20px; }.float-card--top{ top: 8%; right: -10px; }.float-card--bottom{ left: auto; right: -10px; bottom: 16%; }.concept-label{ left: 22px; right: auto; bottom: 18px; }.hero__content  >  *,.hero__content  > :where(.moldy-native-widget) >  *,.hero__content  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  *{ animation: heroUp .8s cubic-bezier(.2,.7,.3,1) both; }.hero__content  >  *:nth-child(1),.hero__content  > :where(.moldy-native-widget) >  *:nth-child(1),.hero__content  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  *:nth-child(1){ animation-delay: .05s; }.hero__content  >  *:nth-child(2),.hero__content  > :where(.moldy-native-widget) >  *:nth-child(2),.hero__content  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  *:nth-child(2){ animation-delay: .14s; }.hero__content  >  *:nth-child(3),.hero__content  > :where(.moldy-native-widget) >  *:nth-child(3),.hero__content  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  *:nth-child(3){ animation-delay: .23s; }.hero__content  >  *:nth-child(4),.hero__content  > :where(.moldy-native-widget) >  *:nth-child(4),.hero__content  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  *:nth-child(4){ animation-delay: .32s; }.hero__content  >  *:nth-child(5),.hero__content  > :where(.moldy-native-widget) >  *:nth-child(5),.hero__content  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  *:nth-child(5){ animation-delay: .41s; }.hero__content  >  *:nth-child(6),.hero__content  > :where(.moldy-native-widget) >  *:nth-child(6),.hero__content  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  *:nth-child(6){ animation-delay: .5s; }.hero__visual .hero__image-wrap{ animation: heroScale 1.05s cubic-bezier(.2,.7,.3,1) both .12s; }.hero__inset{ animation: heroUp .8s cubic-bezier(.2,.7,.3,1) both .55s; }
@keyframes heroUp { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes heroScale { from { opacity: 0; transform: scale(.965) translateY(16px); } to { opacity: 1; transform: none; } }.trust-ribbon{ margin-top: 66px; }.trust-point{ transition: transform .25s ease; }.trust-point:hover{ transform: translateY(-3px); }.trust-point:hover .trust-point__icon{ border-color: var(--orange); background: var(--orange-soft); }

@media (max-width: 1050px) {.hero__grid{ grid-template-columns: 1fr; gap: 44px; }.hero__image-wrap img{ height: 460px; }.hero__inset{ left: auto; right: 10px; bottom: -14px; width: 140px; }.hero__content::before{ display: none; }
}
@media (max-width: 860px) {.hero h1{ font-size: clamp(38px, 9vw, 52px); }.hero__image-wrap{ border-radius: 180px 180px 28px 28px; }.hero__image-wrap img{ height: 380px; }.hero-proof{ gap: 16px; }.hero-proof__logos{ gap: 16px; }.hero-proof__logos img{ height: 22px; }.hero__inset{ display: none; }
}
@media (prefers-reduced-motion: reduce) {.hero__content  >  *,.hero__content  > :where(.moldy-native-widget) >  *,.hero__content  > :where(.moldy-native-widget) > :where(.elementor-widget-container) >  *, .hero__visual .hero__image-wrap, .hero__inset{ animation: none; }
}.hero h1{ line-height: 1.44; }.hero h1 .scribble{ display: inline-block; padding-bottom: .2em; }.hero h1 .scribble::after{ bottom: .01em; height: 10px; left: -1%; right: -3%; }.subhero h1{ line-height: 1.4; }.section-heading h2,
.route-section__head h2,
.materials__intro h2,
.faq__heading h2,
.brief__copy h2,
.why__copy h2,
.about-story__copy h2,
.about-strength__copy h2,
.about-team__caption h2,
.page-cta h2{ line-height: 1.38; }.proof-who h3,
.proof-partner h3,
.faq-side__card h3,
.flow-step__text h3,
.vm-card h3,
.svc-card h3,
.route-card h3,
.mega-panel__head h3,
.mega-panel__text h3{ line-height: 1.5; }.qa__q, .strength-list li, .proof-who__list li{ line-height: 1.75; }.hero__lead, .subhero__intro{ line-height: 2; }

@media (max-width: 860px) {.hero h1{ line-height: 1.4; }.subhero h1{ line-height: 1.36; }
}.route-page[hidden]{ display: none !important; }