.hero-section{background:linear-gradient(180deg,#fff,#fefefe 50%,#fafafa);overflow:hidden;padding:80px 32px;position:relative}.hero-section:before{background-image:radial-gradient(circle at 20px 20px,rgba(251,146,60,.03) 1px,transparent 0);background-size:40px 40px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-container{margin:0 auto;max-width:1152px}.hero-grid{align-items:center;display:grid;gap:48px}.hero-content,.hero-text-wrapper{display:flex;flex-direction:column}.hero-text-wrapper{gap:24px}.hero-headline{color:#000;font-weight:600;line-height:1.1;margin:0}.headline-part1{color:#1a1a1a;font-size:36px;letter-spacing:-.02em;margin-bottom:12px}.headline-part2{background:linear-gradient(135deg,#f97415,#e06106);-webkit-background-clip:text;font-size:48px;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;font-weight:800;letter-spacing:-.03em;position:relative;text-shadow:0 2px 4px rgba(251,146,60,.1)}.headline-part2:after{background:linear-gradient(90deg,#f97415,transparent);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.hero-subhead{color:#6b7280;font-size:18px;line-height:1.75;margin:0}.hero-subhead p{margin:0}.hero-visual{min-height:400px;position:relative}.visual-figure{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.visual-blob{animation:blobFloat 10s ease-in-out infinite;filter:drop-shadow(0 24px 48px rgba(255,120,80,.12));height:auto;max-width:640px;position:absolute;right:5%;top:10%;transform-origin:center;width:80%;will-change:transform;z-index:0}.visual-blob rect{rx:36}.process-animation{position:relative;z-index:2}.process-container{opacity:0;transform:translateY(20px);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .6s ease;z-index:3}.visual-figure.animate-in .process-container{opacity:1;transform:translateY(0)}@keyframes blobFloat{0%{transform:translateY(0) rotate(0deg) scale(1)}30%{transform:translateY(-8px) rotate(2deg) scale(1.02)}60%{transform:translateY(-6px) rotate(-2deg) scale(1.01)}to{transform:translateY(0) rotate(0deg) scale(1)}}.decorative-circles{position:absolute;right:10%;top:8%;z-index:1}.decorative-circles .circle{border-radius:50%;display:block;opacity:.9;position:absolute}.decorative-circles .c1{animation:floatSmall 6s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#ffd9b8,#ff8a66);height:88px;right:-16px;top:-12px;transform:translateY(0);width:88px}.decorative-circles .c2{animation:floatSmall 8s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#fed,#ffb3a0);height:48px;right:40px;top:40px;width:48px}.decorative-circles .c3{animation:floatSmall 7s ease-in-out infinite;background:linear-gradient(90deg,#ffd2a6,#ff7a59);height:28px;right:80px;top:90px;width:28px}@keyframes floatSmall{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.device-mockup{align-items:center;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);border-radius:18px;box-shadow:0 20px 40px rgba(0,0,0,.12);display:flex;height:220px;justify-content:center;opacity:0;position:absolute;right:8%;top:24%;transform:translateY(12px) scale(.98);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .6s ease;width:340px;z-index:4}.visual-figure.animate-in .device-mockup{opacity:1;transform:translateY(0) scale(1)}.device-screen{align-items:center;border-radius:12px;display:flex;height:80%;justify-content:center;overflow:hidden;width:92%}.mini-chart{height:auto;width:80%}.chart-line{animation:drawLine 2s ease .4s forwards;stroke-dasharray:400;stroke-dashoffset:400}.mini-chart .chart-dot{fill:#fff;opacity:0;transform-origin:center}.mini-chart .chart-dot.animate{animation:popDot .36s cubic-bezier(.2,.9,.3,1) forwards}@keyframes popDot{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes drawLine{to{stroke-dashoffset:0}}.process-animation{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.process-container{display:flex;flex-direction:column;gap:20px;max-width:500px;position:relative;width:100%}.process-step{align-items:center;animation:fadeInScale .6s ease-out forwards;background-color:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;gap:16px;opacity:0;padding:20px 24px;position:relative;transform:scale(.9);transition:all .4s cubic-bezier(.4,0,.2,1)}.process-step:before{background:linear-gradient(135deg,#f97415,#e06106);border-radius:16px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .4s ease}.process-step:hover{background-color:#fff;border-color:transparent;box-shadow:0 12px 32px rgba(251,146,60,.15),0 4px 16px rgba(0,0,0,.1);transform:translateX(12px) scale(1.02)}.process-step:hover:before{opacity:1}.process-step:focus-within{outline:3px solid rgba(251,146,60,.3);outline-offset:2px}.step-icon{align-items:center;background:linear-gradient(135deg,#f97415,#fa8938);border-radius:50%;box-shadow:0 4px 12px rgba(251,146,60,.3);display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;transition:all .3s ease;width:48px}.step-icon:after{background:linear-gradient(135deg,#f97415,#e06106);border-radius:50%;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.process-step:hover .step-icon:after{opacity:1}.step-icon svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:22px;width:22px}.step-label{color:#374151;font-size:16px;font-weight:500}.process-connector{animation:fadeIn .3s ease-out forwards;background:linear-gradient(180deg,#e5e7eb,#f97415 50%,#e5e7eb);height:30px;margin-left:38px;opacity:0;width:2px}.step-1{animation-delay:.1s}.connector-1{animation-delay:.3s}.step-2{animation-delay:.5s}.connector-2{animation-delay:.7s}.step-3{animation-delay:.9s}.connector-3{animation-delay:1.1s}.step-4{animation-delay:1.3s}.connector-4{animation-delay:1.5s}.step-5{animation-delay:1.7s}.hero-cta-wrapper{display:flex;flex-direction:column;gap:16px;margin-top:48px}.btn,.hero-cta-wrapper{align-items:center;justify-content:center}.btn{border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;min-width:180px;overflow:hidden;padding:16px 36px;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:hsla(0,0%,100%,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background-color:#f97415;border:2px solid #f97415;box-shadow:0 2px 8px rgba(251,146,60,.2);color:#fff}.btn-primary:hover{background-color:#ef6706;border-color:#ef6706;box-shadow:0 8px 24px rgba(251,146,60,.4);transform:translateY(-3px)}.btn-primary:focus{box-shadow:0 0 0 3px rgba(251,146,60,.3),0 8px 24px rgba(251,146,60,.4);outline:none}.btn-secondary{background-color:#fff;border:2px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.05);color:#374151}.btn-secondary:hover{background-color:#f9fafb;border-color:#f97415;box-shadow:0 8px 24px rgba(0,0,0,.1);color:#f97415;transform:translateY(-3px)}.btn-secondary:focus{box-shadow:0 0 0 3px rgba(251,146,60,.2),0 8px 24px rgba(0,0,0,.1);outline:none}@keyframes fadeInScale{to{opacity:1;transform:scale(1)}}@keyframes fadeIn{to{opacity:1}}@media (min-width:640px){.hero-cta-wrapper{flex-direction:row}}@media (min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr}.headline-part1{font-size:48px}.headline-part2{font-size:72px}.process-container{gap:24px}}@media (max-width:1023px) and (min-width:768px){.process-container{margin:0 auto;max-width:400px}.hero-visual{min-height:450px}}@media (max-width:767px){.hero-section{padding:40px 16px}.headline-part1{font-size:28px}.headline-part2{font-size:36px}.hero-subhead{font-size:16px}.process-step{padding:12px 16px}.step-icon{height:32px;width:32px}.step-icon svg{height:16px;width:16px}.step-label{font-size:14px}.btn{max-width:300px;width:100%}}:root{--color-orange:#f97415;--color-green:#21c45d;--color-green-light:#e9fbf0;--color-green-bright:#51e186;--color-blue:#05f;--color-blue-light:#e6eeff;--color-gray-light:#f9fafa;--color-gray-border:#abb0ba;--color-gray-bg:#f1f2f4}.process-animation-container{height:500px;margin:0 auto;max-width:1200px;overflow:hidden;position:relative;width:100%}.animation-step{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transform:translateX(30px);transition:opacity .4s ease-in-out,transform .4s ease-in-out;width:100%}.animation-step.active{opacity:1;transform:translateX(0)}.animation-step.exit{opacity:0;transform:translateX(-30px)}.ai-dialer-layout{align-items:center;display:flex;gap:48px;justify-content:center}.prospect-list{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:16px;width:240px}.prospect-card{margin-bottom:8px;opacity:0;position:relative;transform:translateX(-10px)}.connection-line{background:var(--color-gray-border);height:2px;position:absolute;right:100%;top:50%;transform:scaleX(0);transform-origin:left center;width:32px}.pulse-indicator{background:var(--color-orange);border-radius:50%;height:8px;opacity:.6;position:absolute;right:-4px;top:-4px;width:8px}.prospect-info{align-items:center;background:var(--color-gray-light);border-left:3px solid var(--color-gray-bg);border-radius:8px;display:flex;gap:8px;padding:8px;transition:all .5s ease}.prospect-avatar{align-items:center;background:var(--color-gray-bg);border:2px solid var(--color-gray-border);border-radius:50%;display:flex;height:24px;justify-content:center;transition:all .4s ease;width:24px}.icon-users{color:var(--color-gray-border);height:12px;stroke-width:2;width:12px}.prospect-details{font-size:12px}.prospect-name{color:#1f2937;font-weight:600}.prospect-title{color:#6b7280}.connected-indicator{align-items:center;background:var(--color-green-light);border-radius:12px;color:var(--color-green);display:none;font-size:12px;font-weight:600;gap:4px;padding:2px 6px}.waveform{display:flex;gap:2px}.wave-bar{background:var(--color-green);border-radius:2px;height:6px;width:2px}@keyframes waveform{0%,to{opacity:.6;transform:scaleY(1)}25%{opacity:1;transform:scaleY(2)}50%{opacity:.7;transform:scaleY(.5)}75%{opacity:1;transform:scaleY(1.5)}}.ai-hub{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);opacity:0;padding:24px;text-align:center;transform:scale(0);width:160px}.ai-hub.animate-in{animation:aiHubEntrance .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.3s}@keyframes aiHubEntrance{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.ai-badge{align-items:center;animation:badgeRipple 3s ease-out infinite;background:linear-gradient(135deg,var(--color-blue) 0,#73f 100%);border-radius:16px;display:flex;height:64px;justify-content:center;margin:0 auto 24px;overflow:hidden;position:relative;width:112px}@keyframes badgeRipple{0%{box-shadow:0 0 0 0 rgba(249,116,21,.3)}50%{box-shadow:0 0 0 20px rgba(249,116,21,0)}to{box-shadow:0 0 0 0 rgba(249,116,21,0)}}.neural-pattern{animation:neuralMove 4s linear infinite;background-image:radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.3) 1px,transparent 0),radial-gradient(circle at 80% 80%,hsla(0,0%,100%,.3) 1px,transparent 0),radial-gradient(circle at 40% 70%,hsla(0,0%,100%,.2) 1px,transparent 0);background-size:20px 20px,25px 25px,15px 15px;inset:0;opacity:.2;position:absolute}@keyframes neuralMove{0%{background-position:0 0}to{background-position:100% 100%}}.ai-circle{align-items:center;animation:aiPulse 2s infinite;background:linear-gradient(to bottom right,var(--color-orange),#d47311);border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.2);color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;letter-spacing:2px;position:relative;width:48px;z-index:10}@keyframes aiPulse{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,255,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(255,255,255,.8));transform:scale(1.05)}}.data-stream{animation:streamPulse 1.5s infinite;border-radius:50%;height:4px;position:absolute;width:4px}.stream-1{animation-delay:0s;background:#67e8f9;right:8px;top:8px}.stream-2{animation-delay:.6s;animation-duration:1.8s;background:#86efac;bottom:8px;left:8px}.stream-3{animation-delay:1.2s;animation-duration:2.2s;background:#fde047;left:12px;top:12px}@keyframes streamPulse{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}}.call-status{height:28px;position:relative}.connecting-status,.live-call-status{align-items:center;background:var(--color-blue-light);border-radius:12px;color:var(--color-blue);display:flex;font-size:12px;font-weight:600;gap:6px;left:50%;opacity:0;padding:4px 8px;position:absolute;transform:translateX(-50%)}.live-call-status{background:var(--color-green-light);color:var(--color-green)}.status-dot{animation:dotPulse 1.5s infinite;background:var(--color-blue);border-radius:50%;height:8px;width:8px}.live-call-status .status-dot{animation-duration:2s;background:var(--color-green)}@keyframes dotPulse{0%,to{opacity:.6}50%{opacity:1}}.conversation-container{max-width:500px}.live-indicator{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:8px;justify-content:center;margin-bottom:16px;opacity:0}.live-dot{animation:dotPulse 2s infinite;background:var(--color-green);border-radius:50%;height:6px;width:6px}.message{border-radius:8px;font-size:14px;margin-bottom:12px;max-width:360px;opacity:0;padding:12px}.sales-message{background:var(--color-green-light);border:1px solid #d1fae5;color:#126d34;margin-left:auto;transform:translateX(20px)}.prospect-message{background:var(--color-blue-light);border:1px solid #dbeafe;color:#002a80;margin-right:auto;transform:translateX(-20px)}.calendar-container{background:#fff;border:2px solid #e5e7eb;border-radius:8px;opacity:0;padding:16px;position:relative;transform:scale(.8);width:288px}.calendar-header{margin-bottom:12px;text-align:center}.calendar-header h3{color:#6b7280;font-size:14px;font-weight:700;margin:0;opacity:0}.time-slots{display:flex;flex-direction:column;gap:8px}.time-slot{align-items:center;display:flex;height:28px;opacity:0}.time-label{color:#6b7280;font-size:12px;width:48px}.slot-content{border-radius:4px;color:#fff;flex:1;font-size:12px;font-weight:600;padding:4px 8px}.time-slot.busy .slot-content{background:var(--color-green)}.time-slot.available .slot-content{background:transparent;border:1px dashed #d1d5db}#booking-slot .slot-content{background:var(--color-orange);opacity:0}.meeting-confirmation{border-top:1px solid #f3f4f6;color:#6b7280;font-size:12px;margin-top:12px;opacity:0;padding-top:12px;text-align:center}.check-icon{color:var(--color-green)}.success-badge{align-items:center;background:var(--color-green);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;opacity:0;position:absolute;right:-12px;top:-12px;transform:scale(0) rotate(-180deg);width:32px}.crm-card,.crm-container{position:relative}.crm-card{background:#fff;border:2px solid var(--color-orange);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);opacity:0;padding:20px;transform:scale(.9);width:384px}.crm-header{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:12px;text-align:center}.crm-header h3{color:var(--color-orange);font-size:18px;font-weight:700;margin:0}.crm-fields{display:flex;flex-direction:column;gap:12px}.crm-field{background:#fef0e6;border-radius:6px;font-size:14px;justify-content:space-between;opacity:0;padding:12px;position:relative;transform:translateY(8px)}.crm-field,.field-label{align-items:center;display:flex}.field-label{color:#6b7280;gap:8px}.field-label svg{height:16px;stroke-width:2;width:16px}.field-value{font-weight:600}.stage-value{transition:all .3s ease}.selection-indicator{border:2px solid #3b82f6;border-radius:6px;inset:0;opacity:0;position:absolute;transform:scale(1)}.crm-badge{align-items:center;background:var(--color-orange);border-radius:8px;color:#fff;display:flex;height:48px;justify-content:center;opacity:0;position:absolute;right:-12px;top:-12px;transform:scale(0);width:48px}.crm-badge .icon-building,.crm-badge .icon-dollar{height:24px;stroke-width:2;width:24px}.crm-badge .checkmark{display:none;font-size:24px;font-weight:700}.success-message{align-items:center;background:var(--color-green);border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:700;gap:8px;left:50%;opacity:0;padding:8px 16px;position:absolute;top:-64px;transform:translateX(-50%);white-space:nowrap}.success-message .icon-party{height:16px;stroke-width:2;width:16px}.chart-container{align-items:flex-end;display:flex;gap:48px;opacity:0;position:relative;transform:translateY(20px)}.chart-month{align-items:center;display:flex;flex-direction:column}.bar-group{align-items:flex-end;display:flex;gap:8px}.bar{border-radius:8px 8px 0 0;height:0;width:32px}.target-bar{background:var(--color-orange)}.achievement-bar{background:var(--color-green)}.month-label{margin-top:8px;text-align:center}.month-name{color:#6b7280;font-size:12px;font-weight:700}.month-value{color:#9ca3af;font-size:12px}.chart-legend{bottom:-40px;display:flex;gap:24px;left:50%;position:absolute;transform:translateX(-50%)}.legend-item{align-items:center;display:flex;gap:8px}.legend-dot{border-radius:50%;height:12px;width:12px}.target-dot{background:var(--color-orange)}.achievement-dot{background:var(--color-green)}.legend-label{font-size:12px;font-weight:700}.legend-item:first-child .legend-label{color:var(--color-orange)}.legend-item:last-child .legend-label{color:var(--color-green)}.step-indicators{bottom:32px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:100}.indicator{background:#9196a1;border-radius:50%;cursor:pointer;height:8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:8px}.indicator:before{border-radius:50%;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.indicator:hover{background:#5e636e;transform:scale(1.2)}.indicator.active{background:var(--color-orange);box-shadow:0 0 0 3px rgba(251,146,60,.2);transform:scale(1.5)}@media (max-width:1024px){.process-animation-container{height:450px}.ai-dialer-layout{gap:32px;transform:scale(.88)}.prospect-list{width:220px}.ai-hub{width:145px}.calendar-container,.crm-card{transform:scale(.88)}.crm-card{width:350px}.chart-container{gap:36px;transform:scale(.88)}}@media (max-width:768px){.process-animation-container{height:420px}.ai-dialer-layout{flex-direction:column;gap:20px;transform:scale(.8)}.prospect-list{margin:0 auto;width:220px}.connection-line{display:none}.ai-hub{padding:20px;width:145px}.ai-badge{height:58px;width:100px}.ai-circle{font-size:16px;height:42px;width:42px}.conversation-container{max-width:90%;transform:scale(.88)}.message{font-size:13px;max-width:280px}.calendar-container{transform:scale(.85);width:260px}.time-slot{height:26px}.crm-card{padding:20px;transform:scale(.78);width:340px}.crm-field{font-size:13px;padding:10px}.chart-container{gap:28px;transform:scale(.82)}.chart-month .bar{width:28px}.chart-legend{bottom:-36px}.step-indicators{bottom:20px}}@media (max-width:480px){.process-animation-container{height:380px}.ai-dialer-layout{transform:scale(.65)}.prospect-list{width:200px}.ai-hub{padding:16px;width:130px}.ai-badge{height:52px;width:90px}.ai-circle{font-size:14px;height:38px;width:38px}.conversation-container{transform:scale(.75)}.message{font-size:12px;max-width:240px;padding:10px 12px}.live-indicator{font-size:11px}.calendar-container{padding:14px;transform:scale(.7);width:240px}.calendar-header h3{font-size:12px}.time-slot{font-size:11px;height:24px}.crm-card{padding:16px;transform:scale(.65);width:300px}.crm-header h3{font-size:16px}.crm-field{font-size:12px;padding:8px}.crm-badge{height:40px;width:40px}.success-message{font-size:11px;padding:6px 10px;top:-56px;white-space:nowrap}.success-message .icon-party{height:14px;width:14px}.success-badge{font-size:12px;height:28px;width:28px}.chart-container{gap:20px;transform:scale(.68)}.chart-month .bar{width:24px}.month-name,.month-value{font-size:11px}.chart-legend{bottom:-32px;gap:16px}.legend-label{font-size:10px}.legend-dot{height:10px;width:10px}.step-indicators{bottom:12px}.indicator{height:7px;width:7px}.indicator.active{transform:scale(1.4)}}@media (max-width:375px){.process-animation-container{height:340px;padding:0 10px}.ai-dialer-layout{transform:scale(.58)}.conversation-container{transform:scale(.68)}.message{max-width:200px}.calendar-container{transform:scale(.62)}.crm-card{transform:scale(.58)}.chart-container{transform:scale(.6)}.chart-legend{bottom:-48px;flex-direction:column;gap:8px}.step-indicators{bottom:8px;gap:6px}}@media (max-width:320px){.process-animation-container{height:320px}.ai-dialer-layout{transform:scale(.52)}.conversation-container{transform:scale(.62)}.message{font-size:11px;max-width:180px}.calendar-container{transform:scale(.56)}.crm-card{transform:scale(.52)}.chart-container{gap:16px;transform:scale(.54)}.chart-month .bar{width:20px}.indicator{height:6px;width:6px}}