.landing-page { color: #282128; }
.landing-page h1,.landing-page h2,.landing-page h3 { letter-spacing: -.035em; }
.lp-header { background: rgba(255,255,255,.97); border-bottom: 1px solid #eee6ea; }
.lp-header-inner { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.lp-header-actions { display: flex; align-items: center; gap: 18px; }
.lp-lang { display: inline-flex; align-items: center; gap: 3px; padding: 4px; border: 1px solid #e9dfe4; border-radius: 999px; background: #faf7f8; }
.lp-lang a { min-width: 32px; padding: 5px 6px; border-radius: 999px; color: #75616d; font-size: .73rem; font-weight: 800; text-align: center; }
.lp-lang a:hover,.lp-lang a.is-active { color: #fff; background: #672845; text-decoration: none; }
.lp-logo { display: inline-flex; align-items: center; }
.lp-logo img { display: block; width: 255px; height: auto; }
.lp-header-link { display: inline-flex; align-items: center; gap: 14px; padding: 10px 16px; border-radius: 999px; color: #fff; background: #672845; font-weight: 700; font-size: .88rem; }
.lp-header-link:hover { color: #fff; background: #4e1f36; text-decoration: none; }
.lp-hero { position: relative; overflow: hidden; padding: 70px 20px 85px; color: #fff; background: radial-gradient(circle at 82% 13%,#754363 0,transparent 37%),linear-gradient(125deg,#1c1a22 0%,#39243a 62%,#5a2947 100%); }
.lp-hero::before { content: ""; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(#ffffff2d 1px,transparent 1px),linear-gradient(90deg,#ffffff2d 1px,transparent 1px); background-size: 45px 45px; mask-image: linear-gradient(90deg,transparent 15%,black); pointer-events: none; }
.lp-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 70px; align-items: center; }
.lp-kicker,.lp-section-kicker,.lp-form-eyebrow { display: inline-flex; align-items: center; gap: 9px; text-transform: uppercase; letter-spacing: .12em; font-size: .72rem; font-weight: 800; }
.lp-kicker { color: #f2c9dc; }
.lp-kicker span { display: inline-block; height: 8px; width: 8px; background: #f2b676; border-radius: 50%; box-shadow: 0 0 0 5px #f2b67630; }
.lp-hero h1 { color: #fff; font-size: clamp(2.6rem,4.7vw,4.7rem); line-height: 1.09; margin: 24px 0; max-width: 650px; }
.lp-hero h1 em { color: #f2b676; font-style: normal; }
.lp-hero-copy > p { color: #eee4ec; font-size: 1.08rem; line-height: 1.72; max-width: 580px; }
.lp-hero-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 28px; }
.lp-button { display: inline-flex; align-items: center; justify-content: center; gap: 15px; border: 1px solid transparent; border-radius: 11px; padding: 13px 19px; font-size: .91rem; line-height: 1.35; font-family: var(--font-body); font-weight: 800; cursor: pointer; text-align: center; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.lp-button:hover { text-decoration: none; transform: translateY(-2px); }
.lp-button-primary { background: #f0b676; color: #2b1d25; box-shadow: 0 12px 25px #b4744533; }
.lp-button-primary:hover { color: #2b1d25; background: #ffd099; }
.lp-button-dark { background: #692b49; color: #fff; }
.lp-button-dark:hover { background: #522039; color: #fff; }
.lp-subtle-link { color: #fff; font-size: .87rem; font-weight: 750; border-bottom: 1px solid #ffffff70; padding-bottom: 2px; }
.lp-subtle-link:hover { color: #f8cfaa; text-decoration: none; }
.lp-hero-checks { display: flex; flex-wrap: wrap; gap: 10px 17px; margin-top: 44px; color: #e7d8e2; font-size: .78rem; font-weight: 650; }
.lp-hero-checks span::first-letter { color: #eeb478; }
.lp-form-wrap { scroll-margin-top: 95px; }
.lp-form-card { width: 100%; padding: 30px; border: 1px solid #fff; background: #fff; color: #292027; border-radius: 20px; box-shadow: 0 28px 75px #120b1a55; }
.lp-form-eyebrow { color: #a14b74; }
.lp-form-card h2 { font-size: 1.65rem; margin: 7px 0 3px; }
.lp-form-card > p { color: #6d626b; font-size: .86rem; margin: 0 0 17px; }
.lp-form-card label { display: block; margin-bottom: 13px; font-weight: 750; font-size: .78rem; color: #3a3139; }
.lp-form-card label span { color: #ab516a; }
.lp-form-card label small { color: #91818b; font-size: .72rem; font-weight: 500; }
.lp-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.lp-form-card input,.lp-form-card select,.lp-form-card textarea { display: block; width: 100%; margin-top: 5px; border: 1px solid #e4dae0; border-radius: 9px; background: #fdfbfc; color: #2e262c; font: 500 .88rem var(--font-body); padding: 10px 12px; outline: none; }
.lp-form-card textarea { resize: vertical; min-height: 78px; }
.lp-form-card input:focus,.lp-form-card select:focus,.lp-form-card textarea:focus { border-color: #a15074; box-shadow: 0 0 0 3px #a1507425; }
.lp-form-card input::placeholder,.lp-form-card textarea::placeholder { color: #a59aa2; }
.lp-captcha { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 4px 0 15px; padding: 13px 15px; border: 1px solid #e4dae0; border-radius: 10px; background: #faf7f9; }
.lp-captcha strong { display: block; color: #65304d; font-size: .78rem; }
.lp-captcha p { margin: 3px 0 0; color: #5c5159; font-size: .82rem; }
.lp-form-card .lp-captcha label { flex: none; margin: 0; }
.lp-captcha input { max-width: 85px; text-align: center; }
.lp-form-card button { width: 100%; margin-top: 1px; }
.lp-form-card .lp-form-note { color: #786c75; font-size: .69rem; line-height: 1.5; text-align: center; margin: 12px 0 0; }
.lp-form-note a { font-weight: 700; }
.lp-form-error { border: 1px solid #e9a9a7; border-radius: 10px; background: #fff3f2; color: #7f2e37; padding: 10px 14px; font-size: .76rem; margin-bottom: 12px; }
.lp-form-error ul { margin: 5px 0 0; padding-left: 17px; }
.lp-form-error li { margin: 3px 0; }
.lp-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lp-success { text-align: center; padding: 70px 40px; }
.lp-success h2 { font-size: 2rem; margin: 10px 0; }
.lp-success p { font-size: .95rem; margin: 0 0 25px; }
.lp-success-icon { display: grid; place-items: center; width: 55px; height: 55px; margin: 0 auto 20px; border-radius: 50%; background: #ecf7f0; color: #367955; font-size: 1.6rem; }
.lp-proof { background: #faf7f8; border-bottom: 1px solid #ece4e8; }
.lp-proof .container { min-height: 69px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 22px; padding-top: 12px; padding-bottom: 12px; }
.lp-proof span { color: #917f8a; text-transform: uppercase; font-size: .7rem; font-weight: 800; letter-spacing: .08em; }
.lp-proof a { font-family: var(--font-head); color: #654456; font-size: .85rem; font-weight: 800; }
.lp-proof a:hover { color: var(--oz-primary); }
.lp-section { padding: 85px 20px; }
.lp-section-head { max-width: 720px; margin-bottom: 30px; }
.lp-section-kicker { color: #a64c72; }
.lp-section h2,.lp-final h2 { font-size: clamp(2rem,3.4vw,3rem); line-height: 1.16; margin: 11px 0 14px; }
.lp-section-head p { color: #655d64; margin: 0; }
.lp-service-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; }
.lp-service-card { display: flex; flex-direction: column; min-height: 385px; border: 1px solid #eae1e6; border-radius: 18px; padding: 24px 22px; box-shadow: 0 8px 23px #4022360a; }
.lp-service-icon { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 11px; background: #f7eaf0; color: #803753; font-size: 1.45rem; margin-bottom: 24px; }
.lp-service-card > span { text-transform: uppercase; font-weight: 800; color: #a97890; font-size: .66rem; letter-spacing: .08em; }
.lp-service-card h3 { font-size: 1.12rem; margin: 9px 0 8px; }
.lp-service-card p { color: #665d64; font-size: .85rem; line-height: 1.65; margin: 0 0 9px; }
.lp-service-card ul { list-style: none; margin: 4px 0 20px; padding: 0; }
.lp-service-card li { position: relative; padding: 3px 0 3px 14px; font-size: .77rem; color: #736870; }
.lp-service-card li::before { content: ""; width: 5px; height: 5px; position: absolute; left: 0; top: 11px; background: #c88d67; border-radius: 50%; }
.lp-service-card a { margin-top: auto; font-size: .79rem; font-weight: 800; }
.lp-ai-feature { display: grid; grid-template-columns: 55px minmax(0,1.5fr) minmax(0,1fr) auto; align-items: center; gap: 22px; margin-top: 17px; padding: 22px 27px; border: 1px solid #dbc7d4; border-radius: 18px; background: linear-gradient(105deg,#fff9fc,#f7edf3); }
.lp-ai-symbol { display: grid; place-items: center; width: 53px; height: 53px; border-radius: 13px; background: #713152; color: #f7c38f; font-size: 1.8rem; }
.lp-ai-copy > span { color: #a97890; font-size: .66rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.lp-ai-copy h3 { margin: 3px 0 5px; font-size: 1.18rem; }
.lp-ai-copy p { margin: 0; color: #665d64; font-size: .84rem; line-height: 1.55; }
.lp-ai-feature ul { margin: 0; padding-left: 18px; color: #665d64; font-size: .78rem; line-height: 1.7; }
.lp-ai-feature a { white-space: nowrap; font-size: .79rem; font-weight: 800; }
.lp-projects { background: #faf7f8; }
.lp-project-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.lp-project-card { background: #fff; border: 1px solid #ebe1e6; border-radius: 17px; overflow: hidden; box-shadow: 0 11px 27px #45263a0b; transition: transform .2s ease, box-shadow .2s ease; }
.lp-project-card:hover { text-decoration: none; transform: translateY(-4px); box-shadow: 0 18px 35px #45263a1e; }
.lp-project-art { height: 195px; overflow: hidden; position: relative; padding: 20px; }
.lp-project-art > strong { position: relative; z-index: 1; color: #fff; font-family: var(--font-head); }
.lp-art-crm { background: radial-gradient(circle at 85% 5%,#a45c82,transparent 40%),linear-gradient(130deg,#2a1e33,#65334f); }
.lp-art-columns { display: flex; gap: 5px; margin-top: 35px; }
.lp-art-columns i { font: 700 .64rem var(--font-body); font-style: normal; flex: 1; height: 90px; border-radius: 7px 7px 0 0; padding: 12px 7px; background: #f8f3f6; color: #5c3a4d; }
.lp-art-columns i::after { content: ""; display: block; margin-top: 15px; height: 6px; background: #d5beca; border-radius: 3px; box-shadow: 0 14px 0 #e7dbe1,0 28px 0 #e7dbe1; }
.lp-art-invoice { background: radial-gradient(circle at 85% 2%,#ac7956,transparent 40%),linear-gradient(130deg,#453128,#79513b); }
.lp-paper { position: absolute; top: 27px; right: 34px; width: 160px; height: 205px; border-radius: 7px; padding: 18px; background: #fffbf6; transform: rotate(9deg); box-shadow: 0 12px 30px #21140f44; }
.lp-paper b { color: #744b40; letter-spacing: .1em; font-size: .7rem; }
.lp-paper i { display: block; background: #e5d4cb; border-radius: 4px; height: 6px; margin-top: 15px; }
.lp-paper i:nth-of-type(2) { width: 70%; }
.lp-paper em { display: block; text-align: right; color: #98694f; font-size: 1.8rem; font-style: normal; margin-top: 16px; }
.lp-art-photo { padding: 10px; background: #e9edf5; }
.lp-art-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; border-radius: 7px; }
.lp-project-copy { padding: 20px; }
.lp-project-copy small { color: #9d4b70; font-size: .69rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.lp-project-copy h3 { font-size: 1.09rem; margin: 8px 0; }
.lp-project-copy p { color: #665d64; font-size: .84rem; line-height: 1.6; min-height: 65px; margin: 0 0 12px; }
.lp-project-copy span { color: #76314d; font-size: .78rem; font-weight: 800; }
.lp-method-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 80px; align-items: center; }
.lp-method-grid > div:first-child p { color: #665d64; max-width: 470px; }
.lp-method .lp-button { margin-top: 17px; }
.lp-steps { border-left: 1px solid #e7dce2; }
.lp-steps > div { display: grid; grid-template-columns: 45px 1fr; gap: 16px; padding: 18px 0 18px 24px; border-bottom: 1px solid #eee5e9; }
.lp-steps > div:last-child { border-bottom: 0; }
.lp-steps b { color: #b86889; font-size: .82rem; }
.lp-steps h3 { font-size: 1rem; margin: 0 0 4px; }
.lp-steps p { color: #665d64; font-size: .86rem; margin: 0; }
.lp-final { background: linear-gradient(130deg,#281d2a,#65304d); color: #fff; text-align: center; padding: 78px 20px; }
.lp-final .lp-section-kicker { color: #f4c18c; }
.lp-final h2 { color: #fff; }
.lp-final p { color: #f0e3ec; margin: 0 auto 24px; max-width: 630px; }
.lp-footer { background: #211b23; }
.lp-footer .container { display: flex; justify-content: space-between; gap: 15px; flex-wrap: wrap; }
.lp-footer a { color: #f3dae7; }
@media (max-width: 1100px) { .lp-hero-grid { gap: 34px; } .lp-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 900px) { .lp-ai-feature { grid-template-columns: 55px 1fr; }.lp-ai-feature ul,.lp-ai-feature a { grid-column: 2; } }
@media (max-width: 800px) { .lp-hero { padding: 57px 20px 66px; }.lp-hero-grid,.lp-method-grid { grid-template-columns: 1fr; }.lp-hero h1 { max-width: 650px; }.lp-hero-checks { margin-top: 28px; }.lp-form-wrap { max-width: 650px; width: 100%; }.lp-project-grid { grid-template-columns: 1fr; }.lp-project-copy p { min-height: 0; }.lp-section { padding: 62px 20px; }.lp-method-grid { gap: 30px; }.lp-steps { border-left: 0; }.lp-steps > div { padding-left: 0; } }
@media (max-width: 700px) { .lp-header-link { display: none; } }
@media (max-width: 540px) { .lp-logo img { width: min(56vw,220px); }.lp-header-link { font-size: .72rem; padding: 8px 10px; gap: 5px; }.lp-hero h1 { font-size: 2.75rem; }.lp-form-card { padding: 23px 20px; }.lp-form-grid { grid-template-columns: 1fr; gap: 0; }.lp-service-grid { grid-template-columns: 1fr; }.lp-service-card { min-height: 0; }.lp-hero-actions .lp-button { width: 100%; }.lp-proof .container { justify-content: flex-start; }.lp-proof span { width: 100%; } }
@media (max-width: 400px) { .lp-captcha { align-items: flex-start; flex-direction: column; gap: 8px; }.lp-form-card .lp-captcha label { width: 100%; }.lp-captcha input { max-width: 100%; } }
@media (max-width: 540px) { .lp-ai-feature { grid-template-columns: 1fr; padding: 23px 20px; gap: 12px; }.lp-ai-feature ul,.lp-ai-feature a { grid-column: 1; }.lp-ai-feature a { white-space: normal; } }
@media (max-width: 350px) { .lp-hero h1 { font-size: 2.45rem; }.lp-header-link { font-size: .66rem; }.lp-logo img { width: 52vw; } }
@media (prefers-reduced-motion: reduce) { .lp-button,.lp-project-card { transition: none; } }