.cta{background-color:var(--color-deep-blue);background-image:linear-gradient(135deg,var(--color-deep-blue) 0,var(--color-deep-blue-dark) 100%)}[data-theme=dark] .cta{background-color:#1e293b;background-image:linear-gradient(135deg,#1e293b,#0f172a);border-top:1px solid #334155;border-bottom:1px solid #334155}[data-theme=dark] .cta-title{color:#f1f5f9}[data-theme=dark] .cta-subtitle{color:#cbd5e1}[data-theme=dark] .cta .btn-secondary{background-color:#f1f5f9;color:#1e3a5f;border-color:#f1f5f9}[data-theme=dark] .cta .btn-secondary:hover{background-color:transparent;color:#f1f5f9;border-color:#f1f5f9}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-md);line-height:1.2}.cta-subtitle{font-size:1.125rem;color:var(--color-slate-light);margin-bottom:var(--spacing-xl);line-height:1.7}.cta .btn-secondary{background-color:var(--color-white);color:var(--color-deep-blue);border-color:var(--color-white)}.cta .btn-secondary:hover{background-color:transparent;color:var(--color-white)}@media (max-width:768px){.cta-title{font-size:2rem}}@media (max-width:480px){.cta-title{font-size:1.75rem}.cta .btn{width:100%}}.design-thinking{background:linear-gradient(180deg,#dbeafe,#e0f2fe 50%,#f0f9ff);position:relative}.design-thinking-header{max-width:700px;margin-bottom:clamp(4rem,8vw,6rem)}.section-eyebrow{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-light);margin-bottom:1.5rem}.section-title-large{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-deep-blue) 0,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.section-description{font-size:1.0625rem;line-height:1.7;color:var(--color-text-secondary)}.design-flow{display:flex;flex-direction:column;gap:0;max-width:1100px;margin:0 auto}.flow-step{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(2rem,6vw,4rem);gap:clamp(2rem,6vw,4rem);align-items:center;padding:clamp(2rem,5vw,3rem) 0;position:relative}.flow-step:nth-child(2n){direction:rtl}.flow-step:nth-child(2n)>*{direction:ltr}.flow-step-content{display:flex;gap:1.5rem}.step-number{width:48px;height:48px;border-radius:50%;background:var(--color-deep-blue);color:var(--color-white);font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(30,58,95,.2)}.step-info{flex:1 1}.step-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:.5rem}.step-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem;line-height:1.3}.step-description{font-size:1rem;line-height:1.7;color:var(--color-text-secondary)}.flow-step-visual{min-height:200px;display:flex;align-items:center;justify-content:center}.visual-problem{width:100%;text-align:center}.problem-path-bad{width:100%;margin-bottom:1rem}.problem-path-bad svg{width:100%;height:auto;color:#ef4444}.problem-annotation{font-size:.875rem;color:var(--color-text-light);font-weight:500}.visual-research{width:100%}.research-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.research-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;padding:1rem;display:flex;gap:.75rem;align-items:center}.research-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-deep-blue) 0,var(--color-accent) 100%);flex-shrink:0}.research-data{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.data-bar{height:6px;background:var(--color-gray-200);border-radius:3px;transition:width 1s ease}.visual-flow{width:100%}.flow-comparison{display:flex;align-items:center;gap:1.5rem}.flow-after,.flow-before{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.flow-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);margin-bottom:.5rem}.flow-node{height:32px;background:var(--color-gray-200);border-radius:8px;opacity:.6}.flow-node-improved{background:var(--color-deep-blue);opacity:.2;height:40px}.flow-arrow{font-size:1.5rem;color:var(--color-accent);font-weight:700;flex-shrink:0}.visual-interface{width:100%}.interface-mockup{display:flex;flex-direction:column;align-items:center;gap:1rem}.interface-button{width:100%;max-width:280px;height:56px;background:linear-gradient(135deg,var(--color-deep-blue) 0,var(--color-accent) 100%);border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;cursor:pointer;box-shadow:0 4px 12px rgba(30,58,95,.2);transition:all .2s ease}.interface-button:hover{box-shadow:0 6px 20px rgba(30,58,95,.3)}.button-text{flex:1 1;height:12px;background:hsla(0,0%,100%,.9);border-radius:6px}.button-icon{font-size:1.25rem;color:var(--color-white);font-weight:700}.interface-feedback{font-size:.875rem;color:var(--color-success);font-weight:600}.visual-polish{width:100%;display:flex;justify-content:center}.polish-demo{display:flex;flex-direction:column;align-items:center;gap:1rem}.polish-element{width:80px;height:80px;background:linear-gradient(135deg,var(--color-deep-blue) 0,var(--color-accent) 100%);border-radius:50%;box-shadow:0 8px 24px rgba(30,58,95,.3)}.polish-label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.flow-connector{position:absolute;left:24px;top:100%;width:2px;height:100%;background:linear-gradient(180deg,var(--color-gray-200) 0,transparent 100%);transform-origin:top}.design-thinking-footer{margin-top:clamp(3rem,6vw,5rem);padding-top:clamp(3rem,6vw,5rem);border-top:1px solid var(--color-gray-200)}.footer-statement{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:var(--color-off-white);border-radius:16px;border:2px solid var(--color-gray-200)}.statement-icon{width:48px;height:48px;border-radius:50%;background:var(--color-deep-blue);color:var(--color-white);font-size:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}.statement-text{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);line-height:1.5}[data-theme=dark] .design-thinking{background:linear-gradient(180deg,#0f172a,#1e293b)}[data-theme=dark] .footer-statement,[data-theme=dark] .research-card{background:#1e293b;border-color:#334155}[data-theme=dark] .flow-node{background:#334155}[data-theme=dark] .flow-node-improved{background:#3b82f6;opacity:.3}[data-theme=dark] .step-number{box-shadow:0 4px 12px rgba(59,130,246,.3)}[data-theme=dark] .statement-icon,[data-theme=dark] .step-number{background:#3b82f6;color:#f1f5f9}[data-theme=dark] .flow-connector{background:linear-gradient(180deg,#334155,transparent)}[data-theme=dark] .design-thinking-footer{border-top-color:#334155}@media (min-width:1024px){.flow-step{padding:clamp(3rem,6vw,4rem) 0;gap:clamp(3rem,8vw,5rem)}.flow-step-content{gap:2rem}.step-number{width:64px;height:64px;font-size:1.5rem}.step-title{font-size:2rem;margin-bottom:1rem}.step-description{font-size:1.125rem;line-height:1.8}.step-label{font-size:.9375rem;margin-bottom:.75rem}.flow-step-visual{min-height:280px}.research-card{padding:1.5rem;gap:1rem}.research-icon{width:44px;height:44px}.interface-button{height:64px;max-width:320px;padding:0 2rem}.polish-element{width:100px;height:100px}.footer-statement{padding:2.5rem;gap:2rem}.statement-icon{width:56px;height:56px;font-size:1.75rem}.statement-text{font-size:1.25rem}}@media (max-width:968px){.flow-step{grid-template-columns:1fr;gap:2rem}.flow-step:nth-child(2n){direction:ltr}.flow-connector{display:none}.step-title{font-size:1.5rem}.research-grid{grid-template-columns:1fr}}@media (max-width:640px){.section-title-large{font-size:2rem}.flow-step{padding:clamp(1rem,3vw,1.5rem) 0}.flow-step-content{flex-direction:column;gap:.75rem}.step-number{width:36px;height:36px;font-size:.9rem}.step-title{font-size:1.125rem}.step-description{font-size:.875rem;line-height:1.6}.step-label{font-size:.75rem;margin-bottom:.25rem}.flow-step-visual{min-height:120px}.footer-statement{flex-direction:column;text-align:center;padding:1.25rem}.statement-icon{width:40px;height:40px;font-size:1.25rem}.statement-text{font-size:1rem}}.faq{background:linear-gradient(180deg,#bfdbfe,#dbeafe 50%,#f0f9ff);position:relative}.faq-header{text-align:center;margin-bottom:clamp(3rem,6vw,5rem)}.faq-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));color:var(--color-accent);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;border:1px solid rgba(59,130,246,.2)}.faq-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-deep-blue) 0,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.faq-description{font-size:1.0625rem;line-height:1.7;color:var(--color-text-secondary)}.faq-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:clamp(3rem,6vw,5rem)}.faq-item{background:var(--color-off-white);border-radius:var(--radius-lg);border:2px solid var(--color-gray-200);overflow:hidden;transition:all var(--transition-normal)}.faq-item:hover{border-color:var(--color-deep-blue)}.faq-question{width:100%;padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);background:none;border:none;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.faq-question:hover{background:rgba(30,58,95,.02)}.faq-question.open{background:rgba(30,58,95,.04)}.question-text{flex:1 1;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);line-height:1.5}.question-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:var(--radius-full);font-size:1.5rem;font-weight:300;color:var(--color-deep-blue);flex-shrink:0;transition:all var(--transition-normal)}.faq-question.open .question-icon{background:var(--color-deep-blue);color:var(--color-white);transform:rotate(180deg)}.faq-answer{overflow:hidden}.answer-content{padding:0 2rem 1.5rem;font-size:1rem;line-height:1.8;color:var(--color-text-secondary)}.faq-cta{margin-top:clamp(3rem,6vw,5rem)}.cta-box{text-align:center;padding:clamp(2.5rem,5vw,3.5rem);background:linear-gradient(135deg,var(--color-deep-blue) 0,var(--color-deep-blue-light) 100%);border-radius:var(--radius-lg);color:var(--color-white)}.cta-heading{margin-bottom:1rem}.cta-text{margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-white);color:var(--color-deep-blue);border-radius:var(--radius-lg);font-size:1.0625rem;font-weight:600;text-decoration:none;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.cta-button:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.faq-question:focus-visible{outline:2px solid var(--color-deep-blue);outline-offset:2px}.cta-button:focus-visible{outline:2px solid var(--color-white);outline-offset:4px}[data-theme=dark] .faq{background:var(--color-bg-primary)}[data-theme=dark] .faq-item{background:var(--color-off-white);border-color:var(--color-gray-200)}[data-theme=dark] .faq-question:hover{background:rgba(96,165,250,.05)}[data-theme=dark] .faq-question.open{background:rgba(96,165,250,.1)}[data-theme=dark] .question-icon{background:var(--color-gray-100)}[data-theme=dark] .cta-box{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155}[data-theme=dark] .cta-heading{color:#f1f5f9}[data-theme=dark] .cta-text{color:#cbd5e1}[data-theme=dark] .cta-button{background:#f1f5f9;color:#1e3a5f}[data-theme=dark] .cta-button:hover{background:#e2e8f0}@media (max-width:768px){.faq-question{padding:1.25rem 1.5rem}.question-text{font-size:1rem}.answer-content{padding:0 1.5rem 1.25rem;font-size:.9375rem}.cta-box{padding:2rem 1.5rem}.cta-heading{font-size:1.5rem}}@media (max-width:640px){.faq-title{font-size:1.75rem}.question-icon{width:28px;height:28px;font-size:1.25rem}}.hero-interactive{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#fff,#f0f9ff 30%,#e0f2fe 70%,#dbeafe);overflow:hidden}[data-theme=dark] .hero-interactive{background:linear-gradient(180deg,#0f172a,#1e293b)}.hero-split{display:grid;grid-template-columns:1fr 1.1fr;grid-gap:clamp(3rem,8vw,6rem);gap:clamp(3rem,8vw,6rem);align-items:center;position:relative;z-index:1;padding:clamp(4rem,10vh,8rem) 0}.hero-statement{max-width:540px}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-light);margin-bottom:1.5rem}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-purple) 100%);animation:pulse-dot 2s ease-in-out infinite;box-shadow:0 0 8px rgba(59,130,246,.5)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.hero-headline{font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:1.5rem}.headline-emphasis{background:linear-gradient(135deg,var(--color-deep-blue) 0,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.hero-description{font-size:1.125rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:2.5rem;max-width:520px}.hero-description strong{color:var(--color-text-primary);font-weight:600;display:block;margin-top:.5rem}.hero-actions{display:flex;align-items:center;gap:2rem;margin-bottom:3rem}.hero-link{background:none;border:none;font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;padding:0}.hero-link:hover{color:var(--color-deep-blue);transform:translateX(4px)}.hero-principles{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--color-gray-200)}.principle-item{display:flex;align-items:center;gap:.75rem}.principle-icon{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--color-deep-blue) 0,var(--color-accent) 100%);color:var(--color-white);font-size:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.principle-text{font-size:.9375rem;color:var(--color-text-secondary);font-weight:500}.hero-showcase{position:relative;height:clamp(500px,70vh,700px)}.device-phone{position:absolute;right:0;top:50%;transform:translateY(-50%);width:320px;z-index:2}.device-frame{background:#1a1a1a;border-radius:48px;padding:12px;box-shadow:0 0 0 1px hsla(0,0%,100%,.1),0 30px 60px rgba(0,0,0,.3),0 50px 100px rgba(0,0,0,.2);position:relative}.device-statusbar{display:flex;justify-content:space-between;align-items:center;padding:8px 24px;font-size:.75rem;font-weight:600;color:var(--color-text-primary)}.statusbar-time{letter-spacing:-.01em}.statusbar-icons{display:flex;gap:4px;align-items:center}.battery-icon,.signal-icon,.wifi-icon{width:16px;height:10px;background:currentColor;border-radius:2px;opacity:.7}.device-screen{width:100%;height:600px;background:var(--color-white);border-radius:36px;overflow:hidden;position:relative}.device-home-indicator{width:120px;height:4px;background:hsla(0,0%,100%,.3);border-radius:2px;position:absolute;bottom:8px;left:50%;transform:translateX(-50%)}.screen-content{padding:20px;height:100%;background:linear-gradient(180deg,var(--color-off-white) 0,var(--color-white) 100%)}.app-header{display:flex;align-items:center;gap:12px;padding-bottom:20px}.header-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--color-deep-blue) 0,var(--color-accent) 100%);position:relative;overflow:hidden}.header-avatar:before{content:"JA";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:700}.header-title{flex:1 1;display:flex;flex-direction:column;gap:6px}.title-main{width:100px;height:12px;background:var(--color-text-primary);border-radius:6px;opacity:.9;position:relative;overflow:hidden}.title-main:before{content:"Dashboard";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.625rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.title-sub{width:140px;height:8px;background:var(--color-text-light);border-radius:4px;opacity:.5;position:relative;overflow:hidden}.title-sub:before{content:"Last updated 2m ago";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.5rem;color:var(--color-text-light);white-space:nowrap}.header-action{width:32px;height:32px;border-radius:50%;background:var(--color-gray-100);position:relative;display:flex;align-items:center;justify-content:center}.header-action:before{content:"⋮";font-size:1.125rem;color:var(--color-text-secondary);font-weight:700}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:24px}.stat-card{background:var(--color-white);border-radius:16px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.04);cursor:pointer;transition:all .2s ease;position:relative}.stat-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.stat-card-1{background:linear-gradient(135deg,#e0e7ff,#dbeafe)}.stat-card-1:after{content:"↗";position:absolute;top:16px;right:16px;font-size:1.25rem;color:#3b82f6;opacity:.6}.stat-card-2{background:linear-gradient(135deg,#fce7f3,#ede9fe)}.stat-card-2:after{content:"→";position:absolute;top:16px;right:16px;font-size:1.25rem;color:#a855f7;opacity:.6}.stat-value{width:60%;height:24px;background:var(--color-text-primary);border-radius:8px;margin-bottom:8px;opacity:.15;position:relative;overflow:visible}.stat-card-1 .stat-value:before{content:"+24%";color:#1e40af}.stat-card-1 .stat-value:before,.stat-card-2 .stat-value:before{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:1.125rem;font-weight:700;opacity:1}.stat-card-2 .stat-value:before{content:"1,847";color:#6b21a8}.stat-label{width:80%;height:10px;background:var(--color-text-light);border-radius:5px;opacity:.1;position:relative;overflow:visible}.stat-card-1 .stat-label:before{content:"Growth";color:#3b82f6}.stat-card-1 .stat-label:before,.stat-card-2 .stat-label:before{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:1}.stat-card-2 .stat-label:before{content:"Active Users";color:#a855f7}.activity-feed{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-white);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.activity-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e0e7ff,#dbeafe);flex-shrink:0}.activity-content{flex:1 1;display:flex;flex-direction:column;gap:4px}.activity-title{width:70%;height:10px;background:var(--color-text-primary);border-radius:5px;opacity:.8;position:relative;overflow:visible}.activity-item:first-child .activity-title:before{content:"Payment received"}.activity-item:first-child .activity-title:before,.activity-item:nth-child(2) .activity-title:before{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.625rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;opacity:1}.activity-item:nth-child(2) .activity-title:before{content:"New user signup"}.activity-item:nth-child(3) .activity-title:before{content:"Report generated";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.625rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;opacity:1}.activity-meta{width:50%;height:8px;background:var(--color-text-light);border-radius:4px;opacity:.4;position:relative;overflow:visible}.activity-item:first-child .activity-meta:before{content:"2 min ago"}.activity-item:first-child .activity-meta:before,.activity-item:nth-child(2) .activity-meta:before{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.5rem;color:var(--color-text-light);white-space:nowrap;opacity:1}.activity-item:nth-child(2) .activity-meta:before{content:"5 min ago"}.activity-item:nth-child(3) .activity-meta:before{content:"12 min ago";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.5rem;color:var(--color-text-light);white-space:nowrap;opacity:1}.activity-badge{width:24px;height:24px;border-radius:50%;background:var(--color-accent);opacity:.2;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.activity-item:first-child .activity-badge:before{content:"✓";font-size:.75rem;color:var(--color-success);font-weight:700;opacity:1}.activity-item:nth-child(2) .activity-badge:before{content:"+";font-size:.875rem;color:var(--color-accent);font-weight:700;opacity:1}.activity-item:nth-child(3) .activity-badge:before{content:"📊";font-size:.625rem;opacity:1}.form-header{margin-bottom:28px}.form-title{width:60%;height:28px;background:var(--color-text-primary);border-radius:8px;margin-bottom:12px;opacity:.9}.form-subtitle{width:80%;height:12px;background:var(--color-text-light);border-radius:6px;opacity:.4}.form-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.form-field{cursor:pointer}.field-label{width:100px;height:10px;background:var(--color-text-secondary);border-radius:5px;margin-bottom:8px;opacity:.6;position:relative;overflow:visible}.form-field:first-child .field-label:before{content:"Email"}.form-field:first-child .field-label:before,.form-field:nth-child(2) .field-label:before{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.625rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;opacity:1}.form-field:nth-child(2) .field-label:before{content:"Password"}.form-field:nth-child(3) .field-label:before{content:"Confirm";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.625rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;opacity:1}.field-input{width:100%;height:48px;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:12px;transition:all .2s ease}.form-field:hover .field-input{border-color:var(--color-deep-blue)}.form-button{width:100%;height:52px;background:linear-gradient(135deg,var(--color-deep-blue) 0,var(--color-accent) 100%);border-radius:12px;cursor:pointer;box-shadow:0 4px 12px rgba(30,58,95,.2)}.chart-header{margin-bottom:20px}.chart-title{width:50%;height:20px;background:var(--color-text-primary);border-radius:8px;margin-bottom:16px;opacity:.9}.chart-tabs{display:flex;gap:8px}.chart-tab{width:60px;height:32px;background:var(--color-gray-100);border-radius:8px;opacity:.4;transition:all .2s ease}.chart-tab.active{background:var(--color-deep-blue);opacity:.15}.chart-visual{background:var(--color-white);border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.chart-svg{width:100%;height:auto;color:var(--color-accent)}.chart-legend{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:50%;background:var(--color-deep-blue);opacity:.6}.legend-label{flex:1 1;height:8px;background:var(--color-text-light);border-radius:4px;opacity:.3}.device-browser{position:absolute;left:-40px;bottom:40px;width:460px;background:var(--color-white);border-radius:12px;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 20px 40px rgba(0,0,0,.12),0 40px 80px rgba(0,0,0,.08);overflow:hidden;z-index:1}.browser-chrome{height:40px;background:#f5f5f7;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;padding:0 12px;gap:12px}.browser-dots{display:flex;gap:6px}.browser-dots span{width:10px;height:10px;border-radius:50%;background:#ddd}.browser-address{flex:1 1;height:24px;background:var(--color-white);border-radius:6px;border:1px solid rgba(0,0,0,.06)}.browser-content{padding:20px;background:linear-gradient(180deg,var(--color-white) 0,var(--color-off-white) 100%);height:240px}.browser-nav{height:48px;background:var(--color-deep-blue);border-radius:8px;margin-bottom:16px;opacity:.9}.browser-hero{height:80px;background:linear-gradient(135deg,#e0e7ff,#dbeafe);border-radius:12px;margin-bottom:16px}.browser-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.browser-card{height:60px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;cursor:pointer;transition:all .2s ease}.browser-card:hover{border-color:var(--color-deep-blue);box-shadow:0 4px 12px rgba(0,0,0,.06)}.ambient-glow{position:absolute;top:20%;right:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(98,107,255,.15) 0,transparent 70%);border-radius:50%;filter:blur(60px);pointer-events:none;animation:ambient-pulse 8s ease-in-out infinite}@keyframes ambient-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;opacity:.6}.scroll-text{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}.scroll-indicator>div{width:24px;height:40px;border:2px solid var(--color-text-light);border-radius:12px;display:flex;justify-content:center;padding-top:8px}.scroll-line{width:2px;height:8px;background:var(--color-text-light);border-radius:1px}[data-theme=dark] .hero-principles{border-top-color:#334155}[data-theme=dark] .principle-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}[data-theme=dark] .device-frame{background:#1e293b;box-shadow:0 0 0 1px hsla(0,0%,100%,.05),0 30px 60px rgba(0,0,0,.5),0 50px 100px rgba(0,0,0,.4)}[data-theme=dark] .device-screen{background:#1e293b}[data-theme=dark] .screen-content{background:linear-gradient(180deg,#1e293b,#0f172a)}[data-theme=dark] .header-avatar{background:linear-gradient(135deg,#3b82f6,#60a5fa)}[data-theme=dark] .title-main{background:#f1f5f9}[data-theme=dark] .title-main:before{color:#f1f5f9}[data-theme=dark] .title-sub{background:#94a3b8}[data-theme=dark] .title-sub:before{color:#94a3b8}[data-theme=dark] .header-action{background:#334155}[data-theme=dark] .header-action:before{color:#cbd5e1}[data-theme=dark] .stat-card{background:#334155;box-shadow:0 2px 8px rgba(0,0,0,.2)}[data-theme=dark] .stat-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.3)}[data-theme=dark] .stat-card-1{background:linear-gradient(135deg,#1e3a5f,#1e40af)}[data-theme=dark] .stat-card-1:after{color:#60a5fa}[data-theme=dark] .stat-card-1 .stat-value:before{color:#93c5fd}[data-theme=dark] .stat-card-1 .stat-label:before{color:#60a5fa}[data-theme=dark] .stat-card-2{background:linear-gradient(135deg,#4c1d95,#5b21b6)}[data-theme=dark] .stat-card-2:after{color:#c4b5fd}[data-theme=dark] .stat-card-2 .stat-value:before{color:#ddd6fe}[data-theme=dark] .stat-card-2 .stat-label:before{color:#c4b5fd}[data-theme=dark] .stat-value{background:hsla(0,0%,100%,.1)}[data-theme=dark] .stat-label{background:hsla(0,0%,100%,.05)}[data-theme=dark] .activity-item{background:#334155;box-shadow:0 1px 3px rgba(0,0,0,.2)}[data-theme=dark] .activity-icon{background:linear-gradient(135deg,#1e3a5f,#1e40af)}[data-theme=dark] .activity-title{background:#f1f5f9}[data-theme=dark] .activity-title:before{color:#f1f5f9}[data-theme=dark] .activity-meta{background:#94a3b8}[data-theme=dark] .activity-meta:before{color:#94a3b8}[data-theme=dark] .activity-badge{background:rgba(59,130,246,.3)}[data-theme=dark] .field-input{background:#334155;border-color:#475569}[data-theme=dark] .form-field:hover .field-input{border-color:#60a5fa}[data-theme=dark] .form-title{background:#f1f5f9}[data-theme=dark] .form-subtitle{background:#94a3b8}[data-theme=dark] .field-label{background:#cbd5e1}[data-theme=dark] .field-label:before{color:#cbd5e1}[data-theme=dark] .form-button{background:linear-gradient(135deg,#3b82f6,#60a5fa)}[data-theme=dark] .chart-title{background:#f1f5f9}[data-theme=dark] .chart-tab{background:#475569}[data-theme=dark] .chart-tab.active{background:#3b82f6}[data-theme=dark] .chart-visual{background:#334155;box-shadow:0 2px 8px rgba(0,0,0,.2)}[data-theme=dark] .legend-dot{background:#60a5fa}[data-theme=dark] .legend-label{background:#94a3b8}[data-theme=dark] .device-browser{background:#1e293b;box-shadow:0 0 0 1px hsla(0,0%,100%,.05),0 20px 40px rgba(0,0,0,.4),0 40px 80px rgba(0,0,0,.3)}[data-theme=dark] .browser-chrome{background:#0f172a;border-bottom-color:#334155}[data-theme=dark] .browser-dots span{background:#475569}[data-theme=dark] .browser-address{background:#334155;border-color:#475569}[data-theme=dark] .browser-content{background:linear-gradient(180deg,#1e293b,#0f172a)}[data-theme=dark] .browser-nav{background:#3b82f6}[data-theme=dark] .browser-hero{background:linear-gradient(135deg,#1e3a5f,#1e40af)}[data-theme=dark] .browser-card{background:#334155;border-color:#475569}[data-theme=dark] .browser-card:hover{border-color:#60a5fa;box-shadow:0 4px 12px rgba(0,0,0,.2)}[data-theme=dark] .ambient-glow{background:radial-gradient(circle,rgba(59,130,246,.2) 0,transparent 70%)}[data-theme=dark] .scroll-indicator>div{border-color:#64748b}[data-theme=dark] .scroll-line{background:#64748b}.browser-card:focus-visible,.device-browser:focus-visible,.device-phone:focus-visible,.form-button:focus-visible,.form-field:focus-visible,.hero-link:focus-visible,.stat-card:focus-visible{outline:2px solid var(--color-deep-blue);outline-offset:4px;border-radius:8px}a:focus-visible,button:focus-visible{outline:2px solid var(--color-deep-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:1024px){.hero-split{grid-template-columns:1fr;gap:4rem}.hero-statement{max-width:100%}.hero-showcase{height:500px;margin:0 auto;max-width:600px}.device-phone{right:50%;transform:translate(50%,-50%);width:280px}.device-screen{height:520px}.device-browser{width:380px;left:50%;transform:translateX(-50%)}.browser-content{height:200px}}@media (max-width:768px){.hero-headline{font-size:2.5rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:1.5rem}.device-phone{width:240px}.device-screen{height:440px}.device-browser{display:none}}@media (max-width:640px){.hero-showcase{height:380px;display:flex;justify-content:center;align-items:center}.device-phone{width:220px;position:relative;right:auto;top:auto;transform:none}.device-screen{height:380px}.device-frame{border-radius:36px;padding:10px}.scroll-indicator{display:none}}@media (max-width:480px){.hero-showcase{height:340px;margin-top:1rem}.device-phone{width:200px}.device-screen{height:340px}.device-frame{border-radius:32px;padding:8px}}.philosophy{background:linear-gradient(180deg,#e0f2fe,#dbeafe 50%,#bfdbfe);position:relative}.container-narrow{max-width:900px;margin:0 auto;padding:0 var(--spacing-lg)}.philosophy-intro{text-align:center;margin-bottom:clamp(4rem,8vw,6rem)}.intro-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:1.5rem}.intro-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-deep-blue) 0,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.intro-description{font-size:1.125rem;line-height:1.7;color:var(--color-text-secondary);max-width:700px;margin:0 auto}.philosophy-section{margin-bottom:clamp(3rem,6vw,5rem)}.philosophy-divider{display:flex;align-items:center;gap:2rem;margin:clamp(3rem,6vw,5rem) 0}.divider-line{flex:1 1;height:2px;background:linear-gradient(90deg,transparent 0,var(--color-gray-200) 50%,transparent 100%)}.divider-text{font-size:.9375rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;font-style:italic}.section-header{margin-bottom:2rem}.section-heading{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-align:center}.beliefs-list{display:flex;flex-direction:column;gap:1.5rem}.belief-card{display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid;transition:all var(--transition-normal)}.belief-card-negative{background:rgba(239,68,68,.03);border-color:rgba(239,68,68,.15)}.belief-card-negative:hover{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.25);transform:translateX(8px)}.belief-card-positive{background:rgba(16,185,129,.03);border-color:rgba(16,185,129,.15)}.belief-card-positive:hover{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.2);transform:translateX(8px)}.belief-card:focus-visible{outline:2px solid var(--color-deep-blue);outline-offset:4px}.belief-card:active{transform:translateX(4px) scale(.99)}.belief-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.belief-icon-negative{background:rgba(239,68,68,.1);color:var(--color-error)}.belief-icon-positive{background:rgba(16,185,129,.1);color:var(--color-success)}.belief-content{flex:1 1}.belief-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem;line-height:1.3}.belief-description{font-size:1rem;line-height:1.7;color:var(--color-text-secondary)}.founder-note{margin-top:clamp(4rem,8vw,6rem);padding:clamp(2.5rem,5vw,3.5rem);background:linear-gradient(135deg,var(--color-off-white) 0,var(--color-gray-100) 100%);border-radius:var(--radius-lg);border:2px solid var(--color-gray-200)}.founder-note,.founder-quote{position:relative}.quote-mark{font-size:6rem;font-weight:700;color:var(--color-deep-blue);opacity:.1;position:absolute;top:-2rem;left:-1rem;line-height:1;font-family:Georgia,serif}.quote-text{position:relative;z-index:1}.quote-text p{font-size:1.0625rem;line-height:1.8;color:var(--color-text-primary);margin-bottom:1.25rem}.quote-text p:first-child{font-size:1.25rem;font-weight:600;line-height:1.6}.quote-text p:last-child{margin-bottom:0}.founder-signature{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--color-gray-200);display:flex;flex-direction:column;gap:1rem}.signature-line{width:120px;height:2px;background:var(--color-deep-blue)}.signature-name{font-size:1rem;font-weight:600;color:var(--color-text-secondary)}[data-theme=dark] .philosophy{background:#0f172a}[data-theme=dark] .founder-note{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}[data-theme=dark] .founder-signature{border-top-color:#334155}[data-theme=dark] .signature-line{background:#3b82f6}[data-theme=dark] .divider-line{background:linear-gradient(90deg,transparent,#334155 50%,transparent)}[data-theme=dark] .belief-card-negative{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.25)}[data-theme=dark] .belief-card-positive{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.25)}[data-theme=dark] .quote-mark{color:#3b82f6}@media (max-width:768px){.intro-title{font-size:1.75rem}.belief-card{flex-direction:column;padding:1.5rem;gap:1rem}.belief-icon{width:40px;height:40px;font-size:1.25rem}.belief-title{font-size:1.125rem}.founder-note{padding:2rem 1.5rem}.quote-mark{font-size:4rem;top:-1rem;left:-.5rem}.quote-text p{font-size:1rem}}@media (max-width:640px){.intro-title{font-size:1.5rem}.section-heading{font-size:1.25rem}.quote-mark{display:none}}.pricing-transparency{background:linear-gradient(180deg,#fff,#f0f9ff 50%,#e0f2fe);position:relative}.pricing-header{text-align:center;margin-bottom:clamp(3rem,6vw,4rem)}.pricing-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));color:var(--color-accent);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;border:1px solid rgba(59,130,246,.2)}.pricing-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-deep-blue) 0,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.pricing-description{font-size:1.0625rem;line-height:1.7;color:var(--color-text-secondary);max-width:800px;margin:0 auto}.type-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.type-button{padding:.875rem 1.75rem;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:12px;font-size:1rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease}.type-button:hover{border-color:var(--color-deep-blue);color:var(--color-text-primary)}.type-button.active{background:var(--color-deep-blue);border-color:var(--color-deep-blue);color:var(--color-white);box-shadow:0 4px 12px rgba(30,58,95,.2)}.type-button:focus-visible{outline:2px solid var(--color-deep-blue);outline-offset:4px}.pricing-card{max-width:900px;margin:0 auto 3rem;background:var(--color-white);border-radius:20px;border:2px solid var(--color-gray-200);overflow:hidden;box-shadow:0 8px 24px rgba(30,58,95,.08)}.pricing-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:2.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid var(--color-gray-200)}.pricing-info{flex:1 1}.pricing-project-name{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.pricing-ideal{font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.pricing-cost{text-align:right}.cost-label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.cost-amount{font-size:2.5rem;font-weight:700;color:var(--color-deep-blue);line-height:1;margin-bottom:.5rem;letter-spacing:-.02em}.cost-timeline{font-size:.9375rem;color:var(--color-text-secondary)}.pricing-includes{padding:2.5rem}.includes-heading{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.includes-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.include-item{gap:.75rem;font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.include-check,.include-item{display:flex;align-items:center}.include-check{width:24px;height:24px;justify-content:center;background:var(--color-success);color:#fff;border-radius:50%;font-size:.875rem;font-weight:700;flex-shrink:0}.pricing-note{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 2.5rem 2.5rem;background:rgba(59,130,246,.05);border-top:2px solid var(--color-gray-200)}.note-icon{font-size:1.5rem}.note-text{flex:1 1;font-size:1rem;line-height:1.7;font-style:italic}.pricing-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:clamp(3rem,6vw,4rem)}.detail-card{display:flex;gap:1rem;padding:2rem;background:var(--color-white);border-radius:16px;border:2px solid var(--color-gray-200);transition:all .3s ease}.detail-card:hover{border-color:var(--color-deep-blue);box-shadow:0 6px 16px rgba(30,58,95,.08)}.detail-icon{font-size:2rem;flex-shrink:0}.detail-content{flex:1 1}.detail-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.detail-text{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary)}.pricing-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(2rem,5vw,3rem);background:linear-gradient(135deg,#1e3a5f,#2a4a73);border-radius:20px;color:var(--color-white)}.cta-content{flex:1 1}.cta-heading{font-size:1.75rem;font-weight:700;color:var(--color-white);margin-bottom:.75rem;letter-spacing:-.01em}.cta-text{font-size:1.0625rem;line-height:1.7;color:hsla(0,0%,100%,.9);max-width:600px}[data-theme=dark] .pricing-transparency{background:linear-gradient(180deg,#0f172a,#1e293b)}[data-theme=dark] .pricing-card{background:#1e293b;border-color:#334155}[data-theme=dark] .pricing-card-header{background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom-color:#334155}[data-theme=dark] .pricing-includes{background:#1e293b}[data-theme=dark] .pricing-note{background:rgba(59,130,246,.1);border-top-color:#334155}[data-theme=dark] .type-button{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .type-button:hover{border-color:#3b82f6;color:#f1f5f9}[data-theme=dark] .type-button.active{background:#3b82f6;border-color:#3b82f6;color:#f1f5f9}[data-theme=dark] .detail-card{background:#1e293b;border-color:#334155}[data-theme=dark] .detail-card:hover{border-color:#3b82f6}[data-theme=dark] .pricing-cta{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #334155}@media (max-width:968px){.pricing-card-header{flex-direction:column;gap:1.5rem}.pricing-cost{text-align:left}.pricing-cta{flex-direction:column;align-items:flex-start}}@media (max-width:768px){.pricing-card-header,.pricing-includes{padding:2rem}.includes-list{grid-template-columns:1fr}.pricing-note{padding:1.5rem 2rem 2rem}.pricing-details{grid-template-columns:1fr;gap:1rem}.detail-card{padding:1.5rem}.cta-heading{font-size:1.5rem}}@media (max-width:640px){.pricing-title{font-size:1.75rem}.type-selector{flex-direction:column}.type-button{width:100%}.pricing-project-name{font-size:1.5rem}.cost-amount{font-size:2rem}}.project-timeline{background:var(--color-white);position:relative}.timeline-header{text-align:center;margin-bottom:clamp(3rem,6vw,5rem)}.timeline-badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background:rgba(139,92,246,.1);color:var(--color-purple);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-lg)}.timeline-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:1rem}.timeline-description{font-size:1.0625rem;line-height:1.7;color:var(--color-text-secondary);max-width:700px;margin:0 auto}.timeline-flow{max-width:900px;margin:0 auto;position:relative}.timeline-phase{display:flex;gap:2rem;margin-bottom:2rem;position:relative}.timeline-phase:last-child{margin-bottom:0}.phase-marker{flex-direction:column;position:relative}.phase-icon,.phase-marker{display:flex;align-items:center}.phase-icon{width:64px;height:64px;justify-content:center;border-radius:50%;font-size:1.5rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:2}.phase-connector{width:3px;flex:1 1;background:linear-gradient(180deg,currentColor,rgba(0,0,0,.1));margin-top:.5rem;margin-bottom:.5rem;color:var(--color-gray-300);transform-origin:top}.phase-content{flex:1 1;background:var(--color-off-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:2px solid var(--color-gray-200);transition:all var(--transition-normal)}.phase-content:hover{border-color:var(--color-deep-blue);box-shadow:0 8px 20px rgba(30,58,95,.08)}.phase-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid var(--color-gray-200)}.phase-name{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.phase-duration{padding:.375rem .875rem;background:rgba(30,58,95,.08);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.phase-deliverables{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.deliverable-item{display:flex;align-items:center;gap:.75rem;font-size:1rem;line-height:1.6;color:var(--color-text-secondary)}.deliverable-bullet{width:8px;height:8px;border-radius:50%;flex-shrink:0}.timeline-footer{margin-top:clamp(4rem,8vw,6rem);padding-top:clamp(3rem,6vw,4rem);border-top:2px solid var(--color-gray-200)}.footer-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:2rem;gap:2rem}.note-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-off-white);border-radius:var(--radius-lg);border:2px solid var(--color-gray-200);transition:all var(--transition-normal)}.note-item:hover{border-color:var(--color-deep-blue);transform:translateY(-4px)}.note-icon{font-size:1.75rem;flex-shrink:0}.note-content{flex:1 1}.note-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.note-text{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary)}[data-theme=dark] .project-timeline{background:var(--color-bg-primary)}[data-theme=dark] .note-item,[data-theme=dark] .phase-content{background:var(--color-off-white);border-color:var(--color-gray-200)}[data-theme=dark] .timeline-badge{background:rgba(167,139,250,.15);color:var(--color-purple)}@media (max-width:768px){.timeline-phase{gap:1.25rem}.phase-icon{width:56px;height:56px;font-size:1.25rem}.phase-content{padding:1.5rem}.phase-name{font-size:1.25rem}.phase-header{flex-direction:column;align-items:flex-start;gap:.5rem}.footer-notes{grid-template-columns:1fr;gap:1rem}.note-item{padding:1.25rem}}@media (max-width:640px){.timeline-title{font-size:1.75rem}.timeline-phase{gap:1rem}.phase-icon{width:48px;height:48px;font-size:1.125rem}.deliverable-item{font-size:.9375rem}}.services-overview{background:linear-gradient(180deg,#f0f9ff,#e0f2fe 50%,#dbeafe)}.services-header{max-width:700px;margin:0 auto var(--spacing-3xl);text-align:center}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);max-width:1100px;margin:0 auto}.service-card{position:relative;display:flex;flex-direction:column;padding:var(--spacing-2xl);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);text-decoration:none;overflow:hidden;transition:all var(--transition-normal)}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-deep-blue),var(--color-accent));transform:scaleX(1);transform-origin:left}.service-card:hover{border-color:var(--color-deep-blue);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.service-badge{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-accent);color:var(--color-white);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.service-icon-wrapper{margin-bottom:var(--spacing-lg)}.service-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:linear-gradient(135deg,var(--color-deep-blue),var(--color-accent));color:var(--color-white);border-radius:var(--radius-md);transition:transform var(--transition-normal)}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.service-icon svg{width:24px;height:24px}.service-content{flex:1 1}.service-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);line-height:1.3}.service-problem{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-style:italic}.service-solution{font-size:1rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-md)}.service-outcome{font-size:.9375rem;font-weight:600;color:var(--color-deep-blue);margin-bottom:var(--spacing-lg)}.service-features{list-style:none;padding:0;margin:0 0 var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.service-features li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;color:var(--color-text-secondary)}.service-features svg{width:16px;height:16px;color:var(--color-success);flex-shrink:0}.service-arrow{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;font-weight:600;color:var(--color-deep-blue);margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-100)}.service-arrow svg{width:20px;height:20px;transition:transform var(--transition-fast)}.service-card:hover .service-arrow svg{transform:translateX(4px)}[data-theme=dark] .services-overview{background:#0f172a}[data-theme=dark] .services-header .section-title{background:linear-gradient(135deg,#60a5fa,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .services-header .section-subtitle{color:#cbd5e1}[data-theme=dark] .service-card{background:#1e293b;border-color:#334155}[data-theme=dark] .service-card:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}[data-theme=dark] .service-card:hover{border-color:#60a5fa}[data-theme=dark] .service-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}[data-theme=dark] .service-problem,[data-theme=dark] .service-title{color:#f1f5f9}[data-theme=dark] .service-solution{color:#cbd5e1}[data-theme=dark] .service-outcome{color:#60a5fa}[data-theme=dark] .service-features li{color:#cbd5e1}[data-theme=dark] .service-arrow{border-top-color:#334155;color:#60a5fa}@media (max-width:968px){.services-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}.service-card{padding:var(--spacing-xl)}}@media (max-width:600px){.service-badge{top:var(--spacing-md);right:var(--spacing-md);font-size:.6875rem;padding:4px var(--spacing-xs)}}.social-proof{background:linear-gradient(180deg,#dbeafe,#e0f2fe 50%,#fff);padding:clamp(3rem,6vw,5rem) 0}.social-proof,.stats-container{border-bottom:1px solid var(--color-gray-200)}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:clamp(2rem,4vw,4rem);gap:clamp(2rem,4vw,4rem);margin-bottom:clamp(3rem,6vw,4rem);padding-bottom:clamp(3rem,6vw,4rem)}.stats-container *{text-decoration:none!important}.stat-item{text-align:center}.stat-item,.stat-item *{text-decoration:none}.stat-item :after,.stat-item:after{display:none!important}.stat-metric{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-deep-blue) 0,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.stat-description{font-size:.9375rem;line-height:1.6;color:var(--color-text-primary);max-width:240px;margin:0 auto}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem}.benefit-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-off-white);border-radius:var(--radius-lg);border:2px solid var(--color-gray-200);transition:all var(--transition-normal)}.benefit-item:hover{border-color:var(--color-deep-blue);transform:translateY(-4px);box-shadow:0 4px 12px rgba(30,58,95,.08)}.benefit-icon{font-size:1.5rem;flex-shrink:0}.benefit-text{font-size:.9375rem;font-weight:500;color:var(--color-text-primary);line-height:1.5}[data-theme=dark] .social-proof{background:var(--color-bg-primary)}[data-theme=dark] .social-proof,[data-theme=dark] .stats-container{border-bottom-color:var(--color-gray-200)}[data-theme=dark] .benefit-item{background:var(--color-off-white);border-color:var(--color-gray-200)}[data-theme=dark] .benefit-item:hover{background:var(--color-gray-100);border-color:var(--color-deep-blue)}@media (max-width:768px){.stats-container{gap:2rem}.stat-metric{font-size:2.5rem}.benefits-grid{grid-template-columns:1fr;gap:1rem}.benefit-item{padding:1rem 1.25rem}}@media (max-width:640px){.stats-container{grid-template-columns:1fr;gap:2rem}.stat-item{padding-bottom:2rem;border-bottom:1px solid var(--color-gray-200)}.stat-item:last-child{padding-bottom:0;border-bottom:none}}