:root{--crm-bg-white:#fcfbfa;--crm-bg-white-pure:#fff;--crm-text-dark:#080810;--crm-text-muted:#5e6b7e;--crm-primary-purple:#7a30d8;--crm-purple-grad:linear-gradient(135deg, #7a30d8 0%, #4c11a6 100%);--crm-orange:#ff8c00;--crm-orange-hover:#e07b00;--crm-teal:#0e7490;--badge-pipelines-bg:#fff0eb;--badge-pipelines-text:#ff7a45;--badge-automations-bg:#f9f0ff;--badge-automations-text:#b37feb;--badge-comms-bg:#e6fffb;--badge-comms-text:#36cfc9;--badge-analytics-bg:#feffe6;--badge-analytics-text:#d4b106;--badge-teamwork-bg:#fff0f6;--badge-teamwork-text:#f759ab;--badge-telemetry-bg:#e6f7ff;--badge-telemetry-text:#40a9ff}.crm-page{color:var(--crm-text-dark);background-color:var(--crm-bg-white);min-h-screen:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.crm-section{z-index:10;padding:100px 8%;position:relative}.section-theme-white{background-color:var(--crm-bg-white);color:var(--crm-text-dark)}.section-theme-white .section-tag{color:var(--crm-orange);letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;font-size:.85rem;font-weight:700;display:inline-block}.section-theme-white .section-title{letter-spacing:-.02em;margin-bottom:24px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,3.5vw,3.8rem);font-weight:800;line-height:1.15}.section-theme-white .section-desc{color:var(--crm-text-muted);max-width:650px;margin:0 auto 50px;font-size:1.15rem;line-height:1.6}.section-theme-purple{background:var(--crm-purple-grad);color:#fff}.section-theme-purple .section-tag{color:#00f2fe;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;font-size:.85rem;font-weight:700;display:inline-block}.section-theme-purple .section-title{letter-spacing:-.02em;color:#fff;margin-bottom:24px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,3.5vw,3.8rem);font-weight:800;line-height:1.15}.section-theme-purple .section-title .text-gradient{background:linear-gradient(135deg,#00f2fe 0%,#fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-theme-purple .section-desc{color:#fffc;max-width:650px;margin:0 auto 50px;font-size:1.15rem;line-height:1.6}.crm-hero{grid-template-columns:1fr;align-items:center;gap:60px;padding-top:160px;display:grid}@media (min-width:1024px){.crm-hero{grid-template-columns:1.1fr .9fr}}.hero-left{flex-direction:column;align-items:flex-start;display:flex}.hero-title{letter-spacing:-.03em;color:var(--crm-text-dark);margin-bottom:30px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.8rem,5vw,5.2rem);font-weight:800;line-height:1.05}.hero-title .text-color-orange{color:var(--crm-orange)}.hero-paragraph{color:var(--crm-text-muted);max-width:580px;margin-bottom:40px;font-size:1.25rem;line-height:1.6}.crm-cta-btn{background-color:var(--crm-orange);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:18px 36px;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 10px 30px #ff8c0059}.crm-cta-btn:hover{background-color:var(--crm-orange-hover);transform:translateY(-3px);box-shadow:0 15px 35px #ff8c0073}.hero-right{justify-content:center;align-items:center;display:flex;position:relative}.hero-dashboard-preview{z-index:2;background-color:#0b0f19;border:1px solid #ffffff0d;border-radius:24px;width:100%;transition:transform .8s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 30px 70px #00000026}.hero-dashboard-preview:hover{transform:scale(1.02)rotate(.5deg)}.hero-bg-glow{z-index:1;pointer-events:none;background:radial-gradient(circle,#ff8c001a 0%,#0000 70%);width:110%;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crm-stats-container{text-align:center}.stats-grid{grid-template-columns:1fr;gap:30px;margin-top:40px;display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card-purple{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;justify-content:space-between;padding:45px 35px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.stat-card-purple:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-8px);box-shadow:0 20px 40px #0003}.stat-card-purple .stat-value{letter-spacing:-.03em;margin-bottom:20px;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,5vw,4.2rem);font-weight:800;line-height:1}.stat-card-purple .stat-value.orange-text{color:#ff9a00}.stat-card-purple .stat-value.purple-text{color:#c084fc}.stat-card-purple .stat-value.teal-text{color:#22d3ee}.stat-card-purple .stat-card-title{color:#fff;margin-bottom:12px;font-size:1.25rem;font-weight:700}.stat-card-purple .stat-card-desc{color:#ffffffb3;font-size:.95rem;line-height:1.6}.capabilities-grid{grid-template-columns:1fr;gap:30px;margin-top:40px;display:grid}@media (min-width:768px){.capabilities-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.capabilities-grid{grid-template-columns:repeat(3,1fr)}}.capability-card{background:var(--crm-bg-white-pure);text-align:left;border:1px solid #0000000d;border-radius:24px;flex-direction:column;padding:40px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 30px #00000005}.capability-card:hover{border-color:#0000001a;transform:translateY(-8px);box-shadow:0 20px 40px #0000000f}.capability-card.glowing{border:2px solid #ff9a00;box-shadow:0 20px 50px #ff9a0026}.capability-card.glowing:hover{box-shadow:0 25px 60px #ff9a0038}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.card-icon-box{width:48px;height:48px;color:var(--crm-text-dark);background-color:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.capability-card.glowing .card-icon-box{color:#ff9a00;background-color:#fffbeb}.card-badge{letter-spacing:1px;text-transform:uppercase;border-radius:999px;padding:6px 14px;font-size:.725rem;font-weight:700}.card-badge.pipelines{background-color:var(--badge-pipelines-bg);color:var(--badge-pipelines-text)}.card-badge.automations{background-color:var(--badge-automations-bg);color:var(--badge-automations-text)}.card-badge.comms{background-color:var(--badge-comms-bg);color:var(--badge-comms-text)}.card-badge.analytics{background-color:var(--badge-analytics-bg);color:var(--badge-analytics-text)}.card-badge.teamwork{background-color:var(--badge-teamwork-bg);color:var(--badge-teamwork-text)}.card-badge.telemetry{background-color:var(--badge-telemetry-bg);color:var(--badge-telemetry-text)}.capability-card-title{color:var(--crm-text-dark);margin-bottom:16px;font-size:1.35rem;font-weight:700}.capability-card-desc{color:var(--crm-text-muted);font-size:.95rem;line-height:1.65}.crm-sync{grid-template-columns:1fr;align-items:center;gap:60px;display:grid}@media (min-width:1024px){.crm-sync{grid-template-columns:1fr 1fr}}.sync-left{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.sync-title .text-gradient-cyan{background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.sync-paragraph{color:#ffffffd9;max-width:580px;margin-bottom:40px;font-size:1.15rem;line-height:1.6}.sync-list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.sync-list-item{color:#ffffffe6;align-items:flex-start;gap:15px;font-size:1rem;line-height:1.5;display:flex}.sync-list-dot{background-color:#00f2fe;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px;box-shadow:0 0 10px #00f2fecc}.sync-list-text strong{color:#fff}.sync-right-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:640px){.sync-right-grid{grid-template-columns:repeat(2,1fr)}}.integration-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:flex-start;padding:30px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.integration-card:hover{background:#ffffff14;border-color:#ffffff2e;transform:scale(1.03)translateY(-4px);box-shadow:0 15px 30px #00000026}.integration-icon-box{align-items:center;height:48px;margin-bottom:20px;font-size:1.75rem;display:flex}.integration-title{color:#fff;margin-bottom:10px;font-size:1.2rem;font-weight:700}.integration-desc{color:#ffffffb3;text-align:left;font-size:.875rem;line-height:1.5}@media (max-width:767px){.crm-section{padding:60px 5%}}
