:root {
  --ink: #fbe6e5;
  --muted: #b99a9d;
  --muted-dark: #72575b;
  --bg: #100709;
  --bg-soft: #180b0e;
  --panel: rgba(36, 19, 22, .72);
  --panel-solid: #251316;
  --line: rgba(255, 169, 174, .15);
  --line-bright: rgba(255, 74, 100, .4);
  --cherry: #ff3158;
  --cherry-light: #ffabb4;
  --mint: #6de4ca;
  --blue: #82b8ff;
  --display: "Manrope", sans-serif;
  --mono: "DM Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--display); overflow-x: hidden; }
button, a, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { border: 0; cursor: pointer; color: inherit; }

.ambient { position: fixed; width: 45vw; height: 45vw; border-radius: 50%; pointer-events: none; z-index: -1; filter: blur(100px); opacity: .13; background: var(--cherry); }
.ambient-top { top: -22vw; right: -18vw; }
.ambient-bottom { bottom: -26vw; left: -18vw; opacity: .09; }
.section-shell, .nav-shell, .footer-shell { width: min(1240px, calc(100% - 64px)); margin: 0 auto; }
.site-header { height: 82px; position: sticky; top: 0; z-index: 20; background: rgba(16, 7, 9, .78); border-bottom: 1px solid rgba(255, 169, 174, .1); backdrop-filter: blur(20px); }
.nav-shell { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.brand { font-size: 17px; font-weight: 800; letter-spacing: -.07em; display: inline-flex; align-items: center; gap: 9px; }
.brand > span:last-child { color: var(--cherry-light); }
.brand-mark { width: 38px; height: 38px; flex: 0 0 38px; object-fit: contain; border-radius: 9px; background: var(--bg-soft); box-shadow: 0 0 18px rgba(255, 49, 88, .2); }
.nav-links { display: flex; align-items: center; gap: 34px; margin-left: auto; margin-right: 42px; }
.nav-links a, .footer-links a, .footer-links button { color: var(--muted); font-family: var(--mono); font-size: 10px; text-transform: uppercase; letter-spacing: .13em; transition: color .25s ease; }
.nav-links a { font-family: var(--display); font-size: 11px; font-weight: 700; letter-spacing: .06em; }
.nav-links a:hover, .footer-links a:hover, .footer-links button:hover { color: var(--cherry-light); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 999px; font-family: var(--mono); font-weight: 500; font-size: 10px; line-height: 1; letter-spacing: .1em; text-transform: uppercase; transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease; }
.button .material-symbols-outlined { font-size: 17px; }
.button-small { padding: 14px 20px; background: var(--cherry); box-shadow: 0 5px 24px rgba(255, 49, 88, .26); }
.button-small:hover, .button-primary:hover { transform: translateY(-2px); box-shadow: 0 9px 30px rgba(255, 49, 88, .34); }
.button-primary { padding: 18px 25px; background: var(--cherry); color: #fff; box-shadow: 0 7px 28px rgba(255, 49, 88, .26); }
.button-ghost { padding: 17px 22px; border: 1px solid var(--line); background: rgba(255,255,255,.015); }
.button-ghost:hover { border-color: var(--line-bright); background: rgba(255, 49, 88, .08); }
.play-icon { width: 23px; height: 23px; border: 1px solid var(--line-bright); display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: var(--cherry-light); }
.play-icon .material-symbols-outlined { font-size: 14px; }
.menu-button { display: none; width: 38px; height: 38px; padding: 0; border: 1px solid var(--line); border-radius: 50%; align-items: center; justify-content: center; flex-direction: column; gap: 5px; background: rgba(27, 12, 16, .9); color: var(--ink); appearance: none; -webkit-appearance: none; }
.menu-button span { width: 15px; height: 1px; background: var(--ink); transition: transform .2s ease; }

.hero { min-height: 720px; display: grid; grid-template-columns: .94fr 1.06fr; gap: 45px; align-items: center; position: relative; padding-top: 70px; padding-bottom: 86px; overflow: hidden; }
.hero-grid { position: absolute; inset: 0 -10%; opacity: .36; background-image: linear-gradient(rgba(255,49,88,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(255,49,88,.09) 1px, transparent 1px); background-size: 52px 52px; mask-image: radial-gradient(ellipse at 63% 48%, #000 5%, transparent 67%); pointer-events: none; }
.hero:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--line), transparent); }
.falling-lights { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.falling-light { position: absolute; top: -100px; width: 1px; height: 86px; background: linear-gradient(transparent, var(--cherry), transparent); opacity: 0; animation: fall 3.8s linear infinite; }
@keyframes fall { 0% { transform: translateY(-100px); opacity: 0; } 18% { opacity: .7; } 78% { opacity: .24; } 100% { transform: translateY(850px); opacity: 0; } }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--cherry-light); font-family: var(--mono); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--cherry); box-shadow: 0 0 12px var(--cherry); }
h1, h2, h3, p { margin: 0; }
h1, h2 { font-weight: 800; letter-spacing: -.07em; }
h1 { font-size: clamp(53px, 6.25vw, 88px); line-height: .97; margin: 25px 0 27px; max-width: 620px; }
h1 em, h2 em { color: var(--cherry); font-style: normal; }
.hero-lede { color: var(--muted); line-height: 1.72; font-size: 16px; max-width: 520px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.hero-proof { display: flex; align-items: center; gap: 15px; margin-top: 47px; }
.avatar-stack { display: flex; padding-left: 10px; }
.avatar { width: 32px; height: 32px; margin-left: -10px; border-radius: 50%; border: 2px solid var(--bg); display: grid; place-items: center; font-size: 8px; font-weight: 800; color: #fff; }
.avatar-one { background: #ae6d67; }.avatar-two { background: #667d9b; }.avatar-three { background: #8b6b82; }.avatar-four { background: var(--panel-solid); color: var(--cherry-light); }
.stars { color: var(--cherry); font-size: 13px; letter-spacing: 2px; line-height: 1; }
.hero-proof p { color: var(--muted); font-size: 11px; margin-top: 7px; }
.hero-visual { min-height: 570px; position: relative; display: grid; place-items: center; }
.hero-orbit { position: absolute; border: 1px solid rgba(255, 92, 117, .18); border-radius: 50%; transform: rotate(-20deg); }
.orbit-one { width: 560px; height: 255px; }.orbit-two { width: 420px; height: 190px; transform: rotate(43deg); border-color: rgba(255, 169, 174, .12); }
.cherry-emblem { width: min(80%, 405px); aspect-ratio: 1; position: relative; display: grid; place-items: center; filter: drop-shadow(0 24px 60px rgba(255, 49, 88, .16)); }
.emblem-glow { position: absolute; inset: 15%; border-radius: 50%; background: var(--cherry); filter: blur(70px); opacity: .23; animation: pulse 4s ease-in-out infinite; }
@keyframes pulse { 0%,100% { transform: scale(.9); opacity: .16; } 50% { transform: scale(1.15); opacity: .32; } }
.cherry-emblem svg { position: relative; width: 100%; height: 100%; overflow: visible; }
.uploaded-logo { position: relative; display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 50%; }
.fruit { fill: url(#fruitGradient); fill: #e31f45; stroke: #ff7d8d; stroke-width: 2; }
.fruit-right { fill: #c91538; }
.stem { fill: none; stroke: #ffabb4; stroke-width: 7; stroke-linecap: round; }.stem-right { stroke: #db6777; stroke-width: 5; }
.leaf { fill: #ff7586; stroke: #ffb7bd; stroke-width: 2; }.leaf-vein { fill: none; stroke: #8e2337; stroke-width: 2; }
.highlight { fill: none; stroke: rgba(255, 218, 220, .85); stroke-width: 8; stroke-linecap: round; }.highlight-right { opacity: .45; }
.emblem-smile { fill: none; stroke: #6e1229; stroke-width: 5; stroke-linecap: round; }.emblem-eye { fill: #6e1229; }
.emblem-label { position: absolute; top: 56%; left: 50%; transform: translate(-50%, -50%); color: #fff4f3; text-align: center; font-size: clamp(18px, 2.3vw, 27px); line-height: .84; font-weight: 800; letter-spacing: -.08em; text-shadow: 0 2px 14px rgba(80,0,12,.3); }.emblem-label b { color: #fff; font-size: .72em; letter-spacing: .02em; }
.stat-card { position: absolute; display: flex; align-items: center; gap: 11px; padding: 13px 15px; border: 1px solid rgba(255, 116, 134, .22); background: rgba(29, 13, 16, .68); border-radius: 12px; backdrop-filter: blur(14px); box-shadow: 0 13px 34px rgba(0,0,0,.23); animation: float 4.2s ease-in-out infinite; }
.stat-card small, .stat-card strong { display: block; }.stat-card small { color: var(--muted); text-transform: uppercase; font-family: var(--mono); font-size: 8px; letter-spacing: .06em; }.stat-card strong { font-size: 14px; margin-top: 5px; }
.stat-icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 8px; color: var(--cherry); background: rgba(255,49,88,.13); }.stat-icon.green { color: var(--mint); background: rgba(109,228,202,.1); }.stat-icon.blue { color: var(--blue); background: rgba(130,184,255,.1); }.stat-icon .material-symbols-outlined { font-size: 18px; }
.stat-leads { top: 19%; right: 4%; }.stat-support { left: 0; bottom: 22%; animation-delay: -1.6s; }.stat-admin { right: 5%; bottom: 8%; animation-delay: -.7s; }
@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }

.services-section, .results-section { padding-top: 145px; padding-bottom: 145px; }
.section-intro { text-align: center; }.section-intro h2, .process-copy h2, .advantage-copy h2, .cta-card h2 { font-size: clamp(38px, 4.5vw, 61px); line-height: 1.03; margin: 20px 0 21px; }.section-intro p { color: var(--muted); font-size: 15px; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 66px; }
.service-card { position: relative; min-height: 365px; padding: 28px 25px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(43,21,25,.78), rgba(24,11,14,.68)); overflow: hidden; transition: transform .28s ease, border-color .28s ease, background .28s ease; }
.service-card:after { content: ""; position: absolute; width: 110px; height: 110px; right: -55px; bottom: -55px; border-radius: 50%; background: var(--cherry); filter: blur(34px); opacity: .11; }.service-card:hover { transform: translateY(-7px); border-color: var(--line-bright); background: linear-gradient(145deg, rgba(56,24,30,.82), rgba(24,11,14,.78)); }
.card-number { color: var(--muted-dark); font-family: var(--mono); font-size: 10px; float: right; }.service-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: var(--cherry); box-shadow: 0 0 25px rgba(255,49,88,.32); margin-bottom: 43px; }.service-icon .material-symbols-outlined { font-size: 22px; }.service-card h3 { font-size: 18px; letter-spacing: -.04em; margin-bottom: 12px; }.service-card p { color: var(--muted); font-size: 12px; line-height: 1.65; min-height: 60px; }.service-card ul { list-style: none; padding: 0; margin: 23px 0 0; display: grid; gap: 9px; }.service-card li { color: #c9b1b2; font-family: var(--mono); font-size: 9px; text-transform: uppercase; letter-spacing: .04em; }.service-card li:before { content: "✓"; color: var(--cherry); margin-right: 8px; font-size: 12px; }

.process-section { position: relative; padding: 145px 0; background: #0b0507; border-top: 1px solid rgba(255,169,174,.06); border-bottom: 1px solid rgba(255,169,174,.06); overflow: hidden; }.process-section:before { content: ""; position: absolute; width: 60vw; height: 60vw; left: -40vw; top: 10%; border-radius: 50%; background: var(--cherry); opacity: .055; filter: blur(100px); }.process-layout { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 90px; }
.process-copy h2 { margin-bottom: 50px; }.steps { position: relative; display: grid; gap: 29px; }.steps:before { content: ""; position: absolute; left: 18px; top: 18px; bottom: 19px; width: 1px; background: linear-gradient(var(--cherry), rgba(255,49,88,.08)); }.step { display: flex; gap: 20px; position: relative; }.step-number { width: 37px; height: 37px; flex: 0 0 37px; border-radius: 50%; border: 1px solid rgba(255,169,174,.24); background: #190c0f; display: grid; place-items: center; color: var(--muted); font-family: var(--mono); font-size: 12px; z-index: 1; }.step.is-active .step-number { color: #fff; border-color: var(--cherry); background: var(--cherry); box-shadow: 0 0 18px rgba(255,49,88,.34); }.step h3 { font-size: 16px; margin: 2px 0 7px; }.step p { font-size: 12px; line-height: 1.65; color: var(--muted); max-width: 375px; }
.dashboard-wrap { position: relative; }.dashboard-glow { position: absolute; z-index: 0; inset: 7% -7%; background: var(--cherry); opacity: .1; filter: blur(95px); border-radius: 50%; }.dashboard-card { position: relative; z-index: 1; border: 1px solid rgba(255, 169, 174, .22); border-radius: 16px; background: #1b0e11; box-shadow: 0 30px 70px rgba(0,0,0,.35); overflow: hidden; }.dashboard-topbar { height: 43px; display: flex; align-items: center; gap: 12px; padding: 0 19px; background: #251417; border-bottom: 1px solid var(--line); color: #8e7275; font-family: var(--mono); font-size: 8px; letter-spacing: .06em; }.traffic-lights { display: flex; gap: 5px; }.traffic-lights i { width: 7px; height: 7px; border-radius: 50%; background: #7e3d4b; }.traffic-lights i:nth-child(2) { background: #8a7045; }.traffic-lights i:nth-child(3) { background: #47785e; }.live-indicator { margin-left: auto; color: var(--mint); font-size: 8px; }.live-indicator i { width: 5px; height: 5px; display: inline-block; border-radius: 50%; background: var(--mint); box-shadow: 0 0 9px var(--mint); margin-right: 5px; }.dashboard-body { padding: 31px 34px 28px; }.dashboard-heading { display: flex; justify-content: space-between; color: var(--muted); font-family: var(--mono); font-size: 9px; letter-spacing: .08em; margin-bottom: 28px; }.dashboard-heading > span:last-child { color: #886d70; }.dashboard-heading .material-symbols-outlined { font-size: 13px; vertical-align: middle; }.metric-row { margin-bottom: 22px; }.metric-row > div:first-child { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 10px; text-transform: uppercase; color: #b99ea0; letter-spacing: .05em; margin-bottom: 9px; }.metric-row b { color: var(--cherry-light); font-weight: 400; }.progress { height: 4px; border-radius: 10px; background: #332025; overflow: hidden; }.progress i { display: block; height: 100%; background: var(--cherry); box-shadow: 0 0 10px var(--cherry); border-radius: inherit; }.dashboard-chart { padding: 18px 18px 12px; border: 1px solid rgba(255,169,174,.1); background: rgba(255,255,255,.017); border-radius: 11px; margin-top: 31px; }.chart-header { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 9px; color: #9f8588; letter-spacing: .09em; }.chart-header strong { color: var(--mint); font-weight: 400; }.dashboard-chart svg { display: block; width: 100%; height: 130px; margin-top: 11px; overflow: visible; }.chart-area { fill: url(#chartFill); }.chart-line { fill: none; stroke: var(--cherry); stroke-width: 2; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 4px rgba(255,49,88,.7)); }.chart-labels { display: flex; justify-content: space-between; color: #604b4f; font-family: var(--mono); font-size: 7px; }.chat-preview { display: flex; align-items: center; gap: 11px; margin-top: 22px; padding: 12px 13px; border-radius: 9px; background: #26151a; color: var(--muted); font-size: 11px; line-height: 1.45; }.chat-preview p { flex: 1; }.chat-preview b { color: var(--cherry-light); display: block; font-size: 9px; font-family: var(--mono); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 2px; }.chat-avatar { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; color: var(--cherry); background: rgba(255,49,88,.15); }.chat-avatar .material-symbols-outlined { font-size: 15px; }.chat-time { align-self: flex-end; color: #6f595d; font-family: var(--mono); font-size: 8px; }

.results-section { text-align: center; }.results-section .section-intro h2 { margin-bottom: 58px; }.results-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }.result-card { padding: 38px 18px; border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(145deg, rgba(43,21,25,.65), rgba(24,11,14,.36)); }.result-card strong { display: block; font-size: clamp(43px, 5vw, 68px); line-height: 1; letter-spacing: -.08em; }.result-card span { display: block; margin-top: 14px; color: var(--cherry-light); font-family: var(--mono); text-transform: uppercase; font-size: 9px; letter-spacing: .12em; }
.advantage-section { display: grid; grid-template-columns: 1.03fr .97fr; gap: 90px; align-items: center; padding-top: 75px; padding-bottom: 150px; }.visual-window { border: 1px solid var(--line); border-radius: 17px; overflow: hidden; background: #12090c; box-shadow: 0 26px 60px rgba(0,0,0,.25); transform: perspective(1000px) rotateY(4deg); }.visual-window-bar { height: 40px; display: flex; align-items: center; gap: 6px; padding: 0 17px; border-bottom: 1px solid var(--line); background: #1e0f13; }.visual-window-bar > span { width: 7px; height: 7px; border-radius: 50%; background: #77414a; }.visual-window-bar > span:nth-child(2) { background: #7e7149; }.visual-window-bar > span:nth-child(3) { background: #4d795f; }.visual-window-bar b { margin: 0 auto; color: #6c5559; font-family: var(--mono); font-weight: 400; font-size: 8px; letter-spacing: .08em; }.visual-content { height: 375px; position: relative; display: grid; place-items: center; background: radial-gradient(circle at center, rgba(255,49,88,.16), transparent 35%), linear-gradient(135deg, #1a0b10, #090508); overflow: hidden; }.visual-content:before, .visual-content:after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,49,88,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,49,88,.06) 1px, transparent 1px); background-size: 27px 27px; mask-image: radial-gradient(circle, #000 10%, transparent 70%); }.visual-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(255,95,116,.35); }.ring-a { width: 255px; height: 255px; animation: spin 18s linear infinite; }.ring-b { width: 175px; height: 175px; border-style: dashed; border-color: rgba(255,169,174,.3); animation: spin 13s linear infinite reverse; }.visual-ring:after { content: ""; position: absolute; width: 8px; height: 8px; top: -4px; left: 50%; border-radius: 50%; background: var(--cherry); box-shadow: 0 0 15px var(--cherry); }.ring-b:after { top: 50%; left: -4px; background: var(--cherry-light); }.visual-core { width: 85px; height: 85px; display: grid; place-items: center; border: 1px solid rgba(255,169,174,.45); border-radius: 50%; color: #fff; background: rgba(255,49,88,.65); box-shadow: 0 0 60px rgba(255,49,88,.6), inset 0 0 22px rgba(255,255,255,.2); z-index: 1; }.visual-core .material-symbols-outlined { font-size: 34px; }.float-label { position: absolute; z-index: 2; padding: 9px 11px; background: rgba(16,7,9,.8); border: 1px solid var(--line); color: var(--muted); font-family: var(--mono); font-size: 8px; letter-spacing: .08em; }.float-label b { display: block; color: var(--cherry-light); font-size: 12px; margin-top: 4px; font-weight: 400; }.label-a { left: 10%; top: 18%; }.label-b { right: 10%; top: 32%; }.label-c { right: 16%; bottom: 17%; color: var(--mint); }.label-c b { color: var(--mint); }.advantage-copy > p { max-width: 480px; color: var(--muted); line-height: 1.75; font-size: 15px; }.advantage-list { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 31px; }.advantage-list span { display: flex; align-items: center; gap: 10px; padding: 13px 14px; border: 1px solid rgba(255,169,174,.08); border-radius: 9px; background: rgba(255,255,255,.025); font-size: 11px; color: #d5bfc0; }.advantage-list i { color: var(--cherry); font-size: 17px; } @keyframes spin { to { transform: rotate(360deg); } }

.cta-section { padding-bottom: 145px; }.cta-card { position: relative; text-align: center; padding: 90px 30px 75px; border: 1px solid rgba(255, 89, 112, .3); border-radius: 28px; overflow: hidden; background: linear-gradient(145deg, rgba(48,22,27,.7), rgba(26,11,15,.7)); }.cta-glow { position: absolute; width: 530px; height: 330px; left: 50%; top: 45%; transform: translate(-50%,-50%); background: var(--cherry); opacity: .12; filter: blur(95px); border-radius: 50%; }.cta-card > *:not(.cta-glow) { position: relative; }.cta-card h2 { margin-top: 20px; }.cta-card p { max-width: 570px; margin: 0 auto; color: var(--muted); line-height: 1.7; font-size: 15px; }.cta-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 33px; }.cta-notes { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin-top: 40px; color: #957b7e; font-family: var(--mono); font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }.cta-notes span { display: inline-flex; align-items: center; gap: 7px; }.cta-notes .material-symbols-outlined { color: var(--cherry); font-size: 16px; }
.site-footer { background: #080405; border-top: 1px solid rgba(255,169,174,.08); padding: 65px 0 28px; }.footer-main { display: flex; justify-content: space-between; gap: 50px; }.footer-brand p { color: var(--muted-dark); font-size: 12px; margin-top: 16px; }.socials { display: flex; gap: 8px; margin-top: 23px; }.socials a { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(255,169,174,.1); border-radius: 50%; color: var(--muted); transition: .25s; }.socials a:hover { color: var(--cherry-light); border-color: var(--line-bright); background: rgba(255,49,88,.1); }.socials .material-symbols-outlined { font-size: 16px; }.footer-links { display: flex; gap: 95px; padding-right: 42px; }.footer-links div { display: grid; align-content: start; gap: 12px; }.footer-links b { color: var(--cherry-light); font-family: var(--mono); font-size: 9px; letter-spacing: .12em; margin-bottom: 5px; }.footer-links button { text-align: left; }.footer-bottom { display: flex; justify-content: space-between; padding-top: 25px; margin-top: 60px; border-top: 1px solid rgba(255,169,174,.07); color: #634c50; font-family: var(--mono); font-size: 9px; letter-spacing: .04em; }
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }.reveal.is-visible { opacity: 1; transform: translateY(0); }.reveal-delay { transition-delay: .12s; }
.modal-backdrop { position: fixed; inset: 0; z-index: 40; display: grid; place-items: center; padding: 20px; background: rgba(5,2,3,.78); backdrop-filter: blur(12px); }.modal-backdrop[hidden] { display: none; }.modal { position: relative; width: min(100%, 500px); max-height: calc(100vh - 30px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 49, 88, .72) rgba(255, 169, 174, .08); padding: 38px; border: 1px solid var(--line-bright); border-radius: 20px; background: #1b0c10; box-shadow: 0 25px 80px rgba(0,0,0,.55); }.modal::-webkit-scrollbar { width: 8px; }.modal::-webkit-scrollbar-track { margin: 14px 0; border-radius: 999px; background: rgba(255, 169, 174, .06); }.modal::-webkit-scrollbar-thumb { border: 2px solid #1b0c10; border-radius: 999px; background: linear-gradient(180deg, var(--cherry-light), var(--cherry)); box-shadow: 0 0 12px rgba(255, 49, 88, .32); }.modal::-webkit-scrollbar-thumb:hover { background: #ff6d83; }.modal-close { position: absolute; top: 16px; right: 16px; width: 32px; height: 32px; padding: 0; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); background: rgba(27, 12, 16, .92); appearance: none; -webkit-appearance: none; }.modal-close:hover { color: #fff; border-color: var(--line-bright); background: rgba(255, 49, 88, .12); }.modal-close .material-symbols-outlined { font-size: 17px; }.modal h2 { font-size: 38px; line-height: 1; margin: 16px 0 14px; }.modal > p { color: var(--muted); font-size: 13px; line-height: 1.6; }.modal form { display: grid; gap: 15px; margin-top: 28px; }.modal label { display: grid; gap: 7px; color: var(--cherry-light); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }.label-optional { color: var(--muted-dark); font-size: 8px; letter-spacing: .04em; text-transform: none; }.modal input, .modal select, .modal textarea { width: 100%; border: 1px solid var(--line); border-radius: 8px; outline: 0; padding: 13px 14px; color: var(--ink); background: #11080b; font-family: var(--display); font-size: 13px; text-transform: none; letter-spacing: normal; resize: vertical; }.modal input:focus, .modal select:focus, .modal textarea:focus { border-color: var(--cherry); box-shadow: 0 0 0 3px rgba(255,49,88,.13); }.modal form .button { margin-top: 7px; }.form-trap { position: absolute; width: 1px !important; height: 1px !important; overflow: hidden; opacity: 0; pointer-events: none; }.form-error { margin-top: 14px; color: #ff9eaa; font-size: 11px; line-height: 1.5; }.form-success { text-align: center; padding: 42px 0 16px; }.form-success > .material-symbols-outlined { color: var(--mint); font-size: 45px; }.form-success h3 { font-size: 22px; margin: 15px 0 7px; }.form-success p { color: var(--muted); font-size: 13px; }
.whatsapp-float { position: fixed; right: 24px; bottom: 24px; z-index: 30; min-width: 58px; height: 58px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 999px; color: #fff; background: #20c86b; box-shadow: 0 10px 30px rgba(32, 200, 107, .35); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }.whatsapp-float:hover { transform: translateY(-4px); background: #25d976; box-shadow: 0 14px 36px rgba(32, 200, 107, .48); }.whatsapp-icon { position: relative; z-index: 1; width: 27px; height: 27px; flex: 0 0 27px; display: block; }.whatsapp-label { position: relative; z-index: 1; font-family: var(--display); font-size: 11px; font-weight: 800; letter-spacing: .02em; white-space: nowrap; }.whatsapp-pulse { position: absolute; inset: -7px; border: 1px solid rgba(32, 200, 107, .75); border-radius: 999px; animation: whatsapp-pulse 2s ease-out infinite; pointer-events: none; }.whatsapp-pulse:after { content: ""; position: absolute; inset: 0; border: inherit; border-radius: inherit; animation: whatsapp-pulse 2s ease-out .85s infinite; } @keyframes whatsapp-pulse { 0% { transform: scale(.78); opacity: .8; } 75%, 100% { transform: scale(1.3); opacity: 0; } }
.redirect-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 50% 35%, rgba(255, 49, 88, .16), transparent 45%), var(--bg); }.redirect-card { width: min(100%, 420px); padding: 42px 30px; text-align: center; border: 1px solid var(--line); border-radius: 24px; background: rgba(36, 19, 22, .76); box-shadow: 0 24px 70px rgba(0,0,0,.3); }.redirect-card img { width: 170px; height: 170px; object-fit: contain; }.redirect-icon { width: 52px; height: 52px; display: grid; place-items: center; margin: 10px auto 22px; border-radius: 50%; color: #fff; background: #20c86b; box-shadow: 0 0 30px rgba(32, 200, 107, .3); }.redirect-icon svg { width: 27px; height: 27px; }.redirect-card h1 { margin: 0 0 13px; font-size: 32px; }.redirect-card p { margin: 0 auto 26px; color: var(--muted); font-size: 13px; line-height: 1.6; }.redirect-card .button { display: inline-flex; }

@media (max-width: 960px) {
  .section-shell, .nav-shell, .footer-shell { width: min(100% - 40px, 700px); }
  .nav-links { gap: 19px; margin-right: 20px; }.nav-links a { font-size: 11px; font-weight: 700; }
  .hero { grid-template-columns: 1fr; padding-top: 80px; }.hero-copy { text-align: center; }.hero-copy .eyebrow, .hero-actions, .hero-proof { justify-content: center; }.hero-lede { margin: 0 auto; }.hero-visual { min-height: 530px; margin-top: -5px; }.service-grid, .results-grid { grid-template-columns: repeat(2, 1fr); }.process-layout, .advantage-section { grid-template-columns: 1fr; gap: 70px; }.process-copy { text-align: center; }.process-copy .eyebrow { justify-content: center; }.steps { text-align: left; max-width: 580px; margin: 0 auto; }.advantage-section { padding-top: 40px; }.advantage-copy { text-align: center; }.advantage-copy > p { margin: 0 auto; }.advantage-list { text-align: left; }.visual-window { transform: none; max-width: 650px; margin: 0 auto; width: 100%; }.footer-links { padding-right: 0; }
}
@media (max-width: 680px) {
  .section-shell, .nav-shell, .footer-shell { width: calc(100% - 32px); }.site-header { height: 68px; }.brand-mark { width: 32px; height: 32px; flex-basis: 32px; }.nav-cta { display: none; }.menu-button { display: flex; }.nav-links { position: absolute; top: 67px; left: 16px; right: 16px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 8px; border: 1px solid var(--line); border-radius: 12px; background: rgba(27,12,16,.96); box-shadow: 0 16px 40px rgba(0,0,0,.35); }.nav-links.is-open { display: flex; }.nav-links a { padding: 15px; font-size: 11px; font-weight: 700; }.menu-button.is-open span:first-child { transform: translateY(3px) rotate(45deg); }.menu-button.is-open span:last-child { transform: translateY(-3px) rotate(-45deg); }
  .hero { min-height: auto; padding-top: 69px; padding-bottom: 65px; }.hero-grid { background-size: 35px 35px; }.hero h1 { font-size: clamp(48px, 15vw, 70px); }.hero-lede { font-size: 14px; }.hero-actions { flex-direction: column; align-items: stretch; }.hero-actions .button { width: 100%; }.hero-proof { margin-top: 35px; }.hero-visual { min-height: 400px; }.cherry-emblem { width: 78%; }.orbit-one { width: 115%; height: 52%; }.orbit-two { width: 90%; height: 39%; }.stat-card { padding: 9px 10px; gap: 8px; }.stat-card small { font-size: 7px; }.stat-card strong { font-size: 11px; }.stat-icon { width: 27px; height: 27px; }.stat-icon .material-symbols-outlined { font-size: 15px; }.stat-leads { top: 12%; right: -1%; }.stat-support { left: -1%; bottom: 21%; }.stat-admin { right: 0; bottom: 5%; }.whatsapp-float { right: 16px; bottom: 16px; min-width: 53px; width: 53px; height: 53px; padding: 0; }.whatsapp-label { display: none; }.whatsapp-icon { width: 26px; height: 26px; }.redirect-card { padding: 32px 22px; }
  .services-section, .results-section { padding-top: 90px; padding-bottom: 90px; }.section-intro h2, .process-copy h2, .advantage-copy h2, .cta-card h2 { font-size: 39px; }.service-grid, .results-grid { gap: 10px; }.service-card { min-height: auto; padding: 20px 17px; }.service-icon { width: 38px; height: 38px; margin-bottom: 33px; }.service-icon .material-symbols-outlined { font-size: 18px; }.service-card h3 { font-size: 15px; }.service-card p { font-size: 11px; min-height: 95px; }.service-card ul { margin-top: 18px; }.service-card li { font-size: 8px; line-height: 1.4; }.card-number { font-size: 8px; }
  .process-section { padding: 90px 0; }.process-layout { gap: 50px; }.process-copy h2 { margin-bottom: 37px; }.step { gap: 14px; }.step-number { width: 32px; height: 32px; flex-basis: 32px; font-size: 10px; }.steps:before { left: 15px; }.step h3 { font-size: 14px; }.step p { font-size: 11px; }.dashboard-body { padding: 22px 17px 18px; }.dashboard-heading { font-size: 7px; }.dashboard-chart { padding: 13px 10px 10px; }.dashboard-chart svg { height: 95px; }.chat-preview { font-size: 10px; }.visual-content { height: 290px; }.visual-window-bar b { font-size: 7px; }.float-label { font-size: 7px; }.float-label b { font-size: 10px; }.ring-a { width: 190px; height: 190px; }.ring-b { width: 130px; height: 130px; }.visual-core { width: 63px; height: 63px; }.visual-core .material-symbols-outlined { font-size: 25px; }.advantage-list { grid-template-columns: 1fr; gap: 8px; }.advantage-section { gap: 46px; padding-bottom: 90px; }.result-card { padding: 27px 8px; }.result-card strong { font-size: 43px; }.result-card span { font-size: 7px; letter-spacing: .08em; line-height: 1.4; }.cta-section { padding-bottom: 90px; }.cta-card { padding: 60px 18px 49px; border-radius: 20px; }.cta-actions { flex-direction: column; align-items: stretch; }.cta-actions .button { width: 100%; }.cta-notes { display: grid; gap: 12px; justify-content: center; font-size: 8px; }.footer-main { display: grid; gap: 45px; }.footer-links { gap: 65px; }.footer-bottom { display: grid; gap: 10px; margin-top: 45px; }.modal { padding: 30px 21px 24px; }.modal h2 { font-size: 31px; }
}
@media (prefers-reduced-motion: reduce) { *, *:before, *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }