:root{--color-orange:#f97415;--color-orange-dark:#e06106;--color-green:#21c45d;--color-green-light:#e9fbf0;--color-green-bright:#51e186;--color-blue:#05f;--color-blue-light:#e6eeff;--color-gray:#9196a1;--color-gray-light:#f9fafa;--color-gray-border:#abb0ba;--color-gray-bg:#f1f2f4;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px}.hero-section{background:linear-gradient(180deg,#fff,#fefefe 50%,#fafafa);contain:layout style;overflow:hidden;padding:40px 16px;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;content:"";inset:0;pointer-events:none;position:absolute;will-change:auto}.hero-container{margin:0 auto;max-width:1152px}.hero-grid{align-items:center;display:grid;gap:var(--spacing-xl)}.hero-content,.hero-text-wrapper{display:flex;flex-direction:column}.hero-text-wrapper{gap:var(--spacing-lg)}.hero-headline{color:#000;font-weight:600;line-height:1.1;margin:0}.headline-part1{color:#1a1a1a;font-size:clamp(28px,5vw,48px);letter-spacing:-.02em;margin-bottom:var(--spacing-sm)}.headline-part2{background:linear-gradient(135deg,var(--color-orange),var(--color-orange-dark));-webkit-background-clip:text;font-size:clamp(36px,7vw,72px);-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;font-weight:800;letter-spacing:-.03em;position:relative}.headline-part2:after{background:linear-gradient(90deg,var(--color-orange),transparent);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.hero-subhead{color:#6b7280;font-size:clamp(16px,3vw,18px);line-height:1.75;margin:0}.hero-subhead p{margin:0}.hero-visual{contain:layout paint;min-height:380px;position:relative}.process-animation-container{contain:layout style paint;height:380px;margin:0 auto;max-width:1200px;overflow:hidden;position:relative;width:100%}.process-animation{height:100%;position:relative;width:100%}.step-container{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transform:translateX(30px);transition:opacity .4s ease-in-out,transform .4s ease-in-out;will-change:opacity,transform}.step-container.active{opacity:1;pointer-events:auto;transform:translateX(0)}.step-container.exiting{opacity:0;transform:translateX(-30px)}.dialer-container{flex-wrap:wrap;padding:clamp(12px,3vw,20px)}.ai-dialer-layout,.dialer-container{align-items:center;display:flex;flex-direction:column;gap:clamp(16px,3vw,48px);justify-content:center}.ai-dialer-layout{transform:scale(.65)}.prospect-list{background:#fff;border:2px solid #e5e7eb;border-radius:8px;contain:layout style;max-width:100%;padding:var(--spacing-md);width:clamp(180px,85vw,260px)}.prospect-item{align-items:center;background:var(--color-gray-light);border-left:3px solid var(--color-gray-bg);border-radius:8px;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);opacity:0;padding:var(--spacing-xs);position:relative;transform:translateX(-10px);transition:background .5s ease,border-color .5s ease;will-change:opacity,transform}.prospect-item.connected{background:var(--color-green-light);border-left-color:var(--color-green)}.prospect-card{margin-bottom:var(--spacing-xs);opacity:0;position:relative;transform:translateX(-10px);will-change:opacity,transform}.prospect-info{display:flex;flex:1;flex-direction:column}.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;font-size:11px}.connection-line{background:var(--color-gray);height:2px;position:absolute;right:100%;top:50%;transform:scaleX(0);transform-origin:left center;transition:transform .4s ease;width:32px}.connection-line.connected{background:var(--color-green)}.connection-pulse{animation:pulse-scale 1.8s infinite;background:var(--color-orange);border-radius:50%;height:8px;opacity:.6;position:absolute;right:-4px;top:-3px;width:8px}.connection-line.connected .connection-pulse{background:var(--color-green)}.prospect-item.connected .connection-pulse{animation:pulse-scale 1.8s infinite;opacity:1}@keyframes pulse-scale{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.live-indicator{background:var(--color-green-light);border-radius:12px;flex-shrink:0;gap:clamp(3px,.8vw,4px);margin-left:auto;padding:clamp(2px,.5vw,3px) clamp(4px,1vw,6px)}.live-waveform{align-items:center;display:flex;gap:clamp(1px,.3vw,2px);height:clamp(6px,1.5vw,8px)}.wave-bar{animation:wave-pulse 1s infinite;width:clamp(1px,.3vw,2px)}.wave-bar:first-child{animation-delay:0s;height:60%}.wave-bar:nth-child(2){animation-delay:.1s;height:80%}.wave-bar:nth-child(3){animation-delay:.2s;height:100%}@keyframes wave-pulse{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.8)}}.live-dot{animation:pulse 1.5s infinite}.live-text{font-size:clamp(9px,2vw,10px);white-space:nowrap}.connected-indicator,.live-text{color:var(--color-green);font-weight:600}.connected-indicator{align-items:center;background:var(--color-green-light);border-radius:12px;display:none;font-size:12px;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{align-items:center;background:linear-gradient(135deg,#05f,#73f);border-radius:clamp(12px,2.5vw,16px);box-shadow:0 4px 12px rgba(0,0,0,.15);contain:layout style;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:clamp(16px,3.5vw,24px);text-align:center;transform:scale(0);width:clamp(120px,28vw,160px)}.ai-hub.animate-in{animation:aiHubEntrance .6s cubic-bezier(.34,1.56,.64,1) .3s forwards}@keyframes aiHubEntrance{to{opacity:1;transform:scale(1)}}.ai-logo{align-items:center;animation:glow 3s infinite;background:linear-gradient(135deg,#05f,#73f);border-radius:clamp(12px,2.5vw,16px);display:flex;height:clamp(42px,9vw,64px);justify-content:center;margin:0 auto clamp(12px,2.5vw,16px);overflow:hidden;position:relative;width:clamp(70px,14vw,112px)}@keyframes glow{0%,to{box-shadow:0 0 15px rgba(96,165,250,.4)}50%{box-shadow:0 0 25px rgba(96,165,250,.6)}}.ai-circle{animation:scale-pulse 2s infinite;background:linear-gradient(to bottom right,var(--color-orange),#d47311);box-shadow:0 0 20px hsla(0,0%,100%,.5);height:clamp(36px,7.5vw,48px);width:clamp(36px,7.5vw,48px)}@keyframes scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ai-text{color:#fff;font-size:clamp(13px,3vw,18px);font-weight:700;letter-spacing:.1em}.ai-status{align-items:center;display:flex;flex-direction:column;gap:4px;min-height:28px}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:6px;opacity:0;padding:4px 8px;transition:opacity .3s ease}.status-badge.connecting{background:var(--color-blue-light);color:var(--color-blue)}.status-badge.live{background:var(--color-green-light);color:var(--color-green)}.status-dot{animation:pulse 1.5s infinite;background:currentColor;height:6px;width:6px}.ai-badge{align-items:center;background:linear-gradient(135deg,var(--color-blue) 0,#73f 100%);border-radius:16px;display:flex;height:52px;justify-content:center;margin:0 auto var(--spacing-lg);overflow:hidden;position:relative;width:90px}.neural-pattern{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);background-size:20px 20px,25px 25px;inset:0;opacity:.2;position:absolute}.ai-circle{align-items:center;background:linear-gradient(to bottom right,var(--color-orange),var(--color-orange-dark));border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.2);color:#fff;display:flex;font-size:14px;font-weight:700;height:38px;justify-content:center;letter-spacing:2px;position:relative;width:38px;z-index:10}.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%);transition:opacity .3s ease}.live-call-status{background:var(--color-green-light);color:var(--color-green)}.status-dot{background:var(--color-blue);border-radius:50%;height:8px;width:8px}.live-call-status .status-dot{background:var(--color-green)}.conversation-container{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;padding:clamp(12px,3vw,20px);width:calc(100% - 24px)}.call-header{justify-content:center;margin-bottom:var(--spacing-sm);opacity:0}.call-header,.call-status{align-items:center;display:flex}.call-status{background:var(--color-green-light);border-radius:12px;font-size:12px;gap:6px;padding:4px 10px}.call-status,.live-indicator{color:#6b7280;font-weight:600}.live-indicator{align-items:center;display:flex;font-size:11px;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-md);opacity:0}.live-dot{background:var(--color-green);border-radius:50%;height:6px;width:6px}.message{display:flex;margin-bottom:var(--spacing-sm);opacity:0;will-change:opacity,transform}.message.right{justify-content:flex-end}.message.left{justify-content:flex-start}.message-bubble{border-radius:12px;font-size:12px;line-height:1.4;max-width:240px;padding:10px 12px}.message.right .message-bubble{background:var(--color-green-light);border:1px solid #d1fae5;border-bottom-right-radius:4px;color:#126d34}.message.left .message-bubble{background:var(--color-blue-light);border:1px solid #dbeafe;border-bottom-left-radius:4px;color:#002a80}.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 var(--color-gray-border);border-radius:clamp(10px,2vw,12px);contain:layout style;max-width:100%;opacity:0;padding:clamp(12px,2.5vw,16px);position:relative;transform:scale(.8);width:clamp(240px,85vw,288px)}.calendar-header{margin-bottom:var(--spacing-sm);opacity:0;text-align:center}.calendar-header h3,.calendar-title{color:#6b7280;font-size:12px;font-weight:700;margin:0}.calendar-header h3{opacity:0}.time-slots{flex-direction:column}.time-slot,.time-slots{display:flex;gap:var(--spacing-xs)}.time-slot{align-items:center;opacity:0}.time-label{color:#6b7280;flex-shrink:0;font-size:11px;width:48px}.slot-bar{align-items:center;border-radius:6px;color:#fff;display:flex;flex:1;font-size:11px;font-weight:600;height:24px;justify-content:center;transition:all .3s ease}.slot-bar.busy{background:var(--color-green)}.slot-bar.available{background:transparent;border:2px dashed #d1d5db;color:transparent}.slot-bar.booked{background:var(--color-orange);color:#fff}.slot-content{border-radius:4px;color:#fff;flex:1;font-size:11px;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}.calendar-footer{border-top:1px solid #f3f4f6;margin-top:var(--spacing-sm);opacity:0;padding-top:var(--spacing-sm)}.confirmation{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:4px;justify-content:center;text-align:center}.checkmark{color:var(--color-green);font-weight:700}.meeting-confirmation{border-top:1px solid #f3f4f6;color:#6b7280;font-size:11px;margin-top:var(--spacing-sm);opacity:0;padding-top:var(--spacing-sm);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:12px;font-weight:700;height:28px;justify-content:center;opacity:0;position:absolute;right:-12px;top:-12px;transform:scale(0) rotate(-180deg);width:28px}.crm-container{max-width:100%;opacity:0;padding:clamp(12px,3vw,20px);position:relative;transform:scale(.9);width:clamp(260px,85vw,384px)}.crm-card{background:#fff;border:2px solid var(--color-orange);border-radius:clamp(10px,2vw,12px);box-shadow:0 4px 6px rgba(0,0,0,.1);contain:layout style;padding:clamp(14px,3vw,20px);position:relative;transition:border-color .5s ease}.crm-card.won{border-color:var(--color-green)}.crm-header{border-bottom:1px solid #e5e7eb;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);text-align:center}.crm-header h3,.crm-title{color:var(--color-orange);font-size:16px;font-weight:700;margin:0}.crm-fields{display:flex;flex-direction:column;gap:var(--spacing-sm)}.crm-field{background:#fef0e6;border-radius:6px;font-size:12px;justify-content:space-between;opacity:0;padding:8px;position:relative;transform:translateY(8px);will-change:opacity,transform}.crm-field,.field-label{align-items:center;display:flex}.field-label{color:#6b7280;gap:var(--spacing-xs)}.field-label svg{height:16px;stroke-width:2;width:16px}.field-value{font-weight:600}.crm-badge{align-items:center;background:var(--color-orange);border-radius:8px;color:#fff;display:flex;height:40px;justify-content:center;opacity:0;position:absolute;right:-12px;top:-12px;transform:scale(0);transition:all .6s cubic-bezier(.34,1.56,.64,1);width:40px}.crm-card.won .crm-badge{background:var(--color-green)}.badge-icon{font-size:20px}.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}.deal-message{box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:12px;padding:8px 12px;transform:translateX(-50%) translateY(10px) scale(.8)}.deal-message,.success-message{background:var(--color-green);border-radius:8px;color:#fff;font-weight:700;left:50%;opacity:0;position:absolute;top:-56px;white-space:nowrap}.success-message{align-items:center;display:flex;font-size:11px;gap:var(--spacing-xs);padding:6px 10px;transform:translateX(-50%)}.success-message .icon-party{height:14px;stroke-width:2;width:14px}.stage-value{transition:color .3s ease}.crm-card.won .stage-value{color:var(--color-green);font-weight:700}.chart-container{align-items:flex-end;display:flex;gap:clamp(12px,3vw,24px);justify-content:center;opacity:0;padding:clamp(12px,3vw,20px);position:relative;transform:translateY(20px);will-change:opacity,transform}.chart-month{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.chart-bars{align-items:flex-end;display:flex;gap:clamp(6px,1.5vw,8px);margin-bottom:clamp(6px,1.5vw,8px)}.chart-bar{border-radius:clamp(3px,.8vw,4px) clamp(3px,.8vw,4px) 0 0;height:0;transition:height .9s cubic-bezier(.25,.46,.45,.94);width:clamp(20px,4.5vw,32px);will-change:height}.bar-target{background:var(--color-orange)}.bar-achievement{background:var(--color-green)}.bar-group{align-items:flex-end;display:flex;gap:var(--spacing-xs)}.bar{border-radius:8px 8px 0 0;height:0;width:24px;will-change:height}.target-bar{background:var(--color-orange)}.achievement-bar{background:var(--color-green)}.chart-label{align-items:center;display:flex;flex-direction:column;text-align:center}.month-name{color:#6b7280;font-size:clamp(9px,2.2vw,12px);font-weight:700;margin-bottom:2px}.month-value{color:#9ca3af;font-size:clamp(8px,2vw,11px)}.chart-legend{bottom:clamp(-36px,-8vw,-40px);display:flex;flex-wrap:wrap;gap:clamp(16px,4vw,24px);justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.legend-item{align-items:center;display:flex;gap:clamp(4px,1vw,6px)}.legend-dot{border-radius:50%;flex-shrink:0;height:clamp(10px,2.2vw,12px);width:clamp(10px,2.2vw,12px)}.target-dot{background:var(--color-orange)}.achievement-dot{background:var(--color-green)}.legend-label{font-size:clamp(9px,2vw,10px);font-weight:700;white-space:nowrap}.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:var(--color-gray);border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;position:relative;transform:scale(1);transition:all .3s ease;width:8px}.indicator:before{border-radius:50%;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.indicator:hover{transform:scale(1.25)}.indicator.active{background:var(--color-orange);transform:scale(1.5)}.indicator:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.indicator:focus:not(:focus-visible){outline:none}.hero-cta-wrapper{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.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;max-width:300px;overflow:hidden;padding:16px 36px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-primary{background-color:var(--color-orange);border:2px solid var(--color-orange);box-shadow:0 2px 8px rgba(251,146,60,.2);color:#fff}.btn-primary:focus,.btn-primary:hover{background-color:var(--color-orange-dark);border-color:var(--color-orange-dark);box-shadow:0 8px 24px rgba(251,146,60,.4);transform:translateY(-3px)}.btn-primary:focus-visible{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:focus,.btn-secondary:hover{background-color:#f9fafb;border-color:var(--color-orange);box-shadow:0 8px 24px rgba(0,0,0,.1);color:var(--color-orange);transform:translateY(-3px)}.btn-secondary:focus-visible{box-shadow:0 0 0 3px rgba(251,146,60,.2),0 8px 24px rgba(0,0,0,.1);outline:none}@media (min-width:640px){.hero-cta-wrapper{flex-direction:row}.btn{width:auto}}@media (min-width:768px){.process-animation-container{height:420px}.hero-visual{min-height:420px}.conversation-container{transform:scale(.88)}.message{font-size:13px;max-width:280px}}@media (min-width:1024px){.hero-section{padding:80px var(--spacing-xl)}.hero-grid{gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.process-animation-container{height:500px}.hero-visual{min-height:500px}.ai-dialer-layout,.dialer-container{flex-direction:row;gap:clamp(24px,4vw,48px)}.ai-dialer-layout{transform:scale(.88)}.prospect-list{width:clamp(200px,42vw,260px)}.ai-hub{padding:20px;width:clamp(140px,30vw,160px)}.ai-badge{height:58px;width:100px}.ai-circle{font-size:16px;height:42px;width:42px}.conversation-container{max-width:500px;transform:scale(1)}.message{font-size:14px;max-width:360px;padding:12px}.calendar-container{padding:16px;transform:scale(.88);width:288px}.crm-card{padding:20px;transform:scale(.88);width:384px}.chart-container{gap:48px;transform:scale(.88)}.chart-month .bar{width:32px}.chart-legend{bottom:-40px;flex-direction:row;gap:var(--spacing-lg)}.step-indicators{bottom:32px;gap:var(--spacing-xs)}.indicator{height:8px;width:8px}.indicator.active{transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.hero-section{background:#fff;padding:20px}.btn,.hero-section:before,.process-animation-container,.step-indicators{display:none}}