.services-page{padding-top:80px}.sp-hero{padding:var(--space-20)0 var(--space-12);background:var(--color-bg-primary);color:var(--color-text-primary);position:relative;overflow:hidden}.sp-hero-bg{pointer-events:none;background-image:radial-gradient(circle at 80% 20%,#55ff4b14 0%,#0000 40%),radial-gradient(circle at 20% 80%,#8b5cf60d 0%,#0000 40%);position:absolute;inset:0}.sp-hero-content{text-align:center;max-width:750px;margin:0 auto;position:relative}.sp-label{padding:var(--space-2)var(--space-4);color:var(--color-accent-dark);border:1px solid var(--color-border);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-4);background:linear-gradient(135deg,#55ff4b26,#8b5cf626);border-radius:100px;display:inline-block}.sp-hero h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-6);color:var(--color-text-primary);letter-spacing:-.03em;line-height:1.1}.sp-hero .accent-text,.accent-text{color:var(--color-accent);-webkit-text-fill-color:initial;background:0 0}.sp-hero p{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:1.7}.sp-hero p strong{color:var(--color-text-primary)}.ecosystem-section{padding:var(--space-4)0 var(--space-16);background:var(--color-bg-primary)}.pillars-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.ecosystem-pillar{text-align:center;padding:var(--space-6);background:var(--color-bg-secondary);cursor:pointer;border:1px solid #0000;border-radius:20px;text-decoration:none;transition:all .3s;display:block;position:relative}.ecosystem-pillar:hover{border-color:var(--pillar-accent);transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.pillar-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--pillar-accent,var(--color-accent));background:#55ff4b1a;border-radius:16px;justify-content:center;align-items:center;transition:all .3s;display:flex}.ecosystem-pillar:hover .pillar-icon{background:var(--pillar-accent);color:#fff;transform:scale(1.1)}.ecosystem-pillar h3{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-1);color:var(--color-text-primary)}.pillar-subtitle{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pillar-accent);margin-bottom:var(--space-2);display:block}.ecosystem-pillar p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.pillar-arrow{margin-top:var(--space-4);color:var(--pillar-accent);opacity:0;justify-content:center;align-items:center;transition:all .3s;display:inline-flex;transform:translate(-8px)}.ecosystem-pillar:hover .pillar-arrow{opacity:1;transform:translate(0)}.growth-story{padding:var(--space-20)0;background:var(--color-bg-secondary)}.story-content{gap:var(--space-16);grid-template-columns:1.2fr 1fr;align-items:center;display:grid}.story-badge{padding:var(--space-2)var(--space-4);color:#8b5cf6;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);background:#8b5cf61a;border-radius:100px;display:inline-block}.story-text h2{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);color:var(--color-text-primary);line-height:1.2}.story-lead{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-4);line-height:1.6;font-weight:var(--font-medium)}.story-text p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.8}.story-text p strong{color:var(--color-text-primary)}.story-visual{justify-content:center;align-items:center;display:flex}.ecosystem-diagram{width:320px;height:320px;position:relative}.center-hub{background:linear-gradient(135deg,var(--color-accent),#0d4);color:#0a0a0a;width:100px;height:100px;font-size:var(--text-sm);font-weight:var(--font-bold);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #55ff4b4d}.orbit-ring{border:2px dashed var(--color-border);border-radius:50%;width:280px;height:280px;animation:30s linear infinite rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.orbit-item{padding:var(--space-2)var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary);z-index:3;background:#fff;border-radius:100px;position:absolute;box-shadow:0 4px 15px #0000001a}.orbit-1{color:#0a0a0a;background:#55ff4b;top:0;left:50%;transform:translate(-50%)}.orbit-2{color:#0a0a0a;background:#f59e0b;top:50%;right:0;transform:translateY(-50%)}.orbit-3{color:#fff;background:#ec4899;bottom:0;left:50%;transform:translate(-50%)}.orbit-4{color:#fff;background:#14b8a6;top:50%;left:0;transform:translateY(-50%)}.orbit-5{color:#fff;background:#ef4444;top:20%;right:10%}.orbit-6{color:#fff;background:#8a2be2;bottom:20%;left:10%}.growth-approach{padding:var(--space-20)0;background:var(--color-bg-primary)}.approach-header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.approach-badge{padding:var(--space-2)var(--space-4);color:var(--color-accent-dark);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);background:#55ff4b1a;border-radius:100px;display:inline-block}.approach-header h2{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:var(--color-text-primary);line-height:1.2}.approach-header p{font-size:var(--text-lg);color:var(--color-text-secondary)}.approach-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.approach-item{padding:var(--space-8);background:var(--color-bg-secondary);border-left:4px solid var(--item-accent,var(--color-accent));border-radius:24px;transition:all .3s}.approach-item:hover{transform:translate(10px);box-shadow:0 10px 30px #00000014}.approach-number{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--item-accent);margin-bottom:var(--space-3);opacity:.5;display:inline-block}.approach-item h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-3);color:var(--color-text-primary)}.approach-item p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7}.ecosystem-capabilities{padding:var(--space-20)0;background:linear-gradient(180deg,var(--color-bg-secondary)0%,var(--color-bg-primary)100%)}.capabilities-header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.capabilities-badge{padding:var(--space-2)var(--space-4);color:#f59e0b;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);background:#f59e0b1a;border-radius:100px;display:inline-block}.capabilities-header h2{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:var(--color-text-primary);line-height:1.2}.capabilities-header p{font-size:var(--text-lg);color:var(--color-text-secondary)}.capabilities-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.capability-card{padding:var(--space-8);background:#fff;border-radius:24px;transition:all .3s}.capability-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.capability-card h3{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);color:var(--color-text-primary)}.capability-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5);line-height:1.6}.capability-card ul{margin:0;padding:0;list-style:none}.capability-card li{align-items:center;gap:var(--space-2);padding:var(--space-2)0;font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.capability-card li svg{color:var(--color-accent);flex-shrink:0}.the-difference{padding:var(--space-20)0;background:var(--color-bg-primary)}.difference-content{max-width:900px;margin:0 auto}.difference-header{text-align:center;margin-bottom:var(--space-12)}.difference-badge{padding:var(--space-2)var(--space-4);color:#ec4899;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);background:#ec48991a;border-radius:100px;display:inline-block}.difference-header h2{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.2}.comparison-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.comparison-column{padding:var(--space-8);border-radius:24px}.comparison-column.old{background:var(--color-bg-secondary)}.comparison-column.new{color:#fff;background:linear-gradient(145deg,#0a0a0a,#1a1a1a)}.comparison-column h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid #ffffff1a}.comparison-column.old h3{color:var(--color-text-secondary);border-color:var(--color-border)}.comparison-column.new h3{color:var(--color-accent)}.comparison-column ul{margin:0;padding:0;list-style:none}.comparison-column li{padding:var(--space-3)0;font-size:var(--text-base);align-items:center;gap:var(--space-3);display:flex}.comparison-column.old li:before{content:"✕";color:#ef4444;font-weight:700}.comparison-column.new li:before{content:"✓";color:var(--color-accent);font-weight:700}.comparison-column.old li{color:var(--color-text-secondary)}.comparison-column.new li{color:#ffffffe6}.client-journey{padding:var(--space-20)0;background:var(--color-bg-secondary)}.journey-header{text-align:center;margin-bottom:var(--space-12)}.journey-badge{padding:var(--space-2)var(--space-4);color:#3b82f6;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);background:#3b82f61a;border-radius:100px;display:inline-block}.journey-header h2{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:var(--color-text-primary)}.journey-header p{font-size:var(--text-lg);color:var(--color-text-secondary)}.journey-steps{max-width:700px;margin:0 auto;position:relative}.journey-steps:before{content:"";background:linear-gradient(180deg,var(--color-accent)0%,#8b5cf6 33%,#f59e0b 66%,#3b82f6 100%);width:2px;position:absolute;top:0;bottom:0;left:28px}.journey-step{gap:var(--space-6);padding-bottom:var(--space-10);display:flex;position:relative}.journey-step:last-child{padding-bottom:0}.step-marker{border:3px solid var(--color-accent);z-index:2;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;transition:all .3s;display:flex;position:relative}.step-marker span{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-accent)}.journey-step:nth-child(2) .step-marker{border-color:#8b5cf6}.journey-step:nth-child(2) .step-marker span{color:#8b5cf6}.journey-step:nth-child(3) .step-marker{border-color:#f59e0b}.journey-step:nth-child(3) .step-marker span{color:#f59e0b}.journey-step:nth-child(4) .step-marker{border-color:#3b82f6}.journey-step:nth-child(4) .step-marker span{color:#3b82f6}.journey-step:hover .step-marker{transform:scale(1.1);box-shadow:0 8px 25px #00000026}.step-content{padding-top:var(--space-2);flex:1}.step-content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-3);color:var(--color-text-primary)}.step-content p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:1.7}.step-time{padding:var(--space-1)var(--space-3);background:var(--color-bg-tertiary);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);border-radius:100px;display:inline-block}.sp-cta{padding:var(--space-20)0;color:#fff;background:linear-gradient(145deg,#0a0a0a,#1a1a1a);position:relative}.cta-content{text-align:center;max-width:600px;margin:0 auto}.sp-cta .cta-content h2{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:#fff!important}.sp-cta .cta-content p{font-size:var(--text-lg);margin-bottom:var(--space-8);line-height:1.7;color:#ffffffb3!important}.cta-note{margin-top:var(--space-4);font-size:var(--text-sm);display:block;color:#ffffff80!important}@media (max-width:1200px){.pillars-grid,.capabilities-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.story-content{gap:var(--space-10);grid-template-columns:1fr}.story-visual{order:-1}.approach-grid,.comparison-grid{grid-template-columns:1fr}}@media (max-width:768px){.sp-hero h1{font-size:var(--text-3xl)}.pillars-grid{grid-template-columns:repeat(2,1fr)}.capabilities-grid{grid-template-columns:1fr}.ecosystem-diagram{width:260px;height:260px}.orbit-ring{width:220px;height:220px}.center-hub{width:80px;height:80px;font-size:var(--text-xs)}.story-text h2,.approach-header h2,.capabilities-header h2,.difference-header h2,.journey-header h2{font-size:var(--text-2xl)}.journey-steps:before{left:24px}.step-marker{width:50px;height:50px}}@media (max-width:480px){.pillars-grid{grid-template-columns:1fr}}[data-theme=dark] .orbit-item{background:#1e1e1f;box-shadow:0 4px 15px #0000004d}[data-theme=dark] .capability-card{background:#141415}[data-theme=dark] .capability-card:hover{box-shadow:0 15px 40px #0006}[data-theme=dark] .step-marker{background:#141415}[data-theme=dark] .ecosystem-pillar:hover,[data-theme=dark] .approach-item:hover{box-shadow:0 10px 30px #0000004d}[data-theme=dark] .comparison-column.old{background:#141415}