:root {
  --lc-cream: #fffaf6;
  --lc-ease: cubic-bezier(.16, 1, .3, 1);
  --lc-ring: 0 0 0 1px rgba(242, 107, 33, .22), 0 18px 44px -18px rgba(242, 107, 33, .45);
}

::selection { background: rgba(242, 107, 33, .22); }
:focus-visible { outline: 3px solid rgba(242, 107, 33, .55); outline-offset: 3px; border-radius: 6px; }

.lc-skip {
  position: absolute; left: 12px; top: -60px; z-index: 2000;
  padding: 10px 16px; border-radius: 10px; background: var(--lc-orange); color: #fff; font-weight: 800;
}
.lc-skip:focus { top: 12px; }

html:not(.lc-js) [data-reveal] { opacity: 1; transform: none; }
[data-reveal] { transition: opacity .8s var(--lc-ease), transform .8s var(--lc-ease); will-change: opacity, transform; }
[data-reveal].is-visible { transition-delay: var(--d, 0s); }

[data-split] .w { display: inline-block; overflow: hidden; vertical-align: bottom; padding-bottom: .06em; }
[data-split] .w > span { display: inline-block; transform: translateY(105%); transition: transform .9s var(--lc-ease); transition-delay: calc(var(--i) * 45ms); }
.is-visible [data-split] .w > span, [data-split].is-split-in .w > span { transform: none; }

.lc-header { backdrop-filter: saturate(140%) blur(10px); background: rgba(9, 14, 23, .94); }
.lc-header__cta { position: relative; overflow: hidden; }
.lc-header__cta::after {
  content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.35) 50%, transparent 70%);
  transform: translateX(-120%); animation: lcShine 4.5s ease-in-out infinite;
}
@keyframes lcShine { 0%, 70% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }

.lc-mega {
  left: 50%; width: min(980px, 92vw); display: grid; grid-template-columns: 1fr 1fr 250px; gap: 8px; padding: 16px;
  transform: translate(-50%, 12px);
}
.lc-nav__item.is-open .lc-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.lc-nav__item:hover .lc-mega, .lc-nav__item:focus-within .lc-mega, .lc-nav__item.is-open .lc-mega { transform: translate(-50%, 0); }
.lc-nav__item--mega { position: static; }
.lc-nav { position: relative; }
.lc-mega__col { display: grid; align-content: start; gap: 2px; }
.lc-mega__label { padding: 4px 10px 8px; color: #94a3b8; font: 800 10.5px/1 var(--lc-font-heading); letter-spacing: .12em; text-transform: uppercase; }
.lc-mega__promo {
  display: flex !important; flex-direction: column; align-items: flex-start; gap: 6px !important; padding: 18px !important;
  border-radius: 14px !important; background: linear-gradient(160deg, #fff5ee, #ffe8d8) !important; color: var(--lc-ink) !important;
}
.lc-mega__promo:hover { transform: translateY(-2px) !important; }
.lc-mega__promo img { width: 96px; height: 96px; margin: -6px 0 2px -6px; filter: drop-shadow(0 10px 14px rgba(242,107,33,.25)); }
.lc-mega__promo strong { font-size: 16px !important; }
.lc-mega__promo small { color: #5b6573 !important; }
.lc-mega__promo span { margin-top: 6px; color: var(--lc-orange); font: 800 12.5px/1 var(--lc-font-heading); }
.lc-mega__promo span i { display: inline !important; width: auto !important; height: auto !important; border: 0 !important; font-size: 12px !important; }
.lc-dropdown--list { width: 300px; }
.lc-dropdown--list a { grid-template-columns: 34px 1fr; padding: 8px 10px; }
.lc-dropdown--list i { width: 34px; height: 34px; font-size: 15px; }

.lc-hero__background { opacity: 1; }
.lc-hero-clyko {
  position: absolute; z-index: 6; left: 50%; bottom: -12px; display: flex; align-items: center; gap: 10px;
  width: min(360px, 92%); padding: 10px 16px 10px 8px; border: 1px solid rgba(242,107,33,.35); border-radius: 18px;
  background: rgba(255,255,255,.96); box-shadow: 0 24px 50px -14px rgba(9,14,23,.28); transform: translateX(-50%);
  animation: lcBob 6s ease-in-out infinite;
}
.lc-hero-clyko img { flex: none; width: 64px; height: 64px; margin: -22px 0 -6px; filter: drop-shadow(0 8px 10px rgba(9,14,23,.18)); }
.lc-hero-clyko p { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--lc-text); }
.lc-hero-clyko strong { display: block; color: var(--lc-orange); font: 900 12px/1.3 var(--lc-font-heading); letter-spacing: .04em; text-transform: uppercase; }
@keyframes lcBob { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, -6px); } }

