.hero{position:relative;min-height:auto;display:flex;align-items:center;padding:100px 0 80px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#083b66,#0a4d85 30%,#0d5c9e 50%,#40bad2)}.hero-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 10c0 11.046-8.954 20-20 20H20v20h-10c-11.046 0-20 8.954-20 20s8.954 20 20 20h10v20h10c11.046 0 20-8.954 20-20s8.954-20 20-20h10V50h10c11.046 0 20-8.954 20-20s-8.954-20-20-20H80V-10H70c-11.046 0-20 8.954-20 20z' fill='%23ffffff' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5}.hero-shapes{position:absolute;inset:0;overflow:hidden}.shape{position:absolute;border-radius:50%;background:#40bad21a;animation:float 8s ease-in-out infinite}.shape-1{width:400px;height:400px;top:-100px;right:-100px;animation-delay:0s}.shape-2{width:300px;height:300px;bottom:-50px;left:-100px;animation-delay:2s}.shape-3{width:200px;height:200px;top:50%;left:10%;animation-delay:4s}.shape-4{width:150px;height:150px;bottom:20%;right:20%;background:#ffffff0d;animation-delay:1s}.hero-content{position:relative;z-index:1;max-width:800px}.hero-two-column{max-width:1280px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-left{display:flex;flex-direction:column}.hero-logo{margin-bottom:24px}.hero-logo img{max-width:240px;height:auto;display:block}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;backdrop-filter:blur(10px);padding:10px 20px;border-radius:50px;color:var(--white);font-size:.875rem;font-weight:500;margin-bottom:24px;border:1px solid rgba(255,255,255,.2)}.hero-title{color:var(--white);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.15;margin-bottom:20px;letter-spacing:-.02em}.text-gradient{background:linear-gradient(90deg,var(--ocean-blue) 0%,#7dd3e8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{color:#ffffffd9;font-size:1.125rem;line-height:1.7;margin-bottom:32px;max-width:100%}.hero-actions{display:flex;gap:16px;margin-bottom:60px;flex-wrap:wrap}.btn-lg{padding:18px 36px;font-size:1.0625rem}.hero-right{display:flex;flex-direction:column}.hero-benefits{display:flex;flex-direction:column;gap:20px}.hero-benefit-item{position:relative;display:flex;gap:24px;padding:28px;background:#ffffff14;backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.12);transition:all var(--transition-base);overflow:hidden}.hero-benefit-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--ocean-blue) 0%,rgba(64,186,210,.5) 100%);opacity:0;transition:opacity var(--transition-base)}.hero-benefit-item:hover{background:#ffffff1f;transform:translateY(-4px);border-color:#fff3;box-shadow:0 12px 24px #00000026}.hero-benefit-item:hover:before{opacity:1}.hero-benefit-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#40bad240,#40bad226);border-radius:16px;color:var(--white);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-base);position:relative;overflow:hidden}.hero-benefit-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#40bad266,#40bad233);opacity:0;transition:opacity var(--transition-base)}.hero-benefit-item:hover .hero-benefit-icon{background:linear-gradient(135deg,#40bad259,#40bad240);border-color:#fff3;transform:scale(1.05)}.hero-benefit-item:hover .hero-benefit-icon:before{opacity:1}.hero-benefit-icon svg{width:28px;height:28px;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.hero-benefit-content{flex:1;display:flex;flex-direction:column;justify-content:center}.hero-benefit-content h3{color:var(--white);font-size:1.25rem;font-weight:700;margin:0 0 8px;letter-spacing:-.01em;line-height:1.3}.hero-benefit-content p{color:#ffffffd9;font-size:.9375rem;line-height:1.65;margin:0;font-weight:400}.logo-showcase-section{padding:80px 0;background:var(--gradient-primary);position:relative;overflow:hidden}.logo-showcase-section:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 10c0 11.046-8.954 20-20 20H20v20h-10c-11.046 0-20 8.954-20 20s8.954 20 20 20h10v20h10c11.046 0 20-8.954 20-20s8.954-20 20-20h10V50h10c11.046 0 20-8.954 20-20s-8.954-20-20-20H80V-10H70c-11.046 0-20 8.954-20 20z' fill='%23ffffff' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5}.logo-showcase-content{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}.logo-showcase-image{max-width:500px;width:100%;height:auto;display:block;filter:drop-shadow(0 10px 40px rgba(0,0,0,.2));animation:fadeInUp .8s ease forwards}@media(max-width:768px){.logo-showcase-section{padding:60px 0}.logo-showcase-image{max-width:350px}}@media(max-width:480px){.logo-showcase-image{max-width:280px}}.section-label{display:inline-block;color:var(--ocean-blue);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.services-section{padding-bottom:100px}.service-category-tabs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 4px;margin-top:32px;margin-bottom:8px}.service-category-sep{color:var(--text-grey);font-weight:300;user-select:none;padding:0 4px}.service-category-tab{font-size:1rem;font-weight:600;color:var(--text-grey);padding:10px 20px;border-radius:var(--border-radius);cursor:default;transition:color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.service-category-tab:hover,.service-category-tab.active{color:var(--primary-blue);background-color:var(--ocean-blue-light)}.service-category-tab.active{box-shadow:0 0 0 2px var(--ocean-blue)}.phase-service.phase-service--dimmed{opacity:.4;filter:saturate(.6);pointer-events:none}.phase-service--highlighted{background:var(--ocean-blue-light)!important;border-left-color:var(--ocean-blue)!important;box-shadow:0 4px 12px #00529b26}.services-section .phase-service.phase-service--highlighted:hover{background:var(--ocean-blue-light)!important;border-left-color:var(--ocean-blue)!important}.growth-journey{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:0;margin-top:60px;position:relative}.growth-phase{background:var(--white);border-radius:var(--border-radius-lg);padding:40px 32px;box-shadow:var(--shadow-md);border:2px solid var(--bg-grey);transition:all var(--transition-base);display:flex;flex-direction:column;height:100%;min-height:650px}.growth-phase:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--ocean-blue)}.phase-header{margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid var(--bg-grey-light);height:200px;display:flex;flex-direction:column;justify-content:flex-start}.phase-number{display:inline-block;background:var(--gradient-primary);color:var(--white);font-size:.75rem;font-weight:700;padding:6px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;width:fit-content}.phase-name{font-size:1.75rem;font-weight:700;color:var(--primary-blue);margin:0 0 12px;line-height:1.2;min-height:42px;display:flex;align-items:center}.phase-focus{font-size:1rem;font-weight:600;color:var(--ocean-blue);margin:0 0 16px;min-height:24px;display:flex;align-items:center}.phase-description{font-size:.9375rem;color:var(--text-grey);line-height:1.6;margin:0;flex:1;display:flex;align-items:flex-start}.phase-services{flex:1;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.phase-service{text-decoration:none;padding:16px;background:var(--bg-grey-light);border-radius:var(--border-radius);transition:all var(--transition-fast);border-left:3px solid transparent}.phase-service:hover{background:var(--ocean-blue-light);border-left-color:var(--ocean-blue);transform:translate(4px)}.phase-service h4{font-size:1.0625rem;font-weight:600;color:var(--primary-blue);margin:0 0 6px}.phase-service p{font-size:.875rem;color:var(--text-grey);line-height:1.5;margin:0}.phase-path{display:flex;align-items:center;gap:12px;padding:16px;background:var(--ocean-blue-light);border-radius:var(--border-radius);margin-top:auto;font-size:.875rem;font-weight:600;color:var(--primary-blue)}.phase-path svg{color:var(--ocean-blue);flex-shrink:0}.phase-arrow{display:flex;align-items:center;justify-content:center;color:var(--ocean-blue);flex-shrink:0;padding:0 24px;align-self:center}.phase-arrow svg{filter:drop-shadow(0 2px 4px rgba(64,186,210,.3))}.features-strip{background:var(--primary-blue);padding:40px 0}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.feature-item{display:flex;align-items:center;gap:16px}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#40bad233;border-radius:12px;color:var(--ocean-blue);flex-shrink:0}.feature-text h4{color:var(--white);font-size:1rem;font-weight:600;margin-bottom:4px}.feature-text p{color:#ffffffb3;font-size:.875rem;margin:0}.user-stories-section{position:relative;background:var(--bg-grey-light)}.user-stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.story-card{background:var(--white);border-radius:var(--border-radius-lg);padding:40px 32px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.story-type{position:absolute;top:0;right:0;background:var(--ocean-blue);color:var(--white);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:8px 16px;border-radius:0 var(--border-radius-lg) 0 12px}.story-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--ocean-blue-light);border-radius:20px;color:var(--primary-blue);margin-bottom:24px}.story-icon svg{width:32px;height:32px}.story-card h3{font-size:1.375rem;margin-bottom:12px}.story-card>p{margin-bottom:24px}.story-goals{list-style:none}.story-goals li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--bg-grey-light);font-size:.9375rem;color:var(--text-black)}.story-goals li:first-child{border-top:none}.story-goals svg{color:var(--ocean-blue);flex-shrink:0}.value-section{overflow:hidden}.value-content{text-align:center;max-width:800px;margin:0 auto 60px}.value-content .section-label{display:block;margin-bottom:12px}.value-content h2{margin-bottom:16px}.value-subheading{font-size:1.5rem;font-weight:600;color:var(--ocean-blue);margin-bottom:16px}.value-content>p{font-size:1.125rem;margin-bottom:0;line-height:1.7}.value-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}.path-card{background:var(--white);border-radius:var(--border-radius-lg);padding:32px;box-shadow:var(--shadow-md);border:2px solid var(--bg-grey);transition:all var(--transition-base);display:flex;flex-direction:column}.path-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--ocean-blue)}.path-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--ocean-blue-light);border-radius:16px;color:var(--ocean-blue);margin-bottom:24px}.path-icon svg{width:32px;height:32px}.path-card h3{font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin:0 0 12px}.path-description{color:var(--text-grey);font-size:1rem;margin-bottom:24px;line-height:1.6}.path-tools{list-style:none;margin:0 0 24px;padding:0;flex:1}.path-tools li{color:var(--text-black);font-size:.9375rem;position:relative;padding:8px 0 8px 24px}.path-tools li:before{content:"✓";position:absolute;left:0;color:var(--ocean-blue);font-weight:600}.path-link{display:inline-flex;align-items:center;gap:8px;color:var(--ocean-blue);font-weight:600;text-decoration:none;transition:all var(--transition-fast);margin-top:auto}.path-link:hover{gap:12px;color:var(--ocean-blue-dark)}@media(max-width:1200px){.growth-journey{grid-template-columns:1fr auto 1fr auto 1fr}.phase-arrow{padding:0 16px}.phase-arrow svg{width:24px;height:24px}.growth-phase{min-height:600px}}@media(max-width:1024px){.hero{min-height:auto;padding:80px 0 60px}.hero-two-column{grid-template-columns:1fr;gap:50px}.features-grid{grid-template-columns:repeat(2,1fr)}.value-paths{grid-template-columns:1fr;gap:24px}}@media(max-width:968px){.growth-journey{grid-template-columns:1fr;gap:0}.growth-phase{width:100%;min-height:auto;margin-bottom:0}.phase-arrow{transform:rotate(90deg);padding:16px 0;margin:0 auto}.phase-arrow svg{width:32px;height:32px}}@media(max-width:768px){.hero{padding:48px 0 32px}.hero-two-column{gap:28px}.hero-logo{margin-bottom:16px}.hero-logo img{max-width:180px}.hero-title{font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:16px}.hero-desc{font-size:1rem;margin-bottom:24px}.hero-actions{margin-bottom:32px}.hero-benefit-item{padding:18px;gap:14px;border-radius:14px}.hero-benefit-icon{width:44px;height:44px;border-radius:12px}.hero-benefit-icon svg{width:22px;height:22px}.hero-benefit-content h3{font-size:1rem;margin-bottom:4px}.hero-benefit-content p{font-size:.8125rem;line-height:1.5}.hero-benefits{gap:12px}.services-grid,.user-stories-grid{grid-template-columns:1fr}.services-section{padding-bottom:60px}.features-strip{padding:32px 0}.features-grid{grid-template-columns:1fr;gap:20px}.feature-item{justify-content:flex-start;text-align:left;flex-direction:row}.value-paths{grid-template-columns:1fr;gap:20px}.path-card{padding:24px}.value-content{margin-bottom:36px}.value-subheading{font-size:1.25rem}.growth-phase{padding:28px 20px}.phase-header{height:auto;margin-bottom:28px;padding-bottom:20px}.phase-name{font-size:1.5rem;min-height:auto}.phase-service{padding:14px}.service-category-tabs{gap:4px 0}.service-category-tab{font-size:.875rem;padding:8px 14px}.service-category-sep{padding:0 2px}.story-card{padding:28px 24px}.story-icon{width:52px;height:52px;border-radius:16px;margin-bottom:20px}}@media(max-width:480px){.hero{padding:36px 0 24px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-badge{font-size:.75rem;padding:8px 16px}.growth-phase{padding:24px 16px}.value-visual{height:300px}.value-card{padding:16px 20px;font-size:.875rem}.value-puzzle{width:120px;height:120px;border-radius:24px}.value-puzzle svg{width:60px;height:60px}}