/* ================================================================ ██████ REVELYTICS DESIGN CONTROL PANEL — EDIT HERE ██████ Every color and font for the WHOLE site lives in this block. Change a value, save, and it updates everywhere at once. (Same values can be edited visually in WP Admin → Settings → Revelytics Design.) ================================================================ */ @import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@1&display=swap'); :root{ /* ---- FONTS ---------------------------------------------- */ --rev-font-head:'Bricolage Grotesque',system-ui,sans-serif; /* HEADING font (all titles) */ --rev-font:'Inter',system-ui,-apple-system,sans-serif; /* BODY font (paragraphs, buttons, UI) */ --rev-font-serif:'Instrument Serif',serif; /* italic accent words (class "se") */ /* ---- BRAND COLORS ---------------------------------------- */ --rev-orange:#fe6b35; /* primary buttons + accents */ --rev-orange-h:#ea5a26; /* orange hover state */ --rev-teal:#04a699; /* secondary accent */ --rev-teal-b:#2fd4b8; /* bright teal (on dark sections) */ --rev-cyan:#38bdc9; /* stat numbers */ --rev-blue:#2b7de0; /* gradient partner blue */ /* ---- BACKGROUNDS ----------------------------------------- */ --rev-navy:#04172a; /* homepage dark background */ --rev-navy2:#041b2d; /* homepage dark background (lower) */ --rev-suite:#081625; /* solution-suite section background */ --rev-footer:#093055; /* footer background + dark accents */ --rev-light:#f8fafc; /* light sections background */ --rev-light2:#fafafa; /* inner pages background */ /* ---- TEXT COLORS ------------------------------------------ */ --rev-ink:#101828; /* headings on light backgrounds */ --rev-ink2:#475569; /* body text on light backgrounds */ --rev-ink3:#94a3b8; /* muted text on light backgrounds */ /* ---- TYPE SCALE (used by .rev-h1 … .rev-h5 classes) ------- */ --rev-h1-size:clamp(2.625rem,1.35rem + 4.1vw,4.875rem); /* hero title 42→78px */ --rev-h1p-size:clamp(2.19rem,1.55rem + 2.05vw,3.375rem);/* inner-page title 35→54px */ --rev-h2-size:clamp(2.06rem,1.4rem + 2.1vw,3.375rem); /* section title 33→54px */ --rev-h2lg-size:clamp(2.31rem,1.5rem + 2.6vw,3.875rem); /* big CTA title 37→62px */ --rev-h2sm-size:2rem; /* sub-section title 32px */ --rev-h3-size:1.5rem; /* large card title 24px */ --rev-h4-size:1.25rem; /* medium card title 20px */ --rev-h5-size:1.09rem; /* small card title ~17.5px */ --rev-body-size:1.02rem; /* standard paragraph ~16.3px */ } /* ══════════════ end of control panel — internals below ══════════════ */ /* internal aliases + context switching — edit the panel above, not this */ :root{ --bg:var(--rev-navy);--bg2:var(--rev-navy2);--panel:rgba(255,255,255,.03);--line:rgba(255,255,255,.08); --orange:var(--rev-orange);--orange-h:var(--rev-orange-h);--teal:var(--rev-teal);--teal-b:var(--rev-teal-b);--cyan:var(--rev-cyan);--blue:var(--rev-blue); --tx:#fff;--tx2:rgba(255,255,255,.72);--tx3:rgba(255,255,255,.45); --lt-bg:var(--rev-light);--lt-tx:var(--rev-ink);--lt-tx2:var(--rev-ink2);--lt-line:rgba(15,23,42,.07); --rfont:var(--rev-font);--ease:cubic-bezier(.22,1,.36,1); --grad-lt:linear-gradient(92deg,#0ab5a0,#2b7de0); --coral:var(--rev-orange);--violet:var(--rev-teal);--mint:var(--rev-teal);--text2:var(--rev-ink2);--text3:var(--rev-ink3); --border:rgba(15,23,42,.08);--serif:var(--rev-font-serif); --shadow-card:0 1px 3px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.06); --shadow-card-hover:0 2px 6px rgba(0,0,0,.05),0 24px 56px rgba(0,0,0,.10); --ease-premium:cubic-bezier(.22,1,.36,1); --rev-heading-c:var(--rev-ink);--rev-body-c:var(--rev-ink2); } /* dark sections automatically switch heading/body colors */ .rev-site .rev-hero:not(.rev-off):not(.rev-off *),.rev-site .rev-tour:not(.rev-off):not(.rev-off *),.rev-site .rev-suite:not(.rev-off):not(.rev-off *),.rev-site .rev-ft:not(.rev-off):not(.rev-off *),.rev-site .rev-nav-dark:not(.rev-off):not(.rev-off *),.rev-site .rev-nv-dark:not(.rev-off):not(.rev-off *){--rev-heading-c:#fff;--rev-body-c:rgba(255,255,255,.72)} body.rev-site{font-family:var(--rfont);letter-spacing:-.01em;-webkit-font-smoothing:antialiased} .rev-site .se:not(.rev-off):not(.rev-off *){font-family:var(--serif)!important;font-style:italic;font-weight:400} .rev-site .grad-lt:not(.rev-off):not(.rev-off *){background:linear-gradient(92deg,#0ab5a0,#2b7de0);-webkit-background-clip:text;background-clip:text;color:transparent} .rev-site .grad-dk:not(.rev-off):not(.rev-off *){background:linear-gradient(92deg,#2fd4b8,#3aa4e8);-webkit-background-clip:text;background-clip:text;color:transparent} .rev-site h1 .l2:not(.rev-off):not(.rev-off *),.rev-site .l2:not(.rev-off):not(.rev-off *){display:block;background:linear-gradient(92deg,#1fc9a2 4%,#2ea6c9 48%,#2b7de0 96%);-webkit-background-clip:text;background-clip:text;color:transparent} .rev-site .rev-btn-glow a:hover:not(.rev-off):not(.rev-off *){box-shadow:0 8px 28px color-mix(in srgb,var(--rev-orange) 35%,transparent);transform:translateY(-1px)} .rev-site .rev-btn-glow a:not(.rev-off):not(.rev-off *){transition:all .22s var(--ease)!important} /* ---------------- HEADER — dark (homepage) ---------------- */ .rev-site .rev-nv-dark:not(.rev-off):not(.rev-off *){position:sticky;top:0;z-index:99;background:rgba(3,15,28,.82)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)} .rev-site .rev-nv-dark .elementor-icon-list-item a:not(.rev-off):not(.rev-off *){color:var(--tx2)!important;transition:color .2s} .rev-site .rev-nv-dark .elementor-icon-list-item a:hover:not(.rev-off):not(.rev-off *){color:#fff!important} .rev-site .rev-signin a:not(.rev-off):not(.rev-off *){color:var(--tx3)!important;transition:color .2s}.rev-site .rev-signin a:hover:not(.rev-off):not(.rev-off *){color:#fff!important} .rev-site .rev-logo-white img:not(.rev-off):not(.rev-off *){filter:brightness(0) invert(1)} /* ---------------- HEADER — light (inner pages) ---------------- */ .rev-site .rev-nv-light:not(.rev-off):not(.rev-off *){position:fixed!important;top:0;left:0;right:0;z-index:99;background:rgba(250,250,250,.72)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);box-shadow:0 1px 20px rgba(0,0,0,.04)} body.rev-site.elementor-page .rev-nv-light + *:not(.rev-off):not(.rev-off *){margin-top:0} .rev-site .rev-nv-light .elementor-icon-list-item a:not(.rev-off):not(.rev-off *){color:var(--text2)!important;position:relative;transition:color .25s} .rev-site .rev-nv-light .elementor-icon-list-item a:hover:not(.rev-off):not(.rev-off *){color:var(--lt-tx)!important} .rev-site .rev-nv-light .elementor-icon-list-item a:not(.rev-off):not(.rev-off *)::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--coral);transition:width .35s var(--ease-premium);border-radius:2px} .rev-site .rev-nv-light .elementor-icon-list-item a:hover:not(.rev-off):not(.rev-off *)::after{width:100%} @media(max-width:900px){.rev-site .rev-nv-links:not(.rev-off):not(.rev-off *){display:none!important}} /* ---------------- HOME: hero ---------------- */ .rev-site .rev-hero:not(.rev-off):not(.rev-off *){position:relative;overflow:clip;background:linear-gradient(180deg,#03101f 0%,var(--rev-navy) 18%,var(--rev-navy2) 100%)} .rev-site .rev-hero .fx:not(.rev-off):not(.rev-off *){position:absolute;inset:0;pointer-events:none} .rev-site .rev-hero .glow:not(.rev-off):not(.rev-off *){position:absolute;border-radius:50%;filter:blur(90px)} .rev-site .rev-hero .g1:not(.rev-off):not(.rev-off *){width:640px;height:640px;left:-220px;top:32%;background:color-mix(in srgb,var(--rev-teal) 14%,transparent)} .rev-site .rev-hero .g2:not(.rev-off):not(.rev-off *){width:560px;height:560px;right:-180px;top:8%;background:color-mix(in srgb,var(--rev-blue) 12%,transparent)} .rev-site .rev-hero .g3:not(.rev-off):not(.rev-off *){width:700px;height:420px;left:30%;top:60%;background:color-mix(in srgb,var(--rev-teal) 7%,transparent)} .rev-site .rev-hero .waves-bg:not(.rev-off):not(.rev-off *){position:absolute;inset:12% 0 auto 0;height:560px;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='560' viewBox='0 0 1440 560' fill='none'%3E%3Cpath d='M0 300 Q120 180 240 300 T480 300 T720 260 T960 320 T1200 240 T1440 300' stroke='rgba(47,212,184,.10)' stroke-width='1.5'/%3E%3Cpath d='M0 360 Q180 260 360 360 T720 340 T1080 380 T1440 330' stroke='rgba(56,189,201,.07)' stroke-width='1.2'/%3E%3Cpath d='M0 240 Q200 340 400 240 T800 260 T1200 220 T1440 260' stroke='rgba(43,125,224,.07)' stroke-width='1.2'/%3E%3C/svg%3E");background-size:1440px 560px;background-position:center top;background-repeat:repeat-x} .rev-site .hero-head:not(.rev-off):not(.rev-off *){display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap} .rev-site .badge:not(.rev-off):not(.rev-off *){display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:999px;background:color-mix(in srgb,var(--rev-orange) 7%,transparent);border:1px solid color-mix(in srgb,var(--rev-orange) 28%,transparent);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)} .rev-site .badge .dot:not(.rev-off):not(.rev-off *){width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px var(--orange);flex-shrink:0} .rev-site .proof:not(.rev-off):not(.rev-off *){display:flex;align-items:center;gap:14px} .rev-site .avs:not(.rev-off):not(.rev-off *){display:flex} .rev-site .av:not(.rev-off):not(.rev-off *){width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:#fff;border:2px solid var(--bg);margin-left:-9px} .rev-site .av:first-child:not(.rev-off):not(.rev-off *){margin-left:0} .rev-site .rate:not(.rev-off):not(.rev-off *){line-height:1.35}.rev-site .stars:not(.rev-off):not(.rev-off *){display:flex;gap:2px}.rev-site .stars svg:not(.rev-off):not(.rev-off *){width:13px;height:13px;fill:#f6b93b} .rev-site .rate p:not(.rev-off):not(.rev-off *){font-size:.78rem;color:var(--tx3);margin:0}.rev-site .rate p b:not(.rev-off):not(.rev-off *){color:#fff;font-weight:700} .rev-site .chips:not(.rev-off):not(.rev-off *){display:flex;flex-wrap:wrap;gap:12px;max-width:440px} .rev-site .chip:not(.rev-off):not(.rev-off *){display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--teal-b);background:color-mix(in srgb,var(--rev-teal) 7%,transparent);border:1px solid color-mix(in srgb,var(--rev-teal) 32%,transparent)} .rev-site .chip:not(.rev-off):not(.rev-off *)::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--teal-b);box-shadow:0 0 8px color-mix(in srgb,var(--rev-teal-b) 80%,transparent)} .rev-site .rev-stats:not(.rev-off):not(.rev-off *){background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden} .rev-site .rev-st:not(.rev-off):not(.rev-off *){padding:26px 18px;text-align:center;position:relative} .rev-site .rev-st+.rev-st:not(.rev-off):not(.rev-off *)::before{content:'';position:absolute;left:0;top:22%;height:56%;width:1px;background:var(--line)} .rev-site .rev-st .elementor-heading-title:not(.rev-off):not(.rev-off *){color:var(--cyan)} .rev-site .rev-shot:not(.rev-off):not(.rev-off *){position:relative;max-width:1040px;margin:0 auto} .rev-site .rev-shot:not(.rev-off):not(.rev-off *)::before{content:'';position:absolute;inset:-8% -14%;background:radial-gradient(50% 50% at 50% 42%,color-mix(in srgb,var(--rev-teal) 14%,transparent),transparent 70%);filter:blur(30px);pointer-events:none} .rev-site .rev-shot img:not(.rev-off):not(.rev-off *){position:relative;border-radius:14px;box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05)} .rev-site .integ:not(.rev-off):not(.rev-off *){display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap} .rev-site .integ .lbl:not(.rev-off):not(.rev-off *){font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tx3)} .rev-site .integ .item:not(.rev-off):not(.rev-off *){position:relative;display:inline-flex;align-items:center;gap:9px;font-size:.92rem;font-weight:600;color:rgba(255,255,255,.82)} .rev-site .integ .item+.item:not(.rev-off):not(.rev-off *)::before{content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:1px;height:14px;background:rgba(255,255,255,.18)} .rev-site .integ .item svg:not(.rev-off):not(.rev-off *){width:20px;height:20px} /* ---------------- HOME: marquee ---------------- */ .rev-site .mq:not(.rev-off):not(.rev-off *){background:#fff;border-bottom:1px solid var(--lt-line);overflow:hidden;padding:19px 0} .rev-site .mq-track:not(.rev-off):not(.rev-off *){display:flex;width:max-content} .rev-site .mq-item:not(.rev-off):not(.rev-off *){display:inline-flex;align-items:center;gap:10px;padding:0 27px;font-size:.85rem;font-weight:600;color:#1e293b;white-space:nowrap} .rev-site .mq-item:not(.rev-off):not(.rev-off *)::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--orange);flex-shrink:0} @media (prefers-reduced-motion:no-preference){.rev-site .mq-track:not(.rev-off):not(.rev-off *){animation:mq 36s linear infinite}} @keyframes mq{to{transform:translateX(-50%)}} /* ---------------- shared section bits ---------------- */ .rev-site .eb:not(.rev-off):not(.rev-off *){display:inline-flex;align-items:center;gap:9px;padding:8px 18px;border-radius:999px;background:#fff;border:1px solid color-mix(in srgb,var(--rev-orange) 30%,transparent);box-shadow:0 2px 10px rgba(15,23,42,.05);font-size:.74rem;font-weight:700;letter-spacing:.04em;color:var(--orange)} .rev-site .eb:not(.rev-off):not(.rev-off *)::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--orange)} .rev-site .eb-teal:not(.rev-off):not(.rev-off *){border-color:color-mix(in srgb,var(--rev-teal-b) 35%,transparent);color:var(--teal-b);background:color-mix(in srgb,var(--rev-teal) 7%,transparent);box-shadow:none} .rev-site .eb-teal:not(.rev-off):not(.rev-off *)::before{background:var(--teal-b);box-shadow:0 0 8px color-mix(in srgb,var(--rev-teal-b) 70%,transparent)} /* ---------------- HOME: feature cards ---------------- */ .rev-site .rev-fcard:not(.rev-off):not(.rev-off *){position:relative;overflow:hidden;background:#fff;border:1px solid var(--lt-line);border-radius:20px;box-shadow:0 4px 18px rgba(15,23,42,.04);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)} .rev-site .rev-fcard:hover:not(.rev-off):not(.rev-off *){transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,23,42,.09);border-color:color-mix(in srgb,var(--rev-teal) 28%,transparent)} .rev-site .rev-fcard:not(.rev-off):not(.rev-off *)::after{content:'';position:absolute;width:300px;height:300px;bottom:-110px;right:-90px;border-radius:50%;filter:blur(52px);background:color-mix(in srgb,var(--rev-orange) 15%,transparent);pointer-events:none;z-index:0} .rev-site .rev-fcard.t:not(.rev-off):not(.rev-off *)::after{background:color-mix(in srgb,var(--rev-teal) 15%,transparent)} .rev-site .rev-fcard>*:not(.rev-off):not(.rev-off *){position:relative;z-index:1} .rev-site .ic:not(.rev-off):not(.rev-off *){width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--rev-orange) 10%,transparent)} .rev-site .ic svg:not(.rev-off):not(.rev-off *){width:24px;height:24px} .rev-site .ic-t:not(.rev-off):not(.rev-off *){background:color-mix(in srgb,var(--rev-teal) 10%,transparent)} .rev-site .tag:not(.rev-off):not(.rev-off *){display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:.79rem;font-weight:600} .rev-site .tag:not(.rev-off):not(.rev-off *)::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor} .rev-site .tag-o:not(.rev-off):not(.rev-off *){background:color-mix(in srgb,var(--rev-orange) 9%,transparent);color:#e05a24} .rev-site .tag-t:not(.rev-off):not(.rev-off *){background:color-mix(in srgb,var(--rev-teal) 9%,transparent);color:#048577} .rev-site .tag-b:not(.rev-off):not(.rev-off *){background:color-mix(in srgb,var(--rev-blue) 9%,transparent);color:#2b6cd4} .rev-site .mini:not(.rev-off):not(.rev-off *){background:#fcfdfe;border:1px solid var(--lt-line);border-radius:14px;padding:20px 22px;box-shadow:0 10px 30px rgba(15,23,42,.06)} .rev-site .mini-h:not(.rev-off):not(.rev-off *){display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--lt-line);font-size:.82rem;font-weight:700;color:var(--lt-tx)} .rev-site .live-pill:not(.rev-off):not(.rev-off *){display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;color:#048577;background:color-mix(in srgb,var(--rev-teal) 10%,transparent);border-radius:999px;padding:4px 11px} .rev-site .live-pill:not(.rev-off):not(.rev-off *)::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--rev-teal)} .rev-site .steps:not(.rev-off):not(.rev-off *){list-style:none;margin:14px 0 0;padding:0} .rev-site .steps li:not(.rev-off):not(.rev-off *){display:flex;gap:11px;align-items:flex-start;padding:7px 0;font-size:.84rem;color:var(--rev-ink3)} .rev-site .steps .rd:not(.rev-off):not(.rev-off *){flex-shrink:0;width:15px;height:15px;margin-top:1px;border-radius:50%;border:1.5px solid #cbd5e1;background:#fff} .rev-site .steps li.on:not(.rev-off):not(.rev-off *){color:var(--lt-tx);font-weight:600} .rev-site .steps li.on .rd:not(.rev-off):not(.rev-off *){border-color:var(--orange);background:radial-gradient(circle,var(--orange) 40%,#fff 46%)} .rev-site .steps li.qt:not(.rev-off):not(.rev-off *){color:#8ca3b8;font-size:.8rem;line-height:1.55;padding-left:26px} .rev-site .sugg:not(.rev-off):not(.rev-off *){margin-top:14px;background:color-mix(in srgb,var(--rev-teal) 8%,transparent);border:1px solid color-mix(in srgb,var(--rev-teal) 16%,transparent);border-radius:10px;padding:14px 16px;font-size:.85rem;line-height:1.55;color:#0f3f39} .rev-site .reb:not(.rev-off):not(.rev-off *){margin-top:16px} .rev-site .reb b:not(.rev-off):not(.rev-off *){font-size:.8rem;color:var(--lt-tx)} .rev-site .reb p:not(.rev-off):not(.rev-off *){margin:7px 0 0;font-size:.8rem;line-height:1.6;color:#64748b} .rev-site .bars:not(.rev-off):not(.rev-off *){display:flex;align-items:flex-end;gap:3px;height:26px;margin-top:12px} .rev-site .bars span:not(.rev-off):not(.rev-off *){width:3px;border-radius:2px;background:#0ab5a0} .rev-site .rev-scard:not(.rev-off):not(.rev-off *){background:#fff;border:1px solid var(--lt-line);border-radius:16px;box-shadow:0 4px 18px rgba(15,23,42,.04);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)} .rev-site .rev-scard:hover:not(.rev-off):not(.rev-off *){transform:translateY(-4px);box-shadow:0 14px 34px rgba(15,23,42,.09);border-color:color-mix(in srgb,var(--rev-teal) 28%,transparent)} .rev-site .rev-scard .ic:not(.rev-off):not(.rev-off *){width:46px;height:46px;border-radius:12px} /* ---------------- HOME: product tour ---------------- */ .rev-site .rev-tour:not(.rev-off):not(.rev-off *){position:relative;overflow:clip;background:linear-gradient(180deg,var(--rev-navy) 0%,#062033 45%,var(--rev-navy) 100%)} .rev-site .rev-tour .waves-bg:not(.rev-off):not(.rev-off *){position:absolute;inset:auto 0 4% 0;height:560px;opacity:.65;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='560' viewBox='0 0 1440 560' fill='none'%3E%3Cpath d='M0 300 Q120 180 240 300 T480 300 T720 260 T960 320 T1200 240 T1440 300' stroke='rgba(47,212,184,.10)' stroke-width='1.5'/%3E%3Cpath d='M0 360 Q180 260 360 360 T720 340 T1080 380 T1440 330' stroke='rgba(56,189,201,.07)' stroke-width='1.2'/%3E%3Cpath d='M0 240 Q200 340 400 240 T800 260 T1200 220 T1440 260' stroke='rgba(43,125,224,.07)' stroke-width='1.2'/%3E%3C/svg%3E");background-size:1440px 560px;background-position:center top;background-repeat:repeat-x} .rev-site .tt:not(.rev-off):not(.rev-off *){display:flex;flex-direction:column;gap:10px;margin-top:34px} .rev-site .ttab:not(.rev-off):not(.rev-off *){position:relative;text-align:left;background:transparent;border:1px solid transparent;color:rgba(255,255,255,.48);font-family:var(--rfont);font-weight:600;font-size:.95rem;padding:15px 18px 21px;border-radius:12px;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s} .rev-site .ttab:hover:not(.rev-off):not(.rev-off *){color:#fff} .rev-site .ttab.on:not(.rev-off):not(.rev-off *){background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12);color:#fff} .rev-site .ttab.on:not(.rev-off):not(.rev-off *)::after{content:'';position:absolute;left:18px;right:18px;bottom:11px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--rev-teal-b),color-mix(in srgb,var(--rev-teal-b) 5%,transparent))} .rev-site .frame:not(.rev-off):not(.rev-off *){background:#0d2438;border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.45)} .rev-site .frame-bar:not(.rev-off):not(.rev-off *){display:flex;align-items:center;gap:7px;padding:12px 16px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.07)} .rev-site .frame-bar i:not(.rev-off):not(.rev-off *){width:10px;height:10px;border-radius:50%;display:block} .rev-site .frame-url:not(.rev-off):not(.rev-off *){margin:0 auto;background:rgba(255,255,255,.07);border-radius:8px;padding:5px 42px;font-size:.72rem;font-style:normal;color:rgba(255,255,255,.55)} .rev-site .tv:not(.rev-off):not(.rev-off *){aspect-ratio:2.15/1;overflow:hidden;background:#f4f7fa} .rev-site .tv img:not(.rev-off):not(.rev-off *){width:100%;height:100%;object-fit:cover;object-position:top left;transition:opacity .25s ease} @media(max-width:1000px){.rev-site .tt:not(.rev-off):not(.rev-off *){flex-direction:row;flex-wrap:wrap}.rev-site .ttab:not(.rev-off):not(.rev-off *){padding:12px 16px 18px}} /* ---------------- HOME: integrations viz ---------------- */ .rev-site .stack-note:not(.rev-off):not(.rev-off *){margin-top:34px;text-align:center;font-size:.86rem;color:#8494ab} .rev-site .stackviz:not(.rev-off):not(.rev-off *){position:relative;aspect-ratio:1400/886;max-width:960px;margin:0 auto} .rev-site .stackviz:not(.rev-off):not(.rev-off *)::before{content:'';position:absolute;left:50%;top:50%;width:64%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rev-teal) 7%,transparent),color-mix(in srgb,var(--rev-blue) 4%,transparent) 55%,transparent 72%);pointer-events:none} .rev-site .sv-lines:not(.rev-off):not(.rev-off *){position:absolute;inset:0;width:100%;height:100%;z-index:0} .rev-site .cp:not(.rev-off):not(.rev-off *){fill:none;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:.5 8.5} .rev-site .cp-t:not(.rev-off):not(.rev-off *){stroke:color-mix(in srgb,var(--rev-teal) 55%,transparent)} .rev-site .cp-o:not(.rev-off):not(.rev-off *){stroke:color-mix(in srgb,var(--rev-orange) 55%,transparent)} .rev-site .cd-t:not(.rev-off):not(.rev-off *){fill:var(--rev-teal)}.rev-site .cd-o:not(.rev-off):not(.rev-off *){fill:var(--rev-orange)} .rev-site .sv-pos:not(.rev-off):not(.rev-off *){position:absolute;z-index:1} .rev-site .sv-card:not(.rev-off):not(.rev-off *){display:block;width:100%;height:auto;background:#fff;border:1px solid rgba(15,23,42,.05);border-radius:14px;box-shadow:0 10px 28px rgba(15,23,42,.08);transition:transform .22s var(--ease),box-shadow .22s var(--ease)} .rev-site .sv-card:hover:not(.rev-off):not(.rev-off *){transform:translateY(-4px) scale(1.04);box-shadow:0 18px 40px rgba(15,23,42,.14)} .rev-site .sv-bob:not(.rev-off):not(.rev-off *){display:block} .rev-site .sv-center:not(.rev-off):not(.rev-off *){position:absolute;left:41.5%;top:26.4%;width:20.5%;height:32.8%;z-index:1;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(15,23,42,.05);border-radius:16px;box-shadow:0 20px 50px rgba(15,23,42,.12)} .rev-site .sv-center:not(.rev-off):not(.rev-off *)::before{content:'';position:absolute;inset:-16%;border-radius:26px;background:radial-gradient(circle,color-mix(in srgb,var(--rev-teal) 16%,transparent),transparent 70%);filter:blur(16px);z-index:-1} .rev-site .sv-center img:not(.rev-off):not(.rev-off *){width:72%;height:auto} .rev-site .sv-spark:not(.rev-off):not(.rev-off *){position:absolute;z-index:1;color:var(--rev-teal);line-height:1;pointer-events:none} @media (prefers-reduced-motion:no-preference){ .rev-site .cp:not(.rev-off):not(.rev-off *){animation:svflow 2.8s linear infinite} .rev-site .cd:not(.rev-off):not(.rev-off *){animation:svpulse 2.8s ease-in-out infinite} .rev-site .sv-bob:not(.rev-off):not(.rev-off *){animation:svbob 6s ease-in-out infinite} .rev-site .sv-center:not(.rev-off):not(.rev-off *)::before{animation:svbreathe 7s ease-in-out infinite} .rev-site .sv-spark:not(.rev-off):not(.rev-off *){animation:svtwinkle 3.4s ease-in-out infinite} } @keyframes svflow{to{stroke-dashoffset:-36}} @keyframes svpulse{50%{opacity:.3}} @keyframes svbob{50%{transform:translateY(-7px)}} @keyframes svbreathe{50%{opacity:.45}} @keyframes svtwinkle{50%{opacity:.25;transform:scale(.8)}} /* ---------------- HOME: solution suite ---------------- */ .rev-site .rev-suite:not(.rev-off):not(.rev-off *){background:var(--rev-suite);overflow:clip} .rev-site .suite-top:not(.rev-off):not(.rev-off *){display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.8rem;color:rgba(255,255,255,.5)} .rev-site .xplat:not(.rev-off):not(.rev-off *){display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 18px;font-size:.8rem;font-weight:600;color:#fff;background:rgba(255,255,255,.03);transition:background-color .2s,border-color .2s;text-decoration:none} .rev-site .xplat:hover:not(.rev-off):not(.rev-off *){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3)} .rev-site .suite-grid:not(.rev-off):not(.rev-off *){display:grid;grid-template-columns:225px 1fr;gap:60px;padding:60px 0 0} .rev-site .rail-t:not(.rev-off):not(.rev-off *){font-size:.68rem;font-weight:700;letter-spacing:.16em;color:var(--orange);margin:0 0 18px} .rev-site .rail:not(.rev-off):not(.rev-off *){display:flex;flex-direction:column;gap:8px} .rev-site .ritem:not(.rev-off):not(.rev-off *){display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid transparent;color:rgba(255,255,255,.42);font-weight:600;font-size:.92rem;cursor:pointer;transition:background .18s,color .18s,border-color .18s} .rev-site .ritem .no:not(.rev-off):not(.rev-off *){font-size:.68rem;color:rgba(255,255,255,.32);font-weight:700} .rev-site .ritem.on:not(.rev-off):not(.rev-off *){background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#fff} .rev-site .ritem.on .chev:not(.rev-off):not(.rev-off *){margin-left:auto;color:rgba(255,255,255,.5)} .rev-site .ritem:hover:not(.rev-off):not(.rev-off *){color:rgba(255,255,255,.78)} .rev-site #suitePanel:not(.rev-off):not(.rev-off *){transition:opacity .18s ease} .rev-site .s-eb:not(.rev-off):not(.rev-off *){display:flex;align-items:center;gap:14px;font-size:.7rem;font-weight:700;letter-spacing:.18em;color:rgba(255,255,255,.55)} .rev-site .s-eb .ln:not(.rev-off):not(.rev-off *){width:34px;height:1px;background:rgba(255,255,255,.25)} .rev-site .suite-head:not(.rev-off):not(.rev-off *){display:flex;justify-content:space-between;align-items:flex-end;gap:44px;margin-top:20px} .rev-site .suite-head .sh2:not(.rev-off):not(.rev-off *){font-family:var(--rev-font-head);color:#fff;max-width:560px;margin:0;font-size:var(--rev-h2-size);font-weight:700;letter-spacing:-.035em;line-height:1.12} .rev-site .suite-head p:not(.rev-off):not(.rev-off *){max-width:320px;font-size:.93rem;line-height:1.7;color:rgba(255,255,255,.62);padding-bottom:8px;margin:0} .rev-site .suite-shot:not(.rev-off):not(.rev-off *){margin-top:44px;aspect-ratio:2/1;overflow:hidden;border-radius:14px;box-shadow:0 34px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);background:#0d2438} .rev-site .suite-shot img:not(.rev-off):not(.rev-off *){width:100%;height:100%;object-fit:cover;object-position:top left;border-radius:0;box-shadow:none;transition:opacity .25s ease} .rev-site .after-grid:not(.rev-off):not(.rev-off *){display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px} .rev-site .a-card:not(.rev-off):not(.rev-off *){display:flex;flex-direction:column;gap:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:26px} .rev-site .a-card .row:not(.rev-off):not(.rev-off *){display:flex;align-items:center;justify-content:space-between} .rev-site .a-ic:not(.rev-off):not(.rev-off *){width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--rev-teal-b) 12%,transparent);display:flex;align-items:center;justify-content:center} .rev-site .a-card b:not(.rev-off):not(.rev-off *){font-size:1.02rem;font-weight:700;color:#fff;letter-spacing:-.015em} .rev-site .stat-card:not(.rev-off):not(.rev-off *){display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(135deg,#0d3a50 0%,#0a2b44 100%);border:1px solid color-mix(in srgb,var(--rev-teal-b) 20%,transparent);border-radius:14px;padding:30px} .rev-site .stat-card div b:not(.rev-off):not(.rev-off *){display:block;font-size:1.7rem;font-weight:700;color:var(--rev-teal-b);letter-spacing:-.03em} .rev-site .stat-card div span:not(.rev-off):not(.rev-off *){display:block;margin-top:6px;font-size:.78rem;color:rgba(255,255,255,.6)} .rev-site .n-chips:not(.rev-off):not(.rev-off *){display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px} .rev-site .n-chip:not(.rev-off):not(.rev-off *){display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:17px 18px;font-size:.84rem;line-height:1.5;color:rgba(255,255,255,.75)} .rev-site .n-no:not(.rev-off):not(.rev-off *){flex-shrink:0;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--rev-teal-b) 12%,transparent);color:var(--rev-teal-b);font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center} @media(max-width:1000px){.rev-site .suite-grid:not(.rev-off):not(.rev-off *){grid-template-columns:1fr;gap:34px}.rev-site .rail:not(.rev-off):not(.rev-off *){flex-direction:row;flex-wrap:wrap}.rev-site .ritem:not(.rev-off):not(.rev-off *){padding:11px 14px}.rev-site .suite-head:not(.rev-off):not(.rev-off *){flex-direction:column;align-items:flex-start;gap:16px}.rev-site .after-grid:not(.rev-off):not(.rev-off *){grid-template-columns:1fr}.rev-site .n-chips:not(.rev-off):not(.rev-off *){grid-template-columns:1fr}} /* ---------------- HOME: use cases + CTA ---------------- */ .rev-site .rev-uc:not(.rev-off):not(.rev-off *){background:#fff;border:1px solid var(--lt-line);border-radius:18px;box-shadow:0 4px 18px rgba(15,23,42,.04);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)} .rev-site .rev-uc:hover:not(.rev-off):not(.rev-off *){transform:translateY(-4px);box-shadow:0 14px 34px rgba(15,23,42,.09);border-color:color-mix(in srgb,var(--rev-teal) 28%,transparent)} /* ---------------- FOOTER ---------------- */ .rev-site .rev-ft:not(.rev-off):not(.rev-off *){background:var(--rev-footer)} .rev-site .rev-ft:not(.rev-off):not(.rev-off *)::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--rev-orange) 20%,transparent),color-mix(in srgb,var(--rev-teal) 15%,transparent),transparent)} .rev-site .rev-ft .elementor-icon-list-item a:not(.rev-off):not(.rev-off *){color:rgba(255,255,255,.55)!important;transition:color .2s} .rev-site .rev-ft .elementor-icon-list-item a:hover:not(.rev-off):not(.rev-off *){color:#fff!important} .rev-site .rev-ft-h .elementor-heading-title:not(.rev-off):not(.rev-off *){font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.8)} .rev-site .rev-ft-bot:not(.rev-off):not(.rev-off *){border-top:1px solid rgba(255,255,255,.12)} /* ---------------- INNER PAGES: cosmic backdrop ---------------- */ .rev-site .rev-cosmic-fix:not(.rev-off):not(.rev-off *){position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:#fafafa;background-image:radial-gradient(820px 560px at 14% -6%,rgba(4,166,153,.07),transparent 60%),radial-gradient(760px 540px at 90% 2%,rgba(254,107,53,.05),transparent 58%),radial-gradient(1000px 780px at 50% 122%,rgba(9,48,85,.07),transparent 62%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27168%27%20height%3D%27168%27%20viewBox%3D%270%200%20168%20168%27%3E%3Cg%20fill%3D%27%23093055%27%3E%3Ccircle%20cx%3D%2716%27%20cy%3D%2722%27%20r%3D%271%27%20opacity%3D%27.40%27%2F%3E%3Ccircle%20cx%3D%27130%27%20cy%3D%2714%27%20r%3D%27.8%27%20opacity%3D%27.32%27%2F%3E%3Ccircle%20cx%3D%2774%27%20cy%3D%2752%27%20r%3D%27.7%27%20opacity%3D%27.30%27%2F%3E%3Ccircle%20cx%3D%27150%27%20cy%3D%2774%27%20r%3D%271%27%20opacity%3D%27.36%27%2F%3E%3Ccircle%20cx%3D%2740%27%20cy%3D%2792%27%20r%3D%27.8%27%20opacity%3D%27.30%27%2F%3E%3Ccircle%20cx%3D%27104%27%20cy%3D%27112%27%20r%3D%27.7%27%20opacity%3D%27.32%27%2F%3E%3Ccircle%20cx%3D%27158%27%20cy%3D%27142%27%20r%3D%27.9%27%20opacity%3D%27.34%27%2F%3E%3Ccircle%20cx%3D%2724%27%20cy%3D%27150%27%20r%3D%27.7%27%20opacity%3D%27.30%27%2F%3E%3Ccircle%20cx%3D%2788%27%20cy%3D%27158%27%20r%3D%27.8%27%20opacity%3D%27.32%27%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%27%2304a699%27%3E%3Ccircle%20cx%3D%27118%27%20cy%3D%2748%27%20r%3D%27.9%27%20opacity%3D%27.34%27%2F%3E%3Ccircle%20cx%3D%2754%27%20cy%3D%27128%27%20r%3D%27.8%27%20opacity%3D%27.30%27%2F%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%2786%27%20r%3D%27.7%27%20opacity%3D%27.28%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat,no-repeat,no-repeat,repeat;background-size:auto,auto,auto,168px 168px} .rev-site .aurora:not(.rev-off):not(.rev-off *){position:fixed;top:-9%;left:-6%;width:112%;height:120%;z-index:-1;pointer-events:none;overflow:hidden} .rev-site .au:not(.rev-off):not(.rev-off *){position:absolute;border-radius:50%;filter:blur(80px)} .rev-site .au1:not(.rev-off):not(.rev-off *){width:50vw;height:50vw;min-width:440px;min-height:440px;left:-5%;top:2%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--rev-teal) 52%,transparent),color-mix(in srgb,var(--rev-teal) 0%,transparent) 70%);animation:auA 34s ease-in-out infinite} .rev-site .au2:not(.rev-off):not(.rev-off *){width:46vw;height:46vw;min-width:390px;min-height:390px;right:-7%;top:-4%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--rev-orange) 46%,transparent),color-mix(in srgb,var(--rev-orange) 0%,transparent) 70%);animation:auB 40s ease-in-out infinite} .rev-site .au3:not(.rev-off):not(.rev-off *){width:56vw;height:56vw;min-width:480px;min-height:480px;left:15%;top:46%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--rev-footer) 42%,transparent),color-mix(in srgb,var(--rev-footer) 0%,transparent) 68%);animation:auC 46s ease-in-out infinite} .rev-site .au4:not(.rev-off):not(.rev-off *){width:44vw;height:44vw;min-width:370px;min-height:370px;right:3%;bottom:-8%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--rev-teal) 44%,transparent),color-mix(in srgb,var(--rev-orange) 16%,transparent) 48%,transparent 72%);animation:auD 38s ease-in-out infinite} @keyframes auA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(6vw,4vh) scale(1.12)}} @keyframes auB{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-5vw,5vh) scale(1.1)}} @keyframes auC{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(4vw,-5vh) scale(1.14)}} @keyframes auD{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-4vw,-4vh) scale(1.08)}} @media(max-width:768px){.rev-site .au:not(.rev-off):not(.rev-off *){animation:none;filter:blur(72px)}} @media(prefers-reduced-motion:reduce){.rev-site .au:not(.rev-off):not(.rev-off *){animation:none!important}} .rev-site .orb:not(.rev-off):not(.rev-off *){position:fixed;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(120px)} .rev-site .orb-1:not(.rev-off):not(.rev-off *){width:500px;height:500px;background:color-mix(in srgb,var(--rev-orange) 5%,transparent);top:5%;left:-8%;animation:od1 22s ease-in-out infinite} .rev-site .orb-2:not(.rev-off):not(.rev-off *){width:400px;height:400px;background:color-mix(in srgb,var(--rev-teal) 4%,transparent);bottom:10%;right:-5%;animation:od2 28s ease-in-out infinite} @keyframes od1{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,30px)}} @keyframes od2{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,-30px)}} /* ---------------- INNER PAGES: hero + cards ---------------- */ .rev-site .tg:not(.rev-off):not(.rev-off *){display:inline-flex;align-items:center;gap:7px;padding:7px 18px;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border:1px solid;backdrop-filter:blur(8px);background:color-mix(in srgb,var(--rev-orange) 6%,transparent);color:var(--coral);border-color:color-mix(in srgb,var(--rev-orange) 12%,transparent)} .rev-site .tg-teal:not(.rev-off):not(.rev-off *){background:color-mix(in srgb,var(--rev-teal) 6%,transparent);color:var(--violet);border-color:color-mix(in srgb,var(--rev-teal) 12%,transparent)} .rev-site .dt:not(.rev-off):not(.rev-off *){width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;flex-shrink:0} .rev-site .rev-glass:not(.rev-off):not(.rev-off *){background:rgba(255,255,255,.55);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),var(--shadow-card);transition:transform .22s var(--ease-premium),box-shadow .22s var(--ease-premium),border-color .22s var(--ease-premium)} .rev-site .rev-glass:hover:not(.rev-off):not(.rev-off *){transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:color-mix(in srgb,var(--rev-teal) 28%,transparent)} .rev-site .rev-glass-still:hover:not(.rev-off):not(.rev-off *){transform:none} .rev-site .vicon:not(.rev-off):not(.rev-off *){width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center} /* ---------------- PRICING ---------------- */ .rev-site .toggle-wrap:not(.rev-off):not(.rev-off *){display:flex;justify-content:center;align-items:center} .rev-site .toggle-box:not(.rev-off):not(.rev-off *){display:inline-flex;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:100px;padding:4px;box-shadow:var(--shadow-card)} .rev-site .toggle-opt:not(.rev-off):not(.rev-off *){padding:12px 28px;border-radius:100px;font-size:.88rem;font-weight:600;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s var(--ease-premium);color:var(--text2);letter-spacing:-.01em;user-select:none} .rev-site .toggle-opt.active:not(.rev-off):not(.rev-off *){background:var(--rev-ink);color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12)} .rev-site .toggle-save:not(.rev-off):not(.rev-off *){display:inline-flex;align-items:center;padding:4px 0;border-radius:100px;background:color-mix(in srgb,var(--rev-teal) 10%,transparent);color:var(--mint);font-size:.72rem;font-weight:700;letter-spacing:.02em;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transform:scale(.85);pointer-events:none;transition:max-width .42s var(--ease-premium),margin-left .42s var(--ease-premium),padding .42s var(--ease-premium),opacity .3s var(--ease-premium),transform .3s var(--ease-premium)} .rev-site .toggle-save.show:not(.rev-off):not(.rev-off *){max-width:140px;margin-left:10px;padding:4px 12px;opacity:1;transform:none;pointer-events:auto} .rev-site .rev-price-card:not(.rev-off):not(.rev-off *){position:relative;overflow:hidden;border-radius:24px} .rev-site .rev-price-card:not(.rev-off):not(.rev-off *)::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--rev-teal),var(--rev-footer));opacity:0;transition:opacity .4s;z-index:2} .rev-site .rev-price-card:hover:not(.rev-off):not(.rev-off *)::before{opacity:1} .rev-site .rev-price-card.featured:not(.rev-off):not(.rev-off *){border-color:color-mix(in srgb,var(--rev-orange) 15%,transparent)!important;box-shadow:0 8px 40px rgba(0,0,0,.06),0 0 40px color-mix(in srgb,var(--rev-orange) 6%,transparent)!important} .rev-site .rev-price-card.featured:not(.rev-off):not(.rev-off *)::before{opacity:1} .rev-site .pbadge:not(.rev-off):not(.rev-off *){display:inline-block;padding:5px 16px;border-radius:100px;background:linear-gradient(135deg,var(--rev-teal),var(--rev-footer));color:#fff;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em} .rev-site .rev-amount .elementor-heading-title:not(.rev-off):not(.rev-off *){font-size:3rem;font-weight:800;background:linear-gradient(135deg,#04a699,#093055);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;display:inline} .rev-site .price-unit:not(.rev-off):not(.rev-off *){font-size:.9rem;font-weight:500;color:var(--text3);margin-left:2px} .rev-site .price-note:not(.rev-off):not(.rev-off *){font-size:.78rem;color:var(--text3);margin-top:4px;min-height:18px} .rev-site .rev-features .elementor-icon-list-item:not(.rev-off):not(.rev-off *){font-size:.88rem;color:var(--text2)} .rev-site .rev-features .elementor-icon-list-icon:not(.rev-off):not(.rev-off *){color:var(--coral)} .rev-site .rev-features-off .elementor-icon-list-item:not(.rev-off):not(.rev-off *){font-size:.88rem;color:var(--text3)} .rev-site .rev-features-off .elementor-icon-list-icon:not(.rev-off):not(.rev-off *){color:var(--text3);opacity:.4} /* ---------------- ABOUT / CONTACT / LEGAL ---------------- */ .rev-site .rev-about-img:not(.rev-off):not(.rev-off *){border-radius:22px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-card)} .rev-site .rev-about-img img:not(.rev-off):not(.rev-off *){width:100%;display:block} .rev-site .rev-legal h2:not(.rev-off):not(.rev-off *){font-size:1.4rem;font-weight:700;margin:40px 0 16px;letter-spacing:-.02em;font-family:var(--rev-font-head);color:var(--lt-tx)} .rev-site .rev-legal h2:first-child:not(.rev-off):not(.rev-off *){margin-top:0} .rev-site .rev-legal p:not(.rev-off):not(.rev-off *){font-size:.92rem;color:var(--text2);line-height:1.8;margin:0 0 16px;letter-spacing:-.01em} .rev-site .rev-legal ul:not(.rev-off):not(.rev-off *){margin:0 0 16px 20px;color:var(--text2);font-size:.92rem;line-height:1.8} .rev-site .rev-legal li:not(.rev-off):not(.rev-off *){margin-bottom:8px} .rev-site .rev-form .elementor-field-group label:not(.rev-off):not(.rev-off *){font-size:.8rem;font-weight:600;color:var(--lt-tx);letter-spacing:-.01em;margin-bottom:7px} .rev-site .rev-form input[type=text]:not(.rev-off):not(.rev-off *),.rev-site .rev-form input[type=email]:not(.rev-off):not(.rev-off *),.rev-site .rev-form textarea:not(.rev-off):not(.rev-off *),.rev-site .rev-form select:not(.rev-off):not(.rev-off *){background:#fff!important;border:1px solid rgba(15,23,42,.12)!important;border-radius:12px!important;padding:13px 16px!important;font-family:var(--rfont)!important;font-size:.9rem!important;color:var(--lt-tx)!important;transition:border-color .2s,box-shadow .2s} .rev-site .rev-form input:focus:not(.rev-off):not(.rev-off *),.rev-site .rev-form textarea:focus:not(.rev-off):not(.rev-off *),.rev-site .rev-form select:focus:not(.rev-off):not(.rev-off *){border-color:var(--coral)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--rev-orange) 12%,transparent)!important;outline:none!important} .rev-site .rev-form textarea:not(.rev-off):not(.rev-off *){min-height:130px} .rev-site .rev-form .elementor-button:not(.rev-off):not(.rev-off *){background:var(--coral)!important;color:var(--rev-footer)!important;border-radius:12px!important;font-weight:600!important;font-family:var(--rfont)!important;padding:14px 28px!important;transition:transform .22s var(--ease-premium),background-color .22s!important} .rev-site .rev-form .elementor-button:hover:not(.rev-off):not(.rev-off *){background:var(--orange-h)!important;transform:translateY(-2px)} .rev-site .rev-form .elementor-message-success:not(.rev-off):not(.rev-off *){color:#048577;font-weight:600} /* page top padding under the fixed light nav */ .rev-site .rev-pagehero:not(.rev-off):not(.rev-off *){padding-top:140px!important} @media(max-width:768px){.rev-site .rev-pagehero:not(.rev-off):not(.rev-off *){padding-top:120px!important}} /* misc */ .rev-site .rev-center-inline .elementor-widget-container:not(.rev-off):not(.rev-off *){display:flex;justify-content:center} @media(max-width:768px){.rev-site .rev-hide-mobile:not(.rev-off):not(.rev-off *){display:none!important}} /* ---------------- grid widths (gap-aware) ---------------- */ .rev-site .rev-fgrid > .e-con:not(.rev-off):not(.rev-off *){width:calc(50% - 11px)} @media(max-width:1000px){.rev-site .rev-fgrid > .e-con:not(.rev-off):not(.rev-off *){width:100%}} .rev-site .rev-fcard > .e-con:first-child:not(.rev-off):not(.rev-off *){width:calc(48% - 15px)} .rev-site .rev-fcard > .e-con:last-child:not(.rev-off):not(.rev-off *){width:calc(52% - 15px)} @media(max-width:900px){.rev-site .rev-fcard > .e-con:first-child:not(.rev-off):not(.rev-off *),.rev-site .rev-fcard > .e-con:last-child:not(.rev-off):not(.rev-off *){width:100%}} .rev-site .rev-sgrid > .e-con:not(.rev-off):not(.rev-off *){width:calc(25% - 16.5px)} @media(max-width:1000px){.rev-site .rev-sgrid > .e-con:not(.rev-off):not(.rev-off *){width:calc(50% - 11px)}} @media(max-width:560px){.rev-site .rev-sgrid > .e-con:not(.rev-off):not(.rev-off *){width:100%}} .rev-site .rev-ucgrid > .e-con:not(.rev-off):not(.rev-off *){width:calc(33.333% - 14.7px)} @media(max-width:1000px){.rev-site .rev-ucgrid > .e-con:not(.rev-off):not(.rev-off *){width:100%}} .rev-site .rev-tourgrid > .e-con:first-child:not(.rev-off):not(.rev-off *){width:370px;flex-shrink:0} .rev-site .rev-tourgrid > .e-con:last-child:not(.rev-off):not(.rev-off *){flex:1 1 0;min-width:0;width:auto} @media(max-width:1000px){.rev-site .rev-tourgrid > .e-con:first-child:not(.rev-off):not(.rev-off *),.rev-site .rev-tourgrid > .e-con:last-child:not(.rev-off):not(.rev-off *){width:100%;flex:0 0 100%}} .rev-site .rev-suitegrid > .e-con:first-child:not(.rev-off):not(.rev-off *){width:225px;flex-shrink:0} .rev-site .rev-suitegrid > .e-con:last-child:not(.rev-off):not(.rev-off *){flex:1 1 0;min-width:0;width:auto} @media(max-width:1000px){.rev-site .rev-suitegrid > .e-con:first-child:not(.rev-off):not(.rev-off *),.rev-site .rev-suitegrid > .e-con:last-child:not(.rev-off):not(.rev-off *){width:100%;flex:0 0 100%}} .rev-site .rev-pricegrid > .e-con:not(.rev-off):not(.rev-off *){width:calc(50% - 14px)} @media(max-width:820px){.rev-site .rev-pricegrid > .e-con:not(.rev-off):not(.rev-off *){width:100%}} .rev-site .rev-valgrid > .e-con:not(.rev-off):not(.rev-off *){width:calc(33.333% - 16px)} @media(max-width:1024px){.rev-site .rev-valgrid > .e-con:not(.rev-off):not(.rev-off *){width:100%}} .rev-site .rev-aboutrow > .e-con:not(.rev-off):not(.rev-off *){width:calc(50% - 30px)} @media(max-width:1024px){.rev-site .rev-aboutrow > .e-con:not(.rev-off):not(.rev-off *){width:100%}} .rev-site .rev-ftgrid > .e-con:first-child:not(.rev-off):not(.rev-off *){width:calc(34% - 30px)} .rev-site .rev-ftgrid > .e-con:not(:first-child):not(.rev-off):not(.rev-off *){width:calc(22% - 30px)} @media(max-width:560px){.rev-site .rev-ftgrid > .e-con:first-child:not(.rev-off):not(.rev-off *){width:100%}.rev-site .rev-ftgrid > .e-con:not(:first-child):not(.rev-off):not(.rev-off *){width:calc(50% - 20px)}} .rev-site .rev-herogrid > .e-con:first-child:not(.rev-off):not(.rev-off *){width:480px;max-width:100%} .rev-site .rev-herogrid > .e-con:last-child:not(.rev-off):not(.rev-off *){width:auto} @media(max-width:900px){.rev-site .rev-herogrid > .e-con:first-child:not(.rev-off):not(.rev-off *),.rev-site .rev-herogrid > .e-con:last-child:not(.rev-off):not(.rev-off *){width:100%}} .rev-site .rev-statgrid > .e-con:not(.rev-off):not(.rev-off *){width:25%} @media(max-width:768px){.rev-site .rev-statgrid > .e-con:not(.rev-off):not(.rev-off *){width:50%}} /* ---------------- v2: entrance animations (JS-gated) ---------------- */ @media (prefers-reduced-motion:no-preference){ html.rev-js .rev-site .rise:not(.rev-off):not(.rev-off *){opacity:0;transform:translateY(18px);animation:revrise .8s var(--ease) forwards} html.rev-js .rev-site .rise-d1:not(.rev-off):not(.rev-off *){animation-delay:.08s}html.rev-js .rev-site .rise-d2:not(.rev-off):not(.rev-off *){animation-delay:.16s} html.rev-js .rev-site .rise-d3:not(.rev-off):not(.rev-off *){animation-delay:.26s}html.rev-js .rev-site .rise-d4:not(.rev-off):not(.rev-off *){animation-delay:.38s}html.rev-js .rev-site .rise-d5:not(.rev-off):not(.rev-off *){animation-delay:.5s} @keyframes revrise{to{opacity:1;transform:none}} html.rev-js .rev-site .rv:not(.rev-off):not(.rev-off *){opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)} html.rev-js .rev-site .rv.in:not(.rev-off):not(.rev-off *){opacity:1;transform:none} } /* hero voice waves canvas */ .rev-site .rev-hero .vw:not(.rev-off):not(.rev-off *){position:absolute;left:0;right:0;top:7%;height:560px;pointer-events:none} .rev-site .rev-hero .vw canvas:not(.rev-off):not(.rev-off *){display:block;width:100%;height:100%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%)} /* cursor glow (inner pages) */ .rev-site .cursor-glow:not(.rev-off):not(.rev-off *){position:fixed;top:0;left:0;width:460px;height:460px;margin:-230px 0 0 -230px;border-radius:50%;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(circle,color-mix(in srgb,var(--rev-teal) 13%,transparent),color-mix(in srgb,var(--rev-orange) 6%,transparent) 45%,transparent 70%);transition:opacity .5s var(--ease-premium)} @media (hover:none) and (pointer:coarse){.rev-site .cursor-glow:not(.rev-off):not(.rev-off *){display:none}} @media(prefers-reduced-motion:reduce){.rev-site .cursor-glow:not(.rev-off):not(.rev-off *){display:none!important}} /* ---------------- v2: hamburger + mobile menu (light header) ---------------- */ .rev-site .rev-hm:not(.rev-off):not(.rev-off *){display:none;background:none;border:none;cursor:pointer;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px} .rev-site .rev-hm span:not(.rev-off):not(.rev-off *){display:block;width:24px;height:2px;background:var(--rev-ink);border-radius:2px;transition:all .3s} .rev-site .rev-hm.ac span:nth-child(1):not(.rev-off):not(.rev-off *){transform:rotate(45deg) translate(5px,5px)} .rev-site .rev-hm.ac span:nth-child(2):not(.rev-off):not(.rev-off *){opacity:0} .rev-site .rev-hm.ac span:nth-child(3):not(.rev-off):not(.rev-off *){transform:rotate(-45deg) translate(5px,-5px)} .rev-site .rev-mo:not(.rev-off):not(.rev-off *){display:none;position:fixed;top:66px;left:0;right:0;z-index:98;flex-direction:column;padding:16px 32px 24px;background:rgba(250,250,250,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 20px 40px rgba(0,0,0,.08)} .rev-site .rev-mo.op:not(.rev-off):not(.rev-off *){display:flex} .rev-site .rev-mo a:not(.rev-off):not(.rev-off *){padding:14px 0;color:var(--rev-ink2);border-bottom:1px solid rgba(0,0,0,.06);font-size:.95rem;font-weight:500;text-decoration:none} .rev-site .rev-mo a:last-child:not(.rev-off):not(.rev-off *){border-bottom:0} .rev-site .rev-mo .rev-mo-cta:not(.rev-off):not(.rev-off *){margin-top:12px;background:var(--rev-orange);color:var(--rev-footer);border-radius:12px;padding:13px 26px;text-align:center;font-weight:600;border-bottom:0} @media(max-width:900px){.rev-site .rev-hm:not(.rev-off):not(.rev-off *){display:flex}.rev-site .rev-nv-actions:not(.rev-off):not(.rev-off *){display:none!important}} @media(min-width:901px){.rev-site .rev-mo:not(.rev-off):not(.rev-off *){display:none!important}} /* v2 holders */ .rev-site .svlines-holder:not(.rev-off):not(.rev-off *){position:absolute;inset:0;z-index:0} .rev-site .integ .ii:not(.rev-off):not(.rev-off *){display:inline-flex;width:20px;height:20px} .rev-site .integ .ii svg:not(.rev-off):not(.rev-off *){width:20px;height:20px} .rev-site .ttab:not(.rev-off):not(.rev-off *){display:block;text-decoration:none} .rev-site .rev-hm:not(.rev-off):not(.rev-off *){text-decoration:none} .rev-site .a-card [data-ri="shield"]:not(.rev-off):not(.rev-off *){display:inline-flex} /* ================================================================ v2.2: layout hard-guarantees — enforce boxed sections + card styling even if Elementor's own rules fail to apply in a browser. ================================================================ */ .rev-site .e-con.e-con-boxed>.e-con-inner:not(.rev-off):not(.rev-off *){max-width:var(--content-width,1240px)!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;padding-left:0!important;padding-right:0!important} .rev-site .e-con.e-con-boxed:not(.rev-off):not(.rev-off *){display:flex!important;flex-direction:column!important} .rev-site .e-con.rev-stats:not(.rev-off):not(.rev-off *){border-radius:16px!important;overflow:hidden!important} .rev-site .e-con.rev-fcard:not(.rev-off):not(.rev-off *){border-radius:20px!important;overflow:hidden!important} .rev-site .e-con.rev-scard:not(.rev-off):not(.rev-off *){border-radius:16px!important} .rev-site .e-con.rev-uc:not(.rev-off):not(.rev-off *){border-radius:18px!important} .rev-site .e-con.rev-fcard:not(.rev-off):not(.rev-off *),.rev-site .e-con.rev-scard:not(.rev-off):not(.rev-off *),.rev-site .e-con.rev-uc:not(.rev-off):not(.rev-off *){background-color:#fff!important;border:1px solid rgba(15,23,42,.07)!important} .rev-site .e-con.rev-fcard:not(.rev-off):not(.rev-off *){box-shadow:0 4px 18px rgba(15,23,42,.04)!important} /* ================================================================ v2.3: exact-width + centering guarantees (audit fixes) ================================================================ */ .rev-site .e-con.rev-shot:not(.rev-off):not(.rev-off *){width:100%!important;max-width:1040px!important;margin-left:auto!important;margin-right:auto!important;align-self:center!important} .rev-site .e-con.rev-pricegrid:not(.rev-off):not(.rev-off *){width:100%!important;max-width:860px!important;margin-left:auto!important;margin-right:auto!important;align-self:center!important} .rev-site .e-con.rev-glass.rev-glass-still:not(.rev-price-card):not(.rev-off):not(.rev-off *){width:100%!important;max-width:800px!important;margin-left:auto!important;margin-right:auto!important;align-self:center!important} .rev-site .e-con.rev-glass-still:has(form):not(.rev-off):not(.rev-off *){max-width:600px!important} /* v2.3b: base fallbacks — apply ONLY when Elementor's own rules fail to load. (These load before Elementor's CSS, so Elementor wins whenever it's healthy.) */ :where(body.rev-site .e-con:not(.rev-off):not(.rev-off *)){display:flex;flex-direction:column} :where(body.rev-site .e-con>.e-con-inner:not(.rev-off):not(.rev-off *)){display:flex;flex-direction:column;width:100%;margin:0 auto} /* ================================================================ v3: TYPOGRAPHY SYSTEM — the same classes on EVERY page. Put the class on an Elementor Heading widget (Advanced → CSS Classes) or straight on a tag in an HTML widget: .rev-h1 hero title .rev-h3 large card title .rev-h1p inner-page title .rev-h4 medium card title .rev-h2 section title .rev-h5 small card title .rev-h2-lg big CTA title .rev-sub section subtitle .rev-h2-sm sub-section title .rev-p card body text Sizes live in the control panel (--rev-h1-size …). Colors switch automatically on dark sections. ================================================================ */ .rev-site .rev-h1 .elementor-heading-title:not(.rev-off):not(.rev-off *),.rev-site .rev-h1:is(h1,h2,h3,h4,h5,h6,div,span):not(.rev-off):not(.rev-off *){font-family:var(--rev-font-head)!important;font-size:var(--rev-h1-size)!important;font-weight:700!important;line-height:1.06!important;letter-spacing:-.045em!important;color:var(--rev-heading-c)!important;margin:0} .rev-site .rev-h1p .elementor-heading-title:not(.rev-off):not(.rev-off *),.rev-site .rev-h1p:is(h1,h2,h3,h4,h5,h6,div,span):not(.rev-off):not(.rev-off *){font-family:var(--rev-font-head)!important;font-size:var(--rev-h1p-size)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.03em!important;color:var(--rev-heading-c)!important;margin:0} .rev-site .rev-h2 .elementor-heading-title:not(.rev-off):not(.rev-off *),.rev-site .rev-h2:is(h1,h2,h3,h4,h5,h6,div,span):not(.rev-off):not(.rev-off *){font-family:var(--rev-font-head)!important;font-size:var(--rev-h2-size)!important;font-weight:700!important;line-height:1.12!important;letter-spacing:-.035em!important;color:var(--rev-heading-c)!important;margin:0} .rev-site .rev-h2-lg .elementor-heading-title:not(.rev-off):not(.rev-off *),.rev-site .rev-h2-lg:is(h1,h2,h3,h4,h5,h6,div,span):not(.rev-off):not(.rev-off *){font-family:var(--rev-font-head)!important;font-size:var(--rev-h2lg-size)!important;font-weight:700!important;line-height:1.12!important;letter-spacing:-.035em!important;color:var(--rev-heading-c)!important;margin:0} .rev-site .rev-h2-sm .elementor-heading-title:not(.rev-off):not(.rev-off *),.rev-site .rev-h2-sm:is(h1,h2,h3,h4,h5,h6,div,span):not(.rev-off):not(.rev-off *){font-family:var(--rev-font-head)!important;font-size:var(--rev-h2sm-size)!important;font-weight:800!important;line-height:1.12!important;letter-spacing:-.03em!important;color:var(--rev-heading-c)!important;margin:0} .rev-site .rev-h3 .elementor-heading-title:not(.rev-off):not(.rev-off *),.rev-site .rev-h3:is(h1,h2,h3,h4,h5,h6,div,span):not(.rev-off):not(.rev-off *){font-family:var(--rev-font-head)!important;font-size:var(--rev-h3-size)!important;font-weight:700!important;line-height:1.3!important;letter-spacing:-.03em!important;color:var(--rev-heading-c)!important;margin:0} .rev-site .rev-h4 .elementor-heading-title:not(.rev-off):not(.rev-off *),.rev-site .rev-h4:is(h1,h2,h3,h4,h5,h6,div,span):not(.rev-off):not(.rev-off *){font-family:var(--rev-font-head)!important;font-size:var(--rev-h4-size)!important;font-weight:700!important;line-height:1.3!important;letter-spacing:-.02em!important;color:var(--rev-heading-c)!important;margin:0} .rev-site .rev-h5 .elementor-heading-title:not(.rev-off):not(.rev-off *),.rev-site .rev-h5:is(h1,h2,h3,h4,h5,h6,div,span):not(.rev-off):not(.rev-off *){font-family:var(--rev-font-head)!important;font-size:var(--rev-h5-size)!important;font-weight:700!important;line-height:1.35!important;letter-spacing:-.02em!important;color:var(--rev-heading-c)!important;margin:0} .rev-site .rev-sub:not(.rev-off):not(.rev-off *),.rev-site .rev-sub p:not(.rev-off):not(.rev-off *){font-family:var(--rev-font);font-size:var(--rev-body-size)!important;line-height:1.7!important;color:var(--rev-body-c)!important} .rev-site .rev-sub p:not(.rev-off):not(.rev-off *){margin:0} .rev-site .rev-p:not(.rev-off):not(.rev-off *),.rev-site .rev-p p:not(.rev-off):not(.rev-off *){font-family:var(--rev-font);font-size:.9rem!important;line-height:1.7!important;color:var(--rev-body-c)!important} .rev-site .rev-p p:not(.rev-off):not(.rev-off *){margin:0} .rev-site .rev-p-lg:not(.rev-off):not(.rev-off *),.rev-site .rev-p-lg p:not(.rev-off):not(.rev-off *){font-family:var(--rev-font);font-size:.95rem!important;line-height:1.75!important;color:var(--rev-body-c)!important} .rev-site .rev-p-lg p:not(.rev-off):not(.rev-off *){margin:0} /* hero stat cells */ .rev-site .rev-st .elementor-heading-title:not(.rev-off):not(.rev-off *){color:var(--rev-cyan)!important;font-family:var(--rev-font);font-size:1.7rem;font-weight:700;letter-spacing:-.03em} .rev-site .rev-st .elementor-widget-text-editor:not(.rev-off):not(.rev-off *),.rev-site .rev-st .elementor-widget-text-editor p:not(.rev-off):not(.rev-off *){font-size:.76rem!important;color:var(--tx3)!important;margin:0} /* ================================================================ v3: HEADER + FOOTER — each is ONE editable HTML widget. Edit the links/markup in Elementor → the CSS below styles them. ================================================================ */ .rev-site div[data-elementor-type="header"]:not(.rev-off):not(.rev-off *){position:sticky;top:0;z-index:99} .rev-site .rev-nav:not(.rev-off):not(.rev-off *){font-family:var(--rev-font)} .rev-site .rev-nav *:not(.rev-off):not(.rev-off *),.rev-site .rev-ft *:not(.rev-off):not(.rev-off *){box-sizing:border-box} .rev-site .rev-nav-in:not(.rev-off):not(.rev-off *){box-sizing:border-box;max-width:1240px;margin:0 auto;padding:15px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px} .rev-site .rev-nav-logo:not(.rev-off):not(.rev-off *){display:inline-flex;align-items:center;flex-shrink:0} .rev-site .rev-nav-logo img:not(.rev-off):not(.rev-off *){width:115px;height:auto;display:block} .rev-site .rev-nav-links:not(.rev-off):not(.rev-off *){display:flex;gap:34px} .rev-site .rev-nav-links a:not(.rev-off):not(.rev-off *){font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s} .rev-site .rev-nav-actions:not(.rev-off):not(.rev-off *){display:flex;align-items:center;gap:18px} .rev-site .rev-nav-signin:not(.rev-off):not(.rev-off *){font-size:.9rem;font-weight:500;text-decoration:none;color:var(--tx3);transition:color .2s} .rev-site .rev-nav-dark:not(.rev-off):not(.rev-off *){background:rgba(3,15,28,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)} .rev-site .rev-nav-dark .rev-nav-logo img:not(.rev-off):not(.rev-off *){filter:brightness(0) invert(1)} .rev-site .rev-nav-dark .rev-nav-links a:not(.rev-off):not(.rev-off *){color:var(--tx2)} .rev-site .rev-nav-dark .rev-nav-links a:hover:not(.rev-off):not(.rev-off *),.rev-site .rev-nav-dark .rev-nav-signin:hover:not(.rev-off):not(.rev-off *){color:#fff} .rev-site .rev-nav-light:not(.rev-off):not(.rev-off *){position:fixed;top:0;left:0;right:0;z-index:99;background:rgba(250,250,250,.72);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);box-shadow:0 1px 20px rgba(0,0,0,.04)} .rev-site .rev-nav-light .rev-nav-in:not(.rev-off):not(.rev-off *){max-width:1200px;padding:13px 32px} .rev-site .rev-nav-light .rev-nav-logo img:not(.rev-off):not(.rev-off *){width:135px} .rev-site .rev-nav-light .rev-nav-links:not(.rev-off):not(.rev-off *){gap:32px} .rev-site .rev-nav-light .rev-nav-links a:not(.rev-off):not(.rev-off *){color:var(--text2);position:relative} .rev-site .rev-nav-light .rev-nav-links a:hover:not(.rev-off):not(.rev-off *){color:var(--lt-tx)} .rev-site .rev-nav-light .rev-nav-links a:not(.rev-off):not(.rev-off *)::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--rev-orange);transition:width .35s var(--ease-premium);border-radius:2px} .rev-site .rev-nav-light .rev-nav-links a:hover:not(.rev-off):not(.rev-off *)::after{width:100%} .rev-site .rev-nav-light .rev-nav-actions:not(.rev-off):not(.rev-off *){gap:10px} @media(max-width:900px){.rev-site .rev-nav-links:not(.rev-off):not(.rev-off *){display:none}.rev-site .rev-nav-light .rev-nav-actions:not(.rev-off):not(.rev-off *){display:none}} /* v3 buttons (used in header/footer markup; also drive Elementor buttons) */ .rev-site .rev-btn:not(.rev-off):not(.rev-off *){display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--rev-font);font-weight:600;font-size:.88rem;padding:11px 20px;border-radius:10px;transition:all .22s var(--ease);white-space:nowrap} .rev-site .rev-btn-orange:not(.rev-off):not(.rev-off *){background:var(--rev-orange);color:#fff!important} .rev-site .rev-btn-orange:hover:not(.rev-off):not(.rev-off *){background:var(--rev-orange-h);box-shadow:0 8px 28px color-mix(in srgb,var(--rev-orange) 35%,transparent);transform:translateY(-1px)} .rev-site .rev-btn-fill:not(.rev-off):not(.rev-off *){background:var(--rev-orange);color:var(--rev-footer)!important;padding:12px 24px;border-radius:12px} .rev-site .rev-btn-fill:hover:not(.rev-off):not(.rev-off *){background:var(--rev-orange-h);transform:translateY(-1px);box-shadow:0 8px 28px color-mix(in srgb,var(--rev-orange) 30%,transparent)} .rev-site .rev-btn-ghost:not(.rev-off):not(.rev-off *){background:#fff;color:var(--rev-ink)!important;border:1px solid rgba(15,23,42,.08);padding:12px 24px;border-radius:12px} .rev-site .rev-btn-ghost:hover:not(.rev-off):not(.rev-off *){border-color:color-mix(in srgb,var(--rev-orange) 35%,transparent)} /* Elementor button widgets — colors come from the panel too */ .rev-site .rev-btnc-orange .elementor-button:not(.rev-off):not(.rev-off *){background-color:var(--rev-orange)!important;color:#fff!important} .rev-site .rev-btnc-orange .elementor-button:hover:not(.rev-off):not(.rev-off *){background-color:var(--rev-orange-h)!important} .rev-site .rev-btnc-fill .elementor-button:not(.rev-off):not(.rev-off *){background-color:var(--rev-orange)!important;color:var(--rev-footer)!important} .rev-site .rev-btnc-fill .elementor-button:hover:not(.rev-off):not(.rev-off *){background-color:var(--rev-orange-h)!important} .rev-site .rev-btnc-ghost-dark .elementor-button:not(.rev-off):not(.rev-off *){background-color:rgba(255,255,255,.04)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important} .rev-site .rev-btnc-ghost-dark .elementor-button:hover:not(.rev-off):not(.rev-off *){background-color:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.26)!important} .rev-site .rev-btnc-ghost-light .elementor-button:not(.rev-off):not(.rev-off *){background-color:#fff!important;color:var(--rev-ink)!important;border:1px solid rgba(15,23,42,.08)!important} .rev-site .rev-btnc-ghost-light .elementor-button:hover:not(.rev-off):not(.rev-off *){border-color:color-mix(in srgb,var(--rev-orange) 35%,transparent)!important} .rev-site .rev-btnc-line .elementor-button:not(.rev-off):not(.rev-off *){background-color:#fff!important;color:var(--rev-ink)!important;border:1px solid rgba(15,23,42,.16)!important} .rev-site .rev-btnc-line .elementor-button:hover:not(.rev-off):not(.rev-off *){border-color:rgba(15,23,42,.34)!important} /* v3 footer (single HTML widget) */ .rev-site .rev-ft:not(.rev-off):not(.rev-off *){position:relative;background:var(--rev-footer)} .rev-site .rev-ft-in:not(.rev-off):not(.rev-off *){box-sizing:border-box;max-width:1200px;margin:0 auto;padding:58px 32px 40px;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;font-family:var(--rev-font)} .rev-site .rev-ft-brand:not(.rev-off):not(.rev-off *){width:calc(34% - 30px)} .rev-site .rev-ft-brand img:not(.rev-off):not(.rev-off *){width:94px;height:auto;filter:brightness(0) invert(1)} .rev-site .rev-ft-brand p:not(.rev-off):not(.rev-off *){margin:16px 0 0;font-size:.84rem;line-height:1.7;color:rgba(255,255,255,.55);max-width:260px} .rev-site .rev-ft-col:not(.rev-off):not(.rev-off *){width:calc(22% - 30px);display:flex;flex-direction:column} .rev-site .rev-ft-col h4:not(.rev-off):not(.rev-off *){margin:0 0 16px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.8);font-family:var(--rev-font)} .rev-site .rev-ft-col a:not(.rev-off):not(.rev-off *){padding:5px 0;font-size:.84rem;color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s} .rev-site .rev-ft-col a:hover:not(.rev-off):not(.rev-off *){color:#fff} .rev-site .rev-ft-bot2:not(.rev-off):not(.rev-off *){border-top:1px solid rgba(255,255,255,.12)} .rev-site .rev-ft-bot2 .in:not(.rev-off):not(.rev-off *){box-sizing:border-box;max-width:1200px;margin:0 auto;padding:22px 32px 26px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap} .rev-site .rev-ft-bot2 p:not(.rev-off):not(.rev-off *){margin:0;font-size:.76rem;color:rgba(255,255,255,.38);font-family:var(--rev-font)} .rev-site .rev-ft-bot2 nav:not(.rev-off):not(.rev-off *){display:flex;gap:16px} .rev-site .rev-ft-bot2 nav a:not(.rev-off):not(.rev-off *){color:rgba(255,255,255,.38);font-size:.76rem;text-decoration:none;transition:color .2s} .rev-site .rev-ft-bot2 nav a:hover:not(.rev-off):not(.rev-off *){color:#fff} @media(max-width:900px){.rev-site .rev-ft-brand:not(.rev-off):not(.rev-off *){width:100%}.rev-site .rev-ft-col:not(.rev-off):not(.rev-off *){width:calc(33.3% - 27px)}} @media(max-width:560px){.rev-site .rev-ft-col:not(.rev-off):not(.rev-off *){width:calc(50% - 20px)}} /* v3: page body backgrounds follow the control panel too */ body.rev-site.home{background-color:var(--rev-navy)!important} body.rev-site.page:not(.home){background-color:var(--rev-light2)!important} /* ================================================================ v3.1: global font enforcement — the panel font wins over any per-widget typography Elementor stores (buttons, forms, lists). ================================================================ */ .rev-site .elementor-button:not(.rev-off):not(.rev-off *),.rev-site .elementor-field-group label:not(.rev-off):not(.rev-off *),.rev-site .rev-form input:not(.rev-off):not(.rev-off *),.rev-site .rev-form textarea:not(.rev-off):not(.rev-off *),.rev-site .rev-form select:not(.rev-off):not(.rev-off *),.rev-site .elementor-icon-list-text:not(.rev-off):not(.rev-off *),.rev-site .elementor-widget-text-editor:not(.rev-off):not(.rev-off *){font-family:var(--rev-font)!important} .rev-site .elementor-heading-title:not(.rev-off):not(.rev-off *){font-family:var(--rev-font-head)!important} .rev-site .se:not(.rev-off):not(.rev-off *),.rev-site .se *:not(.rev-off):not(.rev-off *){font-family:var(--rev-font-serif)!important} /* ================================================================ v3.2: NEW HOME PAGE (Figma redesign) — section classes rev2-* ================================================================ */ .rev-site .rev2-hero:not(.rev-off):not(.rev-off *){position:relative;overflow:clip;background:linear-gradient(180deg,#030f1f 0%,#041729 55%,#041b2d 100%)} .rev-site .rev2-tag:not(.rev-off):not(.rev-off *){margin:0;text-align:center;font-size:.95rem;font-weight:500;color:rgba(255,255,255,.45);letter-spacing:.02em} .rev-site .grad-hero:not(.rev-off):not(.rev-off *){display:block;background:linear-gradient(92deg,#2fd4b8 5%,#38bdc9 45%,#3aa4e8 95%);-webkit-background-clip:text;background-clip:text;color:transparent} .rev-site .rev2-stats .elementor-heading-title:not(.rev-off):not(.rev-off *){background:linear-gradient(92deg,#2fd4b8,#3aa4e8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} /* checklists inside cards */ .rev-site .rev2-cl:not(.rev-off):not(.rev-off *){list-style:none;margin:14px 0 0;padding:0} .rev-site .rev2-cl li:not(.rev-off):not(.rev-off *){position:relative;padding:5px 0 5px 24px;font-size:.86rem;line-height:1.55;color:var(--rev-body-c)} .rev-site .rev2-cl li:not(.rev-off):not(.rev-off *)::before{content:'✓';position:absolute;left:0;top:5px;font-size:.74rem;font-weight:700;color:var(--rev-teal)} /* suite screenshot header strip */ .rev-site .rev2-shotwrap:not(.rev-off):not(.rev-off *){margin-top:44px} .rev-site .rev2-shotbar:not(.rev-off):not(.rev-off *){display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-bottom:0;border-radius:14px 14px 0 0;font-size:.66rem;font-weight:700;letter-spacing:.16em;color:rgba(203,251,241,.7)} .rev-site .rev2-shotbar span:last-child:not(.rev-off):not(.rev-off *){color:rgba(255,255,255,.85);letter-spacing:.01em;font-weight:500;text-transform:none} .rev-site .rev2-shotwrap .suite-shot:not(.rev-off):not(.rev-off *){margin-top:0;border-radius:0 0 14px 14px} /* teams 2x2 grid */ .rev-site .rev2-teamgrid > .e-con:not(.rev-off):not(.rev-off *){width:calc(50% - 11px)} @media(max-width:900px){.rev-site .rev2-teamgrid > .e-con:not(.rev-off):not(.rev-off *){width:100%}} /* integrations dark section */ .rev-site .rev2-integ:not(.rev-off):not(.rev-off *){background:#07111d;overflow:clip} .rev-site .rev2-integgrid > .e-con:first-child:not(.rev-off):not(.rev-off *){width:calc(46% - 20px)} .rev-site .rev2-integgrid > .e-con:last-child:not(.rev-off):not(.rev-off *){width:calc(54% - 20px)} @media(max-width:1000px){.rev-site .rev2-integgrid > .e-con:first-child:not(.rev-off):not(.rev-off *),.rev-site .rev2-integgrid > .e-con:last-child:not(.rev-off):not(.rev-off *){width:100%}} .rev-site .rev2-map:not(.rev-off):not(.rev-off *){position:relative;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:radial-gradient(60% 60% at 50% 50%,rgba(4,166,153,.09),transparent 72%),#0a1626;min-height:460px;height:100%} .rev-site .rev2-map .ctr:not(.rev-off):not(.rev-off *){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center} .rev-site .rev2-map .ctr .r:not(.rev-off):not(.rev-off *){width:64px;height:64px;margin:0 auto;border-radius:18px;background:linear-gradient(135deg,#04a699,#2b7de0);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.4rem;color:#fff;box-shadow:0 0 44px rgba(4,166,153,.4)} .rev-site .rev2-map .ctr small:not(.rev-off):not(.rev-off *){display:block;margin-top:10px;font-size:.58rem;font-weight:700;letter-spacing:.22em;color:rgba(4,166,153,.6)} .rev-site .rev2-map .grp:not(.rev-off):not(.rev-off *){position:absolute;max-width:200px} .rev-site .rev2-map .grp b:not(.rev-off):not(.rev-off *){display:block;font-size:.6rem;font-weight:700;letter-spacing:.16em;color:var(--rev-teal);margin-bottom:8px} .rev-site .rev2-map .grp span:not(.rev-off):not(.rev-off *){display:inline-block;margin:0 6px 6px 0;padding:5px 10px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:.72rem;color:#94a3b8} .rev-site .rev2-map .g1:not(.rev-off):not(.rev-off *){left:6%;top:7%}.rev-site .rev2-map .g2:not(.rev-off):not(.rev-off *){right:6%;top:7%;text-align:right} .rev-site .rev2-map .g3:not(.rev-off):not(.rev-off *){left:6%;bottom:7%}.rev-site .rev2-map .g4:not(.rev-off):not(.rev-off *){right:6%;bottom:7%;text-align:right} @media(max-width:1000px){.rev-site .rev2-map:not(.rev-off):not(.rev-off *){min-height:0;padding:22px}.rev-site .rev2-map .grp:not(.rev-off):not(.rev-off *){position:static;max-width:none;text-align:left;margin-bottom:16px}.rev-site .rev2-map .ctr:not(.rev-off):not(.rev-off *){position:static;transform:none;margin:6px auto 22px}} .rev-site .rev2-rows:not(.rev-off):not(.rev-off *){display:flex;flex-direction:column;gap:14px} .rev-site .rev2-row:not(.rev-off):not(.rev-off *){display:flex;align-items:flex-start;gap:16px;padding:18px 20px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.02)} .rev-site .rev2-row .no:not(.rev-off):not(.rev-off *){font-size:.7rem;font-weight:700;color:var(--rev-teal);padding-top:3px} .rev-site .rev2-row b:not(.rev-off):not(.rev-off *){display:block;font-size:.92rem;font-weight:600;color:#e2e8f0} .rev-site .rev2-row .chips2:not(.rev-off):not(.rev-off *){display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 8px} .rev-site .chip2:not(.rev-off):not(.rev-off *){display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);font-size:.78rem;font-weight:500;color:#cbd5e1} .rev-site .chip2:not(.rev-off):not(.rev-off *)::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--rev-teal-b)} .rev-site .rev2-row p:not(.rev-off):not(.rev-off *){margin:0;font-size:.8rem;color:#8494ab} .rev-site .rev2-roadmap:not(.rev-off):not(.rev-off *){margin-top:22px;text-align:center;font-size:.8rem;color:#64748b} .rev-site .rev2-roadmap a:not(.rev-off):not(.rev-off *){color:var(--rev-teal-b);text-decoration:none} /* GoHighLevel section */ .rev-site .rev2-ghlgrid > .e-con:first-child:not(.rev-off):not(.rev-off *){width:calc(48% - 24px)} .rev-site .rev2-ghlgrid > .e-con:last-child:not(.rev-off):not(.rev-off *){width:calc(52% - 24px)} @media(max-width:1000px){.rev-site .rev2-ghlgrid > .e-con:first-child:not(.rev-off):not(.rev-off *),.rev-site .rev2-ghlgrid > .e-con:last-child:not(.rev-off):not(.rev-off *){width:100%}} .rev-site .rev2-ghlcard:not(.rev-off):not(.rev-off *){background:#fff;border:1px solid rgba(15,23,42,.07);border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.09);overflow:hidden} .rev-site .rev2-ghlhead:not(.rev-off):not(.rev-off *){display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(15,23,42,.06)} .rev-site .rev2-ghlhead .r:not(.rev-off):not(.rev-off *){width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#04a699,#093055);color:#fff;font-weight:800;font-size:.7rem;display:flex;align-items:center;justify-content:center} .rev-site .rev2-ghlhead b:not(.rev-off):not(.rev-off *){font-size:.78rem;color:#20342d} .rev-site .rev2-ghlhead small:not(.rev-off):not(.rev-off *){color:#9aa59f;font-size:.66rem} .rev-site .rev2-live:not(.rev-off):not(.rev-off *){margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:.64rem;font-weight:700;color:#33815f;background:rgba(51,129,95,.1);border-radius:999px;padding:3px 10px} .rev-site .rev2-live:not(.rev-off):not(.rev-off *)::before{content:'';width:5px;height:5px;border-radius:50%;background:#33815f} .rev-site .rev2-ghlbody:not(.rev-off):not(.rev-off *){display:flex} .rev-site .rev2-ghlside:not(.rev-off):not(.rev-off *){width:35%;border-right:1px solid rgba(15,23,42,.06);padding:14px} .rev-site .rev2-ghlside b:not(.rev-off):not(.rev-off *){display:block;font-size:.58rem;font-weight:700;letter-spacing:.14em;color:#a0aaa4;margin-bottom:10px} .rev-site .rev2-ghlside .acct:not(.rev-off):not(.rev-off *){padding:8px 10px;border-radius:8px;font-size:.74rem;color:#77847c} .rev-site .rev2-ghlside .acct.on:not(.rev-off):not(.rev-off *){background:rgba(4,166,153,.09);color:#36785f;font-weight:600} .rev-site .rev2-ghlmain:not(.rev-off):not(.rev-off *){flex:1;padding:16px} .rev-site .rev2-ghlmain b:not(.rev-off):not(.rev-off *){font-size:.8rem;color:#3c4b44} .rev-site .rev2-ghlmain small:not(.rev-off):not(.rev-off *){display:block;color:#98a39d;margin-top:2px;font-size:.68rem} .rev-site .rev2-metrics:not(.rev-off):not(.rev-off *){display:flex;gap:12px;margin-top:14px} .rev-site .rev2-metric:not(.rev-off):not(.rev-off *){flex:1;background:#f4faf7;border:1px solid rgba(4,166,153,.12);border-radius:10px;padding:10px 12px} .rev-site .rev2-metric span:not(.rev-off):not(.rev-off *){display:block;font-size:.6rem;color:#929d96} .rev-site .rev2-metric b:not(.rev-off):not(.rev-off *){font-size:1rem;color:#355d4c} .rev-site .rev2-ghlnote:not(.rev-off):not(.rev-off *){padding:10px 16px;border-top:1px solid rgba(15,23,42,.06);color:#718078;font-size:.7rem} /* Need-something section */ .rev-site .rev2-need:not(.rev-off):not(.rev-off *){background:#131c31} .rev-site .rev2-steps:not(.rev-off):not(.rev-off *){display:flex;gap:18px;flex-wrap:wrap;margin-top:38px} .rev-site .rev2-step:not(.rev-off):not(.rev-off *){flex:1;min-width:220px;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px;background:rgba(255,255,255,.02)} .rev-site .rev2-step b:not(.rev-off):not(.rev-off *){display:block;font-size:.64rem;font-weight:700;color:#01bda9;margin-bottom:10px} .rev-site .rev2-step p:not(.rev-off):not(.rev-off *){margin:0;font-size:.9rem;color:#e3ece8;line-height:1.6} .rev-site .rev2-sec:not(.rev-off):not(.rev-off *){margin-top:28px;font-size:.76rem;color:#8eada6;text-align:center} /* final CTA */ .rev-site .rev2-cta:not(.rev-off):not(.rev-off *){position:relative;background:#f6fcfb;overflow:clip} .rev-site .rev2-cta:not(.rev-off):not(.rev-off *)::before{content:'';position:absolute;left:-5%;right:-5%;top:34%;height:130px;background:linear-gradient(92deg,rgba(4,166,153,.18),rgba(56,189,201,.1),rgba(254,107,53,.14));filter:blur(46px);pointer-events:none} .rev-site .rev2-mint:not(.rev-off):not(.rev-off *){background:#f6fcfb} /* ================================================================ v3.3: mobile responsiveness hardening (header + new-home sections) ================================================================ */ .rev-site .rev-nav-signin:not(.rev-off):not(.rev-off *){white-space:nowrap} @media(max-width:900px){ .rev-site .rev-nav-in:not(.rev-off):not(.rev-off *){padding:12px 16px;gap:12px} .rev-site .rev-nav-light .rev-nav-in:not(.rev-off):not(.rev-off *){padding:11px 16px} .rev-site .rev-nav-logo img:not(.rev-off):not(.rev-off *){width:96px} .rev-site .rev-nav-light .rev-nav-logo img:not(.rev-off):not(.rev-off *){width:110px} .rev-site .rev-nav-actions:not(.rev-off):not(.rev-off *){gap:10px} .rev-site .rev-btn:not(.rev-off):not(.rev-off *){padding:9px 14px;font-size:.82rem;border-radius:9px} } @media(max-width:360px){.rev-site .rev-nav-signin:not(.rev-off):not(.rev-off *){display:none}} @media(max-width:480px){ .rev-site .rev2-ghlbody:not(.rev-off):not(.rev-off *){flex-direction:column} .rev-site .rev2-ghlside:not(.rev-off):not(.rev-off *){width:100%;border-right:0;border-bottom:1px solid rgba(15,23,42,.06);display:flex;gap:6px;flex-wrap:wrap;align-items:center} .rev-site .rev2-ghlside b:not(.rev-off):not(.rev-off *){width:100%} .rev-site .rev2-metrics:not(.rev-off):not(.rev-off *){flex-wrap:wrap} .rev-site .rev2-metric:not(.rev-off):not(.rev-off *){min-width:calc(50% - 6px)} } @media(max-width:768px){ .rev-site .suite-head .sh2:not(.rev-off):not(.rev-off *){max-width:100%} .rev-site .rev2-map:not(.rev-off):not(.rev-off *){min-height:0} .rev-site .frame-url:not(.rev-off):not(.rev-off *){padding:5px 16px} } /* ================================================================ v3.4: mobile readability — no label smaller than ~11px on phones ================================================================ */ @media(max-width:768px){ .rev-site .live-pill:not(.rev-off):not(.rev-off *){font-size:.7rem} .rev-site .rail-t:not(.rev-off):not(.rev-off *){font-size:.72rem} .rev-site .ritem .no:not(.rev-off):not(.rev-off *){font-size:.72rem} .rev-site .n-chip:not(.rev-off):not(.rev-off *){font-size:.88rem} .rev-site .n-no:not(.rev-off):not(.rev-off *){width:24px;height:24px;font-size:.7rem} .rev-site .s-eb:not(.rev-off):not(.rev-off *){font-size:.72rem;letter-spacing:.14em} .rev-site .pbadge:not(.rev-off):not(.rev-off *){font-size:.72rem;padding:6px 16px} .rev-site .price-note:not(.rev-off):not(.rev-off *){font-size:.82rem} .rev-site .stat-card div span:not(.rev-off):not(.rev-off *){font-size:.82rem} .rev-site .rev-st .elementor-widget-text-editor:not(.rev-off):not(.rev-off *),.rev-site .rev-st .elementor-widget-text-editor p:not(.rev-off):not(.rev-off *){font-size:.8rem!important} .rev-site .integ .lbl:not(.rev-off):not(.rev-off *),.rev-site .rail-t:not(.rev-off):not(.rev-off *){letter-spacing:.1em} /* new-home micro-labels */ .rev-site .rev2-shotbar:not(.rev-off):not(.rev-off *){font-size:.7rem} .rev-site .rev2-shotbar span:last-child:not(.rev-off):not(.rev-off *){font-size:.74rem} .rev-site .rev2-live:not(.rev-off):not(.rev-off *){font-size:.7rem;padding:4px 11px} .rev-site .rev2-ghlhead b:not(.rev-off):not(.rev-off *){font-size:.86rem} .rev-site .rev2-ghlhead small:not(.rev-off):not(.rev-off *){font-size:.74rem} .rev-site .rev2-ghlside b:not(.rev-off):not(.rev-off *){font-size:.72rem;letter-spacing:.1em} .rev-site .rev2-ghlside .acct:not(.rev-off):not(.rev-off *){font-size:.82rem;padding:9px 10px} .rev-site .rev2-ghlmain b:not(.rev-off):not(.rev-off *){font-size:.88rem} .rev-site .rev2-ghlmain small:not(.rev-off):not(.rev-off *){font-size:.76rem} .rev-site .rev2-metric span:not(.rev-off):not(.rev-off *){font-size:.7rem} .rev-site .rev2-metric b:not(.rev-off):not(.rev-off *){font-size:1.05rem} .rev-site .rev2-ghlnote:not(.rev-off):not(.rev-off *){font-size:.76rem} .rev-site .rev2-map .grp b:not(.rev-off):not(.rev-off *){font-size:.7rem} .rev-site .rev2-map .ctr small:not(.rev-off):not(.rev-off *){font-size:.7rem;letter-spacing:.16em} .rev-site .rev2-map .grp span:not(.rev-off):not(.rev-off *){font-size:.78rem;padding:6px 11px} .rev-site .rev2-step b:not(.rev-off):not(.rev-off *){font-size:.74rem} .rev-site .rev2-row .no:not(.rev-off):not(.rev-off *){font-size:.76rem} .rev-site .chip2:not(.rev-off):not(.rev-off *){font-size:.82rem;padding:7px 12px} .rev-site .rev2-sec:not(.rev-off):not(.rev-off *),.rev-site .rev2-roadmap:not(.rev-off):not(.rev-off *){font-size:.82rem} .rev-site .rev-ft-col h4:not(.rev-off):not(.rev-off *){font-size:.76rem} .rev-site .rev-ft-col a:not(.rev-off):not(.rev-off *),.rev-site .rev-ft-brand p:not(.rev-off):not(.rev-off *){font-size:.88rem} .rev-site .rev-ft-bot2 p:not(.rev-off):not(.rev-off *),.rev-site .rev-ft-bot2 nav a:not(.rev-off):not(.rev-off *){font-size:.8rem} .rev-site .frame-url:not(.rev-off):not(.rev-off *){font-size:.74rem} .rev-site .mini-h:not(.rev-off):not(.rev-off *){font-size:.86rem} .rev-site .steps li:not(.rev-off):not(.rev-off *){font-size:.88rem} .rev-site .steps li.qt:not(.rev-off):not(.rev-off *){font-size:.85rem} .rev-site .reb b:not(.rev-off):not(.rev-off *),.rev-site .sugg:not(.rev-off):not(.rev-off *){font-size:.87rem} .rev-site .reb p:not(.rev-off):not(.rev-off *){font-size:.85rem} .rev-site .tag:not(.rev-off):not(.rev-off *){font-size:.82rem} .rev-site .eb:not(.rev-off):not(.rev-off *){font-size:.78rem} .rev-site .badge:not(.rev-off):not(.rev-off *){font-size:.75rem} .rev-site .tg:not(.rev-off):not(.rev-off *){font-size:.74rem} .rev-site .suite-top:not(.rev-off):not(.rev-off *){font-size:.85rem} .rev-site .xplat:not(.rev-off):not(.rev-off *){font-size:.85rem} /* comfortable tap targets for footer/nav links on phones */ .rev-site .rev-ft-col a:not(.rev-off):not(.rev-off *){padding:8px 0} .rev-site .rev-mo a:not(.rev-off):not(.rev-off *){padding:15px 0} } /* v3.4: form + card safety on small screens */ .rev-site .rev-form input[type=text]:not(.rev-off):not(.rev-off *),.rev-site .rev-form input[type=email]:not(.rev-off):not(.rev-off *),.rev-site .rev-form input[type=tel]:not(.rev-off):not(.rev-off *),.rev-site .rev-form textarea:not(.rev-off):not(.rev-off *),.rev-site .rev-form select:not(.rev-off):not(.rev-off *){width:100%!important;max-width:100%!important;box-sizing:border-box} .rev-site .rev-form .elementor-field-group:not(.rev-off):not(.rev-off *){width:100%} @media(max-width:600px){ .rev-site .e-con.rev-glass:not(.rev-off):not(.rev-off *),.rev-site .e-con.rev-glass-still:not(.rev-off):not(.rev-off *){padding:26px 20px!important} .rev-site .e-con.rev-fcard:not(.rev-off):not(.rev-off *){padding:24px 20px!important} .rev-site .e-con.rev-scard:not(.rev-off):not(.rev-off *),.rev-site .e-con.rev-uc:not(.rev-off):not(.rev-off *){padding:22px 20px!important} .rev-site .rev-legal:not(.rev-off):not(.rev-off *){font-size:.95rem} .rev-site .rev-form .elementor-button:not(.rev-off):not(.rev-off *){width:100%} } /* ================================================================ v4: NEW HOME (Figma "Revelytics Homepage Redesign") — rev3-* ================================================================ */ /* gradient text (literal gradients — see Chromium background-clip note) */ .rev-site .grad-hero2:not(.rev-off):not(.rev-off *){background:linear-gradient(100deg,#00d4b8 18%,#1067c1 73%);-webkit-background-clip:text;background-clip:text;color:transparent} .rev-site .grad-teal2:not(.rev-off):not(.rev-off *){background:linear-gradient(120deg,#01bda9 40%,#0f6bc0 66%);-webkit-background-clip:text;background-clip:text;color:transparent} .rev-site .grad-tour:not(.rev-off):not(.rev-off *){background:linear-gradient(142deg,#04a699 7%,#5eead4 47%,#ffffff 93%);-webkit-background-clip:text;background-clip:text;color:transparent} /* hero */ .rev-site .rev3-hero:not(.rev-off):not(.rev-off *){position:relative;overflow:clip;background:var(--rev-navy)} .rev-site .rev3-hairline:not(.rev-off):not(.rev-off *){height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,212,184,.4) 40%,rgba(16,103,193,.3) 60%,transparent 100%)} .rev-site .rev3-hairline2:not(.rev-off):not(.rev-off *){height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 30%,rgba(255,255,255,.08) 70%,transparent 100%)} .rev-site .rev3-tag:not(.rev-off):not(.rev-off *){margin:0;text-align:center;font-size:1.02rem;font-weight:500;color:rgba(255,255,255,.45)} .rev-site .rev3-sub:not(.rev-off):not(.rev-off *){max-width:689px;margin:0 auto;text-align:center;font-size:1.02rem;line-height:1.8;color:rgba(255,255,255,.45)!important} .rev-site .rev3-sub p:not(.rev-off):not(.rev-off *){color:rgba(255,255,255,.45)!important} /* hero mockup (dark browser frame) */ .rev-site .rev3-mock:not(.rev-off):not(.rev-off *){position:relative;max-width:1040px;width:100%;margin:0 auto;border-radius:20px;overflow:hidden;background:#0d1f35;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 60px 140px rgba(0,0,0,.75),0 30px 60px color-mix(in srgb,var(--rev-teal-b) 6%,transparent),inset 0 0 0 1px rgba(0,212,184,.12)} .rev-site .rev3-mock:not(.rev-off):not(.rev-off *)::before{content:'';position:absolute;inset:-10% -6% auto;height:300px;background:radial-gradient(50% 100% at 50% 0%,rgba(0,212,184,.1),rgba(16,103,193,.07) 40%,transparent 70%);filter:blur(2px);pointer-events:none;z-index:2} .rev-site .rev3-mockbar:not(.rev-off):not(.rev-off *){display:flex;align-items:center;gap:20px;height:48px;padding:0 20px;background:#08111f;border-bottom:1px solid rgba(255,255,255,.07)} .rev-site .rev3-dots:not(.rev-off):not(.rev-off *){display:flex;gap:7px} .rev-site .rev3-dots i:not(.rev-off):not(.rev-off *){width:11px;height:11px;border-radius:50%;display:block} .rev-site .rev3-mtabs:not(.rev-off):not(.rev-off *){display:flex;gap:4px;align-self:flex-end} .rev-site .rev3-mtab:not(.rev-off):not(.rev-off *){padding:5px 17px 4px;border-radius:6px 6px 0 0;font-size:.7rem;font-weight:500;color:rgba(255,255,255,.3);border:1px solid transparent;border-bottom:0} .rev-site .rev3-mtab.on:not(.rev-off):not(.rev-off *){background:rgba(0,212,184,.1);border-color:rgba(0,212,184,.2);color:rgba(0,212,184,.9)} .rev-site .rev3-murl:not(.rev-off):not(.rev-off *){margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:24px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);font-size:.66rem;color:rgba(255,255,255,.35)} .rev-site .rev3-mbody:not(.rev-off):not(.rev-off *){aspect-ratio:2079/1086;background:#0d1f35} .rev-site .rev3-mbody img:not(.rev-off):not(.rev-off *){width:100%;height:100%;object-fit:cover;object-position:top left;display:block} /* features cards */ .rev-site .rev3-fgrid > .e-con:not(.rev-off):not(.rev-off *){width:calc(25% - 16.5px)} @media(max-width:1100px){.rev-site .rev3-fgrid > .e-con:not(.rev-off):not(.rev-off *){width:calc(50% - 11px)}} @media(max-width:560px){.rev-site .rev3-fgrid > .e-con:not(.rev-off):not(.rev-off *){width:100%}} .rev-site .e-con.rev3-card:not(.rev-off):not(.rev-off *){background:rgba(255,255,255,.9)!important;border:1px solid #e8edf4!important;border-radius:24px!important;box-shadow:0 18px 22.5px rgba(7,22,51,.08)!important;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)} .rev-site .e-con.rev3-card:hover:not(.rev-off):not(.rev-off *){transform:translateY(-4px);box-shadow:0 24px 40px rgba(7,22,51,.12)!important;border-color:#c7f1ed!important} .rev-site .rev3-ic:not(.rev-off):not(.rev-off *){width:56px;height:56px;border-radius:18px;background:#e8faf8;border:1px solid #c7f1ed;display:flex;align-items:center;justify-content:center} .rev-site .rev3-ic img:not(.rev-off):not(.rev-off *){width:34px;height:34px;display:block} .rev-site .rev3-ct:not(.rev-off):not(.rev-off *),.rev-site .rev3-ct .elementor-heading-title:not(.rev-off):not(.rev-off *){font-family:var(--rev-font)!important;font-size:1.375rem!important;font-weight:700!important;letter-spacing:-.04em!important;line-height:1.2!important;color:#071633!important;margin:0} .rev-site .rev3-cp:not(.rev-off):not(.rev-off *),.rev-site .rev3-cp p:not(.rev-off):not(.rev-off *){font-family:var(--rev-font);font-size:1rem!important;line-height:1.55!important;color:#465775!important;margin:0} .rev-site .rev3-cl:not(.rev-off):not(.rev-off *){margin:14px 0 0;padding:0 0 0 20px;font-family:var(--rev-font);font-size:1rem;line-height:1.55;color:#465775} .rev-site .rev3-cl li:not(.rev-off):not(.rev-off *){margin-bottom:6px} .rev-site .rev3-cl li:not(.rev-off):not(.rev-off *)::marker{color:var(--rev-teal)} /* app tour */ .rev-site .rev3-tour:not(.rev-off):not(.rev-off *){position:relative;overflow:clip;background:linear-gradient(180deg,#04172a 0%,#062033 55%,#04172a 100%)} .rev-site .rev3-tour .aura1:not(.rev-off):not(.rev-off *),.rev-site .rev3-tour .aura2:not(.rev-off):not(.rev-off *){position:absolute;border-radius:50%;filter:blur(70px);mix-blend-mode:screen;pointer-events:none} .rev-site .rev3-tour .aura1:not(.rev-off):not(.rev-off *){width:640px;height:640px;left:-160px;top:-180px;background:radial-gradient(circle,rgba(0,212,184,.16),transparent 65%)} .rev-site .rev3-tour .aura2:not(.rev-off):not(.rev-off *){width:560px;height:560px;right:-140px;bottom:-160px;background:radial-gradient(circle,rgba(16,103,193,.15),transparent 65%)} .rev-site .rev3-tourgrid > .e-con:first-child:not(.rev-off):not(.rev-off *){width:412px;flex-shrink:0} .rev-site .rev3-tourgrid > .e-con:last-child:not(.rev-off):not(.rev-off *){flex:1 1 0;min-width:0;width:auto} @media(max-width:1000px){.rev-site .rev3-tourgrid > .e-con:first-child:not(.rev-off):not(.rev-off *),.rev-site .rev3-tourgrid > .e-con:last-child:not(.rev-off):not(.rev-off *){width:100%;flex:0 0 100%}} .rev-site .rev3-tn:not(.rev-off):not(.rev-off *){display:flex;flex-direction:column;gap:6px;margin-top:30px} .rev-site .rev3-tni:not(.rev-off):not(.rev-off *){position:relative;display:block;text-decoration:none;border:1px solid transparent;border-radius:14px;padding:17px 20px 20px;cursor:pointer;transition:background-color .25s,border-color .25s} .rev-site .rev3-tni b:not(.rev-off):not(.rev-off *){display:block;font-family:var(--rev-font);font-size:.98rem;font-weight:600;color:rgba(255,255,255,.62);transition:color .25s} .rev-site .rev3-tni .tb:not(.rev-off):not(.rev-off *){display:block;height:3px;border-radius:3px;margin-top:11px;background:linear-gradient(90deg,#04a699,#5eead4);transform:scaleX(0);transform-origin:left;opacity:0} .rev-site .rev3-tni.on:not(.rev-off):not(.rev-off *){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 16px rgba(0,0,0,.4)} .rev-site .rev3-tni.on b:not(.rev-off):not(.rev-off *){color:#fff} .rev-site .rev3-tni.on .tb:not(.rev-off):not(.rev-off *){opacity:1;animation:rev3fill var(--rev3-cycle,6s) linear forwards} @keyframes rev3fill{from{transform:scaleX(0)}to{transform:scaleX(1)}} @media(prefers-reduced-motion:reduce){.rev-site .rev3-tni.on .tb:not(.rev-off):not(.rev-off *){animation:none;transform:scaleX(1)}} .rev-site .rev3-frame:not(.rev-off):not(.rev-off *){background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(15,23,42,.35),0 1px 3px rgba(0,0,0,.05)} .rev-site .rev3-fbar:not(.rev-off):not(.rev-off *){display:flex;align-items:center;height:48px;padding:0 15px;background:#fff;border-bottom:1px solid rgba(15,23,42,.08)} .rev-site .rev3-fbar .rev3-dots i:not(.rev-off):not(.rev-off *){width:10px;height:10px} .rev-site .rev3-furl:not(.rev-off):not(.rev-off *){margin:0 auto;display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 14px;border-radius:999px;background:#f4f5f7;font-size:.74rem;color:#94a3b8} .rev-site .rev3-ftv:not(.rev-off):not(.rev-off *){position:relative;aspect-ratio:614/293;background:#f4f5f7} .rev-site .rev3-ftv img:not(.rev-off):not(.rev-off *){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .35s ease} .rev-site .rev3-ftv img.on:not(.rev-off):not(.rev-off *){opacity:1} /* integrations heading spacing */ .rev-site .rev3-integ-h .elementor-heading-title:not(.rev-off):not(.rev-off *){line-height:1.12!important} /* closing dark section */ .rev-site .rev3-close:not(.rev-off):not(.rev-off *){background:var(--rev-suite);position:relative;overflow:clip} .rev-site .rev3-closegrid > .e-con:first-child:not(.rev-off):not(.rev-off *){width:calc(46% - 24px)} .rev-site .rev3-closegrid > .e-con:last-child:not(.rev-off):not(.rev-off *){width:calc(54% - 24px)} @media(max-width:1000px){.rev-site .rev3-closegrid > .e-con:first-child:not(.rev-off):not(.rev-off *),.rev-site .rev3-closegrid > .e-con:last-child:not(.rev-off):not(.rev-off *){width:100%}} .rev-site .rev3-closep:not(.rev-off):not(.rev-off *),.rev-site .rev3-closep p:not(.rev-off):not(.rev-off *){font-family:var(--rev-font);font-size:1.05rem!important;line-height:1.75!important;color:rgba(255,255,255,.66)!important;margin:0} /* final CTA */ .rev-site .rev3-cta:not(.rev-off):not(.rev-off *){position:relative;overflow:clip;background:#fafafa} .rev-site .rev3-cta .waves-bg:not(.rev-off):not(.rev-off *){position:absolute;inset:auto 0 -6% 0;height:520px;opacity:.75;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='560' viewBox='0 0 1440 560' fill='none'%3E%3Cpath d='M0 300 Q120 180 240 300 T480 300 T720 260 T960 320 T1200 240 T1440 300' stroke='rgba(4,166,153,.16)' stroke-width='1.5'/%3E%3Cpath d='M0 360 Q180 260 360 360 T720 340 T1080 380 T1440 330' stroke='rgba(56,189,201,.11)' stroke-width='1.2'/%3E%3Cpath d='M0 240 Q200 340 400 240 T800 260 T1200 220 T1440 260' stroke='rgba(43,125,224,.10)' stroke-width='1.2'/%3E%3C/svg%3E");background-size:1440px 560px;background-position:center bottom;background-repeat:repeat-x} .rev-site .rev3-cta .rev-sub p:not(.rev-off):not(.rev-off *){color:rgba(0,0,0,.84)!important} /* mobile hardening for v4 sections */ @media(max-width:768px){ .rev-site .rev3-mockbar:not(.rev-off):not(.rev-off *){gap:10px;padding:0 12px} .rev-site .rev3-mtab:not(.rev-off):not(.rev-off *){padding:5px 10px 4px;font-size:.72rem} .rev-site .rev3-murl:not(.rev-off):not(.rev-off *){font-size:.72rem} .rev-site .rev3-tni b:not(.rev-off):not(.rev-off *){font-size:.95rem} .rev-site .rev3-furl:not(.rev-off):not(.rev-off *){font-size:.76rem} .rev-site .rev3-tag:not(.rev-off):not(.rev-off *){font-size:.95rem} } .rev-site .rev3-hero .rev-h1 .elementor-heading-title:not(.rev-off):not(.rev-off *){font-size:clamp(2.4rem,0.9rem + 4vw,4.35rem)!important;letter-spacing:-.045em!important} .rev-site .rev3-l1:not(.rev-off):not(.rev-off *){white-space:nowrap} @media(max-width:1200px){.rev-site .rev3-l1:not(.rev-off):not(.rev-off *){white-space:normal}}