@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";.hero-visual{position:relative;width:100%;max-width:720px;min-height:620px;display:flex;align-items:center;justify-content:center;overflow:visible}.sl-visual-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.25) 0%,rgba(37,99,235,.08) 45%,transparent 72%);filter:blur(10px);pointer-events:none}.sl-growth-system{position:relative;z-index:5;width:min(590px,88%);padding:24px;border:1px solid rgba(148,163,184,.16);border-radius:24px;background:linear-gradient(145deg,#0f172af5,#0f172ad1);box-shadow:0 35px 80px #00000059,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:slSystemFloat 7s ease-in-out infinite}@keyframes slSystemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sl-system-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(148,163,184,.1)}.sl-system-brand{display:flex;align-items:center;gap:12px}.sl-brand-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;font-size:.7rem;font-weight:800;box-shadow:0 0 25px #2563eb59}.sl-system-brand strong{display:block;color:#f8fafc;font-size:.72rem;letter-spacing:.12em}.sl-system-brand span{display:block;margin-top:3px;color:#64748b;font-size:.48rem;letter-spacing:.15em}.sl-live-status{display:flex;align-items:center;gap:7px;color:#94a3b8;font-size:.48rem;letter-spacing:.14em}.sl-live-status span{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55ecc;animation:slPulse 2s ease-in-out infinite}@keyframes slPulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.sl-growth-flow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:26px 0}.sl-flow-line{position:absolute;top:49px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.55),transparent)}.sl-growth-step{position:relative;z-index:2;text-align:center}.sl-step-icon{width:42px;height:42px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1e293bf2;border:1px solid rgba(148,163,184,.14);color:#94a3b8;font-size:1rem;box-shadow:0 10px 25px #0003}.sl-step-active .sl-step-icon{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;border-color:transparent;box-shadow:0 0 25px #2563eb66}.sl-step-number{margin-bottom:3px;color:#475569;font-size:.42rem;letter-spacing:.12em}.sl-growth-step strong{display:block;color:#f8fafc;font-size:.65rem;letter-spacing:.12em}.sl-growth-step span{display:block;margin-top:4px;color:#64748b;font-size:.43rem}.sl-analytics-card{padding:18px;border-radius:16px;background:#0206178c;border:1px solid rgba(148,163,184,.08)}.sl-analytics-header{display:flex;align-items:flex-start;justify-content:space-between}.sl-analytics-header span{display:block;color:#64748b;font-size:.45rem;letter-spacing:.12em}.sl-analytics-header strong{display:block;margin-top:4px;color:#f8fafc;font-size:1.25rem}.sl-analytics-header small{color:#475569;font-size:.4rem;letter-spacing:.1em}.sl-chart{position:relative;height:150px;margin-top:12px;overflow:hidden}.sl-chart-grid{position:absolute;top:25%;left:0;right:0;height:1px;background:#94a3b80f}.sl-chart-grid-two{top:50%}.sl-chart-grid-three{top:75%}.sl-chart svg{position:absolute;inset:0;width:100%;height:100%}.sl-chart-area{fill:url(#slGrowthArea)}.sl-chart-line{fill:none;stroke:url(#slGrowthLine);stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px rgba(59,130,246,.45))}.sl-chart-point{fill:#38bdf8;filter:drop-shadow(0 0 8px rgba(56,189,248,.8))}.sl-chart-labels{display:flex;justify-content:space-between;margin-top:4px;color:#475569;font-size:.4rem;letter-spacing:.08em}.sl-growth-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.sl-growth-metrics>div{padding:12px;border-radius:12px;background:#1e293b80;border:1px solid rgba(148,163,184,.07)}.sl-growth-metrics span{display:block;color:#64748b;font-size:.4rem;letter-spacing:.1em}.sl-growth-metrics strong{display:block;margin-top:5px;color:#f8fafc;font-size:.85rem}.sl-floating-card{position:absolute;z-index:8;min-width:145px;padding:13px 16px;border-radius:13px;background:#0f172aeb;border:1px solid rgba(148,163,184,.13);box-shadow:0 18px 40px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slCardFloat 5s ease-in-out infinite}.sl-floating-card span{display:block;color:#475569;font-size:.4rem;letter-spacing:.12em}.sl-floating-card strong{display:block;margin-top:3px;color:#f8fafc;font-size:.68rem;letter-spacing:.1em}.sl-floating-card small{display:block;margin-top:3px;color:#64748b;font-size:.42rem}.sl-floating-one{left:0;top:18%;animation-delay:-1s}.sl-floating-two{right:-5px;top:42%;animation-delay:-2.5s}.sl-floating-three{left:5%;bottom:13%;animation-delay:-4s}@keyframes slCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.sl-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#60a5fa;box-shadow:0 0 14px #60a5facc;animation:slParticleFloat 4s ease-in-out infinite}.sl-particle-one{top:12%;right:20%}.sl-particle-two{left:12%;top:55%;animation-delay:-1.5s}.sl-particle-three{right:10%;bottom:15%;animation-delay:-3s}@keyframes slParticleFloat{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(-15px);opacity:1}}@media(max-width:1050px){.hero-visual{min-height:570px}.sl-growth-system{width:min(540px,86%)}.sl-floating-one{left:0}.sl-floating-two{right:0}.sl-floating-three{left:2%}}@media(max-width:800px){.hero-visual{min-height:540px}.sl-growth-system{width:min(520px,92%);padding:20px}.sl-floating-card{min-width:125px;padding:11px 13px}.sl-floating-one{left:-5px}.sl-floating-two{right:-5px}.sl-floating-three{left:3%;bottom:8%}}@media(max-width:650px){.hero-visual{width:100%;min-height:auto;padding:35px 8px 50px;overflow:visible}.sl-visual-glow{width:280px;height:280px}.sl-growth-system{width:100%;max-width:480px;padding:16px;border-radius:18px}.sl-system-header{padding-bottom:15px}.sl-brand-icon{width:32px;height:32px;font-size:.6rem}.sl-system-brand strong{font-size:.6rem}.sl-system-brand span,.sl-live-status{font-size:.4rem}.sl-growth-flow{gap:5px;padding:20px 0}.sl-flow-line{top:41px;left:13%;right:13%}.sl-step-icon{width:34px;height:34px;margin-bottom:7px;font-size:.8rem}.sl-step-number{font-size:.35rem}.sl-growth-step strong{font-size:.5rem}.sl-growth-step span{font-size:.34rem}.sl-analytics-card{padding:13px}.sl-analytics-header strong{font-size:1rem}.sl-chart{height:115px}.sl-growth-metrics{gap:6px}.sl-growth-metrics>div{padding:9px}.sl-growth-metrics span{font-size:.32rem}.sl-growth-metrics strong{font-size:.65rem}.sl-floating-card,.sl-particle{display:none}}@media(max-width:400px){.hero-visual{padding-left:4px;padding-right:4px}.sl-growth-system{padding:13px}.sl-growth-flow{gap:2px}.sl-step-icon{width:30px;height:30px}.sl-growth-step strong{font-size:.45rem}.sl-growth-step span{font-size:.3rem}.sl-chart{height:100px}}.sl-hero-visual{position:relative;width:100%;max-width:720px;height:620px;display:flex;align-items:center;justify-content:center;perspective:1200px;overflow:hidden;box-sizing:border-box}.sl-hero-glow{position:absolute;width:500px;height:500px;max-width:80vw;max-height:80vw;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.28) 0%,rgba(37,99,235,.12) 35%,transparent 70%);filter:blur(20px);animation:slGlowPulse 5s ease-in-out infinite;pointer-events:none}@keyframes slGlowPulse{0%,to{transform:scale(.95);opacity:.7}50%{transform:scale(1.08);opacity:1}}.sl-hero-orbit{position:absolute;border:1px solid rgba(96,165,250,.14);border-radius:50%;pointer-events:none;max-width:90%}.sl-orbit-one{width:560px;height:560px;transform:rotateX(65deg) rotate(20deg)}.sl-orbit-two{width:450px;height:450px;transform:rotateX(65deg) rotate(-35deg)}.sl-orbit-three{width:650px;height:250px;transform:rotateX(65deg)}.sl-growth-dashboard{position:relative;z-index:5;width:min(520px,90%);min-height:430px;padding:22px;border:1px solid rgba(148,163,184,.2);border-radius:28px;background:linear-gradient(145deg,#0f172af0,#020617f5);box-shadow:0 40px 100px #00000073,0 0 80px #2563eb1f;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-sizing:border-box;transform:rotateY(-8deg) rotateX(4deg);transition:transform .5s ease,box-shadow .5s ease}.sl-hero-visual:hover .sl-growth-dashboard{transform:rotateY(-2deg) rotateX(1deg) translateY(-8px);box-shadow:0 50px 120px #00000080,0 0 100px #2563eb2e}.sl-dashboard-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(148,163,184,.1);gap:12px}.sl-dashboard-brand{display:flex;align-items:center;gap:11px;min-width:0}.sl-brand-mark{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;font-size:.65rem;font-weight:900}.sl-dashboard-brand strong{display:block;font-size:.75rem;letter-spacing:.08em}.sl-dashboard-brand span{display:block;margin-top:2px;color:#64748b;font-size:.55rem;letter-spacing:.15em}.sl-dashboard-status{display:flex;align-items:center;gap:7px;color:#60a5fa;font-size:.55rem;font-weight:800;letter-spacing:.15em;flex:0 0 auto}.sl-status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#60a5fa;box-shadow:0 0 12px #60a5facc;animation:slStatusPulse 2s infinite}@keyframes slStatusPulse{0%,to{opacity:1}50%{opacity:.35}}.sl-dashboard-content{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(0,1.35fr);gap:20px;padding:30px 0}.sl-dashboard-intro{min-width:0}.sl-dashboard-intro>span{color:#64748b;font-size:.55rem;font-weight:700;letter-spacing:.14em}.sl-dashboard-intro h3{margin:15px 0 0;font-size:2.7rem;line-height:.95;letter-spacing:-.06em}.sl-dashboard-intro h3 em{color:#3b82f6;font-style:normal}.sl-growth-card{min-width:0;padding:18px;border:1px solid rgba(148,163,184,.1);border-radius:18px;background:#0f172aa6;box-sizing:border-box}.sl-growth-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.sl-growth-card-header span{display:block;color:#64748b;font-size:.5rem;letter-spacing:.12em}.sl-growth-card-header strong{display:block;margin-top:5px;font-size:1.4rem}.sl-growth-period{color:#64748b;font-size:.5rem;letter-spacing:.1em;white-space:nowrap}.sl-growth-chart{position:relative;width:100%;height:145px;margin-top:20px;overflow:hidden}.sl-chart-grid{position:absolute;left:0;width:100%;height:1px;background:#94a3b812}.sl-grid-one{top:25%}.sl-grid-two{top:50%}.sl-grid-three{top:75%}.sl-growth-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sl-chart-path{fill:none;stroke:#3b82f6;stroke-width:3;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:slDrawChart 2.5s ease forwards}@keyframes slDrawChart{to{stroke-dashoffset:0}}.sl-chart-area{fill:url(#slAreaGradient)}.sl-chart-point{fill:#60a5fa;filter:drop-shadow(0 0 8px rgba(96,165,250,.9));animation:slPointPulse 2s ease-in-out infinite}@keyframes slPointPulse{0%,to{r:5}50%{r:8}}.sl-chart-bottom{display:flex;justify-content:space-between;gap:5px;margin-top:3px;color:#475569;font-size:.45rem}.sl-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sl-metric{display:flex;align-items:center;gap:10px;min-width:0;padding:13px;border:1px solid rgba(148,163,184,.1);border-radius:14px;background:#0f172a73;box-sizing:border-box}.sl-metric-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;border-radius:8px;background:#2563eb1f;color:#60a5fa;font-size:.8rem}.sl-metric strong{display:block;font-size:.9rem}.sl-metric span{display:block;margin-top:2px;color:#64748b;font-size:.5rem}.sl-floating-growth-card{position:absolute;z-index:10;display:flex;align-items:center;gap:10px;padding:13px 17px;border:1px solid rgba(96,165,250,.2);border-radius:15px;background:#0f172ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #00000059;animation:slFloatingCard 5s ease-in-out infinite;box-sizing:border-box}.sl-floating-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;border-radius:9px;background:#2563eb1f;color:#60a5fa;font-size:.9rem}.sl-floating-growth-card span{display:block;color:#475569;font-size:.45rem;letter-spacing:.12em}.sl-floating-growth-card strong{display:block;margin-top:2px;font-size:.7rem;letter-spacing:.08em}.sl-build-card{top:80px;left:20px;animation-delay:-1s}.sl-grow-card{right:5px;top:190px;animation-delay:-3s}.sl-own-card{left:40px;bottom:65px;animation-delay:-5s}@keyframes slFloatingCard{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.sl-hero-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#60a5fa;box-shadow:0 0 15px #60a5facc;animation:slParticleFloat 4s ease-in-out infinite;pointer-events:none}.sl-particle-one{top:100px;right:100px}.sl-particle-two{bottom:130px;right:160px;animation-delay:-1s}.sl-particle-three{top:300px;left:30px;animation-delay:-2s}.sl-particle-four{bottom:80px;right:60px;animation-delay:-3s}@keyframes slParticleFloat{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-18px);opacity:1}}@media(max-width:900px){.sl-hero-visual{width:100%;max-width:100%;height:560px;overflow:hidden}.sl-growth-dashboard{width:min(520px,82%)}.sl-floating-growth-card{transform:scale(.9)}.sl-build-card{left:3%}.sl-grow-card{right:3%}.sl-own-card{left:6%}}@media(max-width:700px){.sl-hero-visual{height:500px;perspective:none}.sl-growth-dashboard{width:min(520px,92%);padding:18px;border-radius:22px;transform:none}.sl-hero-visual:hover .sl-growth-dashboard{transform:translateY(-4px)}.sl-dashboard-content{grid-template-columns:1fr;gap:18px;padding:20px 0}.sl-dashboard-intro{display:none}.sl-growth-card{width:100%}.sl-growth-chart{height:135px}.sl-dashboard-metrics{gap:7px}.sl-metric{padding:9px;gap:7px}.sl-metric-icon{width:25px;height:25px}.sl-metric strong{font-size:.78rem}.sl-floating-growth-card{transform:scale(.78)}.sl-build-card{left:-5px;top:70px}.sl-grow-card{right:-5px;top:175px}.sl-own-card{left:5px;bottom:45px}.sl-orbit-one{width:450px;height:450px}.sl-orbit-two{width:360px;height:360px}.sl-orbit-three{width:500px;height:200px}}@media(max-width:480px){.sl-hero-visual{height:420px;width:100%;max-width:100%;overflow:hidden}.sl-growth-dashboard{width:94%;min-height:0;padding:14px;border-radius:18px}.sl-dashboard-top{padding-bottom:14px}.sl-brand-mark{width:30px;height:30px;border-radius:8px}.sl-dashboard-brand strong{font-size:.62rem}.sl-dashboard-brand span,.sl-dashboard-status{font-size:.45rem}.sl-growth-card{padding:13px;border-radius:14px}.sl-growth-card-header strong{font-size:1.15rem}.sl-growth-chart{height:110px;margin-top:14px}.sl-dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.sl-metric{flex-direction:column;justify-content:center;text-align:center;padding:7px;gap:4px}.sl-metric-icon{width:23px;height:23px;font-size:.7rem}.sl-metric strong{font-size:.7rem}.sl-metric span{font-size:.42rem}.sl-floating-growth-card{padding:9px 11px;gap:6px;transform:scale(.62)}.sl-floating-icon{width:27px;height:27px}.sl-floating-growth-card strong{font-size:.6rem}.sl-build-card{left:-18px;top:65px}.sl-grow-card{right:-18px;top:155px}.sl-own-card{left:-8px;bottom:25px}.sl-hero-glow,.sl-orbit-one{width:350px;height:350px}.sl-orbit-two{width:280px;height:280px}.sl-orbit-three{width:380px;height:160px}.sl-particle-one{right:30px}.sl-particle-two{right:40px}.sl-particle-three{left:15px}.sl-particle-four{right:20px}}@media(max-width:360px){.sl-hero-visual{height:390px}.sl-growth-dashboard{width:96%;padding:11px}.sl-dashboard-brand strong{font-size:.55rem}.sl-dashboard-brand span{font-size:.4rem}.sl-growth-card-header span,.sl-growth-period{font-size:.42rem}.sl-growth-card-header strong{font-size:1rem}.sl-growth-chart{height:95px}.sl-floating-growth-card{transform:scale(.52)}}.hero-visual{position:relative;width:100%;max-width:720px;height:620px;display:flex;align-items:center;justify-content:center;perspective:1200px}.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.28) 0%,rgba(37,99,235,.12) 35%,transparent 70%);filter:blur(20px);animation:glowPulse 5s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(.95);opacity:.7}50%{transform:scale(1.08);opacity:1}}.hero-orbit{position:absolute;border:1px solid rgba(96,165,250,.14);border-radius:50%;pointer-events:none}.orbit-one{width:560px;height:560px;transform:rotateX(65deg) rotate(20deg)}.orbit-two{width:450px;height:450px;transform:rotateX(65deg) rotate(-35deg)}.orbit-three{width:650px;height:250px;transform:rotateX(65deg)}.growth-dashboard{position:relative;z-index:5;width:520px;min-height:430px;padding:22px;border:1px solid rgba(148,163,184,.2);border-radius:28px;background:linear-gradient(145deg,#0f172af0,#020617f5);box-shadow:0 40px 100px #00000073,0 0 80px #2563eb1f;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transform:rotateY(-8deg) rotateX(4deg);transition:transform .5s ease,box-shadow .5s ease}.hero-visual:hover .growth-dashboard{transform:rotateY(-2deg) rotateX(1deg) translateY(-8px);box-shadow:0 50px 120px #00000080,0 0 100px #2563eb2e}.dashboard-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(148,163,184,.1)}.dashboard-brand{display:flex;align-items:center;gap:11px}.brand-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;font-size:.65rem;font-weight:900}.dashboard-brand strong{display:block;font-size:.75rem;letter-spacing:.08em}.dashboard-brand span{display:block;margin-top:2px;color:#64748b;font-size:.55rem;letter-spacing:.15em}.dashboard-status{display:flex;align-items:center;gap:7px;color:#60a5fa;font-size:.55rem;font-weight:800;letter-spacing:.15em}.status-dot{width:7px;height:7px;border-radius:50%;background:#60a5fa;box-shadow:0 0 12px #60a5facc;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.35}}.dashboard-content{display:grid;grid-template-columns:.65fr 1.35fr;gap:20px;padding:30px 0}.dashboard-intro>span{color:#64748b;font-size:.55rem;font-weight:700;letter-spacing:.14em}.dashboard-intro h3{margin:15px 0 0;font-size:2.7rem;line-height:.95;letter-spacing:-.06em}.dashboard-intro h3 em{color:#3b82f6;font-style:normal}.growth-card{padding:18px;border:1px solid rgba(148,163,184,.1);border-radius:18px;background:#0f172aa6}.growth-card-header{display:flex;justify-content:space-between;align-items:flex-start}.growth-card-header span{display:block;color:#64748b;font-size:.5rem;letter-spacing:.12em}.growth-card-header strong{display:block;margin-top:5px;font-size:1.4rem}.growth-period{color:#64748b;font-size:.5rem;letter-spacing:.1em}.growth-chart{position:relative;height:145px;margin-top:20px;overflow:hidden}.chart-grid{position:absolute;left:0;width:100%;height:1px;background:#94a3b812}.grid-one{top:25%}.grid-two{top:50%}.grid-three{top:75%}.growth-chart svg{position:absolute;width:100%;height:100%;overflow:visible}.chart-path{fill:none;stroke:#3b82f6;stroke-width:3;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawChart 2.5s ease forwards}@keyframes drawChart{to{stroke-dashoffset:0}}.chart-area{fill:url(#areaGradient)}.chart-point{fill:#60a5fa;filter:drop-shadow(0 0 8px rgba(96,165,250,.9));animation:pointPulse 2s ease-in-out infinite}@keyframes pointPulse{0%,to{r:5}50%{r:8}}.chart-bottom{display:flex;justify-content:space-between;margin-top:3px;color:#475569;font-size:.45rem}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(148,163,184,.1);border-radius:14px;background:#0f172a73}.metric-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#2563eb1f;color:#60a5fa;font-size:.8rem}.metric strong{display:block;font-size:.9rem}.metric span{display:block;margin-top:2px;color:#64748b;font-size:.5rem}.floating-growth-card{position:absolute;z-index:10;display:flex;align-items:center;gap:10px;padding:13px 17px;border:1px solid rgba(96,165,250,.2);border-radius:15px;background:#0f172ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #00000059;animation:floatingCard 5s ease-in-out infinite}.floating-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:#2563eb1f;color:#60a5fa;font-size:.9rem}.floating-growth-card span{display:block;color:#475569;font-size:.45rem;letter-spacing:.12em}.floating-growth-card strong{display:block;margin-top:2px;font-size:.7rem;letter-spacing:.08em}.build-card{top:80px;left:20px;animation-delay:-1s}.grow-card{right:5px;top:190px;animation-delay:-3s}.own-card{left:40px;bottom:65px;animation-delay:-5s}@keyframes floatingCard{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#60a5fa;box-shadow:0 0 15px #60a5facc;animation:particleFloat 4s ease-in-out infinite}.particle-one{top:100px;right:100px}.particle-two{bottom:130px;right:160px;animation-delay:-1s}.particle-three{top:300px;left:30px;animation-delay:-2s}.particle-four{bottom:80px;right:60px;animation-delay:-3s}@keyframes particleFloat{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-18px);opacity:1}}@media(max-width:900px){.hero-visual{height:560px;transform:scale(.9)}}@media(max-width:650px){.hero-visual{height:470px;transform:scale(.72);transform-origin:center}.growth-dashboard{width:520px}.build-card{left:-10px}.grow-card{right:-10px}.own-card{left:10px}}@media(max-width:480px){.hero-visual{height:400px;transform:scale(.58)}}.services-visual{position:relative;width:100%;max-width:720px;height:620px;display:flex;align-items:center;justify-content:center;perspective:1200px}.services-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.25),rgba(37,99,235,.08) 45%,transparent 72%);filter:blur(25px);animation:servicesGlow 5s ease-in-out infinite}@keyframes servicesGlow{0%,to{transform:scale(.95);opacity:.7}50%{transform:scale(1.1);opacity:1}}.service-connection{position:absolute;width:430px;height:430px;border:1px dashed rgba(96,165,250,.18);border-radius:50%;animation:connectionRotate 30s linear infinite}@keyframes connectionRotate{to{transform:rotate(360deg)}}.connection-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#60a5fa;box-shadow:0 0 18px #60a5fae6}.dot-1{top:15px;left:50%}.dot-2{right:20px;bottom:90px}.dot-3{left:20px;bottom:90px}.service-node{position:absolute;z-index:5;width:225px;padding:17px;display:flex;align-items:center;gap:13px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:linear-gradient(145deg,#0f172af0,#020617f5);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 25px 60px #00000059;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}.service-node:hover{border-color:#60a5fa66;box-shadow:0 30px 70px #0006,0 0 35px #2563eb1f;transform:translateY(-8px)}.website-node{top:70px;left:15px;animation:serviceFloat 5s ease-in-out infinite}.seo-node{top:55px;right:15px;animation:serviceFloat 5s ease-in-out infinite;animation-delay:-1.5s}.traffic-node{bottom:70px;left:50%;transform:translate(-50%);animation:serviceFloat 5s ease-in-out infinite;animation-delay:-3s}.traffic-node:hover{transform:translate(-50%) translateY(-8px)}@keyframes serviceFloat{0%,to{margin-top:0}50%{margin-top:-10px}}.node-icon{flex-shrink:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(135deg,#2563eb33,#38bdf814);border:1px solid rgba(96,165,250,.14);color:#60a5fa;font-size:1.15rem}.node-content{flex:1}.node-number{display:block;color:#475569;font-size:.45rem;letter-spacing:.15em}.node-content strong{display:block;margin-top:3px;font-size:.75rem;letter-spacing:.08em}.node-content small{display:block;margin-top:4px;color:#64748b;font-size:.52rem}.node-status{position:absolute;top:-9px;right:15px;display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;background:#0f172af2;border:1px solid rgba(96,165,250,.15);color:#64748b;font-size:.4rem;font-weight:800;letter-spacing:.08em}.node-status span{width:5px;height:5px;border-radius:50%;background:#60a5fa;box-shadow:0 0 8px #60a5facc}.service-result{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center}.result-ring{width:175px;height:175px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(96,165,250,.25);background:radial-gradient(circle,#2563eb29,#020617bf 65%);box-shadow:0 0 60px #2563eb1f,inset 0 0 40px #2563fa14;animation:resultPulse 4s ease-in-out infinite}@keyframes resultPulse{0%,to{box-shadow:0 0 60px #2563eb1f,inset 0 0 40px #2563fa14}50%{box-shadow:0 0 90px #2563eb33,inset 0 0 50px #2563fa1f}}.result-inner{width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#0f172afa,#020617fa);border:1px solid rgba(96,165,250,.15);text-align:center}.result-inner span{color:#64748b;font-size:.48rem;letter-spacing:.18em}.result-inner strong{margin-top:5px;color:#60a5fa;font-size:1.15rem;letter-spacing:.05em}.result-label{margin-top:15px;text-align:center}.result-label span{display:block;color:#475569;font-size:.45rem;letter-spacing:.16em}.result-label strong{display:block;margin-top:4px;color:#94a3b8;font-size:.6rem;letter-spacing:.08em}.service-metric{position:absolute;z-index:10;display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:14px;border:1px solid rgba(96,165,250,.16);background:#0f172ae0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 45px #0000004d;animation:metricFloat 5s ease-in-out infinite}.metric-top{top:240px;left:5px}.metric-bottom{right:5px;bottom:80px;animation-delay:-2s}.metric-symbol{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#2563eb1f;color:#60a5fa;font-size:.85rem}.service-metric small{display:block;color:#64748b;font-size:.42rem;letter-spacing:.1em}.service-metric strong{display:block;margin-top:3px;font-size:.7rem}@keyframes metricFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.service-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#60a5fa;box-shadow:0 0 15px #60a5facc;animation:particleFloat 4s ease-in-out infinite}.particle-1{top:80px;left:50%}.particle-2{right:80px;top:330px;animation-delay:-1s}.particle-3{left:100px;bottom:120px;animation-delay:-2s}@keyframes particleFloat{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-15px);opacity:1}}@media(max-width:900px){.services-visual{transform:scale(.9);height:550px}}@media(max-width:650px){.services-visual{transform:scale(.72);transform-origin:center;height:480px}.website-node{left:-15px}.seo-node{right:-15px}.metric-top{left:-15px}.metric-bottom{right:-15px}}@media(max-width:480px){.services-visual{transform:scale(.58);height:400px}}.services-visual{position:relative;width:100%;max-width:760px;min-height:620px;margin:0 auto;display:grid;grid-template-columns:1fr 180px 1fr;grid-template-rows:1fr 190px 1fr;align-items:center;justify-items:center;perspective:1000px}.services-visual-bg{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.18),rgba(37,99,235,.05) 45%,transparent 72%);filter:blur(25px);z-index:0;animation:visualGlow 5s ease-in-out infinite}@keyframes visualGlow{0%,to{transform:scale(.95);opacity:.7}50%{transform:scale(1.08);opacity:1}}.service-node{position:relative;z-index:5;width:min(100%,250px);min-height:115px;padding:18px;display:flex;align-items:center;gap:13px;border-radius:18px;border:1px solid rgba(148,163,184,.15);background:linear-gradient(145deg,#0f172af5,#020617f7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 55px #00000059;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.service-node:hover{transform:translateY(-8px);border-color:#60a5fa61;box-shadow:0 30px 65px #00000073,0 0 30px #2563eb1f}.service-node-web{grid-column:1;grid-row:1;justify-self:end;animation:nodeFloat 5s ease-in-out infinite}.service-node-seo{grid-column:3;grid-row:1;justify-self:start;animation:nodeFloat 5s ease-in-out infinite;animation-delay:-1.5s}.service-node-traffic{grid-column:2;grid-row:3;width:250px;animation:nodeFloat 5s ease-in-out infinite;animation-delay:-3s}@keyframes nodeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.service-node-icon{flex-shrink:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(135deg,#2563eb33,#38bdf814);border:1px solid rgba(96,165,250,.14);color:#60a5fa;font-size:1.05rem;box-shadow:inset 0 0 15px #2563eb14}.service-node-info{min-width:0}.service-node-number{display:block;color:#475569;font-size:.43rem;font-weight:700;letter-spacing:.15em}.service-node-info h3{margin:4px 0 0;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.02em}.service-node-info p{margin:5px 0 0;color:#64748b;font-size:.5rem;line-height:1.45}.service-node-status{position:absolute;top:-9px;right:14px;display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;background:#0f172af7;border:1px solid rgba(96,165,250,.13);color:#64748b;font-size:.38rem;font-weight:800;letter-spacing:.08em}.service-node-status i{display:block;width:5px;height:5px;border-radius:50%;background:#60a5fa;box-shadow:0 0 8px #60a5fae6}.growth-center{position:relative;z-index:6;grid-column:2;grid-row:2;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.growth-center-core{position:relative;z-index:5;width:125px;height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#0f172afc,#020617fc);border:1px solid rgba(96,165,250,.3);box-shadow:0 0 50px #2563eb26,inset 0 0 35px #2563eb14}.growth-logo{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;font-size:.6rem;font-weight:900;box-shadow:0 0 20px #2563eb59}.growth-center-core span{margin-top:8px;color:#64748b;font-size:.4rem;font-weight:700;letter-spacing:.15em}.growth-center-core strong{margin-top:3px;color:#60a5fa;font-size:.85rem;letter-spacing:.08em}.growth-center-ring{position:absolute;border-radius:50%;border:1px solid rgba(96,165,250,.13)}.ring-1{width:155px;height:155px;animation:pulseRing 4s ease-in-out infinite}.ring-2{width:185px;height:185px;border-style:dashed;animation:rotateRing 22s linear infinite}@keyframes pulseRing{0%,to{transform:scale(.95);opacity:.45}50%{transform:scale(1.05);opacity:1}}@keyframes rotateRing{to{transform:rotate(360deg)}}.connection-line{position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.25),transparent)}.line-web{width:115px;left:calc(50% - 295px);top:calc(50% - 80px);transform:rotate(20deg)}.line-seo{width:115px;right:calc(50% - 295px);top:calc(50% - 80px);transform:rotate(-20deg)}.line-growth{width:130px;left:50%;top:calc(50% + 85px);transform:translate(-50%) rotate(90deg)}.visual-metric{position:absolute;z-index:10;display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:12px;background:#0f172ae6;border:1px solid rgba(96,165,250,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 40px #0000004d}.metric-visibility{left:5%;top:48%;animation:metricFloat 5s ease-in-out infinite}.metric-customers{right:4%;bottom:23%;animation:metricFloat 5s ease-in-out infinite;animation-delay:-2s}.metric-icon{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#2563eb21;color:#60a5fa;font-size:.75rem}.visual-metric small{display:block;color:#475569;font-size:.38rem;letter-spacing:.1em}.visual-metric strong{display:block;margin-top:3px;color:#94a3b8;font-size:.55rem}@keyframes metricFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:900px){.services-visual{max-width:650px;min-height:560px;grid-template-columns:1fr 150px 1fr;grid-template-rows:1fr 160px 1fr}.service-node{width:215px;min-height:105px;padding:15px}.service-node-traffic{width:220px}.growth-center{width:160px;height:160px}.growth-center-core{width:110px;height:110px}.growth-center-ring.ring-1{width:140px;height:140px}.growth-center-ring.ring-2{width:165px;height:165px}.line-web{width:80px;left:calc(50% - 235px)}.line-seo{width:80px;right:calc(50% - 235px)}.visual-metric{display:none}}@media(max-width:650px){.services-visual{width:100%;min-height:auto;padding:35px 15px;display:flex;flex-direction:column;gap:18px;align-items:stretch;justify-content:center}.connection-line,.growth-center-ring{display:none}.services-visual-bg{width:280px;height:280px}.growth-center{order:1;width:150px;height:150px;margin:0 auto 15px}.growth-center-core{width:105px;height:105px}.growth-logo{width:28px;height:28px;font-size:.5rem}.growth-center-core span{font-size:.35rem}.growth-center-core strong{font-size:.72rem}.service-node{position:relative;width:100%!important;max-width:420px;min-height:100px;margin:0 auto;justify-self:auto;grid-column:auto;grid-row:auto}.service-node-web{order:2}.service-node-seo{order:3}.service-node-traffic{order:4}.service-node{animation:none}.service-node:hover{transform:translateY(-4px)}.visual-metric{display:none}}@media(max-width:400px){.services-visual{padding-left:10px;padding-right:10px;gap:14px}.service-node{padding:14px;border-radius:15px}.service-node-icon{width:40px;height:40px;border-radius:11px}.service-node-info h3{font-size:.68rem}.service-node-info p{font-size:.47rem}}.portfolio-visual{position:relative;width:100%;max-width:850px;min-height:650px;display:flex;align-items:center;justify-content:center;perspective:1400px;overflow:visible}.portfolio-visual-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.2),rgba(37,99,235,.06) 45%,transparent 72%);filter:blur(25px);animation:portfolioGlow 5s ease-in-out infinite}@keyframes portfolioGlow{0%,to{transform:scale(.95);opacity:.7}50%{transform:scale(1.08);opacity:1}}.portfolio-grid{position:absolute;width:650px;height:450px;opacity:.2;background-image:linear-gradient(rgba(96,165,250,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.12) 1px,transparent 1px);background-size:35px 35px;transform:perspective(500px) rotateX(60deg) rotate(-8deg);-webkit-mask-image:radial-gradient(ellipse,black 20%,transparent 75%);mask-image:radial-gradient(ellipse,black 20%,transparent 75%)}.portfolio-project{position:absolute;z-index:2;width:300px;transition:transform .4s ease,opacity .4s ease}.project-left{left:0;top:130px;transform:rotateY(18deg) rotate(-4deg) scale(.82);opacity:.7;animation:leftProjectFloat 6s ease-in-out infinite}.project-right{right:0;top:115px;transform:rotateY(-18deg) rotate(4deg) scale(.82);opacity:.7;animation:rightProjectFloat 6s ease-in-out infinite}@keyframes leftProjectFloat{0%,to{transform:rotateY(18deg) rotate(-4deg) scale(.82) translateY(0)}50%{transform:rotateY(18deg) rotate(-4deg) scale(.82) translateY(-10px)}}@keyframes rightProjectFloat{0%,to{transform:rotateY(-18deg) rotate(4deg) scale(.82) translateY(0)}50%{transform:rotateY(-18deg) rotate(4deg) scale(.82) translateY(-12px)}}.project-browser{padding:7px;border-radius:17px;background:linear-gradient(145deg,#1e293b,#020617);border:1px solid rgba(148,163,184,.15);box-shadow:0 30px 70px #00000073}.project-browser-top{height:30px;display:flex;align-items:center;gap:8px;padding:0 9px;background:#0f172a;border-radius:11px 11px 0 0}.project-dots{display:flex;gap:3px}.project-dots span{width:5px;height:5px;border-radius:50%;background:#475569}.project-url{flex:1;height:17px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#94a3b80f;color:#475569;font-size:.4rem}.project-preview{height:190px;position:relative;overflow:hidden;border-radius:0 0 11px 11px}.project-preview-one{background:linear-gradient(135deg,#0f172a,#172554)}.project-preview-two{background:linear-gradient(135deg,#111827,#0f172a)}.preview-nav-line{position:absolute;top:18px;left:18px;right:18px;height:5px;border-radius:5px;background:#94a3b81f}.preview-title-line{position:absolute;left:22px;height:7px;border-radius:5px;background:#ffffff26}.preview-title-line.large{top:60px;width:125px}.preview-title-line:not(.large){top:76px;width:90px}.preview-button-small{position:absolute;left:22px;top:105px;width:55px;height:18px;border-radius:5px;background:#2563eb}.preview-image-block{position:absolute;right:18px;bottom:15px;width:95px;height:80px;border-radius:10px;background:linear-gradient(135deg,#1d4ed8,#38bdf8);opacity:.5}.product-row{position:absolute;left:18px;right:18px;top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.product-box{height:85px;border-radius:8px;background:linear-gradient(145deg,#60a5fa33,#ffffff0a);border:1px solid rgba(148,163,184,.08)}.preview-product-line{position:absolute;left:18px;bottom:18px;width:110px;height:6px;border-radius:5px;background:#94a3b826}.project-label{display:flex;align-items:center;gap:8px;margin-top:9px;padding-left:8px}.project-label span{color:#3b82f6;font-size:.42rem}.project-label strong{color:#64748b;font-size:.48rem;letter-spacing:.1em}.portfolio-featured{position:relative;z-index:6;width:min(500px,62vw);animation:featuredFloat 6s ease-in-out infinite}@keyframes featuredFloat{0%,to{transform:translateY(0) rotateY(-4deg)}50%{transform:translateY(-10px) rotateY(0)}}.featured-browser{padding:9px;border-radius:22px;background:linear-gradient(145deg,#334155,#020617);border:1px solid rgba(148,163,184,.2);box-shadow:0 50px 100px #0000008c,0 0 70px #2563eb1a}.featured-browser-top{height:38px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#0f172a;border-radius:15px 15px 0 0}.featured-dots{display:flex;gap:5px}.featured-dots span{width:7px;height:7px;border-radius:50%;background:#475569}.featured-url{flex:1;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#94a3b80f;color:#64748b;font-size:.48rem}.featured-menu{display:flex;gap:4px}.featured-menu span{width:3px;height:3px;border-radius:50%;background:#64748b}.featured-screen{position:relative;height:345px;overflow:hidden;border-radius:0 0 15px 15px;background:radial-gradient(circle at 80% 25%,rgba(37,99,235,.28),transparent 35%),linear-gradient(145deg,#0f172a,#020617)}.featured-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.featured-logo{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;font-size:.6rem;font-weight:900}.featured-nav-links{display:flex;gap:6px}.featured-nav-links span{width:30px;height:4px;border-radius:5px;background:#94a3b829}.featured-content{position:relative;z-index:4;padding:28px 30px}.featured-tag{color:#60a5fa;font-size:.48rem;font-weight:800;letter-spacing:.16em}.featured-content h3{margin:13px 0 18px;color:#fff;font-size:2.45rem;line-height:.92;letter-spacing:-.06em}.featured-content h3 em{color:#60a5fa;font-style:normal}.featured-cta{display:inline-flex;padding:9px 13px;border-radius:7px;background:#2563eb;color:#fff;font-size:.45rem;font-weight:800;letter-spacing:.05em;box-shadow:0 10px 25px #2563eb40}.featured-graphic{position:absolute;right:45px;top:90px;width:170px;height:170px}.graphic-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(96,165,250,.15)}.ring-a{width:120px;height:120px;animation:graphicRotate 15s linear infinite}.ring-b{width:165px;height:165px;border-style:dashed;animation:graphicRotateReverse 20s linear infinite}@keyframes graphicRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes graphicRotateReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}.graphic-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:65px;height:65px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;font-size:.8rem;font-weight:900;box-shadow:0 0 40px #2563eb59}.graphic-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#60a5fa;box-shadow:0 0 12px #60a5facc}.dot-a{top:12px;left:80px}.dot-b{bottom:25px;left:22px}.dot-c{right:5px;top:90px}.featured-bottom{position:absolute;left:20px;right:20px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.featured-bottom div{padding:9px;border-radius:8px;background:#0f172ab3;border:1px solid rgba(148,163,184,.08)}.featured-bottom span{display:block;color:#475569;font-size:.35rem;letter-spacing:.1em}.featured-bottom strong{display:block;margin-top:3px;color:#94a3b8;font-size:.46rem}.featured-project-info{display:flex;align-items:center;justify-content:space-between;padding:12px 6px}.featured-project-info span{display:block;color:#475569;font-size:.4rem;letter-spacing:.12em}.featured-project-info strong{display:block;margin-top:4px;color:#94a3b8;font-size:.58rem}.featured-arrow{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#2563eb1a;color:#60a5fa;font-size:.8rem}.portfolio-mini-card{position:absolute;z-index:8;right:13%;bottom:80px;display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:12px;background:#0f172ae6;border:1px solid rgba(96,165,250,.14);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 40px #0000004d;animation:miniFloat 5s ease-in-out infinite}.mini-card-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#2563eb1f;color:#60a5fa}.portfolio-mini-card span{display:block;color:#475569;font-size:.35rem;letter-spacing:.1em}.portfolio-mini-card strong{display:block;margin-top:3px;color:#94a3b8;font-size:.52rem}@keyframes miniFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.portfolio-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#60a5fa;box-shadow:0 0 15px #60a5fae6;animation:particleFloat 4s ease-in-out infinite}.particle-a{top:80px;left:40%}.particle-b{right:18%;top:35%;animation-delay:-1s}.particle-c{left:17%;bottom:20%;animation-delay:-2s}@keyframes particleFloat{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(-15px);opacity:1}}@media(max-width:950px){.portfolio-visual{min-height:580px}.portfolio-project{width:245px}.project-left{left:-20px}.project-right{right:-20px}.portfolio-featured{width:min(440px,58vw)}.featured-screen{height:310px}.featured-content h3{font-size:2.1rem}.featured-graphic{right:25px;transform:scale(.85)}}@media(max-width:700px){.portfolio-visual{min-height:auto;padding:40px 10px;display:flex;flex-direction:column;gap:22px;overflow:visible}.portfolio-project{display:none}.portfolio-featured{width:min(100%,500px);animation:featuredMobileFloat 6s ease-in-out infinite}@keyframes featuredMobileFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.featured-screen{height:340px}.featured-content{padding:25px}.featured-content h3{font-size:clamp(2rem,9vw,2.6rem)}.featured-graphic{right:8%;top:100px;transform:scale(.75)}.featured-bottom{left:15px;right:15px}.portfolio-mini-card{position:relative;right:auto;bottom:auto;align-self:center;animation:none}.portfolio-particle{display:none}.portfolio-grid{width:100%;height:350px}}@media(max-width:450px){.portfolio-visual{padding:30px 5px}.featured-browser{padding:6px;border-radius:17px}.featured-browser-top{height:32px}.featured-screen{height:300px}.featured-content{padding:22px 18px}.featured-content h3{font-size:1.9rem}.featured-graphic{right:-10px;top:95px;transform:scale(.62)}.featured-bottom{gap:4px;bottom:12px}.featured-bottom div{padding:7px}.featured-bottom span{font-size:.3rem}.featured-bottom strong{font-size:.4rem}}.contact-visual{position:relative;width:100%;max-width:720px;min-height:620px;margin:0 auto;display:flex;align-items:center;justify-content:center;perspective:1200px;overflow:visible}.contact-visual-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.22),rgba(37,99,235,.06) 45%,transparent 72%);filter:blur(28px);animation:contactGlow 5s ease-in-out infinite}@keyframes contactGlow{0%,to{transform:scale(.95);opacity:.7}50%{transform:scale(1.08);opacity:1}}.contact-core{position:relative;z-index:7;width:170px;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#0f172afa,#020617fc);border:1px solid rgba(96,165,250,.3);box-shadow:0 0 60px #2563eb2e,inset 0 0 40px #2563eb14;animation:contactCoreFloat 5s ease-in-out infinite}@keyframes contactCoreFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.contact-core-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;font-size:.72rem;font-weight:900;box-shadow:0 0 25px #2563eb59}.contact-core span{margin-top:10px;color:#64748b;font-size:.43rem;font-weight:700;letter-spacing:.16em}.contact-core strong{margin-top:4px;color:#60a5fa;font-size:.85rem;letter-spacing:.08em}.contact-core-ring{position:absolute;width:205px;height:205px;border-radius:50%;border:1px solid rgba(96,165,250,.12);border-top-color:#60a5fa73;animation:contactRingRotate 18s linear infinite}@keyframes contactRingRotate{to{transform:rotate(360deg)}}.contact-ring{position:absolute;border-radius:50%;border:1px solid rgba(96,165,250,.08);pointer-events:none}.contact-ring-one{width:390px;height:390px;transform:rotateX(65deg) rotate(15deg);animation:largeRingRotate 25s linear infinite}.contact-ring-two{width:520px;height:260px;transform:rotateX(65deg) rotate(-20deg);animation:largeRingRotateReverse 30s linear infinite}@keyframes largeRingRotate{to{transform:rotateX(65deg) rotate(375deg)}}@keyframes largeRingRotateReverse{to{transform:rotateX(65deg) rotate(-380deg)}}.contact-node{position:absolute;z-index:8;width:215px;min-height:75px;display:flex;align-items:center;gap:11px;padding:13px;border-radius:15px;background:#0f172aeb;border:1px solid rgba(148,163,184,.14);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 50px #00000059;transition:transform .35s ease,border-color .35s ease}.contact-node:hover{border-color:#60a5fa59;transform:translateY(-7px)}.client-node{top:80px;left:5%;animation:clientFloat 5s ease-in-out infinite}.website-node{top:80px;right:5%;animation:websiteFloat 5s ease-in-out infinite;animation-delay:-1.5s}.growth-node{bottom:85px;left:50%;transform:translate(-50%);animation:growthFloat 5s ease-in-out infinite;animation-delay:-3s}@keyframes clientFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes websiteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes growthFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-9px)}}.contact-node-icon{flex-shrink:0;width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#2563eb2e,#38bdf80f);border:1px solid rgba(96,165,250,.13);color:#60a5fa;font-size:.9rem}.contact-node-content{min-width:0}.contact-node-content span{display:block;color:#475569;font-size:.4rem;font-weight:700;letter-spacing:.1em}.contact-node-content strong{display:block;margin-top:4px;color:#fff;font-size:.63rem;letter-spacing:.04em}.contact-connection{position:absolute;z-index:2;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.3),transparent);transform-origin:center;overflow:visible}.contact-connection:after{content:"";position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#60a5fa;box-shadow:0 0 12px #60a5fae6;animation:connectionPulse 2.5s linear infinite}.connection-client{width:150px;left:calc(50% - 300px);top:230px;transform:rotate(22deg)}.connection-client:after{right:0}.connection-website{width:150px;right:calc(50% - 300px);top:230px;transform:rotate(-22deg)}.connection-website:after{left:0}.connection-growth{width:125px;left:50%;top:calc(50% + 80px);transform:translate(-50%) rotate(90deg)}.connection-growth:after{right:0}@keyframes connectionPulse{0%{opacity:0;transform:translate(-10px)}40%{opacity:1}to{opacity:0;transform:translate(100px)}}.contact-message-card{position:absolute;z-index:10;right:7%;bottom:175px;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:13px;background:#0f172af2;border:1px solid rgba(96,165,250,.15);box-shadow:0 20px 45px #00000059;animation:messageFloat 5s ease-in-out infinite}.message-icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#2563eb1f}.message-icon span{width:11px;height:8px;border:1px solid #60a5fa;border-radius:3px;position:relative}.message-icon span:after{content:"";position:absolute;left:2px;bottom:-4px;width:4px;height:4px;border-left:1px solid #60a5fa;transform:skew(-30deg)}.message-content small{display:block;color:#475569;font-size:.35rem;letter-spacing:.1em}.message-content strong{display:block;margin-top:3px;color:#94a3b8;font-size:.54rem}.message-arrow{color:#60a5fa;font-size:.8rem}@keyframes messageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.response-indicator{position:absolute;z-index:10;left:7%;bottom:175px;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:11px;background:#0f172ae6;border:1px solid rgba(96,165,250,.12);animation:responseFloat 5s ease-in-out infinite;animation-delay:-2s}.response-dot{width:7px;height:7px;border-radius:50%;background:#60a5fa;box-shadow:0 0 12px #60a5facc;animation:responsePulse 2s ease-in-out infinite}.response-indicator span{display:block;color:#475569;font-size:.34rem;letter-spacing:.1em}.response-indicator strong{display:block;margin-top:2px;color:#94a3b8;font-size:.5rem}@keyframes responseFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes responsePulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.contact-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#60a5fa;box-shadow:0 0 14px #60a5fae6;animation:particleFloat 4s ease-in-out infinite}.particle-one{top:120px;left:45%}.particle-two{top:300px;left:8%;animation-delay:-1s}.particle-three{top:310px;right:8%;animation-delay:-2s}.particle-four{bottom:80px;right:35%;animation-delay:-3s}@keyframes particleFloat{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-15px);opacity:1}}@media(max-width:900px){.contact-visual{min-height:560px}.contact-node{width:190px}.client-node{left:1%}.website-node{right:1%}.connection-client{width:100px;left:calc(50% - 245px)}.connection-website{width:100px;right:calc(50% - 245px)}.contact-message-card,.response-indicator{display:none}}@media(max-width:650px){.contact-visual{min-height:auto;padding:35px 15px;display:flex;flex-direction:column;gap:16px;align-items:stretch;justify-content:center}.contact-ring,.contact-connection,.contact-particle{display:none}.contact-visual-glow{width:280px;height:280px}.contact-core{order:1;width:145px;height:145px;margin:0 auto 18px}.contact-core-icon{width:36px;height:36px;font-size:.62rem}.contact-core span{font-size:.38rem}.contact-core strong{font-size:.72rem}.contact-core-ring{width:175px;height:175px}.contact-node{position:relative;inset:auto;width:100%;max-width:420px;margin:0 auto;min-height:70px;animation:none;transform:none}.contact-node:hover{transform:translateY(-4px)}.client-node{order:2}.website-node{order:3}.growth-node{order:4;transform:none}.growth-node:hover{transform:translateY(-4px)}.contact-message-card,.response-indicator{display:none}}@media(max-width:400px){.contact-visual{padding:25px 10px;gap:12px}.contact-node{padding:11px}.contact-node-icon{width:39px;height:39px}.contact-node-content strong{font-size:.58rem}.contact-node-content span{font-size:.36rem}}.sl-pricing-section{position:relative;width:100%;padding:120px 20px;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(0,174,255,.09),transparent 32%),radial-gradient(circle at 85% 35%,rgba(116,66,255,.08),transparent 30%),#05070d;color:#fff}.sl-pricing-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:55px 55px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 90%);mask-image:linear-gradient(to bottom,black,transparent 90%)}.sl-pricing-container{position:relative;z-index:2;width:min(1200px,100%);margin:0 auto}.sl-pricing-intro{max-width:850px;margin:0 auto 70px;text-align:center}.sl-pricing-intro p{max-width:700px;margin-left:auto;margin-right:auto}.sl-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.sl-package-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:34px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(145deg,#ffffff0e,#ffffff05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 60px #00000040;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.sl-package-card:hover{transform:translateY(-8px);border-color:#00beff59;box-shadow:0 25px 70px #0006,0 0 35px #00aeff12}.sl-package-card-featured{border-color:#00bfff73;background:radial-gradient(circle at 50% 0%,rgba(0,174,255,.12),transparent 45%),linear-gradient(145deg,#00aeff12,#ffffff05);box-shadow:0 25px 80px #0006,0 0 45px #00aeff14}.sl-package-card-featured:hover{border-color:#00d2ffa6}.sl-package-popular{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid rgba(0,200,255,.4);border-radius:999px;background:#07111b;color:#65dcff;font-size:10px;font-weight:800;letter-spacing:1.4px;white-space:nowrap}.sl-package-popular span{width:6px;height:6px;border-radius:50%;background:#38d9ff;box-shadow:0 0 10px #38d9ffe6}.sl-package-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.sl-package-number{font-size:12px;font-weight:800;letter-spacing:2px;color:#ffffff4d}.sl-package-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff0b;font-size:23px;transition:transform .3s ease}.sl-package-card:hover .sl-package-icon{transform:rotate(-5deg) scale(1.08)}.sl-package-heading{min-height:175px}.sl-package-name{display:inline-block;margin-bottom:10px;color:#48d9ff;font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.sl-package-heading h3{margin:0 0 14px;font-size:clamp(23px,2vw,29px);line-height:1.15;color:#fff}.sl-package-heading p{margin:0;color:#ffffff94;font-size:14px;line-height:1.7}.sl-package-price{margin:15px 0 24px}.sl-package-price span{font-size:25px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#7be5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sl-package-line{width:100%;height:1px;margin-bottom:25px;background:linear-gradient(90deg,rgba(0,190,255,.35),rgba(255,255,255,.04),transparent)}.sl-package-features{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}.sl-package-features li{display:flex;align-items:flex-start;gap:11px;color:#ffffffb8;font-size:13px;line-height:1.5}.sl-check{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00beff1a;color:#48d9ff;font-size:11px;font-weight:900}.sl-package-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding:14px 17px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0b;color:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:background .3s ease,border-color .3s ease,transform .3s ease}.sl-package-button span{font-size:18px;transition:transform .3s ease}.sl-package-button:hover{border-color:#00c8ff73;background:#00beff1a;color:#fff}.sl-package-button:hover span{transform:translate(4px)}.sl-recurring-section{margin-top:150px}.sl-recurring-header{max-width:720px;margin-bottom:50px}.sl-recurring-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#48d9ff;font-size:11px;font-weight:800;letter-spacing:2px}.sl-recurring-label:before{content:"";width:22px;height:1px;background:#48d9ff;box-shadow:0 0 10px #48d9ffcc}.sl-recurring-header h2{margin:0 0 20px;font-size:clamp(36px,5vw,62px);line-height:1;letter-spacing:-2px}.sl-recurring-header h2 span{background:linear-gradient(90deg,#35d8ff,#7b61ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sl-recurring-header p{max-width:620px;margin:0;color:#ffffff8c;font-size:15px;line-height:1.8}.sl-recurring-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sl-recurring-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff06;transition:transform .3s ease,border-color .3s ease,background .3s ease}.sl-recurring-card:hover{transform:translateY(-6px);border-color:#7b61ff66;background:#ffffff0a}.sl-recurring-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.sl-recurring-top>span{color:#ffffff40;font-size:11px;font-weight:800;letter-spacing:2px}.sl-recurring-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0a;font-size:21px}.sl-recurring-heading h3{margin:0 0 8px;font-size:25px}.sl-recurring-heading p{margin:0;color:#ffffff80;font-size:13px}.sl-recurring-price{display:flex;align-items:baseline;gap:5px;margin:28px 0 20px}.sl-recurring-price strong{font-size:25px;background:linear-gradient(90deg,#fff,#8de8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sl-recurring-price span{color:#fff6;font-size:12px}.sl-recurring-divider{width:100%;height:1px;margin-bottom:22px;background:#ffffff12}.sl-recurring-card ul{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.sl-recurring-card li{display:flex;align-items:center;gap:10px;color:#ffffff9e;font-size:13px}.sl-recurring-card li span{color:#54dfff;font-weight:900}.sl-recurring-button{display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding:13px 15px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:transparent;color:#ffffffd9;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s ease}.sl-recurring-button:hover{border-color:#00c8ff59;background:#00beff12;color:#fff}.sl-recurring-button span{font-size:17px;transition:transform .3s ease}.sl-recurring-button:hover span{transform:translate(4px)}.sl-pricing-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:110px;padding:45px;overflow:hidden;border:1px solid rgba(0,190,255,.18);border-radius:24px;background:radial-gradient(circle at 0% 50%,rgba(0,190,255,.13),transparent 40%),radial-gradient(circle at 100% 50%,rgba(110,70,255,.1),transparent 40%),#ffffff06}.sl-pricing-cta:after{content:"";position:absolute;width:250px;height:250px;right:-100px;top:-130px;border-radius:50%;border:1px solid rgba(0,190,255,.1);pointer-events:none}.sl-cta-content{position:relative;z-index:2;max-width:650px}.sl-cta-content>span{color:#48d9ff;font-size:10px;font-weight:800;letter-spacing:2px}.sl-cta-content h3{margin:10px 0;font-size:clamp(27px,4vw,40px);line-height:1.1}.sl-cta-content h3 strong{background:linear-gradient(90deg,#39d9ff,#846bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sl-cta-content p{max-width:600px;margin:0;color:#ffffff8c;font-size:14px;line-height:1.7}.sl-cta-button{position:relative;z-index:2;flex-shrink:0;display:flex;align-items:center;gap:25px;padding:15px 21px;border:1px solid rgba(0,210,255,.45);border-radius:12px;background:linear-gradient(135deg,#00beff26,#6e46ff1f);color:#fff;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;transition:all .3s ease}.sl-cta-button span{font-size:20px;transition:transform .3s ease}.sl-cta-button:hover{transform:translateY(-3px);border-color:#00dcffb3;box-shadow:0 10px 35px #00beff26}.sl-cta-button:hover span{transform:translate(5px)}@media(max-width:1000px){.sl-pricing-section{padding:90px 20px}.sl-package-grid,.sl-recurring-grid{grid-template-columns:repeat(2,1fr)}.sl-package-card:last-child{grid-column:1 / -1;max-width:500px;width:100%;margin:0 auto}.sl-recurring-card:last-child{grid-column:1 / -1;max-width:500px;width:100%;margin:0 auto}.sl-pricing-cta{align-items:flex-start;flex-direction:column}.sl-cta-button{width:fit-content}}@media(max-width:700px){.sl-pricing-section{padding:75px 15px}.sl-pricing-intro{margin-bottom:50px}.sl-package-grid,.sl-recurring-grid{grid-template-columns:1fr}.sl-package-card:last-child,.sl-recurring-card:last-child{grid-column:auto;max-width:none}.sl-package-card{padding:25px;border-radius:20px}.sl-package-heading{min-height:auto}.sl-package-heading h3{font-size:24px}.sl-package-price{margin-top:25px}.sl-recurring-section{margin-top:100px}.sl-recurring-header{margin-bottom:35px}.sl-recurring-header h2{font-size:42px;letter-spacing:-1.5px}.sl-recurring-card{padding:25px}.sl-pricing-cta{margin-top:80px;padding:30px 25px;border-radius:20px}.sl-cta-content h3{font-size:29px}.sl-cta-button{width:100%;justify-content:space-between}}@media(max-width:420px){.sl-pricing-section{padding-left:12px;padding-right:12px}.sl-package-card,.sl-recurring-card{padding:22px}.sl-recurring-header h2{font-size:36px}.sl-package-price span,.sl-recurring-price strong{font-size:22px}.sl-pricing-cta{padding:25px 20px}}.why-us-section{max-width:var(--container);margin:0 auto;padding:120px 40px;border-top:1px solid var(--border)}.why-us-section .stats-header{max-width:850px;margin-bottom:70px}.why-us-section .stats-header h2{margin:0;font-size:clamp(42px,6vw,70px);line-height:1;letter-spacing:-.06em}.why-us-section .stats-header h2 span{font-family:Playfair Display,serif;font-style:italic;color:var(--accent);font-weight:500}.why-us-intro{max-width:600px;margin-top:25px;color:#737f92;font-size:14px;line-height:1.8}.why-us-section .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.why-us-section .big-stat{position:relative;min-height:300px;padding:30px 25px;border-right:1px solid var(--border);transition:background .3s ease,transform .3s ease}.why-us-section .big-stat:last-child{border-right:none}.why-us-section .big-stat:hover{background:#22d3ee09;transform:translateY(-4px)}.why-us-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:45px;border-radius:50%;color:var(--accent);background:#22d3ee0d;border:1px solid rgba(34,211,238,.18)}.why-us-section .big-stat strong{display:block;margin-bottom:8px;font-size:clamp(42px,4vw,58px);line-height:1;letter-spacing:-.06em}.why-us-section .big-stat .why-us-title{display:block;margin-top:10px;color:#dce3ee;font-size:13px;font-weight:600}.why-us-section .big-stat p{max-width:220px;margin-top:15px;color:#697589;font-size:11px;line-height:1.7}@media(max-width:1000px){.why-us-section{padding:100px 30px}.why-us-section .stats-grid{grid-template-columns:repeat(2,1fr)}.why-us-section .big-stat{min-height:280px}.why-us-section .big-stat:nth-child(2){border-right:none}.why-us-section .big-stat:nth-child(1),.why-us-section .big-stat:nth-child(2){border-bottom:1px solid var(--border)}}@media(max-width:600px){.why-us-section{padding:80px 20px}.why-us-section .stats-header{margin-bottom:45px}.why-us-section .stats-header h2{font-size:44px;line-height:1.02}.why-us-intro{font-size:13px}.why-us-section .stats-grid{grid-template-columns:1fr}.why-us-section .big-stat{min-height:auto;padding:30px 20px;border-right:none;border-bottom:1px solid var(--border)}.why-us-section .big-stat:last-child{border-bottom:none}.why-us-section .big-stat:nth-child(1),.why-us-section .big-stat:nth-child(2){border-bottom:1px solid var(--border)}.why-us-icon{margin-bottom:30px}.why-us-section .big-stat strong{font-size:48px}.why-us-section .big-stat p{max-width:100%}}.mission-section{position:relative;padding:140px 0;overflow:hidden}.mission-section:before{content:"";position:absolute;width:500px;height:500px;top:10%;left:-250px;border-radius:50%;background:#2563eb14;filter:blur(100px);pointer-events:none}.mission-section:after{content:"";position:absolute;width:450px;height:450px;bottom:-200px;right:-150px;border-radius:50%;background:#3b82f612;filter:blur(100px);pointer-events:none}.mission-header{position:relative;z-index:2;max-width:850px;margin:0 auto 80px;text-align:left}.mission-header .eyebrow{margin-bottom:20px}.mission-header h2{margin:0;font-size:clamp(2.5rem,5vw,5rem);line-height:1.05;letter-spacing:-.04em;font-weight:700}.mission-header h2 span{font-family:Playfair Display,serif;font-style:italic;font-weight:700;background:linear-gradient(90deg,#22d3ee,#14b8a6);-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:12px}.mission-intro{max-width:700px;margin:30px auto 0;font-size:1.1rem;line-height:1.8;opacity:.7}.mission-flow{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mission-card{position:relative;padding:40px 34px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#ffffff06;transition:transform .3s ease,border-color .3s ease,background .3s ease}.mission-card:hover{transform:translateY(-8px);border-color:#3b82f666;background:#ffffff0b}.mission-featured{border-color:#3b82f659;background:linear-gradient(145deg,#2563eb1f,#ffffff06)}.mission-number{font-size:.8rem;font-weight:700;letter-spacing:.15em;color:#60a5fa;margin-bottom:50px}.mission-label{margin:0 0 12px;font-size:.75rem;font-weight:700;letter-spacing:.2em;color:#60a5fa}.mission-card h3{margin:0;font-size:1.8rem;line-height:1.2;letter-spacing:-.025em}.mission-card-content>p:not(.mission-label){margin:18px 0 30px;font-size:.95rem;line-height:1.7;opacity:.65}.mission-list{display:flex;flex-wrap:wrap;gap:8px}.mission-list span{padding:7px 11px;border-radius:999px;font-size:.72rem;border:1px solid rgba(255,255,255,.08);background:#ffffff09;opacity:.75}.mission-bottom{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:18px;margin-top:70px;font-size:.85rem;font-weight:700;letter-spacing:.2em}.mission-bottom span:nth-child(2n){color:#3b82f6;font-size:1.2rem}@media(max-width:900px){.mission-section{padding:100px 0}.mission-flow{grid-template-columns:1fr;max-width:650px;margin:0 auto}.mission-card{padding:35px 30px}.mission-number{margin-bottom:30px}}@media(max-width:600px){.mission-section{padding:80px 0}.mission-header{margin-bottom:50px}.mission-header h2{font-size:2.4rem}.mission-intro{font-size:.95rem;line-height:1.7}.mission-card{padding:28px 24px;border-radius:20px}.mission-number{margin-bottom:25px}.mission-card h3{font-size:1.5rem}.mission-card-content>p:not(.mission-label){font-size:.9rem}.mission-list span{font-size:.68rem}.mission-bottom{gap:10px;font-size:.7rem;letter-spacing:.12em}}.about-story-section{width:100%;overflow:hidden;padding:140px 0;box-sizing:border-box}.about-story-section *{box-sizing:border-box}.story-header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(40px,7vw,100px);align-items:end;margin-bottom:clamp(60px,8vw,90px)}.story-header>div,.story-header>p{min-width:0}.story-header h2{width:100%;max-width:750px;margin:0;font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.04em;overflow-wrap:break-word}.story-header h2 span{display:block}.story-intro{width:100%;max-width:480px;margin:0;font-size:clamp(16px,1.5vw,18px);line-height:1.7;opacity:.7}.story-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(50px,8vw,110px);align-items:start}.story-main{width:100%;max-width:650px}.story-large-text{margin:0 0 35px;font-size:clamp(24px,2.5vw,36px);line-height:1.35;letter-spacing:-.02em}.story-main p:not(.story-large-text){margin:0 0 25px;font-size:17px;line-height:1.8;opacity:.7}.story-side{width:100%;border-top:1px solid rgba(127,127,127,.25)}.story-step{display:grid;grid-template-columns:50px minmax(0,1fr);gap:25px;width:100%;padding:35px 0;border-bottom:1px solid rgba(127,127,127,.25)}.story-step>span{font-size:14px;font-weight:700;opacity:.45}.story-step h3{margin:0 0 10px;font-size:clamp(18px,2vw,21px);line-height:1.3;letter-spacing:-.02em}.story-step p{width:100%;max-width:420px;margin:0;font-size:15px;line-height:1.7;opacity:.6}.story-bottom{width:100%;margin-top:clamp(70px,9vw,110px);padding-top:50px;border-top:1px solid rgba(127,127,127,.25)}.story-bottom>span{display:block;margin-bottom:25px;font-size:12px;font-weight:700;letter-spacing:.15em;opacity:.5}.story-bottom h3{width:100%;max-width:1000px;margin:0;font-size:clamp(30px,4vw,58px);line-height:1.1;letter-spacing:-.035em;overflow-wrap:break-word}@media(max-width:1200px){.about-story-section{padding:120px 0}.story-header{grid-template-columns:1fr 1fr;gap:50px}.story-content{gap:60px}.story-header h2{font-size:clamp(42px,5.5vw,64px)}}@media(max-width:900px){.about-story-section{padding:100px 0}.story-header{grid-template-columns:1fr;gap:30px;margin-bottom:65px}.story-header h2{max-width:700px;font-size:clamp(42px,8vw,60px)}.story-intro{max-width:650px;font-size:17px}.story-content{grid-template-columns:1fr;gap:70px}.story-main{max-width:750px}.story-large-text{max-width:750px;font-size:clamp(25px,4vw,32px)}.story-side{max-width:750px}.story-step{padding:30px 0}.story-bottom{margin-top:80px;padding-top:40px}.story-bottom h3{max-width:750px;font-size:clamp(32px,6vw,48px)}}@media(max-width:600px){.about-story-section{padding:80px 0}.story-header{gap:25px;margin-bottom:50px}.story-header h2{font-size:clamp(38px,11vw,50px);line-height:1}.story-intro{font-size:16px;line-height:1.65}.story-content{gap:55px}.story-large-text{margin-bottom:28px;font-size:24px;line-height:1.4}.story-main p:not(.story-large-text){font-size:15px;line-height:1.75;margin-bottom:22px}.story-step{grid-template-columns:35px minmax(0,1fr);gap:15px;padding:27px 0}.story-step>span{font-size:12px}.story-step h3{font-size:18px;margin-bottom:8px}.story-step p{font-size:14px;line-height:1.65}.story-bottom{margin-top:65px;padding-top:35px}.story-bottom>span{margin-bottom:20px;font-size:11px}.story-bottom h3{font-size:clamp(29px,8vw,38px);line-height:1.15}}@media(max-width:480px){.about-story-section{padding:65px 0}.story-header{margin-bottom:45px}.story-header h2{font-size:38px}.story-intro{font-size:15px}.story-content{gap:45px}.story-large-text{font-size:22px}.story-main p:not(.story-large-text){font-size:14px}.story-step{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:24px 0}.story-step h3{font-size:17px}.story-step p{font-size:13px}.story-bottom{margin-top:55px;padding-top:30px}.story-bottom h3{font-size:29px}}@media(max-width:350px){.story-header h2{font-size:34px}.story-large-text{font-size:20px}.story-bottom h3{font-size:26px}}.why-us-section{width:100%;padding:150px 0 120px;overflow:hidden}.why-us-header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:80px;align-items:end;margin-bottom:90px}.why-us-heading{min-width:0}.why-us-header h2{max-width:750px;margin:0;font-size:clamp(46px,6vw,82px);line-height:.95;letter-spacing:-.05em}.why-us-header h2 span{display:block;opacity:.45}.why-us-intro{max-width:480px}.why-us-intro p{margin:0;font-size:18px;line-height:1.75;opacity:.65}.why-us-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(127,127,127,.25);border-left:1px solid rgba(127,127,127,.25)}.why-us-card{position:relative;min-width:0;min-height:360px;padding:40px;border-right:1px solid rgba(127,127,127,.25);border-bottom:1px solid rgba(127,127,127,.25);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .35s ease,background .35s ease}.why-us-card:before{content:"";position:absolute;width:180px;height:180px;top:-80px;right:-80px;border-radius:50%;background:#3b82f614;filter:blur(40px);opacity:0;transition:opacity .4s ease}.why-us-card:hover:before{opacity:1}.why-us-card:hover{transform:translateY(-4px)}.why-us-card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.why-us-icon-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(127,127,127,.3);border-radius:14px;transition:transform .3s ease,border-color .3s ease}.why-us-card:hover .why-us-icon-wrapper{transform:translateY(-3px) rotate(-3deg)}.why-us-arrow{opacity:.35;transition:opacity .3s ease,transform .3s ease}.why-us-card:hover .why-us-arrow{opacity:.8;transform:translate(4px,-4px)}.why-us-card-content{position:relative;z-index:1;max-width:520px}.why-us-card h3{margin:0 0 18px;font-size:clamp(24px,2.5vw,34px);line-height:1.1;letter-spacing:-.03em}.why-us-card p{max-width:470px;margin:0;font-size:16px;line-height:1.75;opacity:.6}.why-us-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-top:110px;padding-top:70px;border-top:1px solid rgba(127,127,127,.25)}.why-us-statement p{margin:0;font-size:clamp(34px,5vw,68px);font-weight:700;line-height:.95;letter-spacing:-.05em}.why-us-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:18px 25px;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600;transition:background .3s ease,color .3s ease,transform .3s ease}.why-us-button svg{transition:transform .3s ease}.why-us-button:hover{transform:translateY(-3px)}.why-us-button:hover svg{transform:translate(4px,-4px)}@media(max-width:900px){.why-us-section{padding:110px 0 90px}.why-us-header{grid-template-columns:1fr;gap:30px;margin-bottom:65px}.why-us-header h2{font-size:clamp(44px,8vw,65px)}.why-us-intro{max-width:650px}.why-us-grid{grid-template-columns:1fr}.why-us-card{min-height:320px}.why-us-bottom{margin-top:80px}}@media(max-width:600px){.why-us-section{padding:80px 0 70px}.why-us-header{gap:25px;margin-bottom:50px}.why-us-header h2{font-size:clamp(38px,11vw,50px)}.why-us-intro p{font-size:16px;line-height:1.7}.why-us-card{min-height:300px;padding:28px 22px}.why-us-icon-wrapper{width:50px;height:50px}.why-us-card h3{font-size:25px}.why-us-card p{font-size:14px;line-height:1.7}.why-us-bottom{flex-direction:column;align-items:flex-start;gap:40px;margin-top:65px;padding-top:45px}.why-us-statement p{font-size:clamp(32px,9vw,43px)}.why-us-button{width:100%}}@media(max-width:400px){.why-us-section{padding:65px 0}.why-us-header h2{font-size:36px}.why-us-card{min-height:280px;padding:24px 18px}.why-us-card h3{font-size:22px}.why-us-card p{font-size:13px}.why-us-statement p{font-size:30px}.why-us-button{padding:16px 20px}}.lead-guide-page{width:100%;max-width:1200px;margin:0 auto;padding:24px;color:var(--text-color, #111827)}.lead-guide-header{margin-bottom:22px}.lead-guide-heading{display:flex;align-items:center;gap:14px}.lead-guide-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef4ff;color:#2563eb}.lead-guide-heading h2{margin:0 0 4px;font-size:24px;font-weight:700}.lead-guide-heading p{margin:0;color:#6b7280;font-size:14px}.lead-guide-rule{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;margin-bottom:28px;border:1px solid #dbe7ff;border-radius:12px;background:#f7faff}.lead-guide-rule-icon{display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.lead-guide-rule strong{display:block;margin-bottom:3px;font-size:14px}.lead-guide-rule p{margin:0;color:#6b7280;font-size:13px;line-height:1.5}.lead-guide-section{margin-bottom:30px}.lead-guide-section-header{margin-bottom:14px}.lead-guide-section-header>div{display:flex;align-items:center;gap:10px}.lead-guide-section-header span{font-size:12px;font-weight:700;color:#2563eb}.lead-guide-section-header h3{margin:0;font-size:18px;font-weight:700}.lead-guide-section-header p{margin:5px 0 0 25px;color:#6b7280;font-size:13px}.lead-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lead-source-card{padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.lead-source-card:hover{transform:translateY(-2px);border-color:#d1d5db;box-shadow:0 6px 20px #0000000d}.lead-source-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.lead-source-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f3f6fb;color:#374151}.lead-source-card h4{margin:0 0 6px;font-size:14px;font-weight:650}.lead-source-card p{margin:0;color:#6b7280;font-size:12px;line-height:1.5}.lead-priority-badge{padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700}.lead-priority-badge.high{background:#eef4ff;color:#2563eb}.lead-priority-badge.medium{background:#f3f4f6;color:#4b5563}.lead-problem-list{display:flex;flex-direction:column;gap:8px}.lead-problem-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.lead-problem-left{display:flex;align-items:center;gap:12px}.lead-problem-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.lead-problem-icon.critical{background:#fff1f1;color:#dc2626}.lead-problem-icon.strong{background:#fff7ed;color:#ea580c}.lead-problem-card h4{margin:0 0 3px;font-size:13px;font-weight:600}.lead-problem-card span{font-size:11px;color:#6b7280}.lead-score{width:42px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.lead-score strong{font-size:15px;line-height:1}.lead-score small{margin-top:2px;font-size:7px;font-weight:700}.lead-score.critical{background:#fff1f1;color:#dc2626}.lead-score.strong{background:#fff7ed;color:#ea580c}.lead-priority-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.lead-priority-box{padding:18px;border-radius:12px;border:1px solid #e5e7eb}.lead-priority-box strong{font-size:12px}.lead-priority-box h4{margin:5px 0;font-size:17px}.lead-priority-box p{margin:0;color:#6b7280;font-size:12px;line-height:1.5}.lead-priority-box.critical{background:snow;border-color:#fee2e2}.lead-priority-box.critical strong,.lead-priority-box.critical h4{color:#dc2626}.lead-priority-box.strong{background:#fffdf9;border-color:#fed7aa}.lead-priority-box.strong strong,.lead-priority-box.strong h4{color:#ea580c}.lead-guide-tip{display:flex;align-items:center;gap:6px;padding:15px 18px;border-radius:10px;background:#f3f4f6;font-size:12px;line-height:1.5}.lead-guide-tip strong{font-weight:700}.lead-guide-tip span{color:#6b7280}.dark .lead-guide-page{color:#f9fafb}.dark .lead-guide-heading p,.dark .lead-guide-rule p,.dark .lead-guide-section-header p,.dark .lead-source-card p,.dark .lead-problem-card span,.dark .lead-priority-box p{color:#9ca3af}.dark .lead-guide-icon{background:#2563eb26;color:#60a5fa}.dark .lead-guide-rule{background:#2563eb14;border-color:#2563eb40}.dark .lead-source-card,.dark .lead-problem-card{background:#151922;border-color:#252b36}.dark .lead-source-card:hover{border-color:#374151}.dark .lead-source-icon{background:#1f2937;color:#d1d5db}.dark .lead-priority-badge.medium{background:#1f2937;color:#9ca3af}.dark .lead-priority-box.critical{background:#dc26260f;border-color:#dc262633}.dark .lead-priority-box.strong{background:#ea580c0f;border-color:#ea580c33}.dark .lead-guide-tip{background:#1f2937}@media(max-width:900px){.lead-source-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.lead-guide-page{padding:16px}.lead-source-grid,.lead-priority-grid{grid-template-columns:1fr}.lead-guide-heading h2{font-size:21px}.lead-guide-section-header h3{font-size:16px}.lead-guide-section-header p{margin-left:0}.lead-problem-card{padding:10px}.lead-problem-card h4{font-size:12px}.lead-guide-tip{align-items:flex-start;flex-direction:column;gap:2px}}.sales-call-guide{min-height:100vh;background:radial-gradient(circle at 80% 10%,rgba(0,119,255,.12),transparent 25%),radial-gradient(circle at 20% 40%,rgba(0,217,255,.06),transparent 30%),#030b1d;color:#f5f7fb;font-family:DM Sans,sans-serif;overflow:hidden;padding-bottom:100px}.sales-guide-hero{position:relative;min-height:430px;display:flex;align-items:center;padding:100px 8% 80px;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;background:linear-gradient(120deg,#030b1d 20%,#05132df2 60%,#071e46cc)}.sales-guide-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;-webkit-mask-image:linear-gradient(to right,black,transparent);mask-image:linear-gradient(to right,black,transparent);pointer-events:none}.sales-guide-hero-content{position:relative;z-index:2;max-width:750px}.sales-guide-badge{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:3px;color:#55cfff;text-transform:uppercase;margin-bottom:25px}.sales-guide-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#22bfff;box-shadow:0 0 10px #22bfff,0 0 25px #22bfffcc}.sales-guide-hero h1{font-size:clamp(50px,7vw,90px);line-height:.95;letter-spacing:-4px;margin:0 0 30px;font-weight:700;max-width:800px}.sales-guide-hero h1 span{font-family:Playfair Display,serif;font-style:italic;font-weight:500;color:#28cce7;text-shadow:0 0 25px rgba(40,204,231,.25)}.sales-guide-hero p{max-width:600px;font-size:18px;line-height:1.8;color:#e6eefaa6;margin:0}.sales-guide-glow{position:absolute;width:450px;height:450px;border-radius:50%;filter:blur(100px);opacity:.25;pointer-events:none}.glow-one{background:#07f;right:-150px;top:-100px}.glow-two{background:#00d9ff;left:-250px;bottom:-250px;opacity:.1}.guide-section{position:relative;width:min(1200px,90%);margin:0 auto;padding-top:100px}.section-heading{display:flex;align-items:flex-start;gap:25px;margin-bottom:50px}.section-heading>span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#145096cc,#051432e6);border:1px solid rgba(70,170,255,.25);color:#55cfff;font-size:13px;font-weight:700;box-shadow:inset 0 0 20px #0077ff14,0 10px 30px #0003}.section-heading h2{font-size:clamp(32px,4vw,48px);margin:0 0 8px;letter-spacing:-1.5px;color:#f5f7fb}.section-heading p{margin:0;color:#dce6f58c;font-size:16px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.problem-card{position:relative;min-height:250px;padding:28px;text-align:left;border-radius:22px;cursor:pointer;overflow:hidden;color:#fff;background:linear-gradient(145deg,#122041e6,#050d20f2);border:1px solid rgba(100,160,255,.15);transition:transform .35s ease,border .35s ease,box-shadow .35s ease;box-shadow:0 20px 60px #0003}.problem-card:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(0,150,255,.15),transparent 70%);right:-100px;top:-100px;opacity:0;transition:.4s ease}.problem-card:hover{transform:translateY(-8px);border-color:#3cb4ff73;box-shadow:0 25px 70px #0050b433}.problem-card:hover:before{opacity:1}.problem-card.active{border-color:#28d2ffb3;background:linear-gradient(145deg,#0d305af2,#04122afa);box-shadow:0 0 0 1px #28d2ff1a,0 20px 70px #0078ff2e}.problem-card.active:before{opacity:1}.problem-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;position:relative;z-index:2}.problem-icon{display:flex;align-items:center;justify-content:center;width:55px;height:55px;font-size:24px;border-radius:16px;background:linear-gradient(135deg,#1e64be73,#0a2350cc);border:1px solid rgba(70,170,255,.25);box-shadow:inset 0 0 20px #0082ff1f}.problem-priority{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#58cfff;padding:7px 12px;border-radius:30px;background:#1ea0ff14;border:1px solid rgba(50,180,255,.18)}.problem-card h3{position:relative;z-index:2;font-size:25px;line-height:1.2;margin-bottom:25px;letter-spacing:-.5px}.view-script{position:relative;z-index:2;font-size:14px;font-weight:600;color:#dcf0ffb3;transition:.3s}.problem-card:hover .view-script,.problem-card.active .view-script{color:#31d5f5}.full-script-card{position:relative;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#0a1630f2,#030a19fa);border:1px solid rgba(100,160,255,.14);box-shadow:0 30px 100px #0000004d}.full-script-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(40,210,255,.8),transparent)}.script-block{position:relative;padding:50px 55px;border-bottom:1px solid rgba(255,255,255,.06);transition:background .3s ease}.script-block:hover{background:#143c6e0f}.script-block:last-child{border-bottom:none}.script-block-header{display:flex;align-items:center;gap:18px;margin-bottom:30px}.script-block-header span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;font-size:12px;font-weight:700;color:#4bd5ff;background:linear-gradient(135deg,#145ab473,#0a193ce6);border:1px solid rgba(70,170,255,.2)}.script-block-header h3{margin:0;font-size:24px;letter-spacing:-.5px;color:#f4f7fb}.script-text{max-width:900px;padding-left:60px}.script-text p{margin:0 0 12px;font-size:16px;line-height:1.8;color:#dce6f5ad}.script-text p:not(:empty){transition:color .25s ease}.script-text p:hover{color:#f0f8fff2}.try-close-block{background:linear-gradient(135deg,#0064aa1a,#040f2366)}.try-close-block .script-block-header h3{color:#3edcff}.problem-card,.script-block{animation:fadeUp .6s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.problem-grid{grid-template-columns:repeat(2,1fr)}.sales-guide-hero{padding:90px 7% 70px}}@media(max-width:700px){.sales-guide-hero{min-height:auto;padding:80px 7% 60px}.sales-guide-hero h1{font-size:52px;letter-spacing:-2px}.sales-guide-hero p{font-size:16px}.guide-section{width:90%;padding-top:70px}.section-heading{gap:15px;margin-bottom:35px}.section-heading h2{font-size:32px}.section-heading>span{width:42px;height:42px;flex-shrink:0}.problem-grid{grid-template-columns:1fr}.problem-card{min-height:220px}.script-block{padding:30px 22px}.script-block-header{gap:12px}.script-block-header h3{font-size:20px}.script-text{padding-left:0}.script-text p{font-size:15px;line-height:1.7}}@media(max-width:420px){.sales-guide-hero h1{font-size:43px}.sales-guide-badge{font-size:9px;letter-spacing:2px}.problem-card{padding:22px}}.discovery-guide{min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(0,200,255,.07),transparent 28%),radial-gradient(circle at 85% 20%,rgba(120,70,255,.07),transparent 30%),#060912;color:#f4f7fb;padding-bottom:80px}.discovery-hero{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:70px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(0,204,255,.08),transparent 42%,rgba(125,70,255,.08))}.discovery-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.discovery-hero-content{position:relative;z-index:2;width:100%;max-width:850px;text-align:center}.discovery-badge{display:inline-flex;padding:7px 14px;margin-bottom:15px;border:1px solid rgba(0,207,255,.3);border-radius:999px;background:#00cfff0f;color:#5df;font-size:10px;font-weight:900;letter-spacing:1.6px}.hero-icon{width:58px;height:58px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#00d0ff24,#6e46ff21);border:1px solid rgba(80,220,255,.25);color:#5df;box-shadow:0 0 35px #00cfff14}.discovery-hero h1{margin:0;font-size:clamp(40px,6vw,68px);line-height:1.05;font-weight:900;letter-spacing:-2px}.discovery-hero h1 span{background:linear-gradient(90deg,#4de8ff,#6f7cff,#b768ff);-webkit-background-clip:text;background-clip:text;color:transparent}.discovery-hero p{max-width:700px;margin:20px auto 0;color:#aeb8c8;font-size:15px;line-height:1.7}.discovery-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:28px;color:#dce5f2;font-size:12px;font-weight:700}.discovery-flow svg{color:#4bdfff}.discovery-glow{position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(85px);opacity:.18}.glow-one{top:-100px;left:8%;background:#00cfff}.glow-two{right:7%;bottom:-120px;background:#7c4dff}.discovery-nav{position:sticky;top:0;z-index:50;display:flex;justify-content:center;flex-wrap:wrap;gap:7px;padding:12px 20px;background:#05080fe0;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.discovery-nav button{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff06;color:#8995a8;padding:9px 13px;font-size:11px;font-weight:700;cursor:pointer;transition:.2s ease}.discovery-nav button:hover{color:#fff;border-color:#4bdcff59;transform:translateY(-1px)}.discovery-nav button.active{color:#55e3ff;border-color:#4bdcff66;background:#00c8ff14}.discovery-content{width:min(1180px,calc(100% - 32px));margin:0 auto}.discovery-section{scroll-margin-top:90px;padding:75px 0 20px}.discovery-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:30px}.discovery-heading>span{min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#00cfff14;border:1px solid rgba(0,207,255,.2);color:#53ddff;font-size:12px;font-weight:900}.discovery-heading h2{margin:0 0 7px;font-size:28px;line-height:1.2}.discovery-heading p{margin:0;color:#8793a7;font-size:13px;line-height:1.6}.discovery-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.discovery-process-card{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06;transition:.2s ease}.discovery-process-card:hover{transform:translateY(-3px);border-color:#48dcff40}.discovery-process-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.discovery-process-top span{color:#5df;font-size:10px;font-weight:900}.discovery-process-top svg{color:#68788e}.discovery-process-card h3{margin:0 0 7px;font-size:15px}.discovery-process-card p{margin:0;color:#8995a8;font-size:12px;line-height:1.6}.discovery-principle{display:flex;align-items:flex-start;gap:16px;margin-top:18px;padding:22px;border:1px solid rgba(0,207,255,.17);border-radius:15px;background:#00cfff0a}.principle-icon{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#00cfff14;color:#5df}.discovery-principle span{color:#5df;font-size:9px;font-weight:900;letter-spacing:1.2px}.discovery-principle h3{margin:6px 0;font-size:17px}.discovery-principle p{margin:0;color:#8995a8;font-size:12px;line-height:1.6}.question-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.question-card{padding:21px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#ffffff06}.question-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.question-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#00cfff12;color:#5df}.question-card h3{margin:0;font-size:16px}.question-list{display:flex;flex-direction:column;gap:11px}.question-item{display:flex;align-items:flex-start;gap:9px;color:#a5b0c0;font-size:12px;line-height:1.55}.question-item svg{min-width:15px;margin-top:2px;color:#5df}.problem-discovery-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.problem-chain{display:flex;flex-direction:column;gap:10px}.chain-card{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#ffffff06}.chain-card span,.real-problem-card>span,.five-whys-title>span{color:#6f8298;font-size:9px;font-weight:900;letter-spacing:1.1px}.chain-card h3{margin:7px 0 0;font-size:15px;line-height:1.5}.chain-card.result{border-color:#46dca033;background:#46dca009}.chain-card.result span{color:#55e4a7}.chain-arrow{align-self:center;color:#5df}.real-problem-card{padding:25px;border:1px solid rgba(0,207,255,.17);border-radius:15px;background:linear-gradient(135deg,#00cfff0b,#7846ff0a)}.real-problem-card h3{margin:12px 0;font-size:19px;line-height:1.45}.real-problem-card p{margin:0;color:#909caf;font-size:12px;line-height:1.7}.five-whys{margin-top:18px;padding:23px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06}.five-whys-title h3{max-width:700px;margin:8px 0 22px;font-size:17px}.why-chain{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.why-chain>div{padding:14px;border-radius:10px;background:#0000002e}.why-chain strong{display:flex;align-items:center;justify-content:center;width:25px;height:25px;margin-bottom:10px;border-radius:7px;background:#00cfff14;color:#5df;font-size:10px}.why-chain p{margin:0;color:#9da8b8;font-size:11px;line-height:1.5}.qualification-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px;margin-bottom:18px;border:1px solid rgba(0,207,255,.15);border-radius:15px;background:#00cfff09}.qualification-score span{display:block;margin-bottom:6px;color:#5df;font-size:9px;font-weight:900;letter-spacing:1px}.qualification-score strong{font-size:17px}.qualification-intro>p{max-width:550px;margin:0;color:#8995a8;font-size:12px;line-height:1.6}.qualification-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.qualification-card{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#ffffff06}.qualification-number{color:#5df;font-size:9px;font-weight:900}.qualification-card h3{margin:10px 0 17px;font-size:15px}.qualification-good,.qualification-bad{display:flex;align-items:flex-start;gap:7px;margin-top:9px;padding:10px;border-radius:8px}.qualification-good{background:#46dca00a;color:#55e4a7}.qualification-bad{background:#ff505009;color:#f77}.qualification-good p,.qualification-bad p{margin:0;color:#929dac;font-size:10px;line-height:1.5}.discovery-script{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff06;box-shadow:0 25px 70px #00000040}.script-top{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(135deg,#00d0ff12,#734bff0f)}.script-top span{color:#5df;font-size:9px;font-weight:900;letter-spacing:1.2px}.script-top h3{margin:5px 0 0;font-size:19px}.script-label{padding:7px 10px;border:1px solid rgba(0,208,255,.2);border-radius:7px;color:#5df;font-size:9px;font-weight:900}.script-body{padding:8px 25px 25px}.discovery-script-step{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.05)}.discovery-script-step:last-child{border-bottom:0}.script-number{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#00cfff12;color:#5df;font-size:10px;font-weight:900}.discovery-script-step h4{margin:1px 0 8px;font-size:14px}.discovery-script-step p{margin:0;color:#a9b3c1;font-size:13px;line-height:1.7}.crm-discovery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.crm-field{min-height:145px;padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#ffffff06}.crm-field>span{color:#5df;font-size:9px;font-weight:900}.crm-field h3{margin:10px 0 6px;font-size:14px}.crm-field p{margin:0;color:#8793a5;font-size:11px;line-height:1.55}.crm-field.next-step{border-color:#46dca033;background:#46dca009}.crm-field.next-step>span{color:#55e4a7}.discovery-checklist{display:flex;align-items:flex-start;gap:17px;margin-top:20px;padding:25px;border:1px solid rgba(70,220,160,.2);border-radius:16px;background:#46dca009}.checklist-icon{min-width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#46dca014;color:#55e4a7}.discovery-checklist>div>span{color:#55e4a7;font-size:9px;font-weight:900;letter-spacing:1px}.discovery-checklist h3{margin:7px 0 14px;font-size:17px}.discovery-checklist ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 25px;margin:0;padding-left:18px;color:#a2adbc;font-size:12px;line-height:1.5}@media(max-width:1050px){.discovery-process-grid{grid-template-columns:repeat(2,1fr)}.qualification-grid,.crm-discovery-grid,.why-chain{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.question-grid,.problem-discovery-layout,.qualification-intro{grid-template-columns:1fr}.problem-discovery-layout{display:flex;flex-direction:column}.qualification-intro{align-items:flex-start;flex-direction:column}.qualification-grid,.crm-discovery-grid,.why-chain{grid-template-columns:repeat(2,1fr)}.discovery-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.discovery-nav::-webkit-scrollbar{display:none}.discovery-nav button{white-space:nowrap}}@media(max-width:600px){.discovery-hero{min-height:auto;padding:55px 20px}.discovery-hero h1{font-size:40px;letter-spacing:-1.5px}.discovery-content{width:min(100% - 24px,680px)}.discovery-section{padding-top:55px}.discovery-heading h2{font-size:23px}.discovery-process-grid,.question-grid,.qualification-grid,.crm-discovery-grid,.why-chain,.discovery-checklist ul{grid-template-columns:1fr}.script-top{align-items:flex-start;flex-direction:column;gap:14px}.script-body{padding:5px 16px 18px}.discovery-script-step{grid-template-columns:38px 1fr;gap:10px}.script-number{width:32px;height:32px}}@media(max-width:450px){.discovery-hero h1{font-size:34px}.discovery-hero p{font-size:13px}.discovery-heading{gap:11px}.discovery-heading>span{min-width:39px;height:39px}.discovery-heading h2{font-size:21px}.discovery-script-step{grid-template-columns:1fr}.script-number{display:none}.real-problem-card h3{font-size:17px}}.solution-guide{min-height:100vh;padding-bottom:90px;color:#f4f7fb;background:radial-gradient(circle at 12% 8%,rgba(0,200,255,.07),transparent 28%),radial-gradient(circle at 88% 20%,rgba(120,70,255,.07),transparent 30%),#060912}.solution-hero{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:70px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.solution-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.solution-hero-content{position:relative;z-index:2;width:100%;max-width:850px;text-align:center}.solution-badge{display:inline-flex;margin-bottom:15px;padding:7px 14px;border:1px solid rgba(0,207,255,.3);border-radius:999px;background:#00cfff0f;color:#5df;font-size:10px;font-weight:900;letter-spacing:1.6px}.solution-hero-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;border:1px solid rgba(80,220,255,.25);border-radius:16px;background:linear-gradient(135deg,#00d0ff24,#6e46ff21);color:#5df}.solution-hero h1{margin:0;font-size:clamp(40px,6vw,68px);line-height:1.05;font-weight:900;letter-spacing:-2px}.solution-hero h1 span{color:transparent;background:linear-gradient(90deg,#4de8ff,#6f7cff,#b768ff);-webkit-background-clip:text;background-clip:text}.solution-hero p{max-width:700px;margin:20px auto 0;color:#aeb8c8;font-size:15px;line-height:1.7}.solution-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:28px;color:#dce5f2;font-size:12px;font-weight:700}.solution-flow svg{color:#5df}.solution-glow{position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(85px);opacity:.17}.solution-glow-one{top:-100px;left:8%;background:#00cfff}.solution-glow-two{right:7%;bottom:-120px;background:#7c4dff}.solution-nav{position:sticky;top:0;z-index:50;display:flex;justify-content:center;flex-wrap:wrap;gap:7px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#05080fe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.solution-nav button{padding:9px 13px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff06;color:#8995a8;font-size:11px;font-weight:700;cursor:pointer;transition:.2s ease}.solution-nav button:hover{color:#fff;border-color:#4bdcff59;transform:translateY(-1px)}.solution-nav button.active{color:#55e3ff;border-color:#4bdcff66;background:#00c8ff14}.solution-content{width:min(1180px,calc(100% - 32px));margin:0 auto}.solution-section{scroll-margin-top:90px;padding:75px 0 20px}.solution-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:30px}.solution-heading>span{min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,207,255,.2);border-radius:12px;background:#00cfff14;color:#53ddff;font-size:12px;font-weight:900}.solution-heading h2{margin:0 0 7px;font-size:28px;line-height:1.2}.solution-heading p{margin:0;color:#8793a7;font-size:13px;line-height:1.6}.solution-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.solution-process-card{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06;transition:.2s ease}.solution-process-card:hover{transform:translateY(-3px);border-color:#48dcff40}.solution-process-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.solution-process-top span{color:#5df;font-size:10px;font-weight:900}.solution-process-top svg{color:#68788e}.solution-process-card h3{margin:0 0 7px;font-size:15px}.solution-process-card p{margin:0;color:#8995a8;font-size:12px;line-height:1.6}.solution-rule{display:flex;align-items:flex-start;gap:16px;margin-top:18px;padding:22px;border:1px solid rgba(0,207,255,.17);border-radius:15px;background:#00cfff0a}.solution-rule-icon{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#00cfff14;color:#5df}.solution-rule span{color:#5df;font-size:9px;font-weight:900;letter-spacing:1.2px}.solution-rule h3{margin:6px 0;font-size:17px}.solution-rule p{margin:0;color:#8995a8;font-size:12px;line-height:1.6}.framework-grid{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;gap:8px}.framework-card{min-height:190px;padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06}.framework-card span{font-size:9px;font-weight:900;letter-spacing:1px}.framework-card h3{margin:12px 0 8px;font-size:16px}.framework-card p{margin:0;color:#929eae;font-size:11px;line-height:1.65}.framework-card.problem{border-color:#ff5a5a2e}.framework-card.problem span{color:#f77}.framework-card.solution{border-color:#00cfff2e}.framework-card.solution span{color:#5df}.framework-card.benefit{border-color:#ffc8462e}.framework-card.benefit span{color:#ffd35a}.framework-card.outcome{border-color:#46dca02e}.framework-card.outcome span{color:#55e4a7}.framework-arrow{color:#56687d}.features-benefits{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:15px;margin-top:18px;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06}.feature-column span,.benefit-column span{color:#68788e;font-size:9px;font-weight:900;letter-spacing:1px}.feature-column h3,.benefit-column h3{margin:7px 0 12px;font-size:17px}.feature-column ul,.benefit-column ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0;padding-left:17px;color:#8995a8;font-size:11px;line-height:1.5}.feature-arrow{display:flex;align-items:center;justify-content:center;color:#5df}.benefit-column h3{color:#55e4a7}.solution-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.solution-type-card{padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#ffffff06}.solution-type-header{display:flex;align-items:center;gap:12px;margin-bottom:22px}.solution-type-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#00cfff12;color:#5df}.solution-type-header h3{margin:0;font-size:17px}.solution-type-block{margin-bottom:16px}.solution-type-block span,.solution-benefits>span{display:block;margin-bottom:6px;color:#627286;font-size:9px;font-weight:900;letter-spacing:1px}.solution-type-block p{margin:0;color:#99a5b5;font-size:12px;line-height:1.6}.solution-benefits{padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.solution-benefits>div{display:flex;align-items:center;gap:7px;margin-top:8px}.solution-benefits svg{min-width:14px;color:#55e4a7}.solution-benefits p{margin:0;color:#929ead;font-size:11px}.problem-example-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.problem-example-card{position:relative;padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06}.example-number{position:absolute;top:15px;right:16px;color:#4c5c6f;font-size:10px;font-weight:900}.example-row{display:flex;flex-direction:column;gap:5px;margin-bottom:11px}.example-row span,.problem-example-card>div>span{color:#65758a;font-size:8px;font-weight:900;letter-spacing:1px}.example-row strong{color:#e4eaf2;font-size:13px}.problem-example-card>svg{margin:2px 0 12px;color:#5df}.example-divider{height:1px;margin:15px 0;background:#ffffff0f}.problem-example-card>div:not(.example-number):not(.example-row):not(.example-divider){margin-top:10px}.problem-example-card p{margin:5px 0 0;color:#8995a8;font-size:11px;line-height:1.55}.objection-card{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#ffffff06}.objection-title{display:flex;align-items:center;gap:9px;margin-bottom:17px}.objection-response{padding:15px;border-radius:10px;background:#0000002e}.objection-response span{color:#5df;font-size:8px;font-weight:900;letter-spacing:1px}.objection-response p{margin:7px 0 0;color:#a4afbe;font-size:11px;line-height:1.65}.objection-rule{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:18px;border:1px solid rgba(255,200,70,.15);border-radius:13px;background:#ffc84609}.objection-rule>svg{min-width:21px;color:#ffca55}.objection-rule strong{color:#ffca55;font-size:12px}.objection-rule p{display:inline;margin:0;color:#9ba5b3;font-size:11px;line-height:1.6}.solution-script{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff06;box-shadow:0 25px 70px #00000040}.solution-script-header{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(135deg,#00d0ff12,#734bff0f)}.solution-script-header span{color:#5df;font-size:9px;font-weight:900;letter-spacing:1.2px}.solution-script-header h3{margin:5px 0 0;font-size:19px}.script-tag{padding:7px 10px;border:1px solid rgba(0,208,255,.2);border-radius:7px;color:#5df;font-size:9px;font-weight:900}.solution-script-body{padding:5px 25px 25px}.solution-script-step{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.05)}.solution-script-step:last-child{border-bottom:0}.solution-script-number{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#00cfff12;color:#5df;font-size:10px;font-weight:900}.solution-script-step h4{margin:1px 0 8px;font-size:14px}.solution-script-step p{margin:0;color:#a9b3c1;font-size:13px;line-height:1.7}.proposal-ready-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.proposal-ready-card{padding:23px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#ffffff06}.proposal-ready-card.yes{border-color:#46dca02e;background:#46dca009}.proposal-ready-card.no{border-color:#ff646426;background:#ff505006}.proposal-ready-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;border-radius:11px;background:#ffffff0a}.yes .proposal-ready-icon{color:#55e4a7}.no .proposal-ready-icon{color:#f77}.proposal-ready-card h3{margin:0 0 17px;font-size:17px}.proposal-ready-card ul{display:flex;flex-direction:column;gap:9px;margin:0;padding-left:19px;color:#96a2b2;font-size:11px;line-height:1.5}.crm-solution-section{display:flex;align-items:flex-start;gap:17px;margin-top:18px;padding:24px;border:1px solid rgba(0,207,255,.16);border-radius:16px;background:#00cfff09}.crm-solution-icon{min-width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#00cfff14;color:#5df}.crm-solution-section>div:last-child>span{color:#5df;font-size:9px;font-weight:900;letter-spacing:1px}.crm-solution-section h3{margin:7px 0 18px;font-size:17px}.crm-solution-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.crm-solution-fields>div{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:9px;background:#00000026}.crm-solution-fields strong{color:#e3e9f1;font-size:11px}.crm-solution-fields span{color:#7f8c9d;font-size:9px;line-height:1.4}.final-sales-rule{display:flex;align-items:flex-start;gap:15px;margin-top:18px;padding:24px;border:1px solid rgba(115,80,255,.18);border-radius:16px;background:linear-gradient(135deg,#7350ff0f,#00cfff09)}.final-sales-rule>div{min-width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#7350ff17;color:#b678ff}.final-sales-rule span{color:#b678ff;font-size:9px;font-weight:900;letter-spacing:1px}.final-sales-rule h3{max-width:750px;margin:7px 0;font-size:18px;line-height:1.5}.final-sales-rule p{max-width:750px;margin:0;color:#8995a8;font-size:11px;line-height:1.65}@media(max-width:1050px){.solution-process-grid{grid-template-columns:repeat(2,1fr)}.framework-grid{grid-template-columns:1fr 1fr}.framework-arrow{display:none}.crm-solution-fields{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.solution-types-grid,.problem-example-grid,.objection-grid,.proposal-ready-grid,.features-benefits{grid-template-columns:1fr}.feature-arrow{transform:rotate(90deg)}.solution-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.solution-nav::-webkit-scrollbar{display:none}.solution-nav button{white-space:nowrap}}@media(max-width:600px){.solution-hero{min-height:auto;padding:55px 20px}.solution-hero h1{font-size:40px;letter-spacing:-1.5px}.solution-content{width:min(100% - 24px,680px)}.solution-section{padding-top:55px}.solution-heading h2{font-size:23px}.solution-process-grid,.framework-grid,.crm-solution-fields,.feature-column ul,.benefit-column ul{grid-template-columns:1fr}.solution-script-header{align-items:flex-start;flex-direction:column;gap:14px}.solution-script-body{padding:5px 16px 18px}.solution-script-step{grid-template-columns:38px 1fr;gap:10px}.solution-script-number{width:32px;height:32px}}@media(max-width:450px){.solution-hero h1{font-size:34px}.solution-hero p{font-size:13px}.solution-heading{gap:11px}.solution-heading>span{min-width:39px;height:39px}.solution-heading h2{font-size:21px}.solution-script-step{grid-template-columns:1fr}.solution-script-number{display:none}.final-sales-rule h3{font-size:16px}}.proposal-guide{min-height:100vh;padding-bottom:90px;color:#f4f7fb;background:radial-gradient(circle at 10% 5%,rgba(0,200,255,.07),transparent 28%),radial-gradient(circle at 90% 15%,rgba(110,70,255,.07),transparent 30%),#060912}.proposal-hero{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:70px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.proposal-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.proposal-hero-content{position:relative;z-index:2;width:100%;max-width:850px;text-align:center}.proposal-badge{display:inline-flex;margin-bottom:15px;padding:7px 14px;border:1px solid rgba(0,207,255,.3);border-radius:999px;background:#00cfff0f;color:#5df;font-size:10px;font-weight:900;letter-spacing:1.6px}.proposal-hero-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;border:1px solid rgba(80,220,255,.25);border-radius:16px;background:linear-gradient(135deg,#00d0ff24,#6e46ff21);color:#5df}.proposal-hero h1{margin:0;font-size:clamp(40px,6vw,68px);line-height:1.05;font-weight:900;letter-spacing:-2px}.proposal-hero h1 span{color:transparent;background:linear-gradient(90deg,#4de8ff,#6f7cff,#b768ff);-webkit-background-clip:text;background-clip:text}.proposal-hero p{max-width:700px;margin:20px auto 0;color:#aeb8c8;font-size:15px;line-height:1.7}.proposal-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:28px;color:#dce5f2;font-size:12px;font-weight:700}.proposal-flow svg{color:#5df}.proposal-glow{position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(85px);opacity:.17}.proposal-glow-one{top:-100px;left:8%;background:#00cfff}.proposal-glow-two{right:7%;bottom:-120px;background:#7c4dff}.proposal-nav{position:sticky;top:0;z-index:50;display:flex;justify-content:center;flex-wrap:wrap;gap:7px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#05080fe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.proposal-nav button{padding:9px 13px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff06;color:#8995a8;font-size:11px;font-weight:700;cursor:pointer;transition:.2s ease}.proposal-nav button:hover{color:#fff;border-color:#4bdcff59;transform:translateY(-1px)}.proposal-nav button.active{color:#55e3ff;border-color:#4bdcff66;background:#00c8ff14}.proposal-content{width:min(1180px,calc(100% - 32px));margin:0 auto}.proposal-section{scroll-margin-top:90px;padding:75px 0 20px}.proposal-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:30px}.proposal-heading>span{min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,207,255,.2);border-radius:12px;background:#00cfff14;color:#53ddff;font-size:12px;font-weight:900}.proposal-heading h2{margin:0 0 7px;font-size:28px;line-height:1.2}.proposal-heading p{margin:0;color:#8793a7;font-size:13px;line-height:1.6}.proposal-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.proposal-process-card{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06;transition:.2s ease}.proposal-process-card:hover{transform:translateY(-3px);border-color:#48dcff40}.proposal-process-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.proposal-process-top span{color:#5df;font-size:10px;font-weight:900}.proposal-process-top svg{color:#68788e}.proposal-process-card h3{margin:0 0 7px;font-size:15px}.proposal-process-card p{margin:0;color:#8995a8;font-size:12px;line-height:1.6}.proposal-rule{display:flex;align-items:flex-start;gap:16px;margin-top:18px;padding:22px;border:1px solid rgba(0,207,255,.17);border-radius:15px;background:#00cfff0a}.proposal-rule-icon{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#00cfff14;color:#5df}.proposal-rule span{color:#5df;font-size:9px;font-weight:900;letter-spacing:1.2px}.proposal-rule h3{margin:6px 0;font-size:17px}.proposal-rule p{margin:0;color:#8995a8;font-size:12px;line-height:1.6}.proposal-sections-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.proposal-section-card{position:relative;padding:21px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06}.proposal-section-number{margin-bottom:17px;color:#5df;font-size:10px;font-weight:900}.proposal-section-card h3{margin:0 0 7px;font-size:15px}.proposal-section-card>p{margin:0 0 16px;color:#808da0;font-size:11px;line-height:1.55}.proposal-section-card ul{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.proposal-section-card li{display:flex;align-items:center;gap:7px;color:#98a4b4;font-size:10px}.proposal-section-card li svg{min-width:14px;color:#55e4a7}.proposal-writing-box{display:flex;align-items:flex-start;gap:15px;margin-top:17px;padding:22px;border:1px solid rgba(110,80,255,.16);border-radius:15px;background:#6e50ff09;color:#b678ff}.proposal-writing-box>svg{min-width:22px}.proposal-writing-box span{color:#b678ff;font-size:9px;font-weight:900;letter-spacing:1px}.proposal-writing-box h3{margin:6px 0;color:#f0f3f8;font-size:16px}.proposal-writing-box p{margin:0;color:#8995a8;font-size:11px;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pricing-card{position:relative;padding:24px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:#ffffff06}.pricing-popular{border-color:#00cfff52;background:linear-gradient(145deg,#00cfff12,#6e46ff0a)}.popular-badge{position:absolute;top:14px;right:14px;padding:5px 8px;border-radius:6px;background:#00cfff1a;color:#5df;font-size:8px;font-weight:900;letter-spacing:.8px}.pricing-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.pricing-top span{color:#6f8095;font-size:9px;font-weight:900;letter-spacing:1px}.pricing-top svg{color:#5df}.pricing-card h3{margin:0 0 8px;font-size:21px}.pricing-card>p{min-height:55px;margin:0;color:#8995a8;font-size:11px;line-height:1.6}.pricing-divider{height:1px;margin:20px 0;background:#ffffff12}.pricing-card ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.pricing-card li{display:flex;align-items:center;gap:8px;color:#a0aab8;font-size:11px}.pricing-card li svg{color:#55e4a7}.pricing-note{margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05);color:#627286;font-size:9px}.pricing-rule{display:flex;align-items:flex-start;gap:13px;margin-top:16px;padding:18px;border:1px solid rgba(70,220,160,.13);border-radius:14px;background:#46dca006;color:#55e4a7}.pricing-rule strong{display:block;margin-bottom:5px;color:#dfe8e3;font-size:12px}.pricing-rule p{margin:0;color:#8995a8;font-size:11px;line-height:1.6}.payment-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.payment-example{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff06}.payment-example-header{display:flex;justify-content:space-between;margin-bottom:20px}.payment-example-header span{color:#65758a;font-size:9px;font-weight:900;letter-spacing:1px}.payment-example-header h3{margin:5px 0 0;font-size:21px}.payment-example-header svg{color:#5df}.payment-step{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.05)}.payment-step>div{display:flex;flex-direction:column;gap:3px}.payment-step strong{color:#5df;font-size:14px}.payment-step span{color:#7e8b9c;font-size:10px}.payment-step b{color:#e9edf3;font-size:12px}.payment-total{display:flex;justify-content:space-between;padding-top:18px}.payment-total span{color:#758398;font-size:11px}.payment-total strong{color:#55e4a7;font-size:17px}.payment-info{display:flex;flex-direction:column;gap:12px}.payment-info article{display:flex;gap:13px;padding:19px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#ffffff06}.payment-info article>svg{min-width:20px;color:#5df}.payment-info h3{margin:0 0 6px;font-size:14px}.payment-info p{margin:0;color:#8995a8;font-size:11px;line-height:1.6}.pricing-objections{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pricing-objection-card{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#ffffff06}.pricing-objection-title{display:flex;align-items:center;gap:9px;margin-bottom:16px}.pricing-objection-title svg{color:#ffca55}.pricing-objection-title h3{margin:0;font-size:14px}.dont-say,.instead-say{padding:13px;border-radius:9px}.dont-say{margin-bottom:8px;background:#ff50500b}.instead-say{background:#46dca00b}.dont-say span,.instead-say span{font-size:8px;font-weight:900;letter-spacing:1px}.dont-say span{color:#f77}.instead-say span{color:#55e4a7}.dont-say p,.instead-say p{margin:6px 0 0;color:#9ba5b3;font-size:11px;line-height:1.55}.discount-rule{display:flex;align-items:flex-start;gap:14px;margin-top:16px;padding:20px;border:1px solid rgba(255,190,70,.18);border-radius:14px;background:#ffbe4609;color:#ffca55}.discount-rule>svg{min-width:23px}.discount-rule span{color:#ffca55;font-size:9px;font-weight:900;letter-spacing:1px}.discount-rule h3{margin:6px 0;color:#f1f3f6;font-size:16px}.discount-rule p{margin:0;color:#8995a8;font-size:11px;line-height:1.6}.followup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.followup-card{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06}.followup-day{margin-bottom:18px;color:#5df;font-size:9px;font-weight:900;letter-spacing:1px}.followup-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;border-radius:10px;background:#00cfff12;color:#5df}.followup-card h3{margin:0 0 7px;font-size:14px}.followup-card p{margin:0;color:#8995a8;font-size:11px;line-height:1.6}.followup-script{display:flex;gap:13px;margin-top:16px;padding:20px;border:1px solid rgba(0,207,255,.14);border-radius:14px;background:#00cfff08;color:#5df}.followup-script>svg{min-width:21px}.followup-script span{color:#5df;font-size:8px;font-weight:900;letter-spacing:1px}.followup-script p{margin:6px 0 0;color:#a3adbb;font-size:12px;line-height:1.65}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.status-card{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#ffffff06;color:#748397}.status-card svg{color:#5df}.status-card span{color:#a2adbc;font-size:10px;font-weight:700}.status-success{border-color:#46dca033;background:#46dca009}.status-success svg{color:#55e4a7}.status-success span{color:#55e4a7}.status-danger{border-color:#ff5a5a29;background:#ff5a5a06}.status-danger svg{color:#f77}.status-danger span{color:#f77}.crm-checklist{display:flex;align-items:flex-start;gap:16px;margin-top:17px;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06}.crm-checklist-icon{min-width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#00cfff14;color:#5df}.crm-checklist>div:last-child>span{color:#5df;font-size:9px;font-weight:900;letter-spacing:1px}.crm-checklist h3{margin:6px 0 18px;font-size:16px}.crm-check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.crm-check-grid>div{display:flex;align-items:center;gap:6px;padding:10px;border-radius:8px;background:#00000026;color:#8f9baa;font-size:9px}.crm-check-grid svg{min-width:14px;color:#55e4a7}.closing-rule{display:flex;align-items:flex-start;gap:15px;margin-top:18px;padding:24px;border:1px solid rgba(110,80,255,.18);border-radius:16px;background:linear-gradient(135deg,#6e50ff0f,#00cfff09)}.closing-rule-icon{min-width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#6e50ff17;color:#b678ff}.closing-rule span{color:#b678ff;font-size:9px;font-weight:900;letter-spacing:1px}.closing-rule h3{max-width:760px;margin:7px 0;font-size:18px;line-height:1.5}.closing-rule p{max-width:760px;margin:0;color:#8995a8;font-size:11px;line-height:1.65}@media(max-width:1050px){.proposal-process-grid,.followup-grid,.proposal-sections-grid,.status-grid,.crm-check-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.pricing-grid,.payment-layout,.pricing-objections{grid-template-columns:1fr}}@media(max-width:750px){.proposal-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.proposal-nav::-webkit-scrollbar{display:none}.proposal-nav button{white-space:nowrap}.proposal-sections-grid{grid-template-columns:1fr}}@media(max-width:600px){.proposal-hero{min-height:auto;padding:55px 20px}.proposal-hero h1{font-size:40px;letter-spacing:-1.5px}.proposal-content{width:min(100% - 24px,680px)}.proposal-section{padding-top:55px}.proposal-heading h2{font-size:23px}.proposal-process-grid,.followup-grid,.status-grid,.crm-check-grid{grid-template-columns:1fr}.proposal-heading{gap:11px}.proposal-heading>span{min-width:40px;height:40px}.crm-checklist,.closing-rule,.proposal-rule{flex-direction:column}}@media(max-width:450px){.proposal-hero h1{font-size:34px}.proposal-hero p{font-size:13px}.proposal-script-step{grid-template-columns:1fr}.closing-rule h3{font-size:16px}}.followup-guide{min-height:100vh;padding-bottom:90px;color:#f4f7fb;background:radial-gradient(circle at 10% 5%,rgba(0,200,255,.07),transparent 28%),radial-gradient(circle at 90% 15%,rgba(110,70,255,.07),transparent 30%),#060912}.followup-hero{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:70px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.followup-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.followup-hero-content{position:relative;z-index:2;width:100%;max-width:850px;text-align:center}.followup-badge{display:inline-flex;margin-bottom:15px;padding:7px 14px;border:1px solid rgba(0,207,255,.3);border-radius:999px;background:#00cfff0f;color:#5df;font-size:10px;font-weight:900;letter-spacing:1.6px}.followup-hero-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;border:1px solid rgba(80,220,255,.25);border-radius:16px;background:linear-gradient(135deg,#00d0ff24,#6e46ff21);color:#5df}.followup-hero h1{margin:0;font-size:clamp(40px,6vw,68px);line-height:1.05;font-weight:900;letter-spacing:-2px}.followup-hero h1 span{color:transparent;background:linear-gradient(90deg,#4de8ff,#6f7cff,#b768ff);-webkit-background-clip:text;background-clip:text}.followup-hero p{max-width:700px;margin:20px auto 0;color:#aeb8c8;font-size:15px;line-height:1.7}.followup-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:28px;color:#dce5f2;font-size:12px;font-weight:700}.followup-flow svg{color:#5df}.followup-glow{position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(85px);opacity:.17}.followup-glow-one{top:-100px;left:8%;background:#00cfff}.followup-glow-two{right:7%;bottom:-120px;background:#7c4dff}.followup-nav{position:sticky;top:0;z-index:50;display:flex;justify-content:center;flex-wrap:wrap;gap:7px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#05080fe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.followup-nav button{padding:9px 13px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff06;color:#8995a8;font-size:11px;font-weight:700;cursor:pointer;transition:.2s ease}.followup-nav button:hover{color:#fff;border-color:#4bdcff59;transform:translateY(-1px)}.followup-nav button.active{color:#55e3ff;border-color:#4bdcff66;background:#00c8ff14}.followup-content{width:min(1180px,calc(100% - 32px));margin:0 auto}.followup-section{scroll-margin-top:90px;padding:75px 0 20px}.followup-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:30px}.followup-heading>span{min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,207,255,.2);border-radius:12px;background:#00cfff14;color:#53ddff;font-size:12px;font-weight:900}.followup-heading h2{margin:0 0 7px;font-size:28px;line-height:1.2}.followup-heading p{margin:0;color:#8793a7;font-size:13px;line-height:1.6}.followup-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.followup-timeline-card{position:relative;padding:20px;min-height:220px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06;transition:.2s ease}.followup-timeline-card:hover{transform:translateY(-3px);border-color:#4bdcff40}.timeline-number{position:absolute;top:17px;right:17px;color:#536174;font-size:9px;font-weight:900}.timeline-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border-radius:10px;background:#00cfff12;color:#5df}.timeline-meta{display:flex;align-items:center;gap:7px;margin-bottom:7px}.timeline-meta span{color:#5df;font-size:8px;font-weight:900;letter-spacing:.8px}.timeline-meta b{padding:3px 6px;border-radius:5px;background:#ffffff0a;color:#758297;font-size:8px}.timeline-content h3{margin:0 0 8px;font-size:14px}.timeline-content p{margin:0;color:#8995a8;font-size:11px;line-height:1.6}.followup-important{display:flex;align-items:flex-start;gap:16px;margin-top:17px;padding:22px;border:1px solid rgba(0,207,255,.17);border-radius:15px;background:#00cfff0a}.followup-important-icon{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#00cfff14;color:#5df}.followup-important span{color:#5df;font-size:9px;font-weight:900;letter-spacing:1.2px}.followup-important h3{margin:6px 0;font-size:17px}.followup-important p{margin:0;color:#8995a8;font-size:12px;line-height:1.6}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.channel-card{padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#ffffff06}.channel-card-top{display:flex;align-items:center;gap:12px;margin-bottom:24px}.channel-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:11px}.channel-card h3{margin:0;font-size:17px}.channel-label{color:#65758a;font-size:8px;font-weight:900;letter-spacing:1px}.channel-card ul{display:flex;flex-direction:column;gap:11px;margin:12px 0 0;padding:0;list-style:none}.channel-card li{display:flex;align-items:flex-start;gap:8px;color:#98a4b4;font-size:11px;line-height:1.45}.channel-card li svg{min-width:14px;margin-top:1px}.channel-blue{border-color:#00cfff21}.channel-blue .channel-icon{background:#00cfff14;color:#5df}.channel-blue li svg{color:#5df}.channel-purple{border-color:#a064ff21}.channel-purple .channel-icon{background:#a064ff14;color:#b678ff}.channel-purple li svg{color:#b678ff}.channel-green{border-color:#46dca021}.channel-green .channel-icon{background:#46dca014;color:#55e4a7}.channel-green li svg{color:#55e4a7}.channel-rule{display:flex;align-items:flex-start;gap:13px;margin-top:16px;padding:18px;border:1px solid rgba(0,207,255,.13);border-radius:14px;background:#00cfff06;color:#5df}.channel-rule strong{display:block;margin-bottom:5px;color:#e4ebf2;font-size:12px}.channel-rule p{margin:0;color:#8995a8;font-size:11px;line-height:1.6}.script-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.script-card{overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06}.script-card-header{display:flex;align-items:center;gap:11px;padding:19px;border-bottom:1px solid rgba(255,255,255,.06);color:#5df}.script-card-header span{display:block;margin-bottom:3px;color:#65758a;font-size:8px;font-weight:900;letter-spacing:1px}.script-card-header h3{margin:0;color:#eef2f6;font-size:14px}.script-example{padding:20px}.script-example p{margin:0 0 13px;color:#9ca7b6;font-size:11px;line-height:1.7}.script-example p:last-child{margin-bottom:0}.script-warning{display:flex;align-items:flex-start;gap:14px;margin-top:16px;padding:20px;border:1px solid rgba(255,190,70,.16);border-radius:14px;background:#ffbe4609;color:#ffca55}.script-warning span{color:#ffca55;font-size:9px;font-weight:900;letter-spacing:1px}.script-warning h3{margin:5px 0;color:#f0f3f6;font-size:16px}.script-warning p{margin:0;color:#8995a8;font-size:11px;line-height:1.6}.objection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.objection-card{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06}.objection-title{display:flex;align-items:center;gap:9px;margin-bottom:16px}.objection-title svg{color:#ffca55}.objection-title h3{margin:0;font-size:14px}.objection-block{padding:13px;border-radius:9px}.objection-block+.objection-block{margin-top:8px}.objection-block span,.objection-goal strong{font-size:8px;font-weight:900;letter-spacing:1px}.objection-block p{margin:6px 0 0;color:#9ba5b3;font-size:11px;line-height:1.55}.objection-dont{background:#ff50500b}.objection-dont span{color:#f77}.objection-instead{background:#46dca00b}.objection-instead span{color:#55e4a7}.objection-goal{margin-top:13px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06)}.objection-goal strong{color:#6f8095}.objection-goal p{margin:5px 0 0;color:#7f8b9b;font-size:10px;line-height:1.55}.objection-rule{display:flex;align-items:flex-start;gap:14px;margin-top:16px;padding:20px;border:1px solid rgba(110,80,255,.15);border-radius:14px;background:#6e50ff09;color:#b678ff}.objection-rule span{color:#b678ff;font-size:9px;font-weight:900;letter-spacing:1px}.objection-rule h3{margin:5px 0;color:#eef1f5;font-size:16px}.objection-rule p{margin:0;color:#8995a8;font-size:11px;line-height:1.6}.ghosting-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.ghosting-card{padding:19px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#ffffff06}.ghosting-top{display:flex;justify-content:space-between;margin-bottom:18px}.ghosting-top span{color:#5df;font-size:9px;font-weight:900}.ghosting-top svg{color:#65758a}.ghosting-card small{color:#667589;font-size:9px}.ghosting-card h3{margin:7px 0;font-size:14px}.ghosting-card p{margin:0;color:#8995a8;font-size:10px;line-height:1.6}.final-email{display:flex;gap:14px;margin-top:16px;padding:21px;border:1px solid rgba(0,207,255,.14);border-radius:15px;background:#00cfff08;color:#5df}.final-email-icon{min-width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#00cfff14}.final-email span{color:#5df;font-size:8px;font-weight:900;letter-spacing:1px}.final-email p{margin:6px 0 0;color:#9da8b7;font-size:11px;line-height:1.65}.ghosting-rule{display:flex;align-items:flex-start;gap:13px;margin-top:12px;padding:17px;border-radius:12px;background:#ff505009;color:#f77}.ghosting-rule strong{display:block;margin-bottom:4px;color:#e9edf2;font-size:12px}.ghosting-rule p{margin:0;color:#8995a8;font-size:10px;line-height:1.6}.closing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.closing-card{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06}.closing-icon{width:41px;height:41px;display:flex;align-items:center;justify-content:center;margin-bottom:17px;border-radius:10px;background:#46dca012;color:#55e4a7}.closing-card h3{margin:0 0 7px;font-size:14px}.closing-card>p{min-height:68px;margin:0;color:#8995a8;font-size:10px;line-height:1.6}.closing-script{margin-top:15px;padding:12px;border-radius:9px;background:#46dca009}.closing-script span{color:#55e4a7;font-size:8px;font-weight:900;letter-spacing:1px}.closing-script p{margin:5px 0 0;color:#9ca7b4;font-size:10px;line-height:1.55}.closing-flow{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:22px;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff05}.closing-flow>div{text-align:center}.closing-flow span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;margin:0 auto 7px;border-radius:50%;background:#00cfff14;color:#5df;font-size:9px;font-weight:900}.closing-flow p{margin:0;color:#8995a8;font-size:10px}.closing-flow>svg{color:#4b5a6c}.not-ready-box{display:flex;align-items:flex-start;gap:13px;margin-top:15px;padding:20px;border:1px solid rgba(255,190,70,.14);border-radius:14px;background:#ffbe4608;color:#ffca55}.not-ready-box>svg{min-width:21px}.not-ready-box span{color:#ffca55;font-size:8px;font-weight:900;letter-spacing:1px}.not-ready-box h3{margin:5px 0;color:#eef1f5;font-size:15px}.not-ready-box p{margin:0;color:#8995a8;font-size:10px;line-height:1.6}.crm-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.crm-status-card{display:flex;align-items:center;gap:9px;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#ffffff06;color:#5df}.crm-status-card span{color:#9ba6b5;font-size:10px;font-weight:700}.crm-won{border-color:#46dca033;background:#46dca009;color:#55e4a7}.crm-won span{color:#55e4a7}.crm-lost{border-color:#ff5a5a29;background:#ff5a5a06;color:#f77}.crm-lost span{color:#f77}.crm-update-box{display:flex;align-items:flex-start;gap:16px;margin-top:17px;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#ffffff06}.crm-update-icon{min-width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#00cfff14;color:#5df}.crm-update-content>span{color:#5df;font-size:9px;font-weight:900;letter-spacing:1px}.crm-update-content h3{margin:6px 0 18px;font-size:16px}.crm-update-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.crm-update-grid>div{display:flex;align-items:center;gap:6px;padding:9px;border-radius:8px;background:#00000026;color:#8f9baa;font-size:9px}.crm-update-grid svg{min-width:14px;color:#55e4a7}.crm-next-step{display:flex;align-items:flex-start;gap:14px;margin-top:15px;padding:20px;border:1px solid rgba(110,80,255,.15);border-radius:14px;background:#6e50ff09}.crm-next-icon{min-width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#6e50ff14;color:#b678ff}.crm-next-step span{color:#b678ff;font-size:8px;font-weight:900;letter-spacing:1px}.crm-next-step h3{margin:5px 0;color:#eef1f5;font-size:15px}.crm-next-step p{margin:0;color:#8995a8;font-size:10px;line-height:1.6}.proposal-reminder{display:flex;align-items:flex-start;gap:13px;margin-top:13px;padding:18px;border:1px solid rgba(0,207,255,.13);border-radius:13px;background:#00cfff06;color:#5df}.proposal-reminder>svg{min-width:21px}.proposal-reminder span{color:#5df;font-size:8px;font-weight:900;letter-spacing:1px}.proposal-reminder h3{margin:5px 0;color:#e9edf2;font-size:14px}.proposal-reminder p{margin:0;color:#8995a8;font-size:10px;line-height:1.6}@media(max-width:1100px){.followup-timeline,.ghosting-grid,.crm-update-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:950px){.closing-grid{grid-template-columns:repeat(2,1fr)}.channel-grid,.script-grid{grid-template-columns:1fr}.crm-status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.objection-grid{grid-template-columns:1fr}.followup-timeline,.ghosting-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.followup-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.followup-nav::-webkit-scrollbar{display:none}.followup-nav button{white-space:nowrap}.closing-flow{flex-direction:column;gap:10px}.closing-flow>svg{transform:rotate(90deg)}.crm-update-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.followup-hero{min-height:auto;padding:55px 20px}.followup-hero h1{font-size:40px;letter-spacing:-1.5px}.followup-content{width:min(100% - 24px,680px)}.followup-section{padding-top:55px}.followup-heading{gap:11px}.followup-heading>span{min-width:40px;height:40px}.followup-heading h2{font-size:23px}.followup-timeline,.ghosting-grid,.closing-grid,.crm-status-grid,.crm-update-grid{grid-template-columns:1fr}.followup-important,.crm-update-box,.crm-next-step,.proposal-reminder{flex-direction:column}}@media(max-width:450px){.followup-hero h1{font-size:34px}.followup-hero p{font-size:13px}.followup-flow{gap:6px}}.lead-details-page{width:100%;max-width:1500px;margin:0 auto;padding:28px 30px 60px;color:#e8eef8}.lead-details-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.lead-header-left{display:flex;align-items:flex-start;gap:18px}.details-back-btn{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#aebbd0;text-decoration:none;background:#101928bf;border:1px solid rgba(112,141,177,.18);border-radius:12px;transition:.2s ease}.details-back-btn:hover{color:#fff;border-color:#38bdf873;background:#142337f2;transform:translate(-2px)}.lead-details-title{display:flex;align-items:center;gap:16px}.lead-details-company-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;color:#67d7ff;background:linear-gradient(145deg,#00b7ff2e,#533fff1f);border:1px solid rgba(63,195,255,.25);border-radius:16px;box-shadow:0 10px 35px #00aeff14,inset 0 0 25px #00b7ff0a}.details-eyebrow{display:flex;align-items:center;gap:7px;margin-bottom:5px;color:#61cfff;font-size:10px;font-weight:800;letter-spacing:.16em}.details-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#39c8ff;box-shadow:0 0 10px #39c8ffcc}.lead-details-title h1{margin:0;color:#f5f9ff;font-size:clamp(24px,3vw,34px);line-height:1.1;font-weight:800;letter-spacing:-.025em}.lead-details-title p{margin:7px 0 0;color:#8292aa;font-size:13px}.lead-details-actions{display:flex;align-items:center;gap:10px}.details-primary-btn,.details-secondary-btn,.details-danger-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.details-primary-btn{color:#06111c;border:1px solid rgba(74,211,255,.8);background:linear-gradient(135deg,#5de1ff,#4ca8ff);box-shadow:0 8px 24px #36b1ff26}.details-primary-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px #36b1ff40}.details-secondary-btn{color:#d8e5f5;background:#101b2bd9;border:1px solid rgba(126,151,182,.2)}.details-secondary-btn:hover{color:#fff;border-color:#4cbeff73;background:#1a2a3ef2}.details-danger-btn{color:#ff9d9d;background:#5d162040;border:1px solid rgba(255,90,108,.2)}.details-danger-btn:hover{color:#fff;background:#851f2d66;border-color:#ff5a6c80}.details-primary-btn:disabled,.details-secondary-btn:disabled,.details-danger-btn:disabled{opacity:.55;cursor:not-allowed}.lead-detail-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.lead-detail-stat{min-height:88px;display:flex;align-items:center;gap:13px;padding:17px;background:linear-gradient(145deg,#101b2bf5,#0b1320f5);border:1px solid rgba(113,142,177,.14);border-radius:14px;box-shadow:0 12px 30px #0000001f}.lead-detail-stat-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#63d8ff;background:#2baeff17;border:1px solid rgba(66,197,255,.14);border-radius:11px}.lead-detail-stat span{display:block;margin-bottom:4px;color:#73839a;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lead-detail-stat strong{display:block;color:#edf5ff;font-size:16px;font-weight:750}.lead-stage-panel{margin-bottom:20px;padding:22px;background:radial-gradient(circle at 90% 0%,rgba(0,174,255,.08),transparent 32%),#0d1726f2;border:1px solid rgba(104,137,174,.16);border-radius:17px;box-shadow:0 16px 40px #00000024}.stage-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.details-section-label{display:block;color:#5bcfff;font-size:10px;font-weight:800;letter-spacing:.14em}.stage-panel-heading h2{margin:5px 0 0;color:#f3f8ff;font-size:20px}.details-status-badge{padding:7px 12px;border-radius:999px;font-size:11px;font-weight:800;text-transform:capitalize}.details-status-badge.new{color:#8edfff;background:#34beff1a}.details-status-badge.pending{color:#ffd37c;background:#ffc1481a}.details-status-badge.approved{color:#7ff0ba;background:#33d6871a}.details-status-badge.rejected{color:#ff9b9b;background:#ff4c5c1a}.stage-progress{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.stage-step{position:relative;min-width:0;text-align:center}.stage-step:before{content:"";position:absolute;top:6px;left:0;right:0;height:2px;background:#6f89a924}.stage-step:first-child:before{left:50%}.stage-step:last-child:before{right:50%}.stage-step .stage-dot{position:relative;z-index:2;display:block;width:13px;height:13px;margin:0 auto 9px;border-radius:50%;background:#18263a;border:2px solid #42526a;transition:.2s ease}.stage-step.completed:before{background:#36c5ff59}.stage-step.completed .stage-dot{background:#39c9ff;border-color:#78e2ff;box-shadow:0 0 13px #30c8ff73}.stage-step.current .stage-dot{width:16px;height:16px;margin-top:-1px;box-shadow:0 0 0 4px #30c8ff14,0 0 18px #30c8ff80}.stage-step small{display:block;overflow:hidden;color:#64758d;font-size:9px;font-weight:600;line-height:1.3;text-overflow:ellipsis}.stage-step.completed small{color:#a5bbd1}.stage-step.current small{color:#66d8ff;font-weight:800}.lead-details-content{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px}.lead-details-main{min-width:0;display:flex;flex-direction:column;gap:16px}.lead-details-sidebar{position:sticky;top:20px;display:flex;flex-direction:column;gap:14px}.lead-info-card{overflow:hidden;background:linear-gradient(145deg,#0f1a2afa,#0a121efa);border:1px solid rgba(111,140,174,.14);border-radius:16px;box-shadow:0 14px 35px #00000021}.details-section-header{display:flex;align-items:flex-start;gap:13px;padding:20px 22px;border-bottom:1px solid rgba(110,139,174,.11)}.details-section-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#61d6ff;background:#2db8ff14;border:1px solid rgba(61,200,255,.13);border-radius:10px}.details-section-header h2{margin:3px 0;color:#f0f6ff;font-size:17px;font-weight:750}.details-section-header p{margin:0;color:#74859d;font-size:12px;line-height:1.5}.details-section-body{padding:22px}.details-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.details-info-item{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:14px;background:#060e1973;border:1px solid rgba(111,140,175,.09);border-radius:11px}.details-info-icon{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#64cfff;background:#30b5ff12;border-radius:9px}.details-info-item span{display:block;margin-bottom:4px;color:#65768d;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.details-info-item strong{display:block;overflow-wrap:anywhere;color:#dce8f6;font-size:13px;line-height:1.4}.website-link{display:inline-flex;align-items:center;gap:5px;color:#5ed4ff;text-decoration:none}.website-link:hover{color:#9ae8ff}.detail-text-block{margin-top:18px;padding:15px;background:#050d1866;border:1px solid rgba(110,140,176,.08);border-radius:11px}.detail-text-block span,.detail-subsection-label{display:block;margin-bottom:7px;color:#71839a;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.detail-text-block p{margin:0;color:#c7d5e6;font-size:13px;line-height:1.7;white-space:pre-wrap}.detail-text-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-text-grid .detail-text-block{margin-top:0}.details-tag-list{display:flex;flex-wrap:wrap;gap:8px}.detail-problem-tag,.detail-service-tag,.detail-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:700}.detail-problem-tag{color:#ffb4b4;background:#ff4d5e12;border:1px solid rgba(255,90,105,.13)}.detail-service-tag{color:#91dcff;background:#2fb9ff12;border:1px solid rgba(47,185,255,.13)}.detail-tag{color:#bac9dc;background:#788ca514;border:1px solid rgba(120,140,165,.13)}.detail-highlight{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding:13px 15px;background:#30b6ff0d;border-left:3px solid #40caff;border-radius:8px}.detail-highlight span{color:#75879e;font-size:11px}.detail-highlight strong{color:#d9f4ff;font-size:12px}.details-empty-text{margin:0;color:#687991;font-size:12px;font-style:italic}.details-subsection{margin-top:22px}.details-subsection>label{display:block;margin-bottom:11px;color:#8fa1b7;font-size:11px;font-weight:700}.lead-sidebar-card{padding:19px;background:linear-gradient(145deg,#0f1b2bfa,#09111dfa);border:1px solid rgba(111,140,174,.14);border-radius:15px;box-shadow:0 12px 30px #0000001f}.sales-owner{display:flex;align-items:center;gap:12px;margin-top:16px}.sales-owner-avatar{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#70ddff;background:#34b8ff17;border:1px solid rgba(52,184,255,.16);border-radius:50%;font-size:13px;font-weight:800}.sales-owner-avatar img{width:100%;height:100%;object-fit:cover}.sales-owner strong{display:block;color:#e4eef9;font-size:13px}.sales-owner span{display:block;margin-top:3px;overflow:hidden;color:#718299;font-size:10px;text-overflow:ellipsis}.sidebar-details{display:flex;flex-direction:column;margin-top:15px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(110,139,173,.08)}.sidebar-item:last-child{border-bottom:0}.sidebar-item-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#5fcfff;background:#2db6ff12;border-radius:8px}.sidebar-item span{display:block;color:#65768c;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sidebar-item strong{display:block;margin-top:3px;color:#dce7f4;font-size:12px}.lead-details-edit-form{display:flex;flex-direction:column;gap:16px}.details-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.details-field{min-width:0}.details-field label{display:block;margin-bottom:7px;color:#a7b7ca;font-size:11px;font-weight:700}.details-field small{display:block;margin-top:6px;color:#64758b;font-size:10px}.details-input-wrapper{position:relative;min-height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#060e19b8;border:1px solid rgba(111,142,179,.16);border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease}.details-input-wrapper:focus-within{border-color:#37c6ff80;box-shadow:0 0 0 3px #37c6ff12}.details-input-wrapper input,.details-input-wrapper select{width:100%;min-width:0;color:#e3edf8;background:transparent;border:0;outline:0;font:inherit;font-size:13px}.details-input-wrapper input::placeholder,.details-field textarea::placeholder{color:#56677d}.details-select-wrapper{padding-right:10px}.details-select-wrapper svg{flex-shrink:0;color:#667a91;pointer-events:none}.details-select-wrapper select{appearance:none;cursor:pointer}.details-field textarea{width:100%;min-height:110px;padding:12px 13px;color:#e3edf8;background:#060e19b8;border:1px solid rgba(111,142,179,.16);border-radius:10px;outline:0;resize:vertical;font:inherit;font-size:13px;line-height:1.6;transition:border-color .2s ease,box-shadow .2s ease}.details-field textarea:focus{border-color:#37c6ff80;box-shadow:0 0 0 3px #37c6ff12}.details-textarea-field{margin-top:18px}.details-problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.details-problem-option{min-height:46px;display:flex;align-items:center;gap:9px;padding:10px 11px;color:#8fa1b6;background:#070f1a8c;border:1px solid rgba(111,140,174,.1);border-radius:9px;cursor:pointer;font-size:11px;font-weight:600;transition:.2s ease}.details-problem-option input{position:absolute;opacity:0;pointer-events:none}.details-problem-option:hover{color:#d4e4f3;border-color:#3ac5ff40}.details-problem-option.selected{color:#8edfff;background:#26b0ff12;border-color:#37c6ff4d}.problem-checkbox{width:17px;height:17px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#111d2e;border:1px solid #465b72;border-radius:5px}.details-problem-option.selected .problem-checkbox{background:#2fbfff;border-color:#5bd6ff;box-shadow:0 0 10px #2fbfff40}.details-primary-problem{margin-top:18px}.details-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.details-service-option{display:flex;align-items:center;gap:8px;min-height:43px;padding:9px 11px;color:#8496ac;background:#070f1a8c;border:1px solid rgba(111,140,174,.1);border-radius:9px;cursor:pointer;font-size:11px;font-weight:600;transition:.2s ease}.details-service-option input{position:absolute;opacity:0}.details-service-option:hover{color:#dceaf6;border-color:#3bc7ff40}.details-service-option.selected{color:#8edfff;background:#2cbaff12;border-color:#2cbaff47}.service-checkbox{width:17px;height:17px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#06131d;background:#18283a;border:1px solid #445a70;border-radius:5px;font-size:11px;font-weight:900}.details-service-option.selected .service-checkbox{background:#4ed2ff;border-color:#4ed2ff}.lead-details-edit-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:18px 0 4px}.lead-details-error{margin-top:16px;padding:13px 15px;color:#ffb0b0;background:#82192829;border:1px solid rgba(255,75,95,.2);border-radius:10px;font-size:12px}.lead-details-loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#8294aa;font-size:13px}.details-loading-spinner{width:34px;height:34px;border:3px solid rgba(73,201,255,.12);border-top-color:#49caff;border-radius:50%;animation:leadDetailsSpin .8s linear infinite}@keyframes leadDetailsSpin{to{transform:rotate(360deg)}}.lead-details-not-found{max-width:520px;margin:100px auto;padding:50px 30px;text-align:center;background:linear-gradient(145deg,#101c2df5,#09111df5);border:1px solid rgba(109,140,177,.15);border-radius:18px}.not-found-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#63d6ff;background:#34beff14;border:1px solid rgba(52,190,255,.16);border-radius:18px}.lead-details-not-found h2{margin:8px 0;color:#f0f6ff;font-size:23px}.lead-details-not-found p{margin:0 auto 24px;max-width:420px;color:#74859d;font-size:13px;line-height:1.6}@media(max-width:1200px){.lead-detail-stats{grid-template-columns:repeat(3,1fr)}.lead-details-content{grid-template-columns:minmax(0,1fr) 280px}.details-problem-grid,.details-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:950px){.lead-details-content{grid-template-columns:1fr}.lead-details-sidebar{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.stage-progress{overflow-x:auto;padding-bottom:8px;grid-template-columns:repeat(10,105px)}}@media(max-width:760px){.lead-details-page{padding:20px 16px 45px}.lead-details-header{flex-direction:column;align-items:stretch}.lead-details-actions{width:100%}.lead-details-actions button{flex:1}.lead-detail-stats{grid-template-columns:repeat(2,1fr)}.lead-detail-stat:last-child{grid-column:span 2}.details-info-grid,.detail-text-grid,.details-form-grid,.details-problem-grid,.details-service-grid,.lead-details-sidebar{grid-template-columns:1fr}.details-section-body,.details-section-header,.lead-stage-panel{padding:17px}.stage-panel-heading{align-items:flex-start}}@media(max-width:520px){.lead-header-left{gap:11px}.details-back-btn{width:38px;height:38px}.lead-details-title{align-items:flex-start}.lead-details-company-icon{width:46px;height:46px}.lead-details-title h1{font-size:22px}.lead-details-title p{font-size:11px}.lead-detail-stats{grid-template-columns:1fr}.lead-detail-stat:last-child{grid-column:auto}.lead-detail-stat{min-height:74px}.lead-details-actions{flex-direction:column}.lead-details-actions button{width:100%}.lead-details-edit-actions{flex-direction:column-reverse}.lead-details-edit-actions button{width:100%}.detail-highlight{align-items:flex-start;flex-direction:column}}.light .lead-details-page{color:#172033}.light .lead-details-company-icon,.light .lead-detail-stat,.light .lead-stage-panel,.light .lead-info-card,.light .lead-sidebar-card,.light .lead-details-not-found{background:#fff;border-color:#dce4ee;box-shadow:0 10px 28px #1e375512}.light .lead-details-title h1,.light .lead-details-not-found h2,.light .stage-panel-heading h2,.light .details-section-header h2{color:#152238}.light .lead-details-title p,.light .details-section-header p,.light .details-empty-text{color:#718096}.light .lead-detail-stat strong,.light .details-info-item strong,.light .sidebar-item strong{color:#1b2a3d}.light .details-info-item,.light .detail-text-block,.light .details-problem-option,.light .details-service-option{background:#f7fafd;border-color:#e3eaf2}.light .details-input-wrapper,.light .details-field textarea{color:#172033;background:#f8fafc;border-color:#dce4ee}.light .details-input-wrapper input,.light .details-input-wrapper select,.light .details-field textarea{color:#172033}.light .details-field label{color:#526278}.light .sidebar-item{border-color:#e6ebf2}.project-form-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-y:auto}.project-form-modal{position:relative;width:min(900px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 30px 100px #0000004d;animation:projectFormAppear .25s ease-out}.project-form-close{position:absolute;top:16px;right:16px;z-index:20;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#00000014;color:red;cursor:pointer;transition:transform .2s ease,background .2s ease}.project-form-close:hover{transform:rotate(90deg);background:#00000024}.project-form-close:focus-visible{outline:3px solid #2563eb;outline-offset:3px}@keyframes projectFormAppear{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.project-form-overlay{padding:10px;align-items:flex-start}.project-form-modal{width:100%;max-height:calc(100vh - 20px);border-radius:16px}.project-form-close{top:12px;right:12px;width:38px;height:38px}}.sales-pipeline-page{min-height:100%;padding:24px;background:var(--background, #080b11);color:var(--text-primary, #f4f7fb)}.sales-pipeline-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.sales-pipeline-heading{display:flex;align-items:center;gap:14px}.sales-pipeline-back{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#8d99aa;background:#ffffff06;text-decoration:none;transition:.2s ease}.sales-pipeline-back:hover{color:#4ddfff;border-color:#4ddfff40;background:#4ddfff0d}.sales-pipeline-label{margin-bottom:5px;color:#4ddfff;font-size:8px;font-weight:800;letter-spacing:1.5px}.sales-pipeline-heading h1{margin:0;font-size:25px;line-height:1.2;font-weight:750}.sales-pipeline-heading p{margin:6px 0 0;color:#758194;font-size:11px}.sales-pipeline-actions{display:flex;align-items:center;gap:8px}.sales-pipeline-refresh,.sales-pipeline-add{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;font-size:10px;font-weight:700;cursor:pointer;text-decoration:none}.sales-pipeline-refresh{width:38px;border:1px solid rgba(255,255,255,.08);color:#8995a7;background:#ffffff06}.sales-pipeline-refresh:hover{color:#4ddfff;border-color:#4ddfff40}.sales-pipeline-refresh:disabled{opacity:.5;cursor:not-allowed}.sales-pipeline-add{padding:0 14px;border:1px solid rgba(77,223,255,.25);color:#061015;background:#4ddfff;transition:.2s ease}.sales-pipeline-add:hover{transform:translateY(-1px);filter:brightness(1.05)}.sales-pipeline-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.pipeline-summary-card{min-height:75px;padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:#ffffff05}.pipeline-summary-card span{display:block;margin-bottom:9px;color:#697688;font-size:9px;font-weight:600}.pipeline-summary-card strong{display:block;color:#edf3f9;font-size:20px;line-height:1}.sales-pipeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.pipeline-search{width:300px;height:36px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#667486;background:#ffffff05}.pipeline-search:focus-within{border-color:#4ddfff4d}.pipeline-search input{width:100%;border:0;outline:0;color:#e7edf5;background:transparent;font:inherit;font-size:10px}.pipeline-search input::placeholder{color:#596678}.pipeline-search button{display:flex;padding:0;border:0;color:#657386;background:transparent;cursor:pointer}.pipeline-toolbar-info{color:#687588;font-size:9px}.sales-pipeline-board{display:grid;grid-template-columns:repeat(10,minmax(245px,1fr));gap:10px;width:100%;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.sales-pipeline-column{min-width:245px;min-height:440px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#ffffff04;transition:border-color .2s ease,background .2s ease}.pipeline-column-drag-active{border-color:#4ddfff1f}.pipeline-column-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:13px;border-bottom:1px solid rgba(255,255,255,.05)}.pipeline-column-header h2{margin:0 0 4px;color:#dfe7ef;font-size:11px;font-weight:750}.pipeline-column-header p{max-width:165px;margin:0;color:#5f6d7f;font-size:7px;line-height:1.35}.pipeline-column-count{min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#778597;background:#ffffff0b;font-size:9px;font-weight:700}.pipeline-column-body{min-height:350px;display:flex;flex-direction:column;gap:8px;padding:9px}.pipeline-lead-card{padding:11px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:#0c1119;cursor:grab;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.pipeline-lead-card:hover{transform:translateY(-1px);border-color:#4ddfff2b;box-shadow:0 8px 25px #0003}.pipeline-lead-card:active{cursor:grabbing}.pipeline-card-moving{opacity:.5}.pipeline-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.pipeline-company-icon{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#4ddfff;background:#4ddfff12}.pipeline-card-menu{display:flex;padding:2px;border:0;color:#586577;background:transparent;cursor:pointer}.pipeline-card-menu:hover{color:#aab6c5}.pipeline-company-name{display:block;margin-bottom:4px;color:#e9eff6;font-size:11px;font-weight:700;line-height:1.35;text-decoration:none}.pipeline-company-name:hover{color:#4ddfff}.pipeline-contact-name{margin-bottom:7px;color:#6c7a8c;font-size:8px}.pipeline-card-meta{display:flex;align-items:center;gap:5px;margin-bottom:9px;color:#657386;font-size:8px}.pipeline-deal-value{display:flex;align-items:center;gap:3px;padding-top:8px;border-top:1px solid rgba(255,255,255,.045);color:#4ddfff}.pipeline-deal-value strong{font-size:10px}.pipeline-deal-value span{margin-left:auto;color:#6e7c8d;font-size:8px}.pipeline-card-section{display:flex;flex-direction:column;gap:3px;margin-top:8px;padding:7px;border-radius:6px;background:#ffffff06}.pipeline-card-section span{color:#586678;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.pipeline-card-section strong{color:#9ca9b9;font-size:8px;font-weight:600;line-height:1.4}.pipeline-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.045)}.pipeline-footer-date,.pipeline-contact-icons{display:flex;align-items:center;gap:5px;color:#596778;font-size:8px}.pipeline-contact-icons{gap:6px}.pipeline-contact-icons a{display:flex;color:#627185;text-decoration:none;transition:.2s ease}.pipeline-contact-icons a:hover{color:#4ddfff}.pipeline-empty{min-height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px dashed rgba(255,255,255,.06);border-radius:8px;color:#4f5d6f;font-size:8px}.pipeline-empty-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#ffffff06}.pipeline-column-add{display:flex;align-items:center;justify-content:center;gap:5px;margin:0 9px 9px;padding:8px;border:1px dashed rgba(255,255,255,.07);border-radius:7px;color:#657386;background:transparent;font-size:8px;font-weight:600;text-decoration:none;transition:.2s ease}.pipeline-column-add:hover{color:#4ddfff;border-color:#4ddfff33;background:#4ddfff06}.sales-pipeline-loading{min-height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#6b788a;font-size:10px}.pipeline-spin{animation:pipelineSpin .8s linear infinite}@keyframes pipelineSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sales-pipeline-error{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:11px 13px;border:1px solid rgba(255,80,80,.13);border-radius:8px;color:#9c6e6e;background:#ff3c3c09;font-size:9px}.sales-pipeline-error strong{color:#d88a8a}.sales-pipeline-error span{flex:1}.sales-pipeline-error button{padding:5px 9px;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#aab5c2;background:#ffffff08;font-size:8px;cursor:pointer}@media(max-width:900px){.sales-pipeline-page{padding:16px}.sales-pipeline-summary{grid-template-columns:repeat(2,1fr)}.sales-pipeline-header{align-items:flex-start}.sales-pipeline-board{grid-template-columns:repeat(10,minmax(230px,1fr))}}@media(max-width:600px){.sales-pipeline-header{flex-direction:column}.sales-pipeline-heading,.sales-pipeline-actions{width:100%}.sales-pipeline-refresh{width:42px}.sales-pipeline-add{flex:1}.sales-pipeline-summary{grid-template-columns:1fr 1fr}.sales-pipeline-toolbar{flex-direction:column;align-items:stretch}.pipeline-search{width:100%}.pipeline-toolbar-info{text-align:right}.sales-pipeline-board{grid-template-columns:repeat(10,minmax(220px,1fr))}}.page-loader{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(30,90,255,.12),transparent 45%),#05070b;color:#fff}.page-loader-content{width:min(90%,420px);display:flex;flex-direction:column;align-items:center;text-align:center}.page-loader-logo{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:linear-gradient(90deg,#22d3ee,#14b8a6);margin-bottom:20px;animation:loaderFloat 2s ease-in-out infinite}.page-loader-brand{display:flex;align-items:baseline;gap:4px;font-size:25px;letter-spacing:.08em}.page-loader-brand span{font-weight:400}.page-loader-brand strong{font-weight:800}.page-loader-line{width:180px;height:2px;margin-top:24px;background:linear-gradient(90deg,#22d3ee,#14b8a6);overflow:hidden;border-radius:10px}.page-loader-line span{display:block;width:45%;height:100%;background:currentColor;animation:loaderProgress 1s ease-in-out infinite}.page-loader p{margin-top:18px;font-size:13px;letter-spacing:.04em;opacity:.55}@keyframes loaderProgress{0%{transform:translate(-120%)}50%{transform:translate(180%)}to{transform:translate(180%)}}@keyframes loaderFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:600px){.page-loader-logo{width:56px;height:56px}.page-loader-brand{font-size:21px}.page-loader-line{width:150px}.page-loader p{font-size:12px}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#05070d;font-synthesis:none;--page-bg: #05070d;--section-bg: #070b12;--card-bg: #0b0e17;--card-bg-light: #111522;--text-primary: #f8fafc;--text-secondary: #9ca3b5;--text-muted: #6f7688;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--blue-400: #8090ff;--blue-500: #6878ff;--blue-600: #5268ff;--blue-700: #4356dc;--purple: #8c7cff;--black: #05070d;--white: #ffffff;--gray-50: #111522;--gray-100: #0f1420;--gray-500: #9ca3b5;--gray-700: #cbd5e1;--gray-900: #f8fafc}html{background:var(--page-bg)}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 0%,rgba(82,104,255,.08),transparent 30%),var(--page-bg);color:var(--text-primary)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;display:flex;background:radial-gradient(circle at 80% 0%,rgba(82,104,255,.06),transparent 30%),#05070d}.sidebar{width:245px;background:linear-gradient(180deg,#090c14,#070a11);color:#cbd5e1;padding:24px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;border-right:1px solid rgba(255,255,255,.07);box-shadow:10px 0 40px #0003}.brand{font-size:23px;font-weight:800;color:#fff;padding:0 14px 28px}.brand span{color:#6878ff}.brand.large{font-size:30px;padding:0;margin-bottom:24px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:10px;font-size:14px;color:#8f97aa;transition:background .25s ease,color .25s ease,transform .25s ease}.sidebar nav a:hover{background:#5268ff14;color:#fff;transform:translate(2px)}.sidebar nav a.active{background:linear-gradient(135deg,#5268ff38,#8c7cff1f);color:#fff;border:1px solid rgba(104,120,255,.15);box-shadow:0 8px 25px #5268ff14}.logout-btn{margin-top:auto;border:0;background:transparent;color:#737b8e;display:flex;align-items:center;gap:10px;padding:12px 13px;cursor:pointer;transition:.25s}.logout-btn:hover{color:#fff;background:#ffffff0a;border-radius:9px}.main{margin-left:245px;width:calc(100% - 245px);min-height:100vh;background:transparent}.topbar{height:80px;background:#070a11d1;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.topbar h1{font-size:18px;margin:0;color:#f8fafc}.topbar p{margin:3px 0 0;color:#7e8799;font-size:12px}.user-mini{display:flex;gap:10px;align-items:center}.user-mini small{display:block;color:#7e8799;text-transform:capitalize;font-size:11px;margin-top:2px}.avatar,.profile-avatar{border-radius:50%;background:linear-gradient(135deg,#5268ff,#8c7cff);color:#fff;display:grid;place-items:center;font-weight:700;box-shadow:0 0 25px #5268ff33}.avatar{width:36px;height:36px;font-size:12px;overflow:hidden}.avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.content{padding:30px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-heading h2{margin:0 0 5px;font-size:25px;color:#f8fafc}.page-heading p{margin:0;color:#7e8799;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.stat-card{background:linear-gradient(145deg,#111522fa,#0b0e17fa);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;gap:13px;align-items:flex-start;box-shadow:0 10px 30px #0000002e;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.stat-card:hover{transform:translateY(-3px);border-color:#5268ff40;box-shadow:0 15px 40px #0000004d,0 0 30px #5268ff0f}.stat-icon{width:38px;height:38px;display:grid;place-items:center;background:#5268ff1f;color:#8190ff;border-radius:9px;border:1px solid rgba(82,104,255,.12)}.stat-card span,.stat-card small{display:block;color:#7e8799;font-size:12px}.stat-card strong{display:block;font-size:23px;margin:4px 0;color:#f8fafc}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px}.panel{background:linear-gradient(145deg,#111522,#0b0e17);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 12px 35px #0003;margin-bottom:18px}.panel-header{display:flex;justify-content:space-between;gap:20px;margin-bottom:15px}.panel-header h3{margin:0 0 4px;font-size:16px;color:#f8fafc}.panel-header p{margin:0;color:#7e8799;font-size:12px}.chart-box{height:310px}.line-chart{height:320px}.empty,.empty-cell{display:grid;place-items:center;color:#687184;height:100%;text-align:center}.performance{display:flex;align-items:center;gap:30px;padding:10px 5px}.performance-circle{width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,#111522,#080b12);display:grid;place-items:center;align-content:center;border:10px solid rgba(82,104,255,.15);flex:0 0 auto;box-shadow:0 0 40px #5268ff14}.performance-circle strong{font-size:25px;color:#8c9aff}.performance-circle span{font-size:11px;color:#7e8799}.performance-list{flex:1}.performance-list div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.performance-list span{color:#7e8799}.deal-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.deal-stat{background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:9px;padding:15px}.deal-stat span{color:#737b8e;font-size:11px;display:block}.deal-stat strong{display:block;font-size:21px;margin-top:5px;color:#f8fafc}.top-deal{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid var(--border)}.top-deal:last-child{border-bottom:0}.top-deal strong,.top-deal span{display:block}.top-deal span{color:#737b8e;font-size:11px;margin-top:3px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#7e8799;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#ffffff06}th,td{padding:13px 12px;border-bottom:1px solid var(--border);white-space:nowrap}td{color:#d7dbe5}td small{display:block;color:#687184;font-size:11px;margin-top:3px}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;text-transform:capitalize;font-weight:700}.status.approved{background:#22c55e1f;color:#6ee7a0;border:1px solid rgba(34,197,94,.15)}.status.rejected{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.15)}.status.pending{background:#f59e0b1f;color:#fcd34d;border:1px solid rgba(245,158,11,.15)}.status.new{background:#5268ff1f;color:#9ba7ff;border:1px solid rgba(82,104,255,.15)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.search-box{flex:1;min-width:230px;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:11px;color:#687184}.search-box input{width:100%;padding-left:37px}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.1);background:#0b0e17;border-radius:8px;padding:10px 11px;outline:none;color:#f8fafc}input::placeholder,textarea::placeholder{color:#5f6778}select{color:#f8fafc}select option{background:#0b0e17;color:#f8fafc}.filters select{width:auto;min-width:145px}input:focus,select:focus,textarea:focus{border-color:#5268ff;box-shadow:0 0 0 3px #5268ff1f}.check{display:flex;align-items:center;gap:8px;padding:0 5px;font-size:13px;color:#9ca3b5}.check input{width:auto}.primary-btn,.secondary-btn{border:0;border-radius:8px;padding:11px 15px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.primary-btn{background:linear-gradient(135deg,#5268ff,#6878ff);color:#fff;box-shadow:0 8px 25px #5268ff2e}.primary-btn:hover{background:linear-gradient(135deg,#6878ff,#8090ff);transform:translateY(-2px);box-shadow:0 12px 30px #5268ff40}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{background:#ffffff0f;color:#d7dbe5;border:1px solid rgba(255,255,255,.08)}.secondary-btn:hover{background:#ffffff1a}.compact{padding:9px 13px;font-size:13px}.actions{display:flex;gap:6px}.icon-btn{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:7px;padding:7px;display:inline-grid;place-items:center;cursor:pointer;color:#9ca3b5;transition:.2s}.icon-btn.danger{color:#f87171}.icon-btn:hover{background:#ffffff14;color:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:6px;color:#aeb5c4}.full{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:5px}.profile-card{display:flex;align-items:center;gap:25px}.profile-avatar{width:110px;height:110px;font-size:30px;overflow:hidden}.profile-info h2{margin:0 0 5px;color:#f8fafc}.profile-info p{margin:0 0 10px;color:#7e8799}.role-badge{background:#5268ff1f;color:#9ba7ff;padding:5px 9px;border-radius:999px;text-transform:capitalize;font-size:11px;font-weight:700;border:1px solid rgba(82,104,255,.15)}.permission-list{display:flex;gap:8px;flex-wrap:wrap}.permission-list span{background:#ffffff0d;border:1px solid rgba(255,255,255,.07);color:#aeb5c4;padding:8px 10px;border-radius:7px;font-size:12px}.alert{border-radius:8px;padding:11px 13px;font-size:13px;margin-bottom:14px}.alert.error{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.15)}.loading{min-height:250px;display:grid;place-items:center;color:#737b8e}.loading.small{min-height:auto;display:block;padding:8px 0}.screen-center{min-height:100vh;display:grid;place-items:center;background:#05070d}.auth-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,rgba(82,104,255,.12),transparent 40%),#05070d;padding:20px}.auth-card{width:min(420px,100%);background:linear-gradient(145deg,#111522,#0b0e17);padding:34px;border-radius:15px;border:1px solid var(--border);box-shadow:0 30px 80px #0006}.auth-card h1{margin:0 0 6px;color:#f8fafc}.auth-card>p{color:#7e8799;margin:0 0 22px}.auth-card label{display:block;font-size:12px;font-weight:700;margin:14px 0 6px;color:#aeb5c4}.auth-card .primary-btn{width:100%;margin-top:20px}.demo-note{display:block;color:#687184;text-align:center;margin-top:15px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(82,104,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(82,104,255,.06) 1px,transparent 1px);background-size:55px 55px;-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 75%);pointer-events:none}.website-card{transform:perspective(1200px) rotateY(-12deg) rotateX(6deg);transition:transform .5s ease}.website-card:hover{transform:perspective(1200px) rotateY(-5deg) rotateX(2deg) translateY(-8px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.floating-stat{animation:float 5s ease-in-out infinite}@media(max-width:1100px){.stats-grid,.deal-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.sidebar{width:70px;padding:20px 8px}.sidebar .brand{font-size:0;padding:0 8px 25px}.sidebar .brand:after{content:"S";font-size:22px}.sidebar nav a{justify-content:center}.sidebar nav a{font-size:0}.sidebar nav a svg{font-size:18px}.logout-btn{justify-content:center;font-size:0}.main{margin-left:70px;width:calc(100% - 70px)}.topbar{padding:0 18px}.topbar>div:first-child p{display:none}.content{padding:18px}.dashboard-grid{grid-template-columns:1fr}.stats-grid,.deal-stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:500px){.stats-grid{grid-template-columns:1fr}.deal-stats{grid-template-columns:1fr 1fr}.user-mini>div:last-child{display:none}.page-heading{align-items:flex-start;flex-direction:column}.profile-card{flex-direction:column;text-align:center}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,sans-serif;background:#020617;color:var(--white)}a{color:inherit;text-decoration:none}button{font-family:inherit}.public-site{position:relative;overflow:hidden;min-height:100vh;background:#020617}.ambient{position:fixed;pointer-events:none;filter:blur(120px);opacity:.14;z-index:0}.ambient-one{width:420px;height:420px;background:#06b6d4;top:-220px;right:-120px}.ambient-two{width:320px;height:320px;background:#14b8a6;bottom:20%;left:-220px}.public-navbar{position:relative;z-index:20;max-width:var(--container);margin:20px auto;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 20px;border:1px solid var(--border);border-radius:100px;background:#05080edb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 10px 40px #00000040}.brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.brand strong{color:var(--accent)}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#06b6d4,#14b8a6);color:#fff;font-weight:700;box-shadow:0 0 25px #06b6d44d}.public-nav{display:flex;align-items:center;gap:30px}.public-nav a{font-size:13px;color:#8993a6;transition:.25s}.public-nav a:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:8px}.theme-button{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:#080c14;color:#dce3ee;cursor:pointer;transition:.25s}.theme-button:hover{background:#111827;border-color:#06b6d459;color:var(--accent)}.nav-login{padding:11px 19px;border-radius:30px;background:linear-gradient(135deg,#06b6d4,#14b8a6);color:#fff;font-size:12px;font-weight:600;transition:.25s;box-shadow:0 8px 25px #06b6d42e}.nav-login:hover{transform:translateY(-2px);background:linear-gradient(135deg,#22d3ee,#06b6d4);box-shadow:0 12px 35px #06b6d44d}.hero-section{position:relative;z-index:2;max-width:var(--container);min-height:680px;margin:0 auto;padding:110px 40px 80px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.hero-content{max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:30px;font-size:10px;font-weight:600;letter-spacing:.18em;color:#8995aa}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #22d3eecc}.hero-section h1{margin:0;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:600}.hero-section h1 span{font-family:Playfair Display,serif;font-style:italic;font-weight:500;background:linear-gradient(90deg,#22d3ee,#14b8a6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-buttons{display:flex;align-items:center;gap:12px}.primary-button{display:inline-flex;align-items:center;gap:20px;padding:15px 21px;border-radius:100px;background:linear-gradient(135deg,#06b6d4,#14b8a6);color:#fff;font-size:12px;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s;box-shadow:0 10px 30px #06b6d433}.primary-button span{font-size:18px}.primary-button:hover{transform:translateY(-3px);background:linear-gradient(135deg,#22d3ee,#06b6d4);box-shadow:0 15px 40px #06b6d44d}.secondary-button{padding:14px 20px;border:1px solid rgba(34,211,238,.3);border-radius:100px;color:var(--accent);font-size:12px;background:#22d3ee09;transition:.25s}.secondary-button:hover{background:#22d3ee1a;border-color:#22d3ee80;color:#fff}.hero-trust{display:flex;align-items:center;gap:12px;margin-top:60px;color:#5f6a7d;font-size:10px}.trust-line{width:50px;height:1px;background:#273142}.hero-visual{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.24),transparent 68%);filter:blur(15px)}.website-window{position:relative;z-index:3;width:min(500px,100%);overflow:hidden;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:#080c14;box-shadow:0 40px 100px #000000a6,0 0 60px #06b6d414;transform:perspective(1200px) rotateY(-5deg) rotateX(3deg);transition:.5s}.website-window:hover{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-8px)}.window-top{height:38px;display:flex;align-items:center;gap:20px;padding:0 14px;border-bottom:1px solid rgba(148,163,184,.1);background:#050810}.window-dots{display:flex;gap:5px}.window-dots span{width:7px;height:7px;border-radius:50%;background:#364152}.window-url{font-size:8px;color:#657084}.website-preview{min-height:390px;padding:25px;background:radial-gradient(circle at 80% 20%,rgba(6,182,212,.2),transparent 35%),linear-gradient(135deg,#0c1320,#03050a)}.preview-nav{display:flex;justify-content:space-between;font-size:9px}.preview-nav div{display:flex;gap:5px}.preview-nav div span{width:30px;height:3px;border-radius:4px;background:#2a3547}.preview-heading{margin-top:70px;font-size:38px;line-height:1.05;letter-spacing:-.05em;font-weight:600}.preview-heading em{font-family:Playfair Display,serif;color:var(--accent)}.preview-button{display:inline-block;margin-top:22px;padding:9px 14px;border-radius:20px;background:linear-gradient(135deg,#06b6d4,#14b8a6);font-size:9px;box-shadow:0 8px 20px #06b6d440}.preview-chart{position:relative;margin-top:35px;padding:15px;height:120px;border:1px solid rgba(148,163,184,.1);border-radius:12px;background:#ffffff06}.chart-label{font-size:8px;color:#697589}.chart-line{position:absolute;left:15px;right:15px;bottom:25px;height:40px;overflow:hidden}.chart-line span{position:absolute;width:140%;height:100%;border-top:2px solid var(--accent);transform:rotate(-10deg) translateY(15px)}.chart-stats{position:absolute;right:15px;top:15px;display:flex;flex-direction:column;text-align:right}.chart-stats strong{color:var(--accent);font-size:16px}.chart-stats small{color:#606c80;font-size:7px}.floating-stat{position:absolute;z-index:5;padding:13px 16px;border:1px solid rgba(34,211,238,.18);border-radius:12px;background:#070b12e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 15px 50px #00000080;display:flex;flex-direction:column}.floating-stat strong{color:var(--accent);font-size:18px}.floating-stat span{color:#687386;font-size:9px}.stat-one{left:0;bottom:90px}.stat-two{right:-10px;top:100px}.floating-orb{position:absolute;border-radius:50%;filter:blur(1px);background:linear-gradient(135deg,#67e8f9,#14b8a6);box-shadow:0 0 40px #06b6d466}.orb-one{width:18px;height:18px;top:40px;right:40px}.orb-two{width:10px;height:10px;bottom:60px;left:50px}.intro-section{position:relative;max-width:var(--container);margin:0 auto;padding:130px 40px;display:grid;grid-template-columns:100px 1fr;border-top:1px solid var(--border)}.section-number{color:#3f4a5d;font-size:11px}.intro-content{max-width:850px}.section-label{margin:0 0 22px;color:#667386;font-size:10px;letter-spacing:.18em;font-weight:600}.intro-content h2,.section-heading h2,.stats-header h2{margin:0;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:600}.intro-content h2 span,.section-heading h2 span,.stats-header h2 span{font-family:Playfair Display,serif;font-style:italic;font-weight:500;background:linear-gradient(90deg,#22d3ee,#14b8a6);-webkit-background-clip:text;background-clip:text;color:transparent}.intro-text{max-width:650px;margin-top:30px;color:var(--muted);line-height:1.8;font-size:15px}.services-section{max-width:var(--container);margin:auto;padding:80px 40px 140px}.section-heading{display:flex;justify-content:space-between;gap:50px;margin-bottom:60px}.section-heading>p{max-width:330px;align-self:flex-end;color:#737f92;line-height:1.7;font-size:13px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.service-card{position:relative;min-height:330px;padding:25px;border-right:1px solid var(--border);transition:.3s;overflow:hidden}.service-card:last-child{border-right:none}.service-card:hover{background:#22d3ee0e}.card-top{display:flex;justify-content:space-between;color:#566276;font-size:10px}.service-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.2);border-radius:50%;color:var(--accent);background:#22d3ee0d}.service-card-content{position:absolute;left:25px;right:25px;bottom:55px}.service-card h3{margin:0 0 14px;font-size:22px;letter-spacing:-.04em}.service-card p{margin:0;color:#737f92;line-height:1.6;font-size:12px}.card-arrow{position:absolute;bottom:20px;right:25px;color:var(--accent);transition:.3s}.service-card:hover .card-arrow{transform:translate(4px,-4px)}.process-section{max-width:var(--container);margin:auto;padding:120px 40px;display:grid;grid-template-columns:40% 60%;border-top:1px solid var(--border)}.process-intro h2{margin:0;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:600}.process-intro h2 span{font-family:Playfair Display,serif;font-style:italic;font-weight:500;background:linear-gradient(90deg,#22d3ee,#14b8a6);-webkit-background-clip:text;background-clip:text;color:transparent}.process-list{border-top:1px solid var(--border)}.process-item{min-height:130px;display:grid;grid-template-columns:60px 1fr 30px;align-items:center;gap:20px;border-bottom:1px solid var(--border);transition:.3s}.process-item:hover{padding-left:10px;background:#22d3ee06}.process-number{font-family:Playfair Display,serif;font-style:italic;font-weight:500;background:linear-gradient(90deg,#22d3ee,#14b8a6);-webkit-background-clip:text;background-clip:text;color:transparent}.process-content p{margin:0;max-width:450px;color:var(--muted);font-size:12px;line-height:1.6}.process-arrow{font-family:Playfair Display,serif;font-style:italic;font-weight:500;background:linear-gradient(90deg,#22d3ee,#14b8a6);-webkit-background-clip:text;background-clip:text;color:transparent}.stats-section{max-width:var(--container);margin:auto;padding:120px 40px;border-top:1px solid var(--border)}.stats-header{max-width:800px;margin-bottom:70px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.big-stat{padding:35px 20px;border-right:1px solid var(--border)}.big-stat:last-child{border-right:none}.big-stat strong{display:block;font-size:48px;letter-spacing:-.06em}.big-stat span{display:block;margin-top:10px;color:#697589;font-size:10px}.projects-section{max-width:var(--container);margin:auto;padding:120px 40px}.text-link{align-self:flex-end;color:var(--accent);font-size:12px}.projects-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.project-card{position:relative;min-height:480px;overflow:hidden;border-radius:var(--radius);padding:20px;transition:.4s}.project-card:hover{transform:translateY(-8px)}.project-purple{background:radial-gradient(circle at 70% 20%,#155e75,transparent 35%),#0b1220}.project-blue{background:radial-gradient(circle at 50% 20%,#0e7490,transparent 40%),#081326}.project-dark{background:radial-gradient(circle at 50% 20%,#263449,transparent 40%),#070b12}.project-number{color:#ffffff73;font-size:10px}.project-mockup{position:absolute;top:80px;left:15%;right:15%;height:250px;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:#00000061;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 30px 70px #00000073;transform:perspective(900px) rotateX(4deg)}.mockup-header{height:24px;display:flex;align-items:center;gap:4px;padding-left:8px;border-bottom:1px solid rgba(255,255,255,.08)}.mockup-header span{width:5px;height:5px;border-radius:50%;background:#ffffff59}.mockup-content{padding:25px}.mockup-line{width:70%;height:10px;border-radius:10px;background:#ffffffb3}.mockup-line.short{width:45%;margin-top:8px;opacity:.3}.mockup-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:40px}.mockup-boxes span{height:80px;border-radius:5px;background:#22d3ee14;border:1px solid rgba(34,211,238,.15)}.project-info{position:absolute;left:25px;bottom:25px}.project-info span{color:#ffffff73;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.project-info h3{margin:8px 0 0;font-size:25px;letter-spacing:-.04em}.testimonial-section{max-width:900px;margin:80px auto 150px;padding:80px 40px;text-align:center}.quote-mark{color:var(--accent);font-family:Georgia,serif;font-size:70px;line-height:.5}.testimonial-section blockquote{margin:30px 0;font-family:Playfair Display,serif;font-size:clamp(30px,4vw,50px);font-style:italic;line-height:1.25;letter-spacing:-.03em}.testimonial-author{display:flex;justify-content:center;align-items:center;gap:12px;text-align:left}.author-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:700;box-shadow:0 0 20px #06b6d440}.testimonial-author strong,.testimonial-author span{display:block}.testimonial-author strong{font-size:11px}.testimonial-author span{margin-top:3px;color:#667386;font-size:9px}.cta-section{position:relative;max-width:var(--container);margin:0 auto 100px;padding:120px 40px;text-align:center;overflow:hidden;border:1px solid var(--border);border-radius:30px;background:radial-gradient(circle at 50% 0%,rgba(6,182,212,.13),transparent 45%),#070b12;box-shadow:inset 0 1px #ffffff05}.cta-glow{position:absolute;width:300px;height:300px;left:50%;top:0;transform:translate(-50%);border-radius:50%;background:linear-gradient(135deg,#06b6d4,#14b8a6);filter:blur(160px);opacity:.1}.cta-section h2{position:relative;margin:0;font-size:clamp(42px,6vw,72px);line-height:1;letter-spacing:-.06em}.cta-section h2 span{font-family:Playfair Display,serif;font-style:italic;color:var(--accent)}.cta-section>p:not(.section-label){position:relative;max-width:500px;margin:25px auto 35px;color:#707c8f;line-height:1.7;font-size:13px}.primary-button.large{position:relative;padding:17px 25px}.public-footer{max-width:var(--container);margin:auto;padding:70px 40px 30px;border-top:1px solid var(--border)}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:100px}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:600}.footer-brand strong{color:var(--accent)}.footer-main>div:first-child p{max-width:400px;margin-top:20px;color:#657084;font-size:12px;line-height:1.7}.footer-links{display:grid;grid-template-columns:1fr 1fr}.footer-links h4{margin:0 0 18px;font-size:10px;color:#fff;text-transform:uppercase;letter-spacing:.1em}.footer-links a,.footer-links span{display:block;margin-bottom:10px;color:#657084;font-size:11px;transition:.2s}.footer-links a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;margin-top:70px;padding-top:20px;border-top:1px solid var(--border);color:#465164;font-size:9px}body.light-mode{--bg: #f3f6fa;--surface: #ffffff;--surface-light: #eef2f7;--surface-hover: #e8eef6;--white: #111827;--text: #1f2937;--muted: #64748b;--muted-dark: #94a3b8;--border: rgba(15, 23, 42, .1);--border-light: rgba(15, 23, 42, .16);--blue: #06b6d4;--blue-dark: #0891b2;--blue-light: #22d3ee;--purple: #06b6d4;--purple-dark: #0891b2;--purple-light: #22d3ee;--purple-soft: #0e7490;--accent: #0891b2;--accent-hover: #06b6d4;--teal: #0d9488}body.light-mode .public-site{background:radial-gradient(circle at 80% 0%,rgba(6,182,212,.08),transparent 30%),#f3f6fa}body.light-mode .public-navbar{background:#ffffffe6;box-shadow:0 10px 35px #0f172a0f}body.light-mode .public-nav a{color:#64748b}body.light-mode .public-nav a:hover{color:#0891b2}body.light-mode .theme-button{background:#f8fafc;color:#334155}body.light-mode .theme-button:hover{color:#0891b2;border-color:#06b6d44d}body.light-mode .nav-login{background:linear-gradient(135deg,#06b6d4,#14b8a6);color:#fff}body.light-mode .secondary-button{color:#0891b2;background:#fff;border-color:#06b6d440}body.light-mode .secondary-button:hover{background:#06b6d40f;border-color:#06b6d480;color:#0e7490}body.light-mode .website-window{background:#fff;box-shadow:0 30px 80px #0f172a26}body.light-mode .window-top{background:#f8fafc}body.light-mode .website-preview{background:radial-gradient(circle at 80% 20%,rgba(6,182,212,.12),transparent 35%),#eef3f9}body.light-mode .floating-stat{background:#ffffffe6;border-color:#06b6d426;box-shadow:0 15px 40px #0f172a1f}body.light-mode .service-card:hover{background:#06b6d40a}body.light-mode .service-icon{color:#0891b2;border-color:#06b6d433;background:#06b6d40d}body.light-mode .project-purple{background:radial-gradient(circle at 70% 20%,#67b7c7,transparent 35%),#dce7f7}body.light-mode .project-blue{background:radial-gradient(circle at 50% 20%,#5cc5d8,transparent 40%),#d9e7fb}body.light-mode .project-dark{background:radial-gradient(circle at 50% 20%,#aab8cb,transparent 40%),#e4e9f0}body.light-mode .cta-section{background:radial-gradient(circle at 50% 0%,rgba(6,182,212,.12),transparent 45%),#fff;box-shadow:0 20px 70px #0f172a0f}body.light-mode .cta-section h2 span,body.light-mode .intro-content h2 span,body.light-mode .section-heading h2 span,body.light-mode .stats-header h2 span,body.light-mode .process-intro h2 span{color:#0891b2}body.light-mode .hero-section h1 span{background:linear-gradient(90deg,#0891b2,#0d9488);-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-width:1000px){.public-nav,#login_nav{display:none}.mobile-menu-button{display:flex}.hero-section{grid-template-columns:1fr;padding-top:70px}.hero-visual{min-height:450px}.services-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-right:none}.service-card{border-bottom:1px solid var(--border)}.process-section{grid-template-columns:1fr;gap:70px}.projects-grid{grid-template-columns:1fr}.project-card{min-height:420px}}@media(max-width:700px){.public-navbar{margin:10px}.brand-text{display:none}.hero-section{padding:80px 20px 50px}.hero-section h1{font-size:48px}.hero-description{font-size:14px}.hero-buttons{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{justify-content:center;text-align:center}.hero-visual{min-height:380px}.website-window{width:100%}.stat-one{left:-5px}.stat-two{right:-5px}.intro-section{grid-template-columns:1fr;padding:80px 20px}.section-number{margin-bottom:30px}.services-section,.process-section,.stats-section,.projects-section{padding:80px 20px}.section-heading{flex-direction:column}.services-grid{grid-template-columns:1fr}.service-card{min-height:280px;border-right:none}.stats-grid{grid-template-columns:1fr 1fr}.big-stat:nth-child(2){border-right:none}.big-stat:nth-child(3){border-top:1px solid var(--border)}.big-stat:nth-child(4){border-top:1px solid var(--border);border-right:none}.cta-section{margin:0 20px 60px;padding:80px 20px}.public-footer{padding:60px 20px 25px}.footer-main{grid-template-columns:1fr;gap:50px}.footer-bottom{flex-direction:column;gap:10px}}.mobile-menu-button{display:none;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:#080c14;color:#dce3ee;cursor:pointer;transition:.25s}.mobile-menu-button:hover{color:var(--accent);border-color:#06b6d459;background:#111827}.mobile-sidebar-overlay{position:fixed;inset:0;z-index:90;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.mobile-sidebar-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.mobile-sidebar{position:fixed;z-index:100;top:0;right:0;width:min(360px,88vw);height:90vh;display:flex;flex-direction:column;padding:25px;background:radial-gradient(circle at 80% 0%,rgba(6,182,212,.12),transparent 35%),#020617;border-left:1px solid rgba(34,211,238,.15);box-shadow:-20px 0 60px #00000073;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto}.mobile-sidebar.open{transform:translate(0)}.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid var(--border)}.mobile-sidebar-brand{display:flex;align-items:center;gap:10px;color:var(--white);font-size:13px;font-weight:600}.mobile-sidebar-brand strong{color:var(--accent)}.mobile-sidebar-close{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:#080c14;color:#dce3ee;cursor:pointer;transition:.25s}.mobile-sidebar-close:hover{color:var(--accent);border-color:#22d3ee66;background:#22d3ee14}.mobile-sidebar-nav{display:flex;flex-direction:column;margin-top:35px}.mobile-sidebar-nav a{display:flex;align-items:center;gap:18px;padding:20px 5px;color:#9aa5b8;font-size:16px;font-weight:500;border-bottom:1px solid rgba(148,163,184,.08);transition:color .25s ease,padding-left .25s ease}.mobile-sidebar-nav a span{color:#3f4a5d;font-size:10px;letter-spacing:.08em;transition:color .25s ease}.mobile-sidebar-nav a:hover{padding-left:10px;color:var(--accent)}.mobile-sidebar-nav a:hover span{color:var(--accent)}.mobile-sidebar-bottom{margin-top:auto;padding-top:30px;border-top:1px solid var(--border)}.mobile-sidebar-bottom p{margin:0 0 20px;color:#657084;font-size:12px;line-height:1.7}.mobile-sidebar-login{width:100%;display:flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:100px;background:linear-gradient(135deg,#06b6d4,#14b8a6);color:#fff;font-size:12px;font-weight:600;box-shadow:0 10px 30px #06b6d433;transition:.25s}.mobile-sidebar-login:hover{transform:translateY(-2px);box-shadow:0 15px 40px #06b6d44d}.build-grow-own{position:relative;padding:120px 0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(15,55,150,.1),transparent 70%),#020617;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.build-grow-own-container{max-width:var(--container);margin:0 auto;padding:0 40px}.build-grow-own-heading{max-width:850px;margin-bottom:65px}.build-grow-own-heading h2{margin:0;font-size:clamp(48px,7vw,82px);line-height:.95;letter-spacing:-.065em}.build-grow-own-heading h2 span{font-family:Playfair Display,serif;font-style:italic;color:var(--accent);font-weight:500}.build-grow-own-heading>p:last-child{max-width:500px;margin-top:25px;color:var(--muted);font-size:15px;line-height:1.8}.build-grow-own-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.build-grow-own-card{position:relative;min-height:430px;padding:30px;border-right:1px solid var(--border);background:radial-gradient(circle at 100% 0%,rgba(34,211,238,.06),transparent 40%);transition:.3s ease}.build-grow-own-card:last-child{border-right:none}.build-grow-own-card:hover{background:radial-gradient(circle at 100% 0%,rgba(34,211,238,.12),transparent 45%);transform:translateY(-5px)}.build-grow-own-top{display:flex;justify-content:space-between;align-items:center}.build-grow-own-number{color:#465267;font-size:11px;letter-spacing:.12em}.build-grow-own-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--accent);border:1px solid rgba(34,211,238,.2);background:#22d3ee0d}.build-grow-own-card h3{margin:65px 0 15px;font-size:44px;line-height:1;letter-spacing:-.06em}.build-grow-own-card:nth-child(2) h3{color:#22d3ee}.build-grow-own-card:nth-child(3) h3{color:#14b8a6}.build-grow-own-description{max-width:320px;margin:0;color:#737f92;font-size:13px;line-height:1.7}.build-grow-own-divider{width:100%;height:1px;margin:30px 0 22px;background:var(--border)}.build-grow-own-card ul{list-style:none;padding:0;margin:0}.build-grow-own-card li{display:flex;align-items:center;gap:10px;margin-bottom:11px;color:#8993a6;font-size:12px}.build-grow-own-card li span{color:var(--accent);font-size:15px}@media(max-width:900px){.build-grow-own-grid{grid-template-columns:1fr}.build-grow-own-card{min-height:auto;border-right:none;border-bottom:1px solid var(--border)}.build-grow-own-card:last-child{border-bottom:none}}@media(max-width:700px){.build-grow-own{padding:80px 0}.build-grow-own-container{padding:0 20px}.build-grow-own-heading{margin-bottom:45px}.build-grow-own-heading h2{font-size:52px}.build-grow-own-card{padding:25px;min-height:360px}.build-grow-own-card h3{margin-top:45px;font-size:38px}}:root{--bg: #020617;--surface: #080c14;--surface-light: #0d1320;--surface-hover: #111a2a;--border: rgba(148, 163, 184, .12);--border-light: rgba(148, 163, 184, .18);--white: #f8fafc;--text: #e5e7eb;--muted: #8b95a7;--muted-dark: #687386;--blue: #06b6d4;--blue-dark: #0891b2;--blue-light: #22d3ee;--blue-soft: #0e7490;--purple: #22d3ee;--purple-dark: #06b6d4;--purple-light: #67e8f9;--purple-soft: #0e7490;--accent: #22d3ee;--accent-hover: #06b6d4;--teal: #14b8a6;--radius: 20px;--container: 1240px}.business-page{min-height:100vh;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(20,70,180,.2),transparent 70%),radial-gradient(ellipse 45% 70% at 0% 50%,rgba(10,45,120,.1),transparent 70%),radial-gradient(ellipse 45% 70% at 100% 50%,rgba(15,55,140,.08),transparent 70%),#020617;color:#fff;overflow:hidden}.business-container{width:min(1180px,calc(100% - 40px));margin:0 auto}.business-hero{position:relative;min-height:620px;display:flex;align-items:center;padding:120px 0 90px;background:radial-gradient(ellipse 65% 60% at 50% 0%,rgba(20,70,190,.24),transparent 65%),radial-gradient(ellipse 35% 60% at 10% 50%,rgba(10,45,120,.1),transparent 70%),radial-gradient(ellipse 35% 60% at 90% 50%,rgba(15,55,140,.08),transparent 70%),#01030b}.business-hero-content{position:relative;max-width:800px;z-index:2}.centered-hero{margin:auto;text-align:left}.hero-badge{display:inline-flex;align-items:left;gap:9px;padding:9px 16px;margin-bottom:24px;border:1px solid rgba(34,211,238,.25);border-radius:999px;background:#143c5066;color:#67e8f9;font-size:13px}.hero-badge span{width:7px;height:7px;border-radius:50%;background:#22d3ee;box-shadow:0 0 15px #22d3ee}.eyebrow{color:#22d3ee;font-size:12px;letter-spacing:.2em;font-weight:700;margin-bottom:18px}.business-hero h1{margin:0;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:600}.business-hero h1 span,.business-section h2 span,.cta-box h2 span{font-family:Playfair Display,serif;font-style:italic;font-weight:500;background:linear-gradient(90deg,#22d3ee,#14b8a6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:550px;margin:32px 0;color:var(--muted);font-size:16px;line-height:1.8}.hero-buttons{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 22px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:700;cursor:pointer;transition:.25s ease;border:none}.primary-button{color:#fff;background:linear-gradient(135deg,#06b6d4,#14b8a6);box-shadow:0 12px 35px #06b6d440}.primary-button:hover{transform:translateY(-3px);box-shadow:0 18px 45px #06b6d466}.secondary-button{color:#67e8f9;border:1px solid rgba(34,211,238,.35);background:#22d3ee0a}.secondary-button:hover{color:#fff;border-color:#22d3ee;background:#22d3ee1a}.hero-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.glow-one{width:250px;height:250px;background:#1446b429;top:10%;left:-100px}.glow-two{width:300px;height:300px;background:#0f37961f;bottom:-100px;right:-100px}.business-section{padding:110px 0;background:radial-gradient(ellipse 60% 45% at 50% 0%,rgba(15,55,150,.1),transparent 70%),#020617;border-top:1px solid rgba(255,255,255,.05)}.section-heading{max-width:700px;margin-bottom:55px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2,.two-column h2,.contact-info h2{margin:0;font-size:clamp(36px,5vw,58px);line-height:1.05;letter-spacing:-.045em}.section-heading p:not(.eyebrow){color:#929bb0;line-height:1.8;margin-top:20px}.about-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.about-visual{position:relative;height:400px;display:flex;justify-content:center;align-items:center}.about-orb{width:280px;height:280px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#22d3ee,#14b8a6,transparent);box-shadow:0 0 100px #22d3ee2e;animation:floatOrb 5s ease-in-out infinite}.orb-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:radial-gradient(circle at 30% 25%,#155e75,#10162a 55%,#060912);font-size:64px;font-weight:800;letter-spacing:-.08em}.floating-card{position:absolute;padding:14px 18px;border-radius:14px;border:1px solid rgba(34,211,238,.18);background:#0d1324d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;gap:3px}.floating-card strong{color:#22d3ee}.floating-card span{color:#a6adc0;font-size:12px}.card-one{top:20px;left:0}.card-two{right:0;top:100px}.card-three{bottom:30px;left:40px}@keyframes floatOrb{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(3deg)}}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-card{min-height:260px;padding:30px;border-radius:22px;background:#090e1a;border:1px solid #1b2232}.story-card.featured{background:linear-gradient(145deg,#06b6d4cc,#14b8a6b3);border-color:transparent}.story-number{display:block;color:#22d3ee;font-size:13px;margin-bottom:45px}.story-card.featured .story-number{color:#ecfeff}.story-card h3{font-size:23px;margin-bottom:12px}.story-card p{color:#8f98ad;line-height:1.7}.story-card.featured p{color:#e2ffff}.values-section{background:radial-gradient(ellipse 50% 60% at 15% 50%,rgba(12,45,120,.1),transparent 70%),radial-gradient(ellipse 50% 60% at 85% 20%,rgba(20,60,150,.07),transparent 70%),#01030b}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.large-text{color:#9ba4b9;line-height:1.9;font-size:18px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;gap:30px}.value-item{padding-top:25px;border-top:1px solid #252c3c}.value-icon{color:#22d3ee;font-size:28px;margin-bottom:20px}.value-item h3{margin-bottom:10px}.value-item p{color:#8992a7;line-height:1.7;font-size:14px}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-card{position:relative;padding:34px;border-radius:24px;border:1px solid #1c2435;background:radial-gradient(circle at top right,rgba(34,211,238,.08),transparent 35%),#080d18;transition:.3s ease}.service-card:hover{transform:translateY(-7px);border-color:#22d3ee59}.service-top{display:flex;justify-content:space-between;align-items:center}.service-number{color:#22d3ee;font-size:13px}.service-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:21px;background:linear-gradient(135deg,#06b6d4,#14b8a6)}.service-card h3{font-size:26px;margin:55px 0 14px}.service-card>p{color:#9199ad;line-height:1.75}.service-divider{height:1px;background:#1e2637;margin:28px 0}.service-card ul{list-style:none;padding:0;margin:0}.service-card li{display:flex;gap:10px;color:#aeb5c6;font-size:14px;margin:12px 0}.service-card li span{color:#22d3ee}.process-section{background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(15,55,150,.08),transparent 70%),#020617}.process-grid{display:flex;align-items:center;justify-content:center}.process-step{flex:1;text-align:center}.process-step>span{color:#22d3ee;font-size:13px}.process-step h3{margin:18px 0 10px}.process-step p{color:#858fa5;font-size:13px;line-height:1.6}.process-line{width:60px;height:1px;background:#293044}.portfolio-filter{display:flex;gap:10px;margin-bottom:45px;flex-wrap:wrap}.filter-button{border:1px solid #242b3b;background:#0a0f1b;color:#8e97aa;padding:11px 18px;border-radius:999px;cursor:pointer}.filter-button.active,.filter-button:hover{color:#fff;border-color:#22d3ee;background:#22d3ee21}.portfolio-grid_one{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.portfolio-card{overflow:hidden;border-radius:24px;border:1px solid #1c2435;background:#090e19}.portfolio-preview{height:280px;position:relative;padding:14px;background:radial-gradient(circle at 70% 30%,rgba(34,211,238,.3),transparent 40%),#10162b}.portfolio-blue .portfolio-preview{background:radial-gradient(circle at 70% 30%,rgba(6,182,212,.35),transparent 40%),#091629}.portfolio-purple .portfolio-preview{background:radial-gradient(circle at 70% 30%,rgba(20,184,166,.35),transparent 40%),#0c2025}.portfolio-dark .portfolio-preview{background:radial-gradient(circle at 70% 30%,rgba(50,100,130,.25),transparent 40%),#080b13}.browser-bar{height:30px;display:flex;gap:6px;align-items:center;padding-left:10px;border-radius:8px 8px 0 0;background:#ffffff14}.browser-bar span{width:7px;height:7px;border-radius:50%;background:#fff6}.preview-content{position:absolute;left:45px;right:45px;top:90px}.preview-line{width:35%;height:6px;border-radius:10px;background:#fff6}.preview-title{margin-top:20px;font-size:26px;font-weight:700}.preview-blocks{display:flex;gap:8px;margin-top:30px}.preview-blocks span{height:70px;flex:1;border-radius:10px;background:#ffffff1f}.portfolio-info{padding:28px}.portfolio-category{color:#22d3ee;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.portfolio-info h3{font-size:26px;margin:10px 0}.portfolio-info p{color:#8992a6;line-height:1.7}.portfolio-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.portfolio-tags span{padding:6px 10px;border-radius:7px;background:#111827;color:#8f98aa;font-size:11px}.stats-section{padding:75px 0;background:radial-gradient(ellipse 70% 100% at 50% 0%,rgba(10,40,110,.1),transparent 70%),#01030b;border-top:1px solid #1a2130;border-bottom:1px solid #1a2130}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{text-align:center;border-right:1px solid #202838}.stats-grid div:last-child{border-right:none}.stats-grid strong{display:block;font-size:42px;letter-spacing:-.04em}.stats-grid span{color:#7e879b;font-size:12px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-description{color:#929bad;line-height:1.8;margin-top:25px}.contact-details{margin-top:45px}.contact-detail{display:flex;align-items:center;gap:15px;margin-bottom:25px}.contact-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#22d3ee;background:#22d3ee1a;border:1px solid rgba(34,211,238,.2)}.contact-detail span,.contact-detail strong{display:block}.contact-detail span{color:#727c91;font-size:12px;margin-bottom:4px}.contact-detail strong{color:#dce1ee;font-size:14px}.contact-orb{width:190px;height:190px;margin:60px auto 0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#0e7490,#10152a 60%,#070a12);box-shadow:0 0 80px #22d3ee33;transform:perspective(500px) rotateX(10deg)}.contact-orb div{text-align:center}.contact-orb span,.contact-orb strong,.contact-orb small{display:block}.contact-orb span{font-size:10px;letter-spacing:.3em}.contact-orb strong{font-size:28px;letter-spacing:-.05em}.contact-orb small{color:#67e8f9;letter-spacing:.2em}.contact-form-wrapper{padding:35px;border-radius:25px;background:#090e19;border:1px solid #1d2637}.contact-form{display:flex;flex-direction:column;gap:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-group{display:flex;flex-direction:column;gap:9px}.form-group label{color:#aab2c4;font-size:13px}.form-group input,.form-group select,.form-group textarea{width:100%;box-sizing:border-box;border:1px solid #252e40;border-radius:11px;outline:none;padding:14px;color:#fff;background:#060a13;font-family:inherit;transition:.2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee1a}.form-group textarea{resize:vertical}.form-submit{width:100%;border:none}.success-message{min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.success-icon{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:#49d78e1f;color:#65e49c;font-size:25px;margin-bottom:25px}.success-message p{color:#8f98ab;max-width:400px;line-height:1.7;margin-bottom:30px}.business-cta{padding:100px 0;background:radial-gradient(ellipse 65% 55% at 50% 0%,rgba(20,65,170,.16),transparent 70%),#020617}.cta-box{position:relative;overflow:hidden;text-align:center;padding:90px 30px;border-radius:30px;border:1px solid rgba(34,211,238,.3);background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.25),transparent 50%),#0a0f1d}.cta-box h2{font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.05em;margin:10px 0 20px}.cta-box>p:not(.eyebrow){color:#8e97ab;max-width:580px;margin:0 auto 30px;line-height:1.8}@media(max-width:900px){.about-hero-grid,.contact-grid,.two-column{grid-template-columns:1fr}.about-visual{display:none}.story-grid,.values-grid{grid-template-columns:repeat(2,1fr)}.services-grid,.portfolio-grid_one{grid-template-columns:1fr}.process-grid{flex-direction:column;gap:30px}.process-line{width:1px;height:40px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:35px 0}.stats-grid div:nth-child(2){border-right:none}.stats-grid div:nth-child(3){border-right:1px solid #202838}}@media(max-width:600px){.business-container{width:min(100% - 28px,1180px)}.business-hero{min-height:550px;padding:100px 0 70px}.business-hero h1{font-size:45px}.business-section{padding:75px 0}.story-grid,.values-grid,.form-row{grid-template-columns:1fr}.contact-form-wrapper{padding:22px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid strong{font-size:32px}.portfolio-preview{height:220px}.cta-box{padding:65px 20px}}.crm-dashboard{width:100%;max-width:1600px;margin:0 auto;padding:8px 4px 50px;color:#f8fafc}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.dashboard-eyebrow,.panel-label{font-size:11px;font-weight:700;letter-spacing:.16em;color:#64748b}.dashboard-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55ecc}.dashboard-header h1{margin:0;font-size:clamp(28px,3vw,42px);font-weight:700;letter-spacing:-.04em}.dashboard-header h1 span{background:linear-gradient(90deg,#60a5fa,#38bdf8);-webkit-background-clip:text;color:transparent}.dashboard-header p{margin:8px 0 0;color:#64748b;font-size:14px}.dashboard-header-actions{display:flex;align-items:center}.dashboard-date{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.dashboard-date span{color:#64748b;font-size:12px}.dashboard-date strong{font-size:14px}.dashboard-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.dashboard-kpi{position:relative;overflow:hidden;min-height:150px;padding:20px;border:1px solid rgba(148,163,184,.09);border-radius:18px;background:linear-gradient(145deg,#0f172afa,#080f1efa);box-shadow:0 15px 40px #0003,inset 0 1px #ffffff06;transition:.25s ease}.dashboard-kpi:hover{transform:translateY(-3px);border-color:#3b82f659;box-shadow:0 20px 45px #0000004d,0 0 30px #2563eb14}.dashboard-kpi:after{content:"";position:absolute;width:100px;height:100px;right:-50px;bottom:-50px;border-radius:50%;background:#2563eb26;filter:blur(30px)}.kpi-top{display:flex;align-items:center;justify-content:space-between;color:#475569}.kpi-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:11px}.dashboard-kpi.blue .kpi-icon{background:#2563eb26;color:#60a5fa}.dashboard-kpi.purple .kpi-icon{background:#8b5cf626;color:#a78bfa}.dashboard-kpi.green .kpi-icon{background:#22c55e26;color:#4ade80}.dashboard-kpi.red .kpi-icon{background:#ef444426;color:#f87171}.dashboard-kpi.orange .kpi-icon{background:#f9731626;color:#fb923c}.kpi-title{margin-top:20px;color:#64748b;font-size:12px}.kpi-value{margin-top:5px;font-size:27px;font-weight:700;letter-spacing:-.03em}.kpi-trend{margin-top:7px;color:#475569;font-size:11px}.dashboard-panel{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.09);border-radius:20px;background:linear-gradient(145deg,#0f172afa,#070d1bfa);box-shadow:0 20px 50px #0000002e,inset 0 1px #ffffff06}.dashboard-panel:before{content:"";position:absolute;top:-100px;right:-80px;width:220px;height:220px;border-radius:50%;background:#2563eb0a;filter:blur(45px);pointer-events:none}.panel-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px 0}.panel-top h2{margin:7px 0 5px;font-size:17px;letter-spacing:-.02em}.panel-top p{margin:0;color:#64748b;font-size:12px}.panel-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px}.blue-icon{color:#60a5fa;background:#2563eb1f}.purple-icon{color:#a78bfa;background:#8b5cf61f}.green-icon{color:#4ade80;background:#22c55e1f}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:18px;margin-bottom:18px}.large-chart{height:320px;padding:20px 18px 18px}.revenue-summary{display:flex;align-items:flex-end;justify-content:space-between;padding:20px 24px 0}.revenue-summary>div:first-child{display:flex;flex-direction:column;gap:5px}.revenue-summary span{color:#64748b;font-size:11px}.revenue-summary strong{font-size:28px;letter-spacing:-.04em}.revenue-growth{display:flex;align-items:center;gap:5px;color:#4ade80;font-size:11px}.pie-chart-wrapper{height:345px;padding:8px 20px 15px}.dashboard-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.performance-layout{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:20px;padding:30px 24px}.approval-ring{position:relative;display:flex;align-items:center;justify-content:center;width:160px;height:160px;border-radius:50%;background:conic-gradient(#2563eb,#38bdf8 180deg,#1e293b 180deg 360deg)}.approval-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#0b1220}.approval-ring-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.approval-ring-inner strong{font-size:27px}.approval-ring-inner span{margin-top:4px;color:#64748b;font-size:11px}.performance-items{display:flex;flex-direction:column}.performance-item{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid rgba(148,163,184,.07)}.performance-item:last-child{border-bottom:none}.performance-item span{color:#64748b;font-size:12px}.performance-item strong{font-size:13px}.performance-item strong.positive{color:#4ade80}.deal-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:25px 24px 28px}.deal-stat-box{min-height:90px;padding:16px;border:1px solid rgba(148,163,184,.07);border-radius:13px;background:#ffffff04}.deal-stat-box span{display:block;color:#64748b;font-size:11px}.deal-stat-box strong{display:block;margin-top:12px;font-size:22px}.deal-stat-box strong.positive{color:#4ade80}.deal-stat-box.highlight{border-color:#2563eb40;background:#2563eb12}.deal-stat-box.highlight strong{color:#60a5fa}.top-deals-panel{margin-bottom:18px}.top-deals-list{padding:20px 24px 25px}.top-deal-row{display:grid;grid-template-columns:45px 1fr 100px 130px;align-items:center;gap:15px;min-height:70px;border-bottom:1px solid rgba(148,163,184,.07)}.top-deal-row:last-child{border-bottom:none}.deal-rank{color:#334155;font-size:12px;font-weight:700}.deal-company{display:flex;align-items:center;gap:12px}.company-avatar,.mini-avatar{display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;font-weight:700}.company-avatar{width:38px;height:38px}.deal-company strong{display:block;font-size:13px}.deal-company span{display:block;margin-top:4px;color:#64748b;font-size:11px}.deal-status span{display:inline-flex;padding:5px 9px;border-radius:999px;color:#4ade80;background:#22c55e17;font-size:10px;font-weight:600}.deal-value{text-align:right;color:#f8fafc;font-size:14px;font-weight:700}.sales-table-wrapper{width:100%;overflow-x:auto;padding:15px 24px 25px}.sales-table{width:100%;min-width:700px;border-collapse:collapse}.sales-table th{padding:13px 10px;color:#475569;font-size:10px;font-weight:600;text-align:left;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(148,163,184,.08)}.sales-table td{padding:16px 10px;color:#cbd5e1;font-size:12px;border-bottom:1px solid rgba(148,163,184,.06)}.salesperson-cell{display:flex;align-items:center;gap:10px}.mini-avatar{width:32px;height:32px;border-radius:9px;font-size:11px}.approved-number{color:#4ade80}.revenue-cell{color:#60a5fa!important;font-weight:700}.approval-bar{display:inline-block;vertical-align:middle;width:70px;height:5px;margin-right:8px;overflow:hidden;border-radius:99px;background:#1e293b}.approval-bar div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#38bdf8)}.approval-percent{color:#94a3b8;font-size:11px}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;min-height:120px;color:#475569;font-size:13px}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#64748b}.loading-spinner{width:34px;height:34px;margin-bottom:15px;border:3px solid rgba(59,130,246,.15);border-top-color:#3b82f6;border-radius:50%;animation:dashboard-spin .8s linear infinite}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-error{padding:20px;border:1px solid rgba(239,68,68,.2);border-radius:14px;color:#f87171;background:#ef444414}@media(max-width:1200px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-main-grid{grid-template-columns:1fr}}@media(max-width:900px){.dashboard-secondary-grid{grid-template-columns:1fr}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.performance-layout{grid-template-columns:150px 1fr}}@media(max-width:600px){.crm-dashboard{padding:5px 0 35px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px}.dashboard-date{align-items:flex-start}.dashboard-kpis{grid-template-columns:1fr}.dashboard-panel{border-radius:15px}.panel-top{padding:18px 17px 0}.large-chart{height:270px;padding:15px 5px}.pie-chart-wrapper{height:300px;padding:5px}.performance-layout{grid-template-columns:1fr;justify-items:center}.performance-items{width:100%}.deal-stat-grid{grid-template-columns:1fr 1fr;padding:20px 17px}.top-deals-list{padding:15px 17px}.top-deal-row{grid-template-columns:30px 1fr auto}.deal-status{display:none}.deal-value{font-size:12px}.sales-table-wrapper{padding-left:10px;padding-right:10px}}:root{--crm-blue: #2563eb;--crm-blue-light: #3b82f6;--crm-blue-dark: #1d4ed8;--crm-bg: #f5f7fb;--crm-sidebar: #ffffff;--crm-card: #ffffff;--crm-border: #e5e7eb;--crm-text: #111827;--crm-muted: #6b7280;--crm-dark-bg: #050914;--crm-dark-sidebar: #080d19;--crm-dark-card: #0b1220;--crm-dark-border: rgba(255, 255, 255, .08);--crm-dark-text: #f8fafc;--crm-dark-muted: #8d98aa}.crm-shell{min-height:100vh;display:flex;background:radial-gradient(circle at 80% 0%,rgba(37,99,235,.08),transparent 30%),var(--crm-bg);color:var(--crm-text);transition:background .3s ease,color .3s ease}.crm-shell.dark{background:radial-gradient(circle at 80% 0%,rgba(37,99,235,.13),transparent 30%),var(--crm-dark-bg);color:var(--crm-dark-text)}.crm-sidebar{width:260px;min-width:260px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:22px 14px;background:var(--crm-sidebar);border-right:1px solid var(--crm-border);z-index:100;transition:background .3s ease,transform .3s ease}.dark .crm-sidebar{background:var(--crm-dark-sidebar);border-color:var(--crm-dark-border)}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:3px 10px 24px}.brand-logo{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#fff;font-size:13px;font-weight:800;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 8px 25px #2563eb4d}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-size:16px;letter-spacing:-.4px}.brand-text strong span{color:var(--crm-blue-light)}.brand-text small{margin-top:5px;color:var(--crm-muted);font-size:9px;font-weight:700;letter-spacing:1.5px}.dark .brand-text small{color:var(--crm-dark-muted)}.sidebar-search{width:100%;display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;border:1px solid var(--crm-border);background:#94a3b80f;color:var(--crm-muted);cursor:pointer;margin-bottom:20px}.dark .sidebar-search{border-color:var(--crm-dark-border);background:#ffffff06;color:var(--crm-dark-muted)}.sidebar-search span{flex:1;text-align:left;font-size:13px}.sidebar-search kbd{padding:2px 5px;border-radius:5px;font-size:10px;border:1px solid var(--crm-border);color:var(--crm-muted)}.dark .sidebar-search kbd{border-color:var(--crm-dark-border)}.crm-navigation{flex:1;overflow-y:auto;padding-right:3px}.nav-section{margin-bottom:24px}.nav-section-title{padding:0 11px;margin-bottom:7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--crm-muted)}.dark .nav-section-title{color:#68758a}.crm-nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:10px 11px;margin:3px 0;border-radius:9px;text-decoration:none;border:none;background:transparent;color:var(--crm-muted);font-family:inherit;font-size:13px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.dark .crm-nav-item{color:#8c97aa}.crm-nav-item:hover{color:var(--crm-text);background:#2563eb12;transform:translate(2px)}.dark .crm-nav-item:hover{color:#fff;background:#ffffff0a}.crm-nav-item.active{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 7px 20px #2563eb33}.crm-nav-item.active:hover{color:#fff;transform:none;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.nav-icon{width:20px;display:flex;justify-content:center}.nav-label{flex:1;text-align:left}.sidebar-bottom{margin-top:auto;padding-top:14px;border-top:1px solid var(--crm-border)}.dark .sidebar-bottom{border-color:var(--crm-dark-border)}.sidebar-user{display:flex;align-items:center;gap:9px;padding:10px;border-radius:11px;cursor:pointer;transition:background .2s ease}.sidebar-user:hover{background:#2563eb0f}.dark .sidebar-user:hover{background:#ffffff08}.sidebar-avatar{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:11px;font-weight:700}.sidebar-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-info{min-width:0;flex:1;display:flex;flex-direction:column}.sidebar-user-info strong{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-user-info span{margin-top:3px;color:var(--crm-muted);font-size:10px}.dark .sidebar-user-info span{color:var(--crm-dark-muted)}.sidebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.theme-button,.logout-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:8px;border:1px solid var(--crm-border);background:transparent;color:var(--crm-muted);font-family:inherit;font-size:10px;cursor:pointer;transition:.2s ease}.dark .theme-button,.dark .logout-button{border-color:var(--crm-dark-border);color:var(--crm-dark-muted)}.theme-button:hover{color:var(--crm-blue);border-color:#2563eb4d}.logout-button:hover{color:#ef4444;border-color:#ef44444d}.crm-main{min-width:0;flex:1;display:flex;flex-direction:column}.crm-topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#ffffffb8;border-bottom:1px solid var(--crm-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.dark .crm-topbar{background:#050914bf;border-color:var(--crm-dark-border)}.topbar-left{display:flex;align-items:center;gap:15px}.topbar-title span{display:block;color:var(--crm-muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.dark .topbar-title span{color:var(--crm-dark-muted)}.topbar-title h1{margin:0;font-size:19px;letter-spacing:-.5px}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:9px;border:1px solid var(--crm-border);background:transparent;color:var(--crm-muted);cursor:pointer}.dark .topbar-icon{border-color:var(--crm-dark-border);color:var(--crm-dark-muted)}.topbar-icon:hover{color:var(--crm-blue);border-color:#2563eb4d}.notification-dot{position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 2px var(--crm-bg)}.dark .notification-dot{box-shadow:0 0 0 2px var(--crm-dark-bg)}.topbar-user{display:flex;align-items:center;gap:9px;margin-left:7px;padding:5px 7px;border:none;background:transparent;cursor:pointer;color:inherit;border-radius:10px}.topbar-user:hover{background:#2563eb0d}.topbar-avatar{width:35px;height:35px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;color:#fff;font-size:11px;font-weight:700;background:linear-gradient(135deg,#2563eb,#7c3aed)}.topbar-avatar img{width:100%;height:100%;object-fit:cover}.topbar-user-info{display:flex;flex-direction:column;text-align:left}.topbar-user-info strong{font-size:12px}.topbar-user-info span{margin-top:2px;color:var(--crm-muted);font-size:10px}.dark .topbar-user-info span{color:var(--crm-dark-muted)}.crm-content{width:100%;max-width:1700px;margin:0 auto;padding:30px}.mobile-menu-button{display:none;width:38px;height:38px;align-items:center;justify-content:center;border-radius:9px;border:1px solid var(--crm-border);background:transparent;color:inherit;cursor:pointer}.dark .mobile-menu-button{border-color:var(--crm-dark-border)}.mobile-close{display:none;margin-left:auto;border:none;background:transparent;color:inherit;cursor:pointer}.sidebar-overlay{display:none}@media(max-width:1000px){.crm-sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);box-shadow:20px 0 50px #00000040}.crm-sidebar.mobile-open{transform:translate(0)}.mobile-menu-button,.mobile-close{display:flex}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:90;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.crm-topbar{padding:0 20px}.crm-content{padding:22px}}@media(max-width:650px){.crm-topbar{height:68px}.topbar-user-info,.topbar-user>svg{display:none}.topbar-user{padding:0}.crm-content{padding:17px}.topbar-title h1{font-size:16px}.topbar-title span{display:none}}.crm-login-page{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 40%,rgba(37,99,235,.13),transparent 35%),radial-gradient(circle at 15% 20%,rgba(59,130,246,.08),transparent 30%),#030712;color:#f8fafc;display:flex;flex-direction:column}.login-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:55px 55px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 90%);mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}.login-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(100px);pointer-events:none}.login-glow-one{background:#2563eb1f;top:-250px;right:10%}.login-glow-two{background:#3b82f614;bottom:-300px;left:-100px}.login-topbar{position:relative;z-index:5;margin:0 auto;padding:26px 0;display:flex;justify-content:space-between;align-items:left}.login-logo{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.login-logo>div:last-child{display:flex;flex-direction:column;line-height:1}.login-logo strong{font-size:17px;letter-spacing:-.5px}.login-logo span{color:#3b82f6;font-size:9px;letter-spacing:2px;margin-top:4px}.logo-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 8px 30px #2563eb59}.back-home{display:flex;align-items:center;gap:7px;color:#94a3b8;font-size:13px;text-decoration:none;transition:.2s ease}.back-home:hover{color:#fff}.login-container{position:relative;z-index:2;width:min(1180px,calc(100% - 60px));margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:90px;align-items:left;padding:50px 0 80px}.login-showcase{position:relative;text-align:left;min-height:600px;display:flex;flex-direction:column;justify-content:center;align-items:start}.showcase-badge{width:fit-content;display:flex;align-items:left;gap:7px;padding:7px 13px;border:1px solid rgba(59,130,246,.3);border-radius:30px;background:#2563eb14;color:#60a5fa;font-size:11px;letter-spacing:.4px;margin-bottom:24px}.login-showcase h1{max-width:650px;text-align:left;margin:0;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-4px;font-weight:600}.login-showcase h1 span{color:#3b82f6;text-align:left;background:linear-gradient(90deg,#60a5fa,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.showcase-description{max-width:570px;text-align:left;margin:30px 0;color:#94a3b8;font-size:16px;line-height:1.8}.new_text{margin:30px 0;color:#94a3b8;font-size:16px;max-width:570px;line-height:1.8}.login-features{display:flex;flex-direction:column;gap:18px;margin-top:10px}.login-feature{display:flex;align-items:center;gap:14px}.feature-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#2563eb1a;border:1px solid rgba(59,130,246,.18);color:#60a5fa}.login-feature strong{display:block;font-size:13px;margin-bottom:3px}.login-feature p{margin:0;color:#64748b;font-size:12px}.floating-stat-card{position:absolute;display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:14px;background:#0a1120cc;border:1px solid rgba(148,163,184,.12);box-shadow:0 20px 60px #00000059;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:floatingCard 5s ease-in-out infinite}.floating-card-one{right:-15px;top:90px}.floating-card-two{right:40px;bottom:80px;animation-delay:-2s}.floating-card-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#2563eb26;color:#60a5fa}.floating-stat-card small{display:block;color:#64748b;font-size:9px;margin-bottom:3px}.floating-stat-card strong{font-size:13px}.growth{color:#22c55e;font-size:10px;margin-left:5px}.mini-avatar{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#2563eb,#60a5fa);font-size:10px;font-weight:700}.success-icon{color:#22c55e}@keyframes floatingCard{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.login-form-wrapper{display:flex;justify-content:center}.login-form-card{width:100%;max-width:460px;padding:38px;border-radius:24px;background:linear-gradient(145deg,#0f172af0,#050a16f5);border:1px solid rgba(148,163,184,.13);box-shadow:0 30px 100px #00000073;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.form-header{text-align:center;margin-bottom:30px}.login-icon{width:48px;height:48px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#60a5fa;background:#2563eb1f;border:1px solid rgba(59,130,246,.18)}.form-header h2{margin:0;font-size:28px;letter-spacing:-1px}.form-header p{margin:8px 0 0;color:#64748b;font-size:13px}.mobile-logo{display:none}.login-error{padding:12px 14px;margin-bottom:20px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:12px}.form-field{margin-bottom:20px}.form-field label{display:block;margin-bottom:8px;color:#cbd5e1;font-size:12px;font-weight:500}.form-field input{width:100%;box-sizing:border-box;padding:13px 14px;border-radius:10px;border:1px solid rgba(148,163,184,.14);background:#020617a6;color:#fff;outline:none;font-size:13px;transition:.2s ease}.form-field input::placeholder{color:#475569}.form-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-label{display:flex;justify-content:space-between;align-items:center}.password-label label{margin-bottom:8px}.forgot-password{border:none;background:none;color:#60a5fa;cursor:pointer;font-size:11px;padding:0}.forgot-password:hover{color:#93c5fd}.login-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 10px 30px #2563eb40;transition:.2s ease}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 35px #2563eb59}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.secure-login{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:18px;color:#475569;font-size:10px}.secure-login svg{color:#22c55e}.demo-login{margin-top:25px;padding:14px;border-radius:12px;background:#0f172ab3;border:1px solid rgba(148,163,184,.08)}.demo-header{margin-bottom:10px;color:#475569;font-size:9px;font-weight:600;letter-spacing:1.2px}.demo-details{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-details small{display:block;color:#475569;font-size:9px;margin-bottom:3px}.demo-details strong{color:#94a3b8;font-size:10px;font-weight:500}.login-footer{display:flex;justify-content:center;gap:5px;margin-top:24px;font-size:10px;color:#475569}.login-footer a{color:#60a5fa;text-decoration:none}.login-footer a:hover{color:#93c5fd}.login-page-footer{position:relative;z-index:3;padding:20px;text-align:center;color:#334155;font-size:10px}@media(max-width:1000px){.login-container{grid-template-columns:1fr;max-width:560px;gap:40px}.login-showcase{min-height:auto;text-align:center;align-items:center}.showcase-description{text-align:center}.login-features{width:100%;text-align:left}.floating-stat-card{display:none}}@media(max-width:600px){.login-topbar{width:calc(100% - 30px);padding:18px 0}.back-home{font-size:11px}.login-container{width:calc(100% - 30px);padding:30px 0}.login-showcase h1{font-size:43px;letter-spacing:-2.5px}.showcase-description{font-size:13px;line-height:1.7}.login-form-card{padding:25px 20px;border-radius:18px}.mobile-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:25px}.mobile-logo .logo-icon{width:30px;height:30px}.mobile-logo strong{font-size:13px}.mobile-logo span{color:#3b82f6}.login-icon{margin-bottom:14px}.form-header h2{font-size:24px}.demo-details{grid-template-columns:1fr}}.leads-page{width:100%;max-width:1600px;margin:0 auto}.crm-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.crm-page-header h1{margin:7px 0 6px;font-size:32px;font-weight:700;letter-spacing:-1px}.crm-page-header p{margin:0;color:#7f8aa3;font-size:14px}.eyebrow{display:flex;align-items:center;gap:8px;color:#5b9cff;font-size:11px;font-weight:700;letter-spacing:1.5px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#3b82f6;box-shadow:0 0 12px #3b82f6e6}.header-actions{display:flex;gap:10px}.primary-btn,.secondary-btn{height:42px;padding:0 17px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:13px;text-decoration:none;cursor:pointer;transition:.2s ease}.primary-btn{color:#fff;border:1px solid rgba(75,145,255,.7);background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 8px 25px #2563eb33}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #2563eb59}.secondary-btn{color:#b7c2d8;background:#0f172ab3;border:1px solid rgba(148,163,184,.15)}.secondary-btn:hover{background:#1e293bcc;color:#fff}.lead-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}.lead-stat-card{position:relative;overflow:hidden;min-height:145px;padding:18px;border-radius:16px;background:linear-gradient(145deg,#11192df2,#080e1df5);border:1px solid rgba(148,163,184,.1);box-shadow:inset 0 1px #ffffff06}.lead-stat-card:after{content:"";position:absolute;width:100px;height:100px;right:-45px;bottom:-55px;background:#2563eb24;filter:blur(30px);border-radius:50%}.lead-stat-top{display:flex;justify-content:space-between;align-items:center}.lead-stat-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#5ea0ff;background:#2563eb1f;border:1px solid rgba(59,130,246,.15)}.stat-arrow{color:#47546c}.lead-stat-value{margin-top:17px;font-size:25px;font-weight:700;color:#f5f7fb}.lead-stat-label{margin-top:3px;color:#c2cad8;font-size:13px;font-weight:600}.lead-stat-description{margin-top:5px;color:#647089;font-size:11px}.lead-stat-card.success .lead-stat-icon{color:#4ade80;background:#22c55e1a}.lead-stat-card.warning .lead-stat-icon{color:#fbbf24;background:#f59e0b1a}.lead-stat-card.danger .lead-stat-icon{color:#fb7185;background:#f43f5e1a}.lead-stat-card.revenue .lead-stat-icon{color:#60a5fa}.leads-panel{overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#0e1627f5,#070c19fa);border:1px solid rgba(148,163,184,.1);box-shadow:0 20px 60px #0000002e}.leads-panel-header{padding:21px 22px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(148,163,184,.08)}.leads-panel-header h2{margin:0;font-size:17px;color:#f1f5f9}.leads-panel-header p{margin:5px 0 0;color:#65718a;font-size:12px}.filter-toggle{display:flex;align-items:center;gap:7px;height:36px;padding:0 13px;color:#9ba8bd;background:#ffffff06;border:1px solid rgba(148,163,184,.12);border-radius:9px;cursor:pointer}.filter-toggle.active,.filter-toggle:hover{color:#fff;border-color:#3b82f659;background:#3b82f614}.lead-search-row{padding:16px 22px 0}.lead-search{height:44px;display:flex;align-items:center;gap:10px;padding:0 13px;border-radius:10px;background:#0208178c;border:1px solid rgba(148,163,184,.1);color:#64748b}.lead-search:focus-within{border-color:#3b82f673;box-shadow:0 0 0 3px #3b82f60f}.lead-search input{flex:1;border:none;outline:none;background:transparent;color:#e5e7eb;font-size:13px}.lead-search input::placeholder{color:#526078}.clear-search{border:none;background:transparent;color:#68758c;font-size:21px;cursor:pointer}.advanced-filters{max-height:0;overflow:hidden;opacity:0;padding:0 22px;display:flex;align-items:flex-end;gap:13px;transition:max-height .25s ease,opacity .2s ease,padding .25s ease}.advanced-filters.visible{max-height:150px;opacity:1;padding-top:16px;padding-bottom:4px}.filter-field{display:flex;flex-direction:column;gap:6px}.filter-field label{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#65718a;font-weight:700}.filter-field select{min-width:170px;height:39px;padding:0 11px;border-radius:9px;background:#0b1425;color:#cbd5e1;border:1px solid rgba(148,163,184,.12);outline:none}.my-leads-toggle{min-height:39px;display:flex;align-items:center;gap:10px;cursor:pointer;padding:7px 11px;border-radius:9px;background:#ffffff06;border:1px solid rgba(148,163,184,.08)}.my-leads-toggle input{display:none}.toggle-ui{width:30px;height:17px;position:relative;border-radius:20px;background:#26334b;transition:.2s}.toggle-ui:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#8290a8;transition:.2s}.my-leads-toggle input:checked+.toggle-ui{background:#2563eb}.my-leads-toggle input:checked+.toggle-ui:after{left:16px;background:#fff}.my-leads-toggle strong{display:block;color:#cbd5e1;font-size:11px}.my-leads-toggle small{color:#56637a;font-size:9px}.reset-filter-btn{height:39px;padding:0 13px;color:#8290a8;background:transparent;border:1px solid rgba(148,163,184,.1);border-radius:9px;cursor:pointer}.crm-table-wrapper{width:100%;overflow-x:auto;margin-top:17px}.crm-table{width:100%;border-collapse:collapse;min-width:950px}.crm-table thead{background:#02081759}.crm-table th{padding:12px 18px;text-align:left;color:#536078;font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;border-top:1px solid rgba(148,163,184,.06);border-bottom:1px solid rgba(148,163,184,.06)}.crm-table td{padding:15px 18px;border-bottom:1px solid rgba(148,163,184,.055);color:#aeb8ca;font-size:12px}.crm-table tbody tr{transition:background .18s ease}.crm-table tbody tr:hover{background:#3b82f609}.actions-column{text-align:right!important}.company-cell{display:flex;align-items:center;gap:11px}.company-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9px;color:#5b9cff;background:#3b82f614;border:1px solid rgba(59,130,246,.12)}.company-cell strong,.salesperson-cell strong{display:block;color:#e3e8f1;font-size:12px}.company-cell span,.salesperson-cell span{display:block;margin-top:3px;color:#59667d;font-size:10px}.salesperson-cell{display:flex;align-items:center;gap:9px}.salesperson-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;font-size:10px;font-weight:700;overflow:hidden}.salesperson-avatar img{width:100%;height:100%;object-fit:cover}.contact-cell span{display:block;color:#c4ccda;font-size:11px}.contact-cell small{display:block;margin-top:4px;color:#58657c;font-size:10px}.lead-status{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:20px;font-size:10px;font-weight:700;text-transform:capitalize}.lead-status.approved{color:#4ade80;background:#22c55e17;border:1px solid rgba(34,197,94,.13)}.lead-status.pending{color:#fbbf24;background:#f59e0b17;border:1px solid rgba(245,158,11,.13)}.lead-status.rejected{color:#fb7185;background:#f43f5e17;border:1px solid rgba(244,63,94,.13)}.lead-status.new{color:#60a5fa;background:#3b82f617;border:1px solid rgba(59,130,246,.13)}.deal-value strong{display:block;color:#e8edf6;font-size:12px}.deal-value span{display:block;margin-top:3px;color:#4ade80;font-size:9px}.date-cell strong{display:block;color:#b8c2d3;font-size:11px}.date-cell span{display:block;margin-top:3px;color:#59667d;font-size:9px}.lead-actions{display:flex;justify-content:flex-end;gap:6px}.table-action{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:.18s ease}.table-action.edit{color:#60a5fa;background:#3b82f614;border:1px solid rgba(59,130,246,.1)}.table-action.edit:hover{background:#3b82f62e;transform:translateY(-1px)}.table-action.delete{color:#fb7185;background:#f43f5e12;border:1px solid rgba(244,63,94,.1)}.table-action.delete:hover{background:#f43f5e29;transform:translateY(-1px)}.leads-empty{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:15px;color:#568ff0;background:#3b82f614;margin-bottom:13px}.leads-empty h3{margin:0;color:#dbe3ef;font-size:15px}.leads-empty p{margin:6px 0 18px;color:#5e6b82;font-size:11px}.lead-loading{min-height:120px;display:flex;align-items:center;justify-content:center;gap:10px;color:#718097;font-size:12px}.loading-spinner{width:17px;height:17px;border-radius:50%;border:2px solid rgba(59,130,246,.15);border-top-color:#3b82f6;animation:crm-spin .7s linear infinite}@keyframes crm-spin{to{transform:rotate(360deg)}}.lead-alert{margin:15px 22px;padding:12px 14px;border-radius:9px;font-size:12px}.lead-alert.error{color:#fb7185;background:#f43f5e14;border:1px solid rgba(244,63,94,.15)}.leads-footer{min-height:50px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(148,163,184,.06);color:#56637a;font-size:10px}.leads-footer strong{color:#aeb9ca}@media(max-width:1200px){.lead-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.crm-page-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.header-actions .primary-btn,.header-actions .secondary-btn{flex:1}.lead-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-filters.visible{flex-direction:column;align-items:stretch}.filter-field select{width:100%}}@media(max-width:500px){.lead-stat-grid{grid-template-columns:1fr}.crm-page-header h1{font-size:26px}.leads-panel-header{align-items:flex-start;gap:12px}}.new-lead-page{max-width:1200px;margin:0 auto;padding-bottom:50px}.new-lead-header{margin-bottom:25px}.back-btn{display:inline-flex;align-items:center;gap:7px;background:transparent;border:none;color:#8d9bb5;font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-bottom:18px;transition:.2s ease}.back-btn:hover{color:#4f8cff}.new-lead-title{display:flex;align-items:center;gap:15px}.title-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#377dff1f;color:#4f8cff;border:1px solid rgba(79,140,255,.2)}.new-lead-title h2{margin:0 0 5px;font-size:27px;font-weight:700;color:#f5f7fb}.new-lead-title p{margin:0;color:#8995aa;font-size:14px}.lead-form-card{background:radial-gradient(circle at 90% 0%,rgba(44,112,255,.08),transparent 30%),linear-gradient(145deg,#161d2bfa,#0e131dfa);border:1px solid rgba(255,255,255,.07);border-radius:20px;overflow:hidden;box-shadow:0 25px 70px #00000047,inset 0 1px #ffffff06}.lead-form-header{display:flex;justify-content:space-between;align-items:center;padding:28px 30px;border-bottom:1px solid rgba(255,255,255,.07)}.form-eyebrow{display:block;color:#4f8cff;font-size:10px;font-weight:800;letter-spacing:1.5px;margin-bottom:7px}.lead-form-header h3{margin:0 0 5px;color:#f5f7fb;font-size:20px}.lead-form-header p{margin:0;color:#7f8ba0;font-size:13px}.form-user{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.form-user-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#377dff,#1856c7);color:#fff;font-size:12px;font-weight:700;overflow:hidden}.form-user-avatar img{width:100%;height:100%;object-fit:cover}.form-user strong{display:block;color:#e8edf7;font-size:12px}.form-user span{display:block;margin-top:2px;color:#738097;font-size:10px;text-transform:capitalize}.lead-error{margin:20px 30px 0;padding:12px 15px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ff8585;font-size:13px}.form-section{padding:28px 30px;border-bottom:1px solid rgba(255,255,255,.06)}.form-section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px;color:#4f8cff}.form-section-title svg{margin-top:2px}.form-section-title h4{margin:0 0 4px;color:#e9edf5;font-size:15px}.form-section-title p{margin:0;color:#727f95;font-size:12px}.lead-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.lead-field label{color:#9aa6b9;font-size:12px;font-weight:600}.lead-field label span{color:#4f8cff}.select-wrapper{padding-right:8px}.select-wrapper select{cursor:pointer;appearance:none}.select-wrapper select option{background:#151c29;color:#e8edf7}.lead-field textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:150px;padding:14px;border-radius:10px;outline:none;background:#0509108c;border:1px solid rgba(255,255,255,.08);color:#e8edf7;font-family:inherit;font-size:13px;line-height:1.6;transition:.2s ease}.lead-field textarea::placeholder{color:#4e5b70}.lead-field textarea:focus{border-color:#4f8cffa6;background:#050a12cc;box-shadow:0 0 0 3px #4f8cff14}.lead-form-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:#04080e59}.required-note{color:#5f6c80;font-size:11px}.required-note span{color:#4f8cff}.lead-form-actions{display:flex;align-items:center;gap:10px}.lead-form-actions .primary-btn,.lead-form-actions .secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.lead-form-actions .primary-btn{border:none;color:#fff;background:linear-gradient(135deg,#4f8cff,#2864d7);box-shadow:0 8px 25px #377dff2e}.lead-form-actions .primary-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px #377dff40}.lead-form-actions .primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.lead-form-actions .secondary-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#a8b2c3}.lead-form-actions .secondary-btn:hover{background:#ffffff12;color:#e5eaf2}@media(max-width:800px){.lead-form-header{flex-direction:column;align-items:flex-start;gap:20px}.form-user{width:100%;box-sizing:border-box}.lead-form-grid{grid-template-columns:1fr}.lead-form-footer{flex-direction:column;align-items:stretch;gap:15px}.lead-form-actions{width:100%}.lead-form-actions button{flex:1}}@media(max-width:500px){.lead-form-card{border-radius:14px}.lead-form-header,.form-section{padding:22px 18px}.lead-form-footer{padding:18px}.new-lead-title h2{font-size:22px}}.lead-editor-page{max-width:1150px;margin:0 auto;padding-bottom:50px}.lead-editor-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.lead-header-left{display:flex;align-items:center;gap:16px}.lead-header-left h1{margin:4px 0 6px;font-size:32px;font-weight:750;letter-spacing:-.8px}.lead-header-left p{margin:0;color:#8c96a8;font-size:14px}.eyebrow{color:#3b82f6;font-size:11px;font-weight:800;letter-spacing:1.5px}.back-btn{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#151b27;color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}.back-btn:hover{background:#1c2636;color:#fff;transform:translate(-2px)}.lead-header-status{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#151b27;border:1px solid rgba(255,255,255,.07);color:#d6dce6;text-transform:capitalize;font-size:13px;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background:#64748b}.status-dot.new{background:#3b82f6}.status-dot.pending{background:#f59e0b}.status-dot.approved{background:#22c55e}.status-dot.rejected{background:#ef4444}.lead-form-alert{padding:14px 16px;margin-bottom:20px;border-radius:12px;border:1px solid rgba(239,68,68,.25);background:#ef444414;color:#fca5a5}.lead-editor-card{background:linear-gradient(145deg,#111722,#0d121b);border:1px solid rgba(255,255,255,.07);border-radius:20px;box-shadow:0 25px 70px #00000040,inset 0 1px #ffffff06;overflow:hidden}.form-section{padding:30px;border-bottom:1px solid rgba(255,255,255,.06)}.form-section:last-of-type{border-bottom:none}.form-section-header{display:flex;align-items:center;gap:13px;margin-bottom:25px}.form-section-header h2{margin:0 0 4px;font-size:17px;color:#f8fafc}.form-section-header p{margin:0;color:#7f8999;font-size:13px}.section-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.15)}.section-icon.blue{background:#2563eb1f;color:#60a5fa}.section-icon.purple{background:#8b5cf61f;color:#a78bfa}.lead-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.lead-field{display:flex;flex-direction:column;gap:8px}.lead-field label{color:#aeb8c8;font-size:12px;font-weight:650}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper svg{position:absolute;left:14px;color:#64748b;pointer-events:none}.input-wrapper input,.input-wrapper select,.lead-field textarea{width:100%;box-sizing:border-box;background:#0b1018;border:1px solid #252e3c;border-radius:11px;color:#f1f5f9;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input-wrapper input,.input-wrapper select{height:48px;padding:0 14px 0 43px}.lead-field textarea{padding:14px;resize:vertical;min-height:150px;line-height:1.6}.input-wrapper input:focus,.input-wrapper select:focus,.lead-field textarea:focus{border-color:#3b82f6;background:#0d1420;box-shadow:0 0 0 3px #3b82f61a,0 0 25px #3b82f60d}.input-wrapper input::placeholder,.lead-field textarea::placeholder{color:#4f5b6d}.input-wrapper select{appearance:none;cursor:pointer}.input-wrapper input[type=date]{color-scheme:dark}.lead-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:22px 30px;background:#070b1273;border-top:1px solid rgba(255,255,255,.05)}.lead-cancel-btn{height:44px;padding:0 20px;border-radius:10px;border:1px solid #293343;background:#141b27;color:#aeb8c8;font-weight:650;cursor:pointer;transition:.2s ease}.lead-cancel-btn:hover{background:#1c2635;color:#fff}.lead-save-btn{height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;border:none;border-radius:10px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 25px #2563eb38;transition:.2s ease}.lead-save-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px #2563eb52}.lead-save-btn:disabled,.lead-cancel-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.lead-page-loading{min-height:300px;display:flex;align-items:center;justify-content:center;color:#94a3b8}@media(max-width:800px){.lead-editor-page{padding:0 12px 40px}.lead-editor-header{align-items:flex-start}.lead-header-status{display:none}.lead-header-left h1{font-size:26px}.lead-form-grid{grid-template-columns:1fr}.form-section{padding:22px}.lead-form-actions{padding:18px 22px}}@media(max-width:500px){.lead-header-left{align-items:flex-start}.back-btn{width:38px;height:38px}.lead-form-actions{flex-direction:column-reverse}.lead-save-btn,.lead-cancel-btn{width:100%}}.input-wrapper{height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:10px;background:#0509108c;border:1px solid rgba(255,255,255,.08);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input-wrapper svg{flex-shrink:0;color:#596a84}.input-wrapper:focus-within{border-color:#4f8cffa6;background:#050a12cc;box-shadow:0 0 0 3px #4f8cff14}.input-wrapper input,.input-wrapper select{width:100%;height:100%;border:none;outline:none;background:transparent;color:#e8edf7;font-size:13px}.input-wrapper input::placeholder{color:#4e5b70}.payroll-page{width:100%;max-width:1200px;margin:0 auto;padding:10px 0 60px;color:#f8fafc}.payroll-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:28px}.payroll-eyebrow{margin-bottom:8px;color:#60a5fa;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.payroll-page-header h1{margin:0;color:#f8fafc;font-size:32px;font-weight:750;letter-spacing:-.8px}.payroll-page-header p{margin:8px 0 0;color:#8994a7;font-size:14px}.payroll-header-badge{display:flex;align-items:center;gap:9px;padding:12px 16px;background:#111722;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#7f8a9d;font-size:11px;white-space:nowrap}.payroll-header-badge strong{color:#dbe4f0;font-size:12px}.live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e1a}.payroll-control-card{width:100%;box-sizing:border-box;margin-bottom:24px;padding:22px;background:linear-gradient(145deg,#111722,#0d121b);border:1px solid rgba(255,255,255,.07);border-radius:18px;box-shadow:0 20px 50px #0000002e,inset 0 1px #ffffff05}.payroll-control{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.payroll-control-field{min-width:0}.payroll-control-field label{display:block;margin-bottom:8px;color:#8e9aad;font-size:10px;font-weight:800;letter-spacing:1px}.payroll-input-wrapper{position:relative;width:100%}.payroll-input-wrapper .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#64748b;font-size:14px;pointer-events:none}.payroll-page input,.payroll-page select{width:100%;height:46px;box-sizing:border-box;border:1px solid #273142;border-radius:10px;background:#0a0f17;color:#e8eef7;font-family:inherit;font-size:13px;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.payroll-page input{padding:0 14px}.payroll-input-wrapper input{padding-left:40px!important}.payroll-page select{padding:0 38px 0 14px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.payroll-page input::placeholder{color:#4f5b6d}.payroll-page input:hover,.payroll-page select:hover{border-color:#354258}.payroll-page input:focus,.payroll-page select:focus{border-color:#3b82f6;background:#0c131e;box-shadow:0 0 0 3px #3b82f61a,0 0 20px #3b82f60a}.payroll-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:120px;margin-bottom:20px;background:#111722;border:1px solid rgba(255,255,255,.06);border-radius:16px;color:#94a3b8;font-size:13px}.loading-spinner{width:18px;height:18px;border:2px solid #263244;border-top-color:#3b82f6;border-radius:50%;animation:payroll-spin .8s linear infinite}@keyframes payroll-spin{to{transform:rotate(360deg)}}.payroll-error{margin-bottom:20px;padding:14px 16px;background:#ef444412;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#fca5a5;font-size:13px}.payroll-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;padding:40px;box-sizing:border-box;background:radial-gradient(circle at center,rgba(59,130,246,.06),transparent 55%),#0f151f;border:1px solid rgba(255,255,255,.06);border-radius:18px;text-align:center}.payroll-empty-small{min-height:220px;margin-top:18px}.payroll-empty-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:15px;background:#3b82f61a;border:1px solid rgba(59,130,246,.15);color:#60a5fa;font-size:20px}.payroll-empty h2{margin:0;color:#f1f5f9;font-size:18px}.payroll-empty p{max-width:440px;margin:8px 0 0;color:#788497;font-size:13px;line-height:1.6}.payroll-workspace{display:flex;flex-direction:column;gap:18px}.employee-profile-card{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 24px;background:linear-gradient(145deg,#121925,#0d131d);border:1px solid rgba(255,255,255,.07);border-radius:18px;box-shadow:0 15px 45px #00000029,inset 0 1px #ffffff05}.employee-profile-main{display:flex;align-items:center;gap:16px;min-width:0}.employee-large-avatar{width:62px;height:62px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:17px;background:linear-gradient(135deg,#2563eb,#4f46e5);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:18px;font-weight:800;box-shadow:0 8px 25px #2563eb33}.employee-large-avatar img{width:100%;height:100%;object-fit:cover}.employee-profile-info{min-width:0}.employee-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.employee-name-row h2{margin:0;color:#f8fafc;font-size:19px;font-weight:700}.employee-profile-info>p{margin:5px 0;color:#7e899b;font-size:12px}.employee-role{padding:5px 9px;border-radius:7px;background:#3b82f61a;border:1px solid rgba(59,130,246,.16);color:#60a5fa;font-size:10px;font-weight:700;text-transform:capitalize}.employee-meta{display:flex;gap:15px;color:#64748b;font-size:10px}.employee-meta span:first-child{color:#4ade80}.employee-profile-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;padding-left:20px;border-left:1px solid rgba(255,255,255,.07)}.employee-profile-right span{color:#657185;font-size:9px;font-weight:800;letter-spacing:1px}.employee-profile-right strong{color:#dce5f0;font-size:13px}.payroll-month-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;background:#111722;border:1px solid rgba(255,255,255,.06);border-radius:16px}.month-information{display:flex;align-items:center;gap:13px}.calendar-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#3b82f61a;border:1px solid rgba(59,130,246,.15);font-size:17px}.month-information span{display:block;margin-bottom:3px;color:#64748b;font-size:9px;font-weight:800;letter-spacing:1px}.month-information h2{margin:0;color:#f1f5f9;font-size:17px}.month-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;position:relative;z-index:100}.payroll-page button.payroll-primary-btn{appearance:none!important;-webkit-appearance:none!important;position:relative!important;z-index:9999!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:145px!important;height:44px!important;padding:0 18px!important;box-sizing:border-box!important;border:1px solid rgba(96,165,250,.35)!important;border-radius:10px!important;background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;pointer-events:auto!important;box-shadow:0 8px 22px #2563eb33,inset 0 1px #ffffff1f!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important}.payroll-page button.payroll-primary-btn:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb)!important;border-color:#93c5fd80!important;transform:translateY(-2px)!important;box-shadow:0 13px 30px #2563eb4d,inset 0 1px #ffffff26!important}.payroll-page button.payroll-primary-btn:active{transform:translateY(0)!important;box-shadow:0 5px 14px #2563eb38!important}.payroll-page button.payroll-primary-btn:focus{outline:none!important;box-shadow:0 0 0 3px #3b82f626,0 8px 22px #2563eb33!important}.payroll-page button.payroll-primary-btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.payroll-page button.payroll-primary-btn span{display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:15px}.salary-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;background:radial-gradient(circle at 15% 50%,rgba(37,99,235,.12),transparent 45%),linear-gradient(145deg,#121b2a,#0d141e);border:1px solid rgba(59,130,246,.13);border-radius:18px;box-shadow:0 18px 50px #00000029,inset 0 1px #ffffff06}.salary-label{display:block;margin-bottom:7px;color:#7e8a9d;font-size:9px;font-weight:800;letter-spacing:1.3px}.salary-value{color:#f8fafc;font-size:35px;font-weight:800;letter-spacing:-1.2px}.salary-hero p{margin:5px 0 0;color:#687588;font-size:11px}.salary-status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#22c55e14;border:1px solid rgba(34,197,94,.15);color:#86efac;font-size:11px;font-weight:700;text-transform:capitalize}.salary-status .status-dot{width:7px;height:7px;border-radius:50%;background:#22c55e}.payroll-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.payroll-metric{display:flex;align-items:center;gap:12px;padding:18px;background:#111722;border:1px solid rgba(255,255,255,.06);border-radius:15px;transition:transform .2s ease,border-color .2s ease}.payroll-metric:hover{transform:translateY(-2px);border-color:#ffffff1a}.metric-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:15px;font-weight:700}.metric-icon.blue{background:#3b82f61a;color:#60a5fa}.metric-icon.purple{background:#8b5cf61a;color:#a78bfa}.metric-icon.green{background:#22c55e1a;color:#4ade80}.metric-icon.orange{background:#f59e0b1a;color:#fbbf24}.payroll-metric span{display:block;margin-bottom:4px;color:#778397;font-size:10px}.payroll-metric strong{color:#e8eef7;font-size:16px}.payroll-breakdown-card,.commissions-card{padding:24px;background:#111722;border:1px solid rgba(255,255,255,.06);border-radius:17px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-title h2{margin:0;color:#f1f5f9;font-size:16px}.section-title p{margin:5px 0 0;color:#727e91;font-size:11px}.salary-breakdown-list{display:flex;flex-direction:column}.breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.05)}.breakdown-row>div{display:flex;flex-direction:column;gap:4px}.breakdown-row strong{color:#dbe4ef;font-size:13px}.breakdown-row span{color:#697588;font-size:11px}.breakdown-row>strong{color:#f1f5f9;font-size:13px}.breakdown-total{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-top:18px}.breakdown-total span{color:#8d99aa;font-size:12px;font-weight:700}.breakdown-total strong{color:#60a5fa;font-size:20px;font-weight:800}.commission-total{padding:8px 12px;border-radius:9px;background:#22c55e14;border:1px solid rgba(34,197,94,.13);color:#4ade80;font-size:13px;font-weight:750}.commission-list{display:flex;flex-direction:column;gap:8px}.commission-item{display:flex;align-items:center;gap:12px;padding:13px 14px;background:#0c121b;border:1px solid rgba(255,255,255,.05);border-radius:11px;transition:border-color .2s ease,background .2s ease}.commission-item:hover{background:#0e151f;border-color:#ffffff14}.commission-icon{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#22c55e17;color:#4ade80;font-size:13px;font-weight:700}.commission-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.commission-info strong{overflow:hidden;color:#dce5ef;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.commission-info span{color:#5f6b7d;font-size:10px}.commission-amount{color:#4ade80;font-size:13px;white-space:nowrap}.no-commissions{padding:25px;background:#0c121b;border:1px dashed #293343;border-radius:11px;color:#687588;text-align:center;font-size:12px}.payroll-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;background:#0f151f;border:1px solid rgba(255,255,255,.06);border-radius:15px}.payroll-footer>div{display:flex;flex-direction:column;gap:4px}.payroll-footer span{color:#657185;font-size:9px;font-weight:800;letter-spacing:1px}.payroll-footer strong{color:#dbe4ee;font-size:12px;text-transform:capitalize}.payroll-page .payroll-empty button.payroll-primary-btn{margin-top:20px!important}.payroll-page~.page-heading{color:#f8fafc}@media(max-width:1000px){.payroll-page{padding-left:12px;padding-right:12px}.payroll-control{grid-template-columns:1fr 1fr}.search-field{grid-column:span 2}.payroll-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.payroll-page-header{flex-direction:column;align-items:flex-start}.payroll-header-badge{width:100%;box-sizing:border-box}.payroll-control{grid-template-columns:1fr}.search-field{grid-column:auto}.employee-profile-card{flex-direction:column;align-items:flex-start}.employee-profile-right{width:100%;align-items:flex-start;padding-left:0;padding-top:15px;border-left:none;border-top:1px solid rgba(255,255,255,.06)}.payroll-month-bar{flex-direction:column;align-items:flex-start}.month-actions{width:100%;justify-content:stretch}.payroll-page button.payroll-primary-btn{width:100%!important}.salary-hero{flex-direction:column;align-items:flex-start}.salary-value{font-size:30px}.payroll-metrics{grid-template-columns:1fr}.payroll-footer{flex-direction:column;align-items:flex-start}.payroll-footer button.payroll-primary-btn{width:100%!important}}@media(max-width:480px){.payroll-page{padding:5px 8px 40px}.payroll-page-header h1{font-size:25px}.payroll-control-card{padding:16px}.employee-profile-card{padding:18px}.employee-large-avatar{width:52px;height:52px}.employee-name-row h2{font-size:16px}.payroll-month-bar{padding:16px}.salary-hero{padding:22px}.salary-value{font-size:27px}.payroll-breakdown-card,.commissions-card{padding:18px}.breakdown-row{align-items:flex-start}.breakdown-row>strong{white-space:nowrap}.commission-item{padding:11px}}.users-page{width:100%;max-width:1400px;margin:0 auto;padding:10px 0 50px;color:#f8fafc}.users-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.users-eyebrow{margin-bottom:8px;color:#3b82f6;font-size:11px;font-weight:800;letter-spacing:1.6px}.users-page-header h1{margin:0;font-size:32px;font-weight:750;letter-spacing:-.8px;color:#f8fafc}.users-page-header p{margin:8px 0 0;color:#8792a5;font-size:14px}.users-page .users-create-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:46px!important;padding:0 20px!important;border:1px solid rgba(59,130,246,.35)!important;border-radius:11px!important;background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 8px 25px #2563eb33!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}.users-page .users-create-btn:hover{transform:translateY(-1px)!important;box-shadow:0 12px 32px #2563eb4d!important;background:linear-gradient(135deg,#1d4ed8,#3b82f6)!important}.users-page .users-create-btn span{font-size:20px!important;line-height:1!important}.users-error{display:flex;align-items:center;gap:10px;padding:14px 16px;margin-bottom:20px;border:1px solid rgba(239,68,68,.25);border-radius:12px;background:#ef444414;color:#fca5a5;font-size:14px}.users-error span{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ef444426;color:#f87171;font-weight:800}.users-create-card,.users-list-card{background:linear-gradient(145deg,#111722,#0d121b);border:1px solid rgba(255,255,255,.07);border-radius:20px;box-shadow:0 25px 70px #0003,inset 0 1px #ffffff06;overflow:hidden}.users-section-header{display:flex;align-items:center;gap:14px;padding:26px 30px;border-bottom:1px solid rgba(255,255,255,.06)}.users-section-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#3b82f61f;border:1px solid rgba(59,130,246,.18);color:#60a5fa;font-size:25px;font-weight:400}.users-section-header h2{margin:0 0 4px;color:#f8fafc;font-size:17px;font-weight:700}.users-section-header p{margin:0;color:#7f8999;font-size:13px}.users-form-section{padding:28px 30px;border-bottom:1px solid rgba(255,255,255,.06)}.users-form-title{color:#f1f5f9;font-size:15px;font-weight:700}.users-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.users-field{display:flex;flex-direction:column;gap:8px}.users-field label{color:#aeb8c8;font-size:11px;font-weight:750;letter-spacing:.8px}.users-field input,.users-field select{width:100%;height:48px;box-sizing:border-box;padding:0 14px;border:1px solid #252e3c;border-radius:11px;outline:none;background:#0b1018;color:#f1f5f9;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.users-field input::placeholder{color:#4f5b6d}.users-field input:focus,.users-field select:focus{border-color:#3b82f6;background:#0d1420;box-shadow:0 0 0 3px #3b82f61a}.users-field select{cursor:pointer}.users-permissions-section{padding:28px 30px}.users-permissions-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.users-permissions-heading p{margin:5px 0 0;color:#717d90;font-size:13px}.permission-count{padding:7px 12px;border-radius:999px;background:#3b82f61a;border:1px solid rgba(59,130,246,.15);color:#60a5fa;font-size:12px;font-weight:700;white-space:nowrap}.permissions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.permission-card{position:relative;display:flex;align-items:center;min-height:66px;padding:12px 14px;gap:11px;box-sizing:border-box;border:1px solid #252e3c;border-radius:12px;background:#0b1018;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.permission-card:hover{border-color:#344258;background:#0e1520;transform:translateY(-1px)}.permission-card.selected{border-color:#3b82f673;background:#2563eb14}.permission-card.disabled{cursor:default}.permission-card input{position:absolute;opacity:0;pointer-events:none}.permission-check{width:22px;height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;border:1px solid #344052;border-radius:6px;background:#080d14;color:#fff;font-size:13px;font-weight:800}.permission-card.selected .permission-check{background:#2563eb;border-color:#3b82f6;box-shadow:0 4px 12px #2563eb40}.permission-content{display:flex;flex-direction:column;gap:3px;min-width:0}.permission-content strong{color:#dce4ef;font-size:13px;font-weight:650}.permission-content small{color:#586579;font-size:10px;font-family:monospace}.admin-permission-note{display:flex;align-items:center;gap:9px;margin-top:15px;padding:11px 13px;border:1px solid rgba(59,130,246,.15);border-radius:10px;background:#3b82f60f;color:#8da8cf;font-size:12px}.admin-permission-note span{color:#60a5fa;font-weight:800}.users-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:20px 30px;background:#070b1273;border-top:1px solid rgba(255,255,255,.05)}.users-page .users-cancel-btn,.users-page .users-submit-btn{height:44px!important;padding:0 20px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important}.users-page .users-cancel-btn{border:1px solid #293343!important;background:#141b27!important;color:#aeb8c8!important}.users-page .users-cancel-btn:hover{background:#1c2635!important;color:#fff!important}.users-page .users-submit-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #3b82f6!important;background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important;box-shadow:0 7px 20px #2563eb33!important}.users-page .users-submit-btn:hover{transform:translateY(-1px)!important;box-shadow:0 10px 26px #2563eb4d!important}.users-page .users-submit-btn:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important}.users-list-card{margin-top:25px}.users-list-header{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;border-bottom:1px solid rgba(255,255,255,.06)}.users-list-header p{margin:5px 0 0;color:#717d90;font-size:13px}.users-total{display:flex;flex-direction:column;align-items:flex-end}.users-total strong{color:#f8fafc;font-size:22px}.users-total span{color:#68758a;font-size:10px;text-transform:uppercase;letter-spacing:.8px}.users-table-wrapper{width:100%;overflow-x:auto}.users-table{width:100%;border-collapse:collapse;min-width:900px}.users-table thead{background:#070b1280}.users-table th{padding:14px 18px;text-align:left;color:#69768a;font-size:10px;font-weight:800;letter-spacing:.8px;white-space:nowrap}.users-table td{padding:16px 18px;border-top:1px solid rgba(255,255,255,.045);color:#cbd5e1;font-size:13px}.users-table tbody tr{transition:background .2s ease}.users-table tbody tr:hover{background:#3b82f606}.user-table-person{display:flex;align-items:center;gap:11px}.user-table-avatar{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;font-size:12px;font-weight:800}.user-table-person strong{display:block;color:#e8edf5;font-size:13px}.user-table-person span{display:block;margin-top:3px;color:#59677b;font-size:10px}.user-email{color:#8f9bad}.user-role-badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:750;text-transform:capitalize;border:1px solid transparent}.user-role-badge.admin{background:#8b5cf61a;border-color:#8b5cf633;color:#a78bfa}.user-role-badge.manager{background:#3b82f61a;border-color:#3b82f633;color:#60a5fa}.user-role-badge.salesperson{background:#22c55e14;border-color:#22c55e2e;color:#4ade80}.user-status{display:inline-flex;align-items:center;gap:7px;font-size:12px}.user-status>span{width:7px;height:7px;border-radius:50%}.user-status.active{color:#4ade80}.user-status.active>span{background:#22c55e;box-shadow:0 0 8px #22c55e73}.user-status.disabled{color:#94a3b8}.user-status.disabled>span{background:#64748b}.permission-number{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 7px;border-radius:7px;background:#3b82f61a;color:#60a5fa;font-size:11px;font-weight:800}.permission-label{margin-left:7px;color:#59677b;font-size:10px}.users-page .user-delete-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:34px!important;padding:0 11px!important;border:1px solid rgba(239,68,68,.18)!important;border-radius:8px!important;background:#ef44440f!important;color:#f87171!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;transition:background .2s ease,border-color .2s ease,color .2s ease!important}.users-page .user-delete-btn:hover{background:#ef444421!important;border-color:#ef444459!important;color:#fca5a5!important}.user-delete-btn span{font-size:13px}.users-table-empty{padding:50px!important;text-align:center!important}.users-loading{display:flex;align-items:center;justify-content:center;gap:10px;color:#7f8999}.users-spinner{width:17px;height:17px;border:2px solid #293343;border-top-color:#3b82f6;border-radius:50%;animation:users-spin .8s linear infinite}@keyframes users-spin{to{transform:rotate(360deg)}}.users-no-results{display:flex;flex-direction:column;align-items:center;gap:6px}.users-no-results>div{margin-bottom:5px;font-size:28px;opacity:.5}.users-no-results strong{color:#cbd5e1;font-size:14px}.users-no-results span{color:#667387;font-size:12px}@media(max-width:900px){.users-page-header{align-items:flex-start;flex-direction:column}.users-page .users-create-btn{width:100%!important}.users-form-grid{grid-template-columns:1fr}.permissions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.users-page{padding:5px 0 30px}.users-page-header h1{font-size:26px}.users-section-header,.users-form-section,.users-permissions-section,.users-list-header{padding-left:20px;padding-right:20px}.users-form-actions{padding:18px 20px;flex-direction:column-reverse}.users-page .users-cancel-btn,.users-page .users-submit-btn{width:100%!important}.permissions-grid{grid-template-columns:1fr}.users-permissions-heading{align-items:flex-start;flex-direction:column}.users-total{align-items:flex-start}}.profile-page{width:100%;max-width:1400px;margin:0 auto;padding:32px;color:#e5e7eb}.profile-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}.profile-eyebrow,.panel-eyebrow{margin-bottom:8px;color:#3b82f6;font-size:10px;font-weight:800;letter-spacing:1.5px}.profile-page-header h1{margin:0;color:#f8fafc;font-size:30px;font-weight:750;letter-spacing:-.7px}.profile-page-header p{margin:8px 0 0;color:#718096;font-size:14px}.profile-header-badge{display:flex;align-items:center;gap:12px;padding:11px 16px;background:#0d1420;border:1px solid #1d2939;border-radius:12px}.profile-header-badge>div{display:flex;flex-direction:column;gap:3px}.profile-header-badge span:not(.profile-status-dot){color:#66758b;font-size:9px;font-weight:800;letter-spacing:.7px}.profile-header-badge strong{color:#dbeafe;font-size:12px}.profile-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e66}.profile-card{display:flex;align-items:center;gap:22px;padding:26px;margin-bottom:20px;background:radial-gradient(circle at 90% 10%,rgba(37,99,235,.12),transparent 32%),#0d1420;border:1px solid #1d2939;border-radius:16px;box-shadow:0 15px 35px #00000040}.profile-avatar{width:82px;height:82px;min-width:82px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#111d3d,#1d4ed8);border:1px solid #3154a3;color:#dbeafe;font-size:25px;font-weight:750;box-shadow:0 10px 25px #00000059}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{min-width:0}.profile-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.profile-info h2{margin:0;color:#f8fafc;font-size:23px;font-weight:750}.profile-email{margin:7px 0 12px;color:#7f8da3;font-size:14px}.role-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#2563eb1f;border:1px solid rgba(59,130,246,.25);color:#60a5fa;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.profile-meta{display:flex;flex-wrap:wrap;gap:18px;color:#66758b;font-size:11px}.profile-meta span{display:inline-flex;align-items:center;gap:6px}.meta-dot{width:6px;height:6px;border-radius:50%;background:#22c55e}.profile-panel{margin-bottom:20px;overflow:hidden;background:#0d1420;border:1px solid #1d2939;border-radius:16px;box-shadow:0 12px 30px #0003}.profile-panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;background:#0f1724;border-bottom:1px solid #1d2939}.profile-panel-header h2{margin:0;color:#f1f5f9;font-size:18px;font-weight:700}.profile-panel-header p{margin:6px 0 0;color:#718096;font-size:13px}.permission-count{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#111b2a;border:1px solid #243247;border-radius:9px}.permission-count strong{color:#60a5fa;font-size:14px}.permission-count span{color:#66758b;font-size:10px}.permission-list{display:flex;flex-wrap:wrap;gap:9px;padding:22px 26px}.permission-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;background:#101a29;border:1px solid #243247;border-radius:8px;color:#aebbd0;font-size:11px;font-weight:500;transition:border-color .2s ease,background .2s ease,transform .2s ease}.permission-badge:hover{background:#142238;border-color:#31517d;transform:translateY(-1px)}.permission-check{color:#4ade80;font-weight:800}.no-permissions{color:#66758b;font-size:13px}.profile-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid #315aa8;border-radius:9px;background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #0000004d;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.profile-primary-button:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);transform:translateY(-1px);box-shadow:0 9px 22px #0006}.profile-primary-button:active{transform:translateY(0)}.button-icon{font-size:14px}.payroll-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px}.payroll-card{overflow:hidden;background:#0a111c;border:1px solid #1d2939;border-radius:14px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.payroll-card:hover{transform:translateY(-2px);border-color:#2c405c;box-shadow:0 14px 32px #0000004d}.payroll-card-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;background:#101a29;border-bottom:1px solid #1d2939}.payroll-month{display:flex;align-items:center;gap:11px}.payroll-calendar{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#2563eb1a;border:1px solid rgba(59,130,246,.15);font-size:15px}.payroll-card-header h3{margin:0 0 4px;color:#f1f5f9;font-size:15px;font-weight:700}.payroll-period{color:#65748a;font-size:10px}.payroll-card-actions{display:flex;align-items:center;gap:9px}.payroll-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;background:#22c55e12;border:1px solid rgba(34,197,94,.16);border-radius:999px;color:#4ade80;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.status-dot{width:5px;height:5px;border-radius:50%;background:#22c55e}.payroll-edit-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid #293b55;border-radius:8px;background:#111c2c;color:#a9b9cf;font-size:11px;font-weight:650;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.payroll-edit-button:hover{background:#182840;border-color:#3b5f91;color:#dbeafe;transform:translateY(-1px)}.payroll-edit-button:active{transform:translateY(0)}.payroll-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#1d2939}.payroll-detail{min-width:0;padding:15px;background:#0a111c}.payroll-detail label{display:block;margin-bottom:7px;color:#627187;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.payroll-detail strong{display:block;color:#dbe5f2;font-size:15px;font-weight:700}.detail-subtext{display:block;margin-top:4px;color:#4f5f73;font-size:9px}.commission-value{color:#4ade80!important}.payroll-detail.final-salary{grid-column:span 3;background:linear-gradient(90deg,#1d4ed81f,#1d4ed809);border-top:1px solid rgba(59,130,246,.12)}.payroll-detail.final-salary label{color:#668ac0}.payroll-detail.final-salary strong{color:#60a5fa;font-size:23px;font-weight:800}.commissions{padding:18px;background:#0c1420;border-top:1px solid #1d2939}.commissions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.commissions-header h4{margin:0;color:#dbe5f2;font-size:12px;font-weight:700}.commissions-header p{margin:4px 0 0;color:#56667b;font-size:10px}.commission-total{color:#4ade80;font-size:15px;font-weight:750}.commission-list{display:flex;flex-direction:column;border:1px solid #1a2737;border-radius:9px;overflow:hidden}.commission-row{display:flex;align-items:center;justify-content:space-between;padding:11px;background:#0a111c;border-bottom:1px solid #182433}.commission-row:last-child{border-bottom:none}.commission-left{display:flex;align-items:center;gap:10px}.commission-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#22c55e14;border:1px solid rgba(34,197,94,.15);color:#4ade80;font-size:12px;font-weight:800}.commission-left strong{display:block;color:#cbd5e1;font-size:11px}.commission-left span{display:block;margin-top:2px;color:#526175;font-size:9px}.commission-amount{color:#4ade80;font-size:12px}.profile-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:50px;color:#718096;font-size:13px}.profile-spinner{width:18px;height:18px;border:2px solid #1e2c3e;border-top-color:#3b82f6;border-radius:50%;animation:profile-spin .8s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}.profile-error{display:flex;align-items:center;gap:10px;margin:20px;padding:14px;background:#dc262612;border:1px solid rgba(248,113,113,.16);border-radius:9px;color:#fca5a5;font-size:12px}.error-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ef44441f;color:#f87171;font-weight:800}.profile-empty-payroll{padding:55px 25px;text-align:center}.payroll-empty-icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;border-radius:14px;background:#111c2c;border:1px solid #243247;color:#64748b;font-size:20px;font-weight:700}.profile-empty-payroll h3{margin:0 0 7px;color:#cbd5e1;font-size:15px}.profile-empty-payroll p{margin:0 auto 7px;max-width:420px;color:#617086;font-size:12px}.profile-empty-payroll>span{color:#4f6076;font-size:10px}.profile-empty-login{padding:80px 30px;text-align:center;background:#0d1420;border:1px solid #1d2939;border-radius:16px}.profile-empty-login .profile-empty-icon{font-size:35px}.profile-empty-login h2{margin:15px 0 6px;color:#f8fafc}.profile-empty-login p{margin:0;color:#718096}@media(max-width:1100px){.payroll-list{grid-template-columns:1fr}}@media(max-width:750px){.profile-page{padding:22px 16px}.profile-page-header{align-items:flex-start;flex-direction:column}.profile-header-badge{width:100%}.profile-card{align-items:flex-start}.profile-panel-header{align-items:flex-start;flex-direction:column}.profile-primary-button{width:100%}.permission-count{display:none}.payroll-details{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-detail.final-salary{grid-column:span 2}}@media(max-width:520px){.profile-page-header h1{font-size:25px}.profile-card{flex-direction:column}.profile-name-row{align-items:flex-start;flex-direction:column;gap:7px}.payroll-card-header{align-items:flex-start;flex-direction:column}.payroll-card-actions{width:100%;justify-content:space-between}.payroll-details{grid-template-columns:1fr}.payroll-detail.final-salary{grid-column:span 1}.commissions-header{align-items:flex-start;flex-direction:column;gap:8px}}