.hero{background:var(--gradient-hero);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero--short{min-height:65vh}.hero__bg{z-index:0;position:absolute;inset:0}.hero__bg-gradient{z-index:1;background:radial-gradient(at 30% 40%,#2563eb14 0%,#0000 60%),radial-gradient(at 70% 60%,#0284c70f 0%,#0000 50%);position:absolute;inset:0}.hero__content{z-index:2;text-align:center;max-width:900px;padding:calc(var(--navbar-height) + var(--space-3xl)) var(--space-xl) var(--space-3xl);position:relative}.hero__badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-accent-primary);margin-bottom:var(--space-xl);background:#2563eb14;border:1px solid #2563eb33;font-weight:600;display:inline-flex}.hero__badge-dot{background:var(--color-accent-primary);width:6px;height:6px;box-shadow:0 0 8px var(--color-accent-primary);border-radius:50%}.hero__title{margin-bottom:var(--space-lg);color:var(--color-text-primary)}.hero__subtitle{font-size:clamp(var(--text-lg), 2vw, var(--text-xl));color:var(--color-text-secondary);max-width:680px;margin:0 auto var(--space-2xl);line-height:var(--leading-relaxed)}.hero__actions{justify-content:center;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.hero__scroll-indicator{bottom:var(--space-2xl);align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(to bottom, var(--color-accent-primary), transparent);width:2px;height:36px}.stats{padding:var(--space-4xl) 0;background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;position:relative}.stats__grid{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.stats__item{text-align:center;padding:var(--space-xl);border-radius:var(--radius-xl);background:#f8fafc;border:1px solid #e2e8f0}.stats__number{font-family:var(--font-heading);font-size:var(--text-5xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm);-webkit-background-clip:text;background-clip:text;font-weight:800}.stats__label{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:600}.cta-banner{padding:var(--space-5xl) 0;text-align:center;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-top:1px solid #bfdbfe;border-bottom:1px solid #bfdbfe;position:relative;overflow:hidden}.cta-banner__content{z-index:1;position:relative}.cta-banner h2{margin-bottom:var(--space-lg)}.cta-banner p{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:560px;margin:0 auto var(--space-2xl)}.why-us__grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.why-us__card{padding:var(--space-2xl);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0}.why-us__card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.why-us__card-icon{font-size:var(--text-4xl);margin-bottom:var(--space-lg)}.why-us__card h4{font-size:var(--text-xl);margin-bottom:var(--space-md);color:var(--color-text-primary)}.why-us__card p{font-size:var(--text-sm);color:var(--color-text-secondary)}.about-story{gap:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-story__image{aspect-ratio:4/3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;justify-content:center;align-items:center;font-size:5rem;display:flex;position:relative;overflow:hidden}.values__grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.value-card{padding:var(--space-2xl);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0}.value-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.value-card__icon{margin-bottom:var(--space-lg);font-size:2.5rem}.value-card h4{margin-bottom:var(--space-md);color:var(--color-text-primary)}.team__grid{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.team-card{text-align:center;padding:var(--space-2xl) var(--space-lg);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0}.team-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.team-card__avatar{background:var(--gradient-primary);width:80px;height:80px;margin:0 auto var(--space-lg);font-size:var(--text-2xl);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.team-card h4{font-size:var(--text-lg);margin-bottom:var(--space-xs);color:var(--color-text-primary)}.team-card p{font-size:var(--text-sm);color:var(--color-accent-primary);font-weight:500}.services-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.service-detail__intro{gap:var(--space-4xl);grid-template-columns:1.2fr 1fr;align-items:center;display:grid}.service-detail__visual{aspect-ratio:1;border-radius:var(--radius-2xl);max-width:380px;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;justify-content:center;align-items:center;margin:0 auto;font-size:5rem;display:flex}.features-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.feature-card{padding:var(--space-2xl);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0}.feature-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.use-cases{border-radius:var(--radius-2xl);padding:var(--space-3xl);background:#f8fafc;border:1px solid #e2e8f0}.use-cases__list{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.use-case-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);background:#fff;border:1px solid #e2e8f0;display:flex}.contact-grid{gap:var(--space-4xl);grid-template-columns:1fr 1fr;display:grid}.contact-form{gap:var(--space-lg);flex-direction:column;display:flex}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-group label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.form-group input,.form-group textarea,.form-group select{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:all var(--transition-fast);background:#fff;border:1px solid #cbd5e1;outline:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #2563eb26}.contact-info{gap:var(--space-xl);flex-direction:column;display:flex}.contact-info__card{padding:var(--space-2xl);border-radius:var(--radius-xl);align-items:flex-start;gap:var(--space-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;display:flex}.contact-info__card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-info__icon{border-radius:var(--radius-md);width:48px;height:48px;font-size:var(--text-xl);color:var(--color-accent-primary);background:#eff6ff;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (max-width:1024px){.about-story,.service-detail__intro,.contact-grid{grid-template-columns:1fr}.team__grid,.use-cases__list{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats__grid,.why-us__grid,.values__grid,.team__grid,.use-cases__list{grid-template-columns:1fr}}.service-page-entrance{will-change:transform, opacity, filter;animation:.65s cubic-bezier(.16,1,.3,1) forwards heroUnfoldFromBook}@keyframes heroUnfoldFromBook{0%{opacity:0;filter:blur(14px);transform:scale(1.08)translateY(-14px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.service-page-nav-bar{z-index:40;background:#0f172a;border-bottom:1px solid #ffffff1a;width:100%;padding:.85rem 0;position:relative}.service-page-nav-bar__content{justify-content:space-between;align-items:center;display:flex}.back-to-bookshelf-btn{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.back-to-bookshelf-btn:hover{background:#f60;border-color:#f60;transform:translate(-3px);box-shadow:0 4px 15px #ff66004d}.back-to-bookshelf-btn .btn-arrow{font-size:.95rem;transition:transform .2s}.back-to-bookshelf-btn:hover .btn-arrow{transform:translate(-3px)}.service-nav-badge{font-family:var(--font-heading), "Inter", sans-serif;letter-spacing:.12em;color:#f90;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.76rem;font-weight:800;display:inline-flex}.badge-dot{background:#f90;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #f90}