.lc-offer-card__image, .lc-case__image { background: var(--lc-cream); }
.lc-offer-card__image { height: 210px; }
.lc-offer-card__image img, .lc-case__image img { object-fit: cover; object-position: center; }
.lc-offer-card__image::after { background: linear-gradient(180deg, transparent 70%, rgba(9,14,23,.12)); }
.lc-offer-card__arrow { background: var(--lc-orange) !important; border-color: transparent !important; color: #fff !important; box-shadow: 0 10px 20px -6px rgba(242,107,33,.6); }
.lc-case { display: block; color: inherit; }
.lc-case__image { height: 175px; }
.lc-product-preview__viewport { background: var(--lc-cream); padding: 0; }
.lc-product-preview__viewport img { object-fit: cover; transition: opacity .35s ease; }
.lc-collage--art { display: grid; place-items: center; min-height: 0; }
.lc-collage--art > img { position: relative; width: 100%; height: auto; border-radius: 26px; box-shadow: 0 30px 70px -28px rgba(9,14,23,.35); animation: none; }
.lc-collage--art .lc-collage__tag { top: auto; bottom: -18px; left: 8%; color: inherit; }
.lc-ownership__photo { background: var(--lc-cream); min-height: 0; }
.lc-ownership__photo > img { height: auto; object-fit: contain; }
.lc-ownership__photo::after { background: none; }

.lc-evergreen { background: linear-gradient(180deg, #fff, var(--lc-cream)); }
.lc-evergreen__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 56px; align-items: center; }
.lc-evergreen__art img { width: 100%; height: auto; border-radius: 26px; box-shadow: 0 30px 70px -28px rgba(43,26,74,.45); }
.lc-evergreen__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 28px; }
.lc-evergreen__chips span {
  display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border: 1px solid #f1dccd; border-radius: 999px;
  background: #fff; color: var(--lc-ink); font: 700 12.5px/1 var(--lc-font-heading);
}
.lc-evergreen__chips i { color: var(--lc-orange); }

.lc-intel { position: relative; overflow: hidden; background: radial-gradient(1200px 600px at 85% 0%, #1d2a3d 0%, var(--lc-navy) 60%); color: #fff; }
.lc-intel__glow { position: absolute; inset: auto -10% -40% auto; width: 760px; height: 760px; border-radius: 50%; background: radial-gradient(closest-side, rgba(242,107,33,.22), transparent); pointer-events: none; }
.lc-intel .lc-title { color: #fff; }
.lc-intel .lc-copy { color: #c3cdd8; }
.lc-intel__head { position: relative; display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 36px; align-items: center; max-width: 1000px; }
.lc-intel__clyko { width: 220px; height: 220px; filter: drop-shadow(0 30px 40px rgba(242,107,33,.25)); animation: lcFloatY 6s ease-in-out infinite; }
@keyframes lcFloatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.lc-intel__grid { position: relative; display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 28px; margin-top: 44px; }
.lc-intel__chat { display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: #fff; color: var(--lc-ink); box-shadow: 0 40px 90px -30px rgba(0,0,0,.6); overflow: hidden; }
.lc-intel__chat-head { display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: var(--lc-cream); border-bottom: 1px solid #f1e3d8; }
.lc-intel__chat-head img { width: 40px; height: 40px; border-radius: 50%; background: #ffe9db; }
.lc-intel__chat-head strong, .lc-intel__chat-head small { display: block; }
.lc-intel__chat-head strong { font: 800 14px/1.2 var(--lc-font-heading); }
.lc-intel__chat-head small { color: #16a34a; font-size: 11.5px; font-weight: 700; }
.lc-intel__chat-head small i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #16a34a; vertical-align: 1px; animation: lcPulse 1.8s infinite; }
@keyframes lcPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(22,163,74,.5); } 70% { box-shadow: 0 0 0 7px rgba(22,163,74,0); } }
.lc-intel__thread { display: grid; gap: 10px; padding: 18px; flex: 1; }
.lc-q, .lc-a { max-width: 88%; padding: 10px 14px; border-radius: 16px; font-size: 13.5px; line-height: 1.5; }
.lc-q { justify-self: end; background: var(--lc-ink); color: #fff; border-bottom-right-radius: 4px; font-weight: 700; }
.lc-a { background: #f4f6f9; border-bottom-left-radius: 4px; }
.lc-a b { color: var(--lc-ink); font-weight: 800; }
[data-chat] .lc-q, [data-chat] .lc-a { opacity: 0; transform: translateY(10px); transition: .5s var(--lc-ease); }
[data-chat].is-visible .lc-q, [data-chat].is-visible .lc-a { opacity: 1; transform: none; }
[data-chat].is-visible > .lc-intel__thread > :nth-child(1) { transition-delay: .2s; } [data-chat].is-visible > .lc-intel__thread > :nth-child(2) { transition-delay: .7s; }
[data-chat].is-visible > .lc-intel__thread > :nth-child(3) { transition-delay: 1.4s; } [data-chat].is-visible > .lc-intel__thread > :nth-child(4) { transition-delay: 1.9s; }
[data-chat].is-visible > .lc-intel__thread > :nth-child(5) { transition-delay: 2.6s; } [data-chat].is-visible > .lc-intel__thread > :nth-child(6) { transition-delay: 3.1s; }
.lc-intel__chat-input { display: flex; justify-content: space-between; align-items: center; margin: 0 18px 18px; padding: 12px 14px; border: 1px solid #e6eaf0; border-radius: 14px; color: #94a3b8; font-size: 13px; }
.lc-intel__chat-input i { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; background: var(--lc-orange); color: #fff; }
[data-typing]::after { content: "|"; margin-left: 2px; animation: lcCaret 1s steps(1) infinite; color: var(--lc-orange); }
@keyframes lcCaret { 50% { opacity: 0; } }
.lc-intel__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.lc-intel-card { position: relative; padding: 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: rgba(255,255,255,.04); overflow: hidden; }
.lc-intel-card i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: rgba(242,107,33,.14); color: #ff9a5c; font-size: 19px; }
.lc-intel-card h3 { margin: 14px 0 6px; color: #fff; font: 800 15.5px/1.3 var(--lc-font-heading); }
.lc-intel-card p { margin: 0; color: #a9b6c4; font-size: 13px; line-height: 1.55; }
.lc-intel__actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 36px; }
.lc-btn--ghost-dark { border: 1px solid rgba(255,255,255,.3); background: transparent; color: #fff; }
.lc-btn--ghost-dark:hover { border-color: #fff; background: rgba(255,255,255,.08); color: #fff; }

[data-spotlight] { position: relative; isolation: isolate; }
[data-spotlight]::before {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; opacity: 0; transition: opacity .3s ease;
  background: radial-gradient(360px circle at var(--mx, 50%) var(--my, 50%), rgba(242,107,33,.14), transparent 60%);
}
[data-spotlight]:hover::before { opacity: 1; }

.lc-final__box {
  position: relative; display: flex !important; flex-wrap: wrap; align-items: center; gap: 22px 32px; overflow: hidden;
  padding: 40px 48px; background: radial-gradient(520px 240px at 12% 0%, rgba(255,255,255,.22), transparent 70%), linear-gradient(100deg, var(--lc-orange), #ff7a33);
}
.lc-final__box::after { content: ""; position: absolute; right: -90px; bottom: -140px; width: 340px; height: 340px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); pointer-events: none; }
.lc-final__box > div:not(.lc-final__actions) { flex: 1 1 320px; min-width: 0; }
.lc-final__box h2 { font-size: clamp(24px, 3vw, 36px) !important; overflow-wrap: anywhere; }
.lc-final__actions { flex: 0 1 auto; flex-wrap: wrap; position: relative; z-index: 1; }
.lc-final__clyko {
  flex: none; width: 108px; height: 108px; padding: 8px; border-radius: 50%; object-fit: contain;
  background: radial-gradient(circle at 50% 35%, #fff, #ffe7d7); box-shadow: 0 0 0 6px rgba(255,255,255,.22), 0 16px 30px -10px rgba(120,40,0,.45);
}
.lc-footer__grid--wide { grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr)); }
.lc-footer__clyko { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; border: 1px solid #263445; border-radius: 16px; color: #fff; transition: .25s; }
.lc-footer__clyko:hover { border-color: var(--lc-orange); background: rgba(242,107,33,.08); }
.lc-footer__clyko img { width: 44px; height: 44px; }
.lc-footer__clyko strong, .lc-footer__clyko small { display: block; }
.lc-footer__clyko strong { font: 800 13.5px/1.2 var(--lc-font-heading); }
.lc-footer__clyko small { color: #94a3b8; font-size: 11.5px; }

.lp-hero { position: relative; overflow: hidden; padding: 64px 0 40px; }
.lp-hero__bg { position: absolute; inset: 0; background: url(../assets/illustrations/hero-mesh.svg) center / cover no-repeat; }
.lp-hero--slim { padding: 26px 0 0; }
.lp-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 52px; align-items: center; }
.lp-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 18px; color: #64748b; font: 700 12px/1 var(--lc-font-heading); }
.lp-crumbs a:hover { color: var(--lc-orange); }
.lp-crumbs i { font-size: 9px; color: #94a3b8; }
.lp-hero__copy h1 {
  margin: 14px 0 0; font: 900 clamp(38px, 4.6vw, 62px)/1.04 var(--lc-font-heading); letter-spacing: -.035em; color: var(--lc-ink);
}
.lp-hero__copy h1 span { color: inherit; }
.lp-hero__copy h1 > span:not(.w) { color: var(--lc-orange); }
.lp-hero__lead { max-width: 620px; margin: 20px 0 0; color: var(--lc-text-muted); font-size: 17px; line-height: 1.7; }
.lp-hero .lc-hero__actions { margin-top: 28px; }
.lp-proof { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 26px; color: var(--lc-ink); font: 700 13px/1.2 var(--lc-font-heading); }
.lp-proof i { color: var(--lc-orange); margin-right: 4px; }
.lp-hero__art { position: relative; margin: 0; }
.lp-hero__art::before { content: ""; position: absolute; inset: 8% 6% -4% 6%; border-radius: 40px; background: radial-gradient(closest-side, rgba(242,107,33,.28), transparent); filter: blur(30px); z-index: -1; }
.lp-hero__art img { width: 100%; height: auto; border-radius: 28px; box-shadow: 0 40px 80px -36px rgba(9,14,23,.4); }

.lp-brands { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 14px; margin-top: 46px; padding: 16px; border: 1px solid #eef1f5; border-radius: 18px; background: rgba(255,255,255,.75); backdrop-filter: blur(6px); }
.lp-brands > span:first-child { color: #94a3b8; font: 800 11px/1 var(--lc-font-heading); letter-spacing: .12em; text-transform: uppercase; margin-right: 6px; }
.lp-brand { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: #fff; border: 1px solid #edf0f4; color: var(--lc-ink); font: 700 12.5px/1 var(--lc-font-heading); }
.lp-brand img { width: 18px; height: 18px; }

.lp-steps { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 44px 0 0; padding: 0; list-style: none; counter-reset: s; }
.lp-steps::before { content: ""; position: absolute; top: 31px; left: 7%; right: 7%; height: 2px; background: linear-gradient(90deg, var(--lc-orange) var(--p, 0%), #e8ecf1 var(--p, 0%)); transition: --p 1s; }
.lp-step { position: relative; padding: 0 10px; text-align: center; }
.lp-step__n {
  position: relative; display: grid; width: 62px; height: 62px; margin: 0 auto 16px; place-items: center; border-radius: 50%;
  background: #fff; border: 2px solid #f1dccd; color: var(--lc-orange); font: 900 18px/1 var(--lc-font-heading); box-shadow: 0 10px 24px -12px rgba(242,107,33,.5);
  transition: .5s var(--lc-ease);
}
.lp-step.is-visible .lp-step__n { background: var(--lc-orange); border-color: var(--lc-orange); color: #fff; }
.lp-step strong { display: block; font: 800 16px/1.3 var(--lc-font-heading); }
.lp-step small { display: block; margin-top: 6px; color: var(--lc-text-muted); font-size: 13.5px; line-height: 1.55; }

.lp-features { background: var(--lc-soft); }
.lp-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 40px; }
.lp-feature { padding: 24px; border: 1px solid #e8ecf1; border-radius: 20px; background: #fff; transition: transform .35s var(--lc-ease), box-shadow .35s ease, border-color .35s ease; }
.lp-feature:hover { transform: translateY(-4px); box-shadow: var(--lc-ring); border-color: transparent; }
.lp-feature__icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; background: var(--lc-orange-soft); color: var(--lc-orange); font-size: 20px; }
.lp-feature h3 { margin: 16px 0 6px; font: 800 17px/1.3 var(--lc-font-heading); }
.lp-feature p { margin: 0; color: var(--lc-text-muted); font-size: 14px; line-height: 1.6; }

.lp-deeps .lc-container { display: grid; gap: 80px; }
.lp-deep { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 56px; align-items: center; }
.lp-deep--flip .lp-deep__copy { order: 2; }
.lp-deep__copy h3 { margin: 0; font: 900 clamp(26px, 2.8vw, 36px)/1.15 var(--lc-font-heading); letter-spacing: -.02em; }
.lp-deep__copy p { margin: 14px 0 18px; color: var(--lc-text-muted); font-size: 16px; line-height: 1.7; }
.lp-deep__art { margin: 0; }
.lp-deep__art img { width: 100%; height: auto; border-radius: 26px; box-shadow: 0 30px 70px -30px rgba(9,14,23,.35); }

.lp-clyko-strip { padding-top: 0; }
.lp-clyko-strip__box {
  display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 28px; align-items: center; padding: 26px 34px;
  border-radius: 28px; background: radial-gradient(500px 220px at 0% 50%, rgba(242,107,33,.25), transparent), var(--lc-navy); color: #fff;
}
.lp-clyko-strip__box img { width: 150px; height: 150px; margin: -40px 0; filter: drop-shadow(0 18px 24px rgba(0,0,0,.35)); animation: lcFloatY 6s ease-in-out infinite; }
.lp-clyko-strip__box h2 { margin: 8px 0 6px; color: #fff; font: 900 26px/1.2 var(--lc-font-heading); }
.lp-clyko-strip__box p { margin: 0; color: #b9c5d1; font-size: 14.5px; line-height: 1.6; }

.lp-use-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 36px; }
.lp-use { position: relative; display: block; overflow: hidden; border: 1px solid #e8ecf1; border-radius: 20px; background: #fff; color: var(--lc-ink); transition: .35s var(--lc-ease); }
.lp-use img { width: 100%; height: auto; }
.lp-use strong { display: block; padding: 14px 16px 18px; font: 800 15px/1.3 var(--lc-font-heading); }
.lp-use span { position: absolute; right: 14px; bottom: 14px; color: var(--lc-orange); }
.lp-use:hover { transform: translateY(-4px); box-shadow: var(--lc-ring); }

.lp-related-wrap { background: var(--lc-soft); }
.lp-related-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 36px; }
.lp-related { position: relative; display: block; padding: 22px; border: 1px solid #e8ecf1; border-radius: 20px; background: #fff; color: var(--lc-ink); transition: .35s var(--lc-ease); }
.lp-related:hover { transform: translateY(-4px); box-shadow: var(--lc-ring); border-color: transparent; }
.lp-related__icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: var(--lc-orange-soft); color: var(--lc-orange); font-size: 19px; }
.lp-related strong { display: block; margin-top: 14px; font: 800 15.5px/1.3 var(--lc-font-heading); }
.lp-related small { display: block; margin-top: 4px; color: var(--lc-text-muted); font-size: 13px; }
.lp-related__go { position: absolute; top: 20px; right: 20px; color: #cbd5e1; transition: .3s; }
.lp-related:hover .lp-related__go { color: var(--lc-orange); transform: translate(2px, -2px); }
.lp-other-uses { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin-top: 30px; }
.lp-other-uses span { color: #94a3b8; font: 800 11px/1 var(--lc-font-heading); letter-spacing: .12em; text-transform: uppercase; margin-right: 6px; }
.lp-other-uses a { display: inline-flex; gap: 6px; align-items: center; padding: 8px 12px; border: 1px solid #e6eaf0; border-radius: 999px; background: #fff; font: 700 12.5px/1 var(--lc-font-heading); }
.lp-other-uses a:hover { border-color: var(--lc-orange); color: var(--lc-orange); }

.lp-moments { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 40px; }
.lp-moment { padding: 26px 22px; border: 1px solid #e8ecf1; border-radius: 20px; background: #fff; }
.lp-moment > span { color: var(--lc-orange); font: 900 30px/1 var(--lc-font-heading); opacity: .9; }
.lp-moment h3 { margin: 14px 0 6px; font: 800 17px/1.3 var(--lc-font-heading); }
.lp-moment p { margin: 0; color: var(--lc-text-muted); font-size: 14px; line-height: 1.6; }

.lp-calc { background: linear-gradient(180deg, #fff, var(--lc-cream)); }
.lp-calc__box { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; margin-top: 40px; padding: 30px; border: 1px solid #f1e3d8; border-radius: 28px; background: #fff; box-shadow: 0 30px 70px -40px rgba(242,107,33,.45); }
.lp-calc__inputs { display: grid; gap: 24px; align-content: start; }
.lp-calc__inputs label { display: grid; gap: 12px; font: 800 14px/1.2 var(--lc-font-heading); }
.lp-calc__inputs output { justify-self: start; padding: 6px 12px; border-radius: 10px; background: var(--lc-orange-soft); color: var(--lc-orange); font: 900 20px/1.1 var(--lc-font-heading); }
.lp-calc input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 8px; border-radius: 99px; background: linear-gradient(90deg, var(--lc-orange) var(--fill, 50%), #edf0f4 var(--fill, 50%)); }
.lp-calc input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 3px solid var(--lc-orange); box-shadow: 0 4px 10px rgba(242,107,33,.4); cursor: pointer; }
.lp-calc input[type=range]::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 3px solid var(--lc-orange); cursor: pointer; }
.lp-calc__note { margin: 0; color: #64748b; font-size: 12.5px; line-height: 1.55; }
.lp-calc__out { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-content: start; }
.lp-calc__out > div:not(.lp-calc__bar) { padding: 18px; border-radius: 18px; background: #f6f8fb; }
.lp-calc__out small { display: block; color: #64748b; font-size: 12.5px; font-weight: 700; }
.lp-calc__out strong { display: block; margin-top: 6px; font: 900 26px/1.1 var(--lc-font-heading); letter-spacing: -.02em; }
.lp-calc__out > div.is-us { background: var(--lc-orange-soft); }
.lp-calc__out .is-us strong { color: var(--lc-orange); }
.lp-calc__out > div.is-save { grid-column: 1 / -1; background: var(--lc-navy); color: #fff; }
.lp-calc__out .is-save small { color: #9fb0c2; }
.lp-calc__out .is-save strong { font-size: 40px; color: #fff; }
.lp-calc__bar { grid-column: 1 / -1; height: 10px; border-radius: 99px; background: #edf0f4; overflow: hidden; }
.lp-calc__bar span { display: block; height: 100%; width: 50%; border-radius: inherit; background: linear-gradient(90deg, #ffb07c, var(--lc-orange)); transition: width .5s var(--lc-ease); }

.lp-compare__wrap { margin-top: 36px; overflow-x: auto; border: 1px solid #e8ecf1; border-radius: 24px; background: #fff; box-shadow: var(--lc-shadow-md); }
.lp-compare__table { width: 100%; min-width: 760px; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.lp-compare__table th, .lp-compare__table td { padding: 16px 18px; border-bottom: 1px solid #eef1f5; text-align: left; vertical-align: middle; }
.lp-compare__table thead th { position: sticky; top: 0; background: #fafbfd; color: #64748b; font: 800 12.5px/1.3 var(--lc-font-heading); }
.lp-compare__table tbody th { width: 28%; font: 800 14px/1.35 var(--lc-font-heading); color: var(--lc-ink); }
.lp-compare__table td { color: var(--lc-text-muted); }
.lp-compare__table .is-us { background: #fff8f3; color: var(--lc-ink); font-weight: 800; }
.lp-compare__table thead .is-us img { height: 26px; width: auto; }
.lp-compare__table td.is-us i { color: var(--lc-orange); font-size: 18px; vertical-align: -3px; }
.lp-compare__table tr:last-child th, .lp-compare__table tr:last-child td { border-bottom: 0; }

.lp-alt-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.lp-alt { padding: 28px; border: 1px solid #e8ecf1; border-radius: 22px; background: #fff; }
.lp-alt h3 { margin: 0 0 8px; font: 900 21px/1.25 var(--lc-font-heading); }
.lp-alt p { color: var(--lc-text-muted); font-size: 14.5px; line-height: 1.65; }

@media (min-width: 1181px) {
  .lc-offers, .lc-cases__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
  .lc-offer-card__image { height: 190px; }
}
.lc-case--cta { display: flex !important; flex-direction: column; justify-content: center; gap: 12px; padding: 28px; border: 1.5px dashed #f1c8ad; border-radius: var(--lc-radius-lg); background: var(--lc-cream); }
.lc-case--cta img { width: 96px; height: 96px; }
.lc-case--cta h3 { margin: 0; font: 900 20px/1.25 var(--lc-font-heading); }
.lc-case--cta p { margin: 0; color: var(--lc-text-muted); font-size: 14px; }
.lc-case--cta span { color: var(--lc-orange); font: 800 13px/1 var(--lc-font-heading); }

[data-tilt] { transform-style: preserve-3d; will-change: transform; }

@media (max-width: 1180px) {
  .lc-mega { grid-template-columns: 1fr 1fr; }
  .lc-mega__promo { display: none !important; }
  .lp-related-grid, .lp-use-grid, .lp-moments { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1050px) {
  .lc-evergreen__grid, .lc-intel__grid, .lp-hero__grid, .lp-deep, .lp-calc__box { grid-template-columns: 1fr; }
  .lp-deep--flip .lp-deep__copy { order: 0; }
  .lp-hero__art { max-width: 680px; }
  .lp-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lp-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 34px; }
  .lp-steps::before { display: none; }
  .lc-footer__grid--wide { grid-template-columns: 1fr 1fr 1fr; }
  .lc-footer__grid--wide .lc-footer__about { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
  .lc-final__box { justify-content: center; text-align: center; padding: 30px 22px; }
  .lc-final__box > div:not(.lc-final__actions) { flex-basis: 100%; }
  .lc-final__actions { justify-content: center; width: 100%; }
  .lc-final__clyko { width: 92px; height: 92px; }
  .lc-intel__head { grid-template-columns: 1fr; text-align: center; justify-items: center; }
  .lc-intel__clyko { width: 160px; height: 160px; }
  .lp-clyko-strip__box { grid-template-columns: 1fr; text-align: center; justify-items: center; padding: 28px 22px; }
  .lp-clyko-strip__box img { margin: -60px 0 0; width: 130px; height: 130px; }
  .lp-alt-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .lp-hero { padding: 34px 0 26px; }
  .lp-hero__copy h1 { font-size: clamp(32px, 9vw, 40px); }
  .lp-hero__lead { font-size: 15.5px; }
  .lp-feature-grid, .lp-related-grid, .lp-use-grid, .lp-moments, .lc-intel__cards, .lp-steps { grid-template-columns: 1fr; }
  .lp-step { display: grid; grid-template-columns: 54px 1fr; column-gap: 14px; text-align: left; }
  .lp-step__n { grid-row: span 2; width: 52px; height: 52px; margin: 0; font-size: 15px; }
  .lp-calc__box { padding: 18px; }
  .lp-calc__out .is-save strong { font-size: 32px; }
  .lp-brands { justify-content: flex-start; }
  .lc-footer__grid--wide { grid-template-columns: 1fr 1fr; }
  .lc-hero-clyko { position: relative; left: auto; bottom: auto; margin: 18px auto 0; transform: none; animation: none; }
  .lc-offer-card__image { height: 190px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  [data-split] .w > span { transform: none; }
}

.lc-case__image img[src*="use-"], .lp-use img, .lp-hero--use .lp-hero__art img {
  object-fit: contain !important; background: #fff0e5;
}
.lc-case__image img[src*="use-"] { padding: 16px 18px 6px; }
.lp-use img { aspect-ratio: 520 / 340; padding: 18px; }
.lp-hero--use .lp-hero__art img { aspect-ratio: 4 / 3; padding: 44px; }

.lc-cases__grid > :nth-child(4n+2) .lc-case__image img, .lp-use-grid > :nth-child(4n+2) img { background: #efecfd !important; }
.lc-cases__grid > :nth-child(4n+3) .lc-case__image img, .lp-use-grid > :nth-child(4n+3) img { background: #e8f6f0 !important; }
.lc-cases__grid > :nth-child(4n+4) .lc-case__image img, .lp-use-grid > :nth-child(4n+4) img { background: #e9f2fd !important; }

html.lcf-lock { overflow: hidden; }
.lcf[hidden], .lcf [hidden] { display: none !important; }
.lcf { position: fixed; inset: 0; z-index: 3000; display: grid; place-items: center; padding: 16px; }
.lcf__backdrop { position: absolute; inset: 0; background: rgba(9, 14, 23, .62); backdrop-filter: blur(4px); opacity: 0; transition: opacity .25s ease; }
.lcf__panel {
  position: relative; width: min(600px, 100%); max-height: calc(100vh - 32px); overflow-y: auto;
  background: #fff; border-radius: 22px; padding: 28px; box-shadow: 0 30px 80px -20px rgba(9, 14, 23, .5);
  opacity: 0; transform: translateY(18px) scale(.98); transition: opacity .3s var(--lc-ease), transform .35s var(--lc-ease);
}
.lcf.is-open .lcf__backdrop { opacity: 1; }
.lcf.is-open .lcf__panel { opacity: 1; transform: none; }
.lcf__x { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--lc-soft); color: var(--lc-ink); cursor: pointer; }
.lcf__x:hover { background: var(--lc-orange-soft); color: var(--lc-orange); }
.lcf__head { display: flex; gap: 14px; align-items: center; margin-bottom: 20px; padding-right: 36px; }
.lcf__head img { flex: none; width: 64px; height: 64px; border-radius: 50%; background: var(--lc-orange-soft); }
.lcf__head h2 { font: 800 1.35rem/1.2 var(--lc-font-heading); color: var(--lc-ink); margin: 0 0 4px; }
.lcf__sub { margin: 0; color: var(--lc-text-muted); font-size: .94rem; }
.lcf__chips { border: 0; padding: 0; margin: 0 0 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.lcf__chips legend { font-size: .8rem; font-weight: 700; color: var(--lc-text-muted); text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; padding: 0; }
.lcf-chip input { position: absolute; opacity: 0; pointer-events: none; }
.lcf-chip span {
  display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; cursor: pointer;
  border: 1.5px solid var(--lc-line); font-size: .88rem; font-weight: 600; color: var(--lc-text); transition: all .18s ease;
}
.lcf-chip span:hover { border-color: var(--lc-orange); }
.lcf-chip input:checked + span { background: var(--lc-orange); border-color: var(--lc-orange); color: #fff; }
.lcf-chip input:focus-visible + span { outline: 3px solid rgba(242, 107, 33, .45); outline-offset: 2px; }
.lcf__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lcf__field { position: relative; margin-bottom: 14px; }
.lcf__field input, .lcf__field textarea {
  width: 100%; box-sizing: border-box; padding: 22px 14px 8px; border: 1.5px solid var(--lc-line); border-radius: 12px;
  font: inherit; font-size: .98rem; color: var(--lc-ink); background: #fff; transition: border-color .18s ease, box-shadow .18s ease; resize: vertical;
}
.lcf__field textarea { min-height: 112px; padding-bottom: 24px; }
.lcf__field label { position: absolute; left: 15px; top: 15px; font-size: .95rem; color: var(--lc-text-muted); pointer-events: none; transition: top .18s ease, font-size .18s ease, color .18s ease; }
.lcf__field label em { font-style: normal; opacity: .7; }
.lcf__field input:focus, .lcf__field textarea:focus { outline: none; border-color: var(--lc-orange); box-shadow: 0 0 0 4px rgba(242, 107, 33, .14); }
.lcf__field input:focus + label, .lcf__field input:not(:placeholder-shown) + label,
.lcf__field textarea:focus + label, .lcf__field textarea:not(:placeholder-shown) + label { top: 6px; font-size: .72rem; font-weight: 700; color: var(--lc-orange); }
.lcf__field small { display: block; min-height: 0; color: #dc2626; font-size: .8rem; margin-top: 4px; }
.lcf__field small:empty { display: none; }
.lcf__field.is-bad input, .lcf__field.is-bad textarea { border-color: #dc2626; }
.lcf__field.is-ok input, .lcf__field.is-ok textarea { border-color: var(--lc-success); }
.lcf__count { position: absolute; right: 12px; bottom: 10px; font-size: .72rem; color: var(--lc-text-muted); }
.lcf__field small:not(:empty) ~ .lcf__count { bottom: 32px; }
.lcf__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lcf__send { width: 100%; justify-content: center; gap: 8px; border: 0; cursor: pointer; font-size: 1rem; padding: 15px; }
.lcf__send.is-busy { opacity: .8; pointer-events: none; }
.lcf__send.is-busy i { animation: lcfFly 1s ease-in-out infinite; }
@keyframes lcfFly { 50% { transform: translate(4px, -4px); } }
.lcf__note { margin: 12px 0 0; text-align: center; font-size: .82rem; color: var(--lc-text-muted); }
.lcf__note i { color: var(--lc-success); }
.lcf__error { margin: 12px 0 0; padding: 10px 14px; border-radius: 10px; background: #fef2f2; color: #991b1b; font-size: .88rem; }
.lcf__error a { color: inherit; font-weight: 700; text-decoration: underline; }
.lcf__done { text-align: center; padding: 12px 0 4px; }
.lcf__done img { width: 120px; height: 120px; animation: lcfPop .6s var(--lc-ease) both; }
.lcf__done h2 { font: 800 1.5rem var(--lc-font-heading); color: var(--lc-ink); margin: 10px 0 6px; }
.lcf__done p { color: var(--lc-text-muted); margin: 0 auto 20px; max-width: 380px; }
@keyframes lcfPop { from { transform: scale(.6) rotate(-8deg); opacity: 0; } }
@media (max-width: 560px) {
  .lcf { padding: 0; align-items: end; }
  .lcf__panel { border-radius: 22px 22px 0 0; padding: 22px 16px; max-height: 92vh; }
  .lcf__row { grid-template-columns: 1fr; gap: 0; }
}
@media (prefers-reduced-motion: reduce) { .lcf__panel, .lcf__backdrop, .lcf__done img { transition: none; animation: none; } }
.lcf.is-done .lcf__head { display: none; }
.lcf__done img { display: block; margin: 0 auto; }