.btn {
 display:inline-flex;
 align-items:center;
 gap:var(--space-2);
 padding:12px 24px;
 font-size:var(--text-sm);
 font-weight:700;
 line-height:1;
 border-radius:var(--radius-full);
 border:2px solid transparent;
 cursor:pointer;
 text-decoration:none;
 transition:all var(--transition-base);
 white-space:nowrap;
 font-family:var(--font-sans);
 letter-spacing:-0.01em;
}
.btn--primary {
 background:var(--primary);
 color:#ffffff;
 border-color:var(--primary);
}
.btn--primary:hover {
 background:var(--primary-hover);
 border-color:var(--primary-hover);
 transform:translateY(-1px);
 box-shadow:var(--shadow-primary);
}
.btn--primary .btn__arrow {
 transition:transform var(--transition-base);
}
.btn--primary:hover .btn__arrow {
 transform:translateX(4px);
}
.btn--outline {
 background:transparent;
 color:var(--text-primary);
 border-color:var(--border-medium);
}
.btn--outline:hover {
 border-color:var(--text-primary);
 background:var(--text-primary);
 color:#ffffff;
}
.btn--outline-white {
 background:transparent;
 color:#ffffff;
 border-color:rgba(255,255,255,0.35);
}
.btn--outline-white:hover {
 background:rgba(255,255,255,0.1);
 border-color:rgba(255,255,255,0.6);
}
.btn--ghost {
 background:transparent;
 color:var(--primary);
 border-color:transparent;
 padding-left:0;
 padding-right:0;
}
.btn--ghost:hover {
 color:var(--primary-hover);
}
.btn--lg {
 padding:16px 32px;
 font-size:var(--text-base);
}
.btn--sm {
 padding:8px 16px;
 font-size:var(--text-xs);
}
.btn--block {
 display:flex;
 width:100%;
 justify-content:center;
}
@keyframes btn-spin {
 to {transform:rotate(360deg);}
}
.btn--loading {
 position:relative;
 color:transparent !important;
 pointer-events:none;
}
.btn--loading::after {
 content:'';
 position:absolute;
 width:16px;
 height:16px;
 top:50%;
 left:50%;
 margin:-8px 0 0 -8px;
 border:2px solid rgba(255,255,255,0.35);
 border-top-color:#ffffff;
 border-radius:50%;
 animation:btn-spin 0.6s linear infinite;
}
.badge {
 display:inline-flex;
 align-items:center;
 gap:6px;
 padding:4px 12px;
 font-size:var(--text-xs);
 font-weight:600;
 border-radius:var(--radius-full);
 letter-spacing:0.04em;
}
.badge--primary {
 background:var(--primary-light);
 color:var(--primary);
}
.badge--dark {
 background:var(--bg-dark-2);
 color:var(--text-on-dark);
}
.badge--outline {
 background:transparent;
 color:var(--text-secondary);
 border:1px solid var(--border-medium);
}
.badge--success {
 background:rgba(34,197,94,0.1);
 color:#16a34a;
}
.card {
 background:var(--bg-secondary);
 border-radius:var(--radius-lg);
 border:1px solid var(--border-light);
 padding:var(--space-8);
 transition:box-shadow var(--transition-base),transform var(--transition-base);
}
.card:hover {
 box-shadow:var(--shadow-md);
}
.card--dark {
 background:var(--bg-dark-2);
 border-color:var(--border-dark);
 color:var(--text-on-dark);
}
.card--service {
 background:var(--bg-secondary);
 border:1px solid var(--border-light);
 border-radius:var(--radius-lg);
 padding:var(--space-8);
 display:flex;
 flex-direction:column;
 gap:var(--space-4);
 transition:box-shadow var(--transition-base),transform var(--transition-base);
 text-decoration:none;
 color:inherit;
}
.card--service:hover {
 box-shadow:var(--shadow-lg);
 transform:translateY(-4px);
}
.card--service.card--featured {
 background:var(--primary-light);
 border-color:rgba(255,107,0,0.2);
}
.card__icon {
 width:48px;
 height:48px;
 border-radius:var(--radius-md);
 background:var(--primary-light);
 display:flex;
 align-items:center;
 justify-content:center;
 color:var(--primary);
 font-size:22px;
 flex-shrink:0;
}
.card--dark .card__icon {
 background:rgba(255,107,0,0.12);
 color:var(--primary);
}
.card__title {
 font-size:var(--text-xl);
 font-weight:700;
 color:var(--text-primary);
 line-height:1.25;
}
.card--dark .card__title {
 color:var(--text-on-dark);
}
.card__desc {
 font-size:var(--text-sm);
 color:var(--text-secondary);
 line-height:1.65;
}
.card--dark .card__desc {
 color:var(--text-on-dark-muted);
}
.card__tags {
 display:flex;
 flex-wrap:wrap;
 gap:var(--space-2);
 margin-top:auto;
}
.card__tag {
 font-size:11px;
 font-weight:600;
 padding:3px 10px;
 background:var(--bg-primary);
 color:var(--text-secondary);
 border-radius:var(--radius-full);
 border:1px solid var(--border-light);
}
.card--featured .card__tag {
 background:rgba(255,107,0,0.08);
 color:var(--primary);
 border-color:rgba(255,107,0,0.15);
}
.card__cta-link {
 font-size:var(--text-sm);
 font-weight:600;
 color:var(--primary);
 display:inline-flex;
 align-items:center;
 gap:6px;
 transition:gap var(--transition-fast);
 margin-top:auto;
}
.card--service:hover .card__cta-link {
 gap:10px;
}
.card--process {
 position:relative;
 overflow:hidden;
 background:var(--bg-dark-2);
 border:1px solid var(--border-dark);
 border-radius:var(--radius-lg);
 padding:var(--space-8);
 color:var(--text-on-dark);
}
.card__number {
 position:absolute;
 top:-8px;
 right:16px;
 font-size:100px;
 font-weight:800;
 color:rgba(255,255,255,0.06);
 line-height:1;
 pointer-events:none;
 user-select:none;
}
.card__step-label {
 font-size:var(--text-xs);
 font-weight:600;
 color:var(--primary);
 text-transform:uppercase;
 letter-spacing:0.1em;
 margin-bottom:var(--space-3);
}
.card--stat {
 text-align:center;
 padding:var(--space-8) var(--space-6);
 background:var(--bg-secondary);
 border:1px solid var(--border-light);
 border-radius:var(--radius-lg);
}
.card--stat.card--dark {
 background:var(--bg-dark-2);
 border-color:var(--border-dark);
}
.stat__value {
 font-size:var(--text-5xl);
 font-weight:800;
 color:var(--primary);
 line-height:1;
 letter-spacing:-0.02em;
}
.stat__label {
 font-size:var(--text-sm);
 color:var(--text-secondary);
 margin-top:var(--space-2);
 font-weight:500;
}
.card--dark .stat__label {
 color:var(--text-on-dark-muted);
}
.card--testimonial {
 background:var(--bg-secondary);
 border:1px solid var(--border-light);
 border-radius:var(--radius-lg);
 padding:var(--space-8);
 display:flex;
 flex-direction:column;
 gap:var(--space-6);
}
.card__stars {
 display:flex;
 gap:3px;
 color:var(--color-stars);
 font-size:16px;
}
.card__quote {
 font-size:var(--text-base);
 line-height:1.7;
 color:var(--text-secondary);
 font-style:italic;
 flex:1;
}
.card__author {
 display:flex;
 align-items:center;
 gap:var(--space-3);
}
.card__avatar {
 width:42px;
 height:42px;
 border-radius:var(--radius-full);
 background:var(--primary-light);
 color:var(--primary);
 font-size:var(--text-sm);
 font-weight:700;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-shrink:0;
}
.card__author-name {
 font-size:var(--text-sm);
 font-weight:700;
 color:var(--text-primary);
}
.card__author-role {
 font-size:var(--text-xs);
 color:var(--text-muted);
}
.section-header {
 margin-bottom:var(--space-12);
}
.section-header--left {
 text-align:left;
}
.section-header--center {
 text-align:center;
 max-width:640px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:var(--space-12);
}
.section-label {
 display:inline-block;
 font-size:var(--text-xs);
 font-weight:600;
 text-transform:uppercase;
 letter-spacing:0.1em;
 color:var(--primary);
 margin-bottom:var(--space-3);
}
.section-title {
 font-size:var(--text-4xl);
 font-weight:800;
 line-height:1.1;
 letter-spacing:-0.02em;
 color:var(--text-primary);
}
.section-title--dark {
 color:var(--text-on-dark);
}
.section-subtitle {
 font-size:var(--text-lg);
 color:var(--text-secondary);
 line-height:1.65;
 margin-top:var(--space-4);
 max-width:560px;
}
.section-header--center .section-subtitle {
 margin-left:auto;
 margin-right:auto;
}
.section-subtitle--dark {
 color:var(--text-on-dark-muted);
}
.breadcrumb {
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:6px;
 font-size:var(--text-sm);
 color:var(--text-muted);
 margin-bottom:var(--space-6);
}
.breadcrumb__link {
 color:var(--text-muted);
 transition:color var(--transition-fast);
}
.breadcrumb__link:hover {
 color:var(--primary);
}
.breadcrumb__sep {
 color:var(--text-muted);
 font-size:12px;
}
.breadcrumb__current {
 color:var(--text-on-dark);
 font-weight:500;
}
.faq-list {
 display:flex;
 flex-direction:column;
 gap:var(--space-3);
}
.faq-item:has(.faq-question) {
 background:var(--bg-secondary);
 border:1px solid var(--border-light);
 border-radius:var(--radius-lg);
 overflow:hidden;
}
.faq-question {
 width:100%;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:var(--space-4);
 padding:var(--space-6);
 font-size:var(--text-base);
 font-weight:600;
 color:var(--text-primary);
 background:transparent;
 border:none;
 cursor:pointer;
 text-align:left;
 font-family:var(--font-sans);
 transition:color var(--transition-fast);
}
.faq-question:hover {
 color:var(--primary);
}
.faq-item:has(.faq-question) .faq-icon {
 width:28px;
 height:28px;
 border-radius:var(--radius-full);
 background:var(--bg-primary);
 border:1px solid var(--border-light);
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:16px;
 flex-shrink:0;
 transition:transform var(--transition-base),background var(--transition-base),color var(--transition-base);
}
.faq-item--open:has(.faq-question) .faq-icon {
 transform:rotate(45deg);
 background:var(--primary);
 color:#ffffff;
 border-color:var(--primary);
}
.faq-item:has(.faq-question) > .faq-answer {
 max-height:0;
 overflow:hidden;
 transition:max-height 0.4s ease;
}
.faq-item--open:has(.faq-question) > .faq-answer {
 max-height:400px;
}
.faq-answer__inner {
 padding:0 var(--space-6) var(--space-6);
 font-size:var(--text-sm);
 color:var(--text-secondary);
 line-height:1.7;
}
.faq-sec .faq-list {
 gap:0;
}
.faq-sec .faq-item {
 background:transparent;
 border:none;
 border-bottom:1px solid rgba(255,255,255,0.14);
 border-radius:0;
 overflow:visible;
}
.faq-sec .faq-item:first-child {
 border-top:1px solid rgba(255,255,255,0.14);
}
.faq-sec .faq-q {
 width:100%;
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:20px 0;
 cursor:pointer;
 background:transparent;
 gap:20px;
 font-family:var(--font-sans);
 font-weight:600;
 font-size:16px;
 color:#ffffff;
 text-align:left;
 transition:color 0.2s ease;
}
.faq-sec .faq-q:hover {
 color:var(--primary);
}
.faq-sec .faq-icon {
 width:auto;
 height:auto;
 border-radius:0;
 background:transparent;
 border:none;
 display:inline-block;
 font-weight:300;
 font-size:22px;
 color:var(--primary);
 flex-shrink:0;
 line-height:1;
 transition:transform 0.3s ease;
}
.faq-sec .faq-item.open .faq-icon {
 transform:rotate(45deg);
}
.faq-sec .faq-body {
 overflow:hidden;
 max-height:0;
 transition:max-height 0.35s ease;
}
.faq-sec .faq-body .faq-answer,
.faq-sec .faq-body-inner {
 max-height:none;
 overflow:visible;
}
.faq-sec .faq-body-inner {
 padding:0 32px 20px 0;
 font-family:var(--font-sans);
 font-size:15px;
 color:rgba(255,255,255,0.65);
 line-height:1.75;
}
.checklist {
 display:flex;
 flex-direction:column;
 gap:var(--space-3);
}
.checklist__item {
 display:flex;
 align-items:flex-start;
 gap:var(--space-3);
}
.checklist__icon {
 width:22px;
 height:22px;
 border-radius:var(--radius-full);
 background:var(--primary-light);
 color:var(--primary);
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:12px;
 flex-shrink:0;
 margin-top:2px;
}
.checklist__text {
 font-size:var(--text-sm);
 color:var(--text-secondary);
 line-height:1.6;
}
.checklist__title {
 font-weight:600;
 color:var(--text-primary);
}
.timeline {
 display:flex;
 flex-direction:column;
 gap:0;
 position:relative;
}
.timeline::before {
 content:'';
 position:absolute;
 left:18px;
 top:0;
 bottom:0;
 width:2px;
 background:var(--border-light);
}
.timeline__item {
 display:flex;
 gap:var(--space-6);
 padding-bottom:var(--space-8);
 position:relative;
}
.timeline__dot {
 width:38px;
 height:38px;
 border-radius:var(--radius-full);
 background:var(--primary);
 color:#ffffff;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:var(--text-sm);
 font-weight:700;
 flex-shrink:0;
 position:relative;
 z-index:1;
}
.timeline__content {
 padding-top:var(--space-2);
 flex:1;
}
.timeline__step {
 font-size:var(--text-xs);
 font-weight:600;
 color:var(--primary);
 text-transform:uppercase;
 letter-spacing:0.08em;
 margin-bottom:var(--space-2);
}
.timeline__title {
 font-size:var(--text-lg);
 font-weight:700;
 color:var(--text-primary);
 margin-bottom:var(--space-2);
}
.timeline__desc {
 font-size:var(--text-sm);
 color:var(--text-secondary);
 line-height:1.65;
}
.cta-banner {
 background:var(--bg-dark);
 padding:var(--space-20) 0;
}
.cta-banner__inner {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:var(--space-12);
}
.cta-banner__text {
 flex:1;
}
.cta-banner__label {
 display:inline-block;
 font-size:var(--text-xs);
 font-weight:600;
 color:var(--primary);
 text-transform:uppercase;
 letter-spacing:0.1em;
 margin-bottom:var(--space-3);
}
.cta-banner__title {
 font-size:var(--text-4xl);
 font-weight:800;
 color:#ffffff;
 line-height:1.1;
 letter-spacing:-0.02em;
 max-width:540px;
}
.cta-banner__sub {
 font-size:var(--text-base);
 color:var(--text-on-dark-muted);
 margin-top:var(--space-4);
 max-width:480px;
}
.cta-banner__actions {
 display:flex;
 flex-direction:column;
 gap:var(--space-3);
 flex-shrink:0;
}
.marquee-section {
 background:var(--bg-dark);
 padding:var(--space-6) 0;
 overflow:hidden;
 border-top:1px solid var(--border-dark);
 border-bottom:1px solid var(--border-dark);
}
.marquee-track {
 display:flex;
 width:max-content;
 animation:marquee 35s linear infinite;
 align-items:center;
}
.marquee-item {
 display:flex;
 align-items:center;
 gap:var(--space-6);
 padding:0 var(--space-6);
 font-size:var(--text-sm);
 font-weight:600;
 color:rgba(255,255,255,0.5);
 white-space:nowrap;
 letter-spacing:0.04em;
 text-transform:uppercase;
}
.marquee-dot {
 width:5px;
 height:5px;
 border-radius:50%;
 background:var(--primary);
 flex-shrink:0;
}
.filter-bar {
 display:flex;
 flex-wrap:wrap;
 gap:var(--space-2);
 margin-bottom:var(--space-10);
}
.filter-bar__btn {
 display:inline-flex;
 align-items:center;
 min-height:44px;
 padding:8px 18px;
 font-size:var(--text-sm);
 font-weight:600;
 color:var(--text-secondary);
 background:var(--bg-secondary);
 border:1px solid var(--border-light);
 border-radius:var(--radius-full);
 cursor:pointer;
 transition:all var(--transition-fast);
 font-family:var(--font-sans);
}
.filter-bar__btn:hover {
 border-color:var(--primary);
 color:var(--primary);
}
.filter-bar__btn--active {
 background:var(--primary);
 border-color:var(--primary);
 color:#ffffff;
}
.contact-form-wrap {
 background:var(--bg-secondary);
 border:1px solid var(--border-light);
 border-radius:var(--radius-xl);
 padding:var(--space-10);
}
.progress-dots {
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin-bottom:var(--space-8);
}
.progress-dots__pips {
 display:flex;
 align-items:center;
 gap:var(--space-2);
}
.form-step-label {
 font-size:var(--text-sm);
 font-weight:600;
 color:var(--text-muted);
 letter-spacing:0.01em;
}
.progress-dot {
 width:10px;
 height:10px;
 border-radius:50%;
 background:var(--border-medium);
 transition:background var(--transition-base),transform var(--transition-base);
}
.progress-dot--active {
 background:var(--primary);
 transform:scale(1.3);
}
.progress-dot--done {
 background:var(--primary);
 opacity:0.4;
}
.form-step {
 display:none;
}
.form-step--active {
 display:block;
}
.form-step__title {
 font-size:var(--text-xl);
 font-weight:700;
 color:var(--text-primary);
 margin-bottom:var(--space-6);
}
.form-group {
 display:flex;
 flex-direction:column;
 gap:var(--space-2);
 margin-bottom:var(--space-4);
}
.form-label {
 font-size:var(--text-sm);
 font-weight:600;
 color:var(--text-primary);
}
.form-input {
 width:100%;
 padding:12px 16px;
 font-size:var(--text-sm);
 font-family:var(--font-sans);
 color:var(--text-primary);
 background:var(--bg-primary);
 border:1px solid var(--border-medium);
 border-radius:var(--radius-md);
 transition:border-color var(--transition-fast),box-shadow var(--transition-fast);
 -webkit-appearance:none;
}
.form-input:focus {
 outline:none;
 border-color:var(--primary);
 box-shadow:0 0 0 3px rgba(255,107,0,0.1);
}
.form-input--error {
 border-color:#ef4444;
}
.form-textarea {
 resize:vertical;
 min-height:120px;
}
.form-error {
 font-size:var(--text-xs);
 color:#ef4444;
 margin-top:4px;
}
.form-checkbox-group {
 display:flex;
 flex-wrap:wrap;
 gap:var(--space-3);
}
.form-checkbox-label {
 display:flex;
 align-items:center;
 gap:var(--space-2);
 font-size:var(--text-sm);
 color:var(--text-secondary);
 cursor:pointer;
 padding:8px 14px;
 border:1px solid var(--border-medium);
 border-radius:var(--radius-md);
 transition:all var(--transition-fast);
}
.form-checkbox-label:hover {
 border-color:var(--primary);
 color:var(--primary);
}
.form-checkbox-label input:checked + span {
 color:var(--primary);
}
.form-nav {
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin-top:var(--space-8);
 gap:var(--space-4);
}
.form-success {
 text-align:center;
 padding:var(--space-12);
 display:none;
}
.form-success--visible {
 display:block;
}
.form-success__icon {
 font-size:48px;
 margin-bottom:var(--space-4);
}
.form-success__title {
 font-size:var(--text-2xl);
 font-weight:800;
 color:var(--text-primary);
 margin-bottom:var(--space-3);
}
.card--lg {padding:var(--space-10);}
.card__emoji {
 font-size:36px;
 line-height:1;
 display:block;
 margin-bottom:var(--space-5);
}
.card__list {
 display:flex;
 flex-direction:column;
 gap:var(--space-2);
 list-style:none;
 padding:0;
 margin:0 0 var(--space-6) 0;
}
.card__list-item {
 display:flex;
 align-items:flex-start;
 gap:var(--space-2);
 font-size:var(--text-sm);
 color:var(--text-secondary);
}
.card__list-icon {
 color:var(--primary);
 font-weight:700;
 flex-shrink:0;
}
.contact-info {
 display:flex;
 flex-direction:column;
 gap:var(--space-6);
 margin-bottom:var(--space-12);
}
.contact-info__item {
 display:flex;
 align-items:flex-start;
 gap:var(--space-4);
}
.contact-info__icon {
 width:44px;
 height:44px;
 border-radius:var(--radius-md);
 display:flex;
 align-items:center;
 justify-content:center;
 flex-shrink:0;
}
.contact-info__icon--primary {
 background:var(--primary-light);
 color:var(--primary);
}
.contact-info__icon--wa {
 background:rgba(37,211,102,0.1);
 color:var(--color-whatsapp);
}
.contact-info__label {
 font-size:var(--text-sm);
 font-weight:600;
 color:var(--text-primary);
 margin-bottom:4px;
}
.contact-info__value {font-size:var(--text-base);color:var(--text-secondary);}
.contact-info__value--primary {color:var(--primary);}
.contact-info__value--wa {color:var(--color-whatsapp);}
.contact-info__note {
 font-size:var(--text-xs);
 color:var(--text-muted);
 margin-top:2px;
}
.contact-next-steps {
 background:var(--bg-primary);
 border:1px solid var(--border-light);
 border-radius:var(--radius-lg);
 padding:var(--space-6);
}
.contact-next-steps__title {
 font-size:var(--text-sm);
 font-weight:700;
 color:var(--text-primary);
 margin-bottom:var(--space-3);
}
.contact-next-steps__list {
 display:flex;
 flex-direction:column;
 gap:var(--space-3);
}
.contact-next-steps__item {
 display:flex;
 gap:var(--space-3);
 font-size:var(--text-sm);
 color:var(--text-secondary);
}
.contact-next-steps__num {
 color:var(--primary);
 font-weight:700;
 flex-shrink:0;
}
.contact-col-title {
 font-size:var(--text-3xl);
 font-weight:800;
 color:var(--text-primary);
 margin-bottom:var(--space-8);
}
.expect-box {
 background:var(--primary-light);
 border:1px solid rgba(255,107,0,0.15);
 border-radius:var(--radius-xl);
 padding:var(--space-10);
}
.expect-box__emoji {
 font-size:48px;
 display:block;
 margin-bottom:var(--space-5);
}
.expect-box__title {
 font-size:var(--text-2xl);
 font-weight:800;
 color:var(--text-primary);
 margin-bottom:var(--space-4);
}
.expect-box__desc {
 font-size:var(--text-base);
 color:var(--text-secondary);
 line-height:1.7;
 margin-bottom:var(--space-5);
}
.expect-box__quote {
 border-left:3px solid var(--primary);
 padding:var(--space-4) var(--space-5);
 background:rgba(255,107,0,0.06);
 border-radius:0 var(--radius-md) var(--radius-md) 0;
 font-style:italic;
 color:var(--text-primary);
 margin:0;
}
.whatsapp-btn {
 position:fixed;
 bottom:28px;
 right:28px;
 width:56px;
 height:56px;
 background:var(--color-whatsapp);
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 z-index:var(--z-modal);
 box-shadow:0 4px 20px rgba(37,211,102,0.45);
 transition:transform var(--transition-base);
 animation:float 3s ease-in-out infinite;
}
.whatsapp-btn:hover {
 transform:scale(1.1);
}
.navbar {
 position:fixed;
 top:0;
 left:0;
 right:0;
 z-index:var(--z-sticky);
 background:rgba(246,243,237,0.96);
 backdrop-filter:blur(16px);
 -webkit-backdrop-filter:blur(16px);
 border-bottom:1px solid transparent;
 transition:border-color var(--transition-base),box-shadow var(--transition-base);
 overflow:visible;
}
.navbar .container,
.navbar__inner,
.navbar__links {
 overflow:visible;
}
.navbar--scrolled {
 border-bottom-color:var(--border-light);
 box-shadow:0 1px 8px rgba(0,0,0,0.06);
}
.navbar__inner {
 display:flex;
 align-items:center;
 justify-content:space-between;
 height:var(--navbar-height,72px);
}
.navbar__logo {
 display:flex;
 align-items:center;
 gap:var(--space-2);
 text-decoration:none;
 flex-shrink:0;
}
.navbar__logo-img {
 height:64px;
 width:auto;
 display:block;
}
@media (max-width:768px) {
 .navbar__logo-img {height:50px;}
}
.logo-text {
 font-size:var(--text-xl);
 font-weight:800;
 color:var(--text-primary);
 letter-spacing:-0.03em;
 font-feature-settings:'ss01' on;
}
.logo-accent {
 color:var(--primary);
}
.logo-sub {
 font-size:var(--text-xs);
 color:var(--text-muted);
 font-weight:400;
}
.logo-text--light {
 color:var(--text-on-dark);
}
.navbar__links {
 display:flex;
 align-items:center;
 gap:var(--space-2);
 list-style:none;
}
.nav-link {
 font-size:14px;
 font-weight:500;
 color:rgba(13,13,13,0.62);
 padding:8px 14px;
 border-radius:var(--radius-md);
 transition:color var(--transition-fast),background var(--transition-fast);
 cursor:pointer;
 display:flex;
 align-items:center;
 gap:4px;
 white-space:nowrap;
 letter-spacing:-0.01em;
}
.nav-link:hover {
 color:var(--text-primary);
 background:rgba(0,0,0,0.04);
}
.nav-link--active {
 color:var(--text-primary);
 font-weight:600;
}
.nav-item--mega {
 position:static;
}
.mega-menu {
 position:fixed;
 top:var(--navbar-height,72px);
 left:0;
 right:0;
 width:100vw;
 max-width:100vw;
 margin:0;
 padding:0;
 box-sizing:border-box;
 background:#0d0d0d;
 border-top:2px solid var(--primary);
 box-shadow:0 40px 80px rgba(0,0,0,.75),0 12px 32px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04);
 opacity:0;
 visibility:hidden;
 transition:opacity 0.22s ease,visibility 0.22s;
 pointer-events:none;
 overflow:visible;
 z-index:calc(var(--z-sticky) - 1);
}
.mega-menu[hidden] {
 display:block !important;
 opacity:0;
 visibility:hidden;
 pointer-events:none;
}
.mega-menu--visible {
 opacity:1;
 visibility:visible;
 pointer-events:auto;
}
.mega-menu.nav-dropdown--visible {
 transform:none;
}
.mega-menu::before {
 content:"";
 position:absolute;
 top:-10px;
 left:0;
 right:0;
 height:10px;
}
.mega-menu__inner {
 max-width:var(--container-max);
 margin:0 auto;
 padding:12px var(--container-padding) 8px;
}
.mega-menu__grid {
 display:grid;
 grid-template-columns:repeat(6,1fr);
 gap:0;
}
.mega-menu__grid--4 {
 grid-template-columns:repeat(4,minmax(0,1fr));
}
.mega-menu__grid--5 {
 grid-template-columns:repeat(5,minmax(0,1fr));
}
.mega-menu--more {
 border-top-color:rgba(255,107,0,0.35);
}
@media (max-width:767px) {
 .mega-menu__grid--4,
 .mega-menu__grid--5 {
 grid-template-columns:repeat(2,minmax(0,1fr));
}
}
.mega-menu__col {
 padding:28px 18px;
 border-right:1px solid rgba(255,255,255,0.05);
 position:relative;
 transition:background 0.25s ease;
}
.mega-menu__col:hover {
 background:rgba(255,255,255,0.025);
}
.mega-menu__col:last-child {
 border-right:none;
 padding-right:0;
}
.mega-menu__col:first-child {
 padding-left:0;
}
.mega-menu__col-icon {
 font-size:17px;
 display:flex;
 align-items:center;
 justify-content:center;
 width:38px;
 height:38px;
 border-radius:10px;
 background:rgba(255,107,0,0.1);
 border:1px solid rgba(255,107,0,0.18);
 margin-bottom:14px;
 line-height:1;
 flex-shrink:0;
 transition:background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;
}
.mega-menu__col:hover .mega-menu__col-icon {
 background:rgba(255,107,0,0.2);
 border-color:rgba(255,107,0,0.4);
 box-shadow:0 0 18px rgba(255,107,0,0.15);
}
.mega-menu__heading {
 font-size:10px;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:0.14em;
 color:var(--primary);
 padding-bottom:10px;
 margin-bottom:10px;
 border-bottom:1px solid rgba(255,107,0,0.18);
}
.mega-link {
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:7px 10px;
 margin:1px -10px;
 font-size:13px;
 font-weight:500;
 color:rgba(255,255,255,0.55);
 border-radius:8px;
 border-left:2px solid transparent;
 text-decoration:none;
 transition:color 0.18s ease,
 background 0.18s ease,
 border-color 0.18s ease,
 padding-left 0.18s ease;
}
.mega-link::after {
 content:'\2192';
 opacity:0;
 transform:translateX(-5px);
 transition:opacity 0.18s ease,transform 0.18s ease;
 font-size:11px;
 flex-shrink:0;
 color:var(--primary);
}
.mega-link:hover {
 color:#ffffff;
 background:rgba(255,255,255,0.055);
 border-left-color:var(--primary);
 padding-left:16px;
}
.mega-link:hover::after {
 opacity:1;
 transform:translateX(0);
}
.mega-link--overview {
 color:rgba(255,255,255,0.75);
 font-weight:600;
 margin-bottom:4px;
 border-left-color:rgba(255,107,0,0.35);
}
.mega-link--overview:hover {
 color:var(--primary);
}
.mega-menu__footer {
 border-top:1px solid rgba(255,255,255,0.06);
 padding:14px 0;
 display:flex;
 align-items:center;
 justify-content:space-between;
}
.mega-menu__stats {
 display:flex;
 align-items:center;
 gap:var(--space-8);
}
.mega-menu__stat {
 font-size:12px;
 color:rgba(255,255,255,0.38);
 font-weight:500;
 margin:0;
}
.mega-menu__stat strong {
 color:rgba(255,255,255,0.88);
 font-weight:700;
 margin-right:3px;
}
.mega-menu__footer-cta {
 display:inline-flex;
 align-items:center;
 gap:6px;
 font-size:13px;
 font-weight:700;
 color:var(--primary);
 padding:7px 16px;
 border:1px solid rgba(255,107,0,0.3);
 border-radius:var(--radius-full);
 background:rgba(255,107,0,0.08);
 transition:background 0.2s ease,border-color 0.2s ease,gap 0.2s ease;
}
.mega-menu__footer-cta:hover {
 background:rgba(255,107,0,0.18);
 border-color:rgba(255,107,0,0.55);
 gap:10px;
}
.nav-item--dropdown {
 position:relative;
}
.nav-link--amazon {
 color:var(--primary) !important;
 font-weight:600;
}
.nav-dropdown {
 position:absolute;
 top:calc(100% + 8px);
 left:50%;
 transform:translateX(-50%) translateY(-6px);
 min-width:240px;
 background:#0d0d0d;
 border:1px solid rgba(255,107,0,0.2);
 border-radius:var(--radius-lg);
 box-shadow:0 20px 50px rgba(0,0,0,.6);
 padding:8px;
 opacity:0;
 visibility:hidden;
 transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s;
 pointer-events:none;
 z-index:var(--z-dropdown);
}
.nav-dropdown--amazon {
 border-color:rgba(255,107,0,0.35);
}
.nav-dropdown--visible {
 opacity:1;
 visibility:visible;
 transform:translateX(-50%) translateY(0);
 pointer-events:auto;
}
.nav-dropdown__link {
 display:block;
 padding:10px 14px;
 font-size:13px;
 font-weight:500;
 color:rgba(255,255,255,0.6);
 border-radius:var(--radius-md);
 text-decoration:none;
 transition:color 0.18s ease,background 0.18s ease;
}
.nav-dropdown__link:hover {
 color:#fff;
 background:rgba(255,107,0,0.12);
}
.nav-dropdown__link--overview {
 color:rgba(255,255,255,0.88);
 font-weight:700;
 margin-bottom:4px;
 padding-bottom:12px;
 border-bottom:1px solid rgba(255,255,255,0.08);
 border-radius:0;
}
.nav-dropdown__link--overview:hover {
 color:var(--primary);
 background:transparent;
}
.mobile-accordion {
 border:1px solid #222;
 border-radius:14px;
 overflow:hidden;
}
.mobile-accordion--amazon {
 border-color:rgba(255,107,0,0.3);
}
.mobile-accordion__trigger {
 display:flex;
 align-items:center;
 justify-content:space-between;
 width:100%;
 padding:16px 18px;
 background:#141414;
 border:none;
 font-size:15px;
 font-weight:600;
 color:rgba(255,255,255,0.85);
 cursor:pointer;
 text-align:left;
 font-family:inherit;
}
.mobile-accordion--amazon .mobile-accordion__trigger {
 color:var(--primary);
}
.mobile-accordion__chevron {
 transition:transform 0.25s ease;
 flex-shrink:0;
}
.mobile-accordion--open .mobile-accordion__chevron {
 transform:rotate(180deg);
}
.mobile-accordion__panel {
 background:#0f0f0f;
 border-top:1px solid #222;
}
.mobile-accordion--amazon .mobile-accordion__panel {
 border-top-color:rgba(255,107,0,0.2);
}
.mobile-accordion__link {
 display:block;
 padding:12px 18px;
 font-size:14px;
 color:rgba(255,255,255,0.6);
 text-decoration:none;
 border-bottom:1px solid #1a1a1a;
 transition:color 0.2s ease,background 0.2s ease;
}
.mobile-accordion__link:last-child {
 border-bottom:none;
}
.mobile-accordion__link:hover,
.mobile-accordion__link:active {
 color:#fff;
 background:rgba(255,107,0,0.08);
}
.mobile-accordion__group {
 border-bottom:1px solid #1a1a1a;
 padding-bottom:4px;
}
.mobile-accordion__group:last-child {
 border-bottom:none;
 padding-bottom:0;
}
.mobile-accordion__group-title {
 display:block;
 padding:14px 18px 6px;
 font-size:11px;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:0.1em;
 color:rgba(255,255,255,0.45);
 text-decoration:none;
 transition:color 0.2s ease;
}
.mobile-accordion__group-title:hover,
.mobile-accordion__group-title:active {
 color:var(--primary);
}
.mobile-accordion__sublink {
 display:block;
 padding:10px 18px 10px 30px;
 font-size:13px;
 color:rgba(255,255,255,0.55);
 text-decoration:none;
 border-bottom:1px solid #141414;
 transition:color 0.2s ease,background 0.2s ease;
}
.mobile-accordion__group .mobile-accordion__sublink:last-child {
 border-bottom:none;
}
.mobile-accordion__sublink:hover,
.mobile-accordion__sublink:active {
 color:#fff;
 background:rgba(255,107,0,0.06);
}
.navbar__actions {
 display:flex;
 align-items:center;
 gap:var(--space-3);
}
.mobile-menu-toggle {
 display:none;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 gap:5px;
 width:40px;
 height:40px;
 cursor:pointer;
 padding:0;
 background:none;
 border:none;
 border-radius:var(--radius-md);
 flex-shrink:0;
 transition:background var(--transition-fast);
}
.mobile-menu-toggle:hover {
 background:var(--bg-primary);
}
.mobile-menu-toggle span {
 display:block;
 width:22px;
 height:2px;
 background:var(--text-primary);
 border-radius:2px;
 transform-origin:center;
 transition:transform 0.3s ease,opacity 0.3s ease;
}
body.mobile-menu--open .mobile-menu-toggle span:nth-child(1) {
 transform:translateY(7px) rotate(45deg);
}
body.mobile-menu--open .mobile-menu-toggle span:nth-child(2) {
 opacity:0;
 transform:scaleX(0);
}
body.mobile-menu--open .mobile-menu-toggle span:nth-child(3) {
 transform:translateY(-7px) rotate(-45deg);
}
.mobile-menu {
 position:fixed;
 top:var(--navbar-height,72px);
 left:0;
 right:0;
 bottom:0;
 background:#0a0a0a;
 overflow-y:auto;
 z-index:calc(var(--z-sticky) - 1);
 transform:translateY(-14px);
 opacity:0;
 visibility:hidden;
 transition:transform 0.32s cubic-bezier(0.4,0,0.2,1),
 opacity 0.28s ease,
 visibility 0.32s;
}
body.mobile-menu--open .mobile-menu {
 transform:translateY(0);
 opacity:1;
 visibility:visible;
}
.mobile-menu__inner {
 padding:28px 20px 48px;
 display:flex;
 flex-direction:column;
 gap:36px;
 min-height:100%;
}
.mobile-menu__section {
 display:flex;
 flex-direction:column;
 gap:14px;
}
.mobile-menu__label {
 font-size:10px;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:0.14em;
 color:rgba(255,255,255,0.3);
}
.mobile-service-grid {
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:10px;
}
.mobile-service-card {
 display:flex;
 flex-direction:column;
 align-items:center;
 gap:10px;
 padding:20px 12px;
 background:#141414;
 border:1px solid #222;
 border-radius:14px;
 text-align:center;
 text-decoration:none;
 transition:background 0.2s ease,border-color 0.2s ease,transform 0.2s ease;
}
.mobile-service-card:hover,
.mobile-service-card:active {
 background:#1c1c1c;
 border-color:var(--primary);
 transform:translateY(-2px);
}
.mobile-service-card--featured {
 border-color:rgba(255,107,0,0.35);
 background:rgba(255,107,0,0.07);
}
.mobile-service-card--featured:hover {
 background:rgba(255,107,0,0.13);
 border-color:var(--primary);
}
.mobile-service-card__icon {
 font-size:28px;
 line-height:1;
}
.mobile-service-card__name {
 font-size:13px;
 font-weight:600;
 color:rgba(255,255,255,0.82);
 line-height:1.3;
}
.mobile-menu__links {
 display:flex;
 flex-direction:column;
}
.mobile-menu__link {
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:14px 0;
 font-size:16px;
 font-weight:500;
 color:rgba(255,255,255,0.65);
 border-bottom:1px solid #1a1a1a;
 text-decoration:none;
 transition:color 0.2s ease;
}
.mobile-menu__link:hover,
.mobile-menu__link:active {
 color:#ffffff;
}
.mobile-menu__link-arrow {
 font-size:14px;
 color:rgba(255,255,255,0.25);
 transition:transform 0.2s ease,color 0.2s ease;
}
.mobile-menu__link:hover .mobile-menu__link-arrow {
 transform:translateX(4px);
 color:var(--primary);
}
.mobile-menu__footer {
 margin-top:auto;
 display:flex;
 flex-direction:column;
 gap:12px;
 padding-top:8px;
}
.mobile-menu__cta {
 font-size:var(--text-base) !important;
 padding:16px 24px !important;
}
.mobile-menu__footer-note {
 text-align:center;
 font-size:12px;
 color:rgba(255,255,255,0.28);
 font-weight:400;
}
.footer {
 position:relative;
 background:var(--bg-dark);
 padding:var(--space-16) 0 var(--space-10);
 color:var(--text-on-dark);
 overflow:hidden;
}
.footer__accent {
 position:absolute;
 top:0;
 left:0;
 right:0;
 height:3px;
 background:linear-gradient(90deg,transparent 0%,var(--primary) 20%,#ff9a4d 50%,var(--primary) 80%,transparent 100%);
 opacity:0.9;
}
.footer__grid {
 display:grid;
 grid-template-columns:minmax(200px,1.35fr) repeat(4,minmax(0,1fr));
 gap:var(--space-10) var(--space-8);
 margin-bottom:var(--space-12);
 align-items:start;
}
.footer__col {
 min-width:0;
}
.footer__logo {
 display:inline-flex;
 align-items:center;
 margin-bottom:var(--space-5);
 opacity:0.95;
 transition:opacity var(--transition-fast);
}
.footer__logo:hover {
 opacity:1;
}
.footer__logo-img {
 height:44px;
 width:auto;
 display:block;
}
.footer__tagline {
 font-size:var(--text-sm);
 color:rgba(255,255,255,0.62);
 line-height:1.7;
 max-width:280px;
 margin-bottom:var(--space-3);
}
.footer__legal-note {
 font-size:11px;
 color:rgba(255,255,255,0.38);
 margin-bottom:var(--space-5);
 letter-spacing:0.02em;
}
.footer__social {
 display:flex;
 flex-wrap:wrap;
 gap:var(--space-2);
}
.social-link {
 width:38px;
 height:38px;
 border-radius:var(--radius-full);
 border:1px solid rgba(255,255,255,0.12);
 background:rgba(255,255,255,0.03);
 display:flex;
 align-items:center;
 justify-content:center;
 color:rgba(255,255,255,0.55);
 font-size:14px;
 transition:all var(--transition-fast);
}
.social-link:hover {
 border-color:var(--primary);
 color:var(--primary);
 background:rgba(255,107,0,0.12);
 transform:translateY(-2px);
}
.footer__heading {
 font-size:11px;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:0.12em;
 color:#fff;
 margin-bottom:var(--space-5);
 padding-bottom:var(--space-3);
 border-bottom:1px solid rgba(255,255,255,0.08);
 position:relative;
}
.footer__heading::after {
 content:'';
 position:absolute;
 left:0;
 bottom:-1px;
 width:28px;
 height:2px;
 background:var(--primary);
 border-radius:2px;
}
.footer__list {
 display:flex;
 flex-direction:column;
 gap:10px;
 list-style:none;
}
.footer__list a {
 display:inline-block;
 font-size:13px;
 color:rgba(255,255,255,0.58);
 line-height:1.45;
 transition:color var(--transition-fast),transform var(--transition-fast);
}
.footer__list a:hover {
 color:#fff;
 transform:translateX(3px);
}
.footer__list-link--accent {
 color:var(--primary) !important;
 font-weight:600;
 margin-top:4px;
}
.footer__list-link--accent:hover {
 color:#ff9a4d !important;
}
.footer__contact {
 display:flex;
 flex-direction:column;
 gap:var(--space-4);
}
.footer__contact-item {
 display:flex;
 align-items:flex-start;
 gap:var(--space-3);
 font-size:13px;
 color:rgba(255,255,255,0.58);
 line-height:1.5;
}
.footer__contact-icon {
 flex-shrink:0;
 width:32px;
 height:32px;
 border-radius:8px;
 background:rgba(255,255,255,0.05);
 border:1px solid rgba(255,255,255,0.08);
 display:flex;
 align-items:center;
 justify-content:center;
 color:var(--primary);
}
.footer__contact-item a {
 color:rgba(255,255,255,0.58);
 transition:color var(--transition-fast);
}
.footer__contact-item a:hover {
 color:var(--primary);
}
.footer__bottom {
 border-top:1px solid rgba(255,255,255,0.08);
 padding-top:var(--space-8);
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:var(--space-6);
}
.footer__copyright {
 font-size:var(--text-xs);
 color:var(--text-on-dark-muted);
}
.footer__legal {
 display:flex;
 gap:var(--space-6);
}
.footer__legal a {
 font-size:var(--text-xs);
 color:var(--text-on-dark-muted);
 transition:color var(--transition-fast);
}
.footer__legal a:hover {
 color:var(--primary);
}
.hero__card-wrapper {
 position:relative;
 display:flex;
 justify-content:center;
}
.hero-dashboard {
 background:var(--bg-dark);
 border-radius:var(--radius-2xl);
 padding:var(--space-8);
 width:100%;
 max-width:380px;
 box-shadow:var(--shadow-xl);
 border:1px solid var(--border-dark);
}
.hero-dashboard__label {
 font-size:var(--text-xs);
 color:var(--text-on-dark-muted);
 text-transform:uppercase;
 letter-spacing:0.08em;
 margin-bottom:var(--space-2);
}
.hero-dashboard__value {
 font-size:var(--text-4xl);
 font-weight:800;
 color:#ffffff;
 letter-spacing:-0.02em;
 margin-bottom:var(--space-6);
}
.hero-dashboard__bar-chart {
 display:flex;
 align-items:flex-end;
 gap:var(--space-2);
 height:64px;
 margin-bottom:var(--space-6);
}
.bar {
 flex:1;
 border-radius:4px 4px 0 0;
 background:var(--border-dark);
 min-width:0;
}
.bar--active {
 background:var(--primary);
}
.hero-dashboard__metrics {
 display:flex;
 flex-direction:column;
 gap:var(--space-3);
}
.metric-row {
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:10px var(--space-4);
 background:var(--bg-dark-2);
 border-radius:var(--radius-md);
 font-size:var(--text-sm);
}
.metric-row__label {
 color:var(--text-on-dark-muted);
 font-weight:500;
}
.metric-row__value {
 color:#ffffff;
 font-weight:700;
}
.metric-row__change {
 font-size:var(--text-xs);
 color:#22c55e;
 font-weight:600;
}
.case-card {
 background:var(--bg-secondary);
 border:1px solid var(--border-light);
 border-radius:var(--radius-lg);
 overflow:hidden;
 transition:box-shadow var(--transition-base),transform var(--transition-base);
}
.case-card:hover {
 box-shadow:var(--shadow-lg);
 transform:translateY(-4px);
}
.case-card__image {
 aspect-ratio:16 / 9;
 background:var(--bg-primary);
 display:flex;
 align-items:center;
 justify-content:center;
 color:var(--text-muted);
 font-size:var(--text-sm);
 font-weight:500;
}
.case-card__body {
 padding:var(--space-6);
}
.case-card__category {
 font-size:var(--text-xs);
 font-weight:700;
 color:var(--primary);
 text-transform:uppercase;
 letter-spacing:0.08em;
 margin-bottom:var(--space-2);
}
.case-card__title {
 font-size:var(--text-lg);
 font-weight:700;
 color:var(--text-primary);
 margin-bottom:var(--space-3);
 line-height:1.3;
}
.case-card__result {
 font-size:var(--text-sm);
 color:var(--text-secondary);
}
.case-card__result strong {
 color:var(--primary);
}
.founder-photo-frame {
 position:relative;
 aspect-ratio:4 / 5;
 border-radius:var(--radius-2xl);
 overflow:hidden;
 display:flex;
 align-items:center;
 justify-content:center;
}
.founder-avatar {
 display:flex;
 align-items:center;
 justify-content:center;
 width:100%;
 height:100%;
 opacity:0.85;
}
.founder-name-card {
 position:absolute;
 bottom:24px;
 left:24px;
 right:24px;
 background:rgba(13,13,13,0.88);
 backdrop-filter:blur(12px);
 -webkit-backdrop-filter:blur(12px);
 border-radius:var(--radius-lg);
 padding:16px 20px;
}
.founder-name-card__role {
 font-size:var(--text-xs);
 font-weight:700;
 letter-spacing:0.08em;
 text-transform:uppercase;
 color:var(--primary);
 margin-bottom:4px;
}
.founder-name-card__name {
 font-size:var(--text-lg);
 font-weight:700;
 color:var(--text-on-dark);
 letter-spacing:-0.02em;
 margin-bottom:0;
}
.founder-name-card__row {
 display:flex;
 align-items:center;
 gap:10px;
}
.founder-leadership {
 display:flex;
 flex-direction:column;
 gap:16px;
}
.team-member-card {
 background:var(--surface-dark,#0d0d0d);
 border-radius:var(--radius-lg);
 padding:16px 20px;
 box-shadow:0 8px 24px rgba(13,13,13,0.08);
}
.team-member-card__role {
 font-size:var(--text-xs);
 font-weight:700;
 letter-spacing:0.08em;
 text-transform:uppercase;
 color:var(--primary);
 margin-bottom:4px;
}
.team-member-card__name {
 font-size:var(--text-lg);
 font-weight:700;
 color:var(--text-on-dark);
 letter-spacing:-0.02em;
}
.founder-li-btn {
 display:inline-flex;
 align-items:center;
 gap:6px;
 font-size:var(--text-xs);
 font-weight:600;
 color:var(--text-on-dark-muted);
 background:rgba(255,255,255,0.08);
 border:1px solid rgba(255,255,255,0.14);
 border-radius:var(--radius-full);
 padding:5px 14px;
 transition:background var(--transition-fast),color var(--transition-fast);
}
.founder-li-btn:hover {
 background:rgba(255,255,255,0.16);
 color:var(--text-on-dark);
}
.svc-hero-split {
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:clamp(32px,5vw,64px);
 align-items:center;
 margin-top:24px;
}
.svc-hero-split__copy {max-width:540px;}
.svc-hero-split__visual {display:flex;justify-content:center;align-items:center;}
@media (max-width:900px) {
 .svc-hero-split {grid-template-columns:1fr;}
 .svc-hero-split__visual {display:none;}
}
.svc-mock {
 width:100%;
 max-width:360px;
 border-radius:16px;
 overflow:hidden;
 box-shadow:0 24px 64px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.05);
 animation:svcMockFloat 4s ease-in-out infinite;
}
@keyframes svcMockFloat {
 0%,100% {transform:translateY(0);}
 50% {transform:translateY(-10px);}
}
@media (prefers-reduced-motion:reduce) {.svc-mock {animation:none;}}
.svc-mock__bar {display:flex;align-items:center;gap:6px;padding:10px 14px;}
.svc-mock__dot {width:9px;height:9px;border-radius:50%;}
.svc-mock__dot--r {background:#ff5f57;}
.svc-mock__dot--y {background:#febc2e;}
.svc-mock__dot--g {background:#28c840;}
.svc-mock__tab {margin-left:10px;font-size:11px;font-family:ui-monospace,'Courier New',monospace;opacity:.5;}
.svc-mock--web {background:#1a1a2e;}
.svc-mock--web .svc-mock__bar {background:#12121f;border-bottom:1px solid rgba(255,255,255,.06);}
.svc-mock--web .svc-mock__tab {color:#fff;}
.svc-mock__code {
 padding:14px 18px;
 font-family:ui-monospace,'Courier New',monospace;
 font-size:12px;line-height:1.9;color:rgba(255,255,255,.5);
}
.svc-mock__code .ct {color:#79b8ff;}
.svc-mock__code .ca {color:#ffab70;}
.svc-mock__code .cv {color:#9ecbff;}
.svc-mock__code .cx {color:rgba(255,255,255,.78);}
.svc-mock__score {
 margin:4px 14px 14px;
 display:flex;align-items:center;gap:8px;
 background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);
 border-radius:8px;padding:8px 12px;
 font-size:11.5px;color:#22c55e;font-weight:600;
}
.svc-mock__score strong {font-size:20px;font-weight:800;margin-right:1px;}
.svc-mock--ai {background:#0d0d0d;}
.svc-mock--ai .svc-mock__bar {background:#080808;border-bottom:1px solid rgba(255,255,255,.05);}
.svc-mock--ai .svc-mock__tab {color:rgba(255,255,255,.5);}
.svc-mock__pipeline {padding:14px;display:flex;flex-direction:column;gap:8px;}
.svc-mock__node {
 display:flex;align-items:center;gap:10px;
 background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
 border-radius:10px;padding:10px 13px;
 font-size:12px;color:rgba(255,255,255,.7);font-weight:500;
}
.svc-mock__node--accent {border-color:rgba(255,107,0,.35);background:rgba(255,107,0,.08);color:#ff9d4d;}
.svc-mock__node--ok {border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.06);color:#4ade80;}
.svc-mock__node-icon {width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:rgba(255,107,0,.12);font-size:14px;flex-shrink:0;}
.svc-mock__node--ok .svc-mock__node-icon {background:rgba(34,197,94,.12);}
.svc-mock__arrow {text-align:center;font-size:13px;color:rgba(255,255,255,.2);line-height:1;}
.svc-mock__ai-status {margin:0 14px 14px;display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.4);}
.svc-mock__ai-live {
 width:7px;height:7px;border-radius:50%;background:#22c55e;
 animation:aiLivePulse 2s ease-in-out infinite;
}
@keyframes aiLivePulse {
 0%,100% {box-shadow:0 0 0 2px rgba(34,197,94,.2);}
 50% {box-shadow:0 0 0 5px rgba(34,197,94,.07);}
}
.svc-mock--app {background:#1a1a2e;}
.svc-mock--app .svc-mock__bar {background:#0d0d1a;border-bottom:1px solid rgba(255,255,255,.07);}
.svc-mock--app .svc-mock__tab {color:rgba(255,255,255,.5);}
.svc-mock__phone-wrap {padding:14px;}
.svc-mock__phone-frame {background:#111;border-radius:22px;border:6px solid #222;overflow:hidden;width:110px;margin:0 auto;}
.svc-mock__phone-notch {height:6px;width:42px;margin:0 auto 6px;border-radius:999px;background:#000;}
.svc-mock__phone-screen {background:#fff;padding:8px 7px;}
.svc-mock__phone-topbar {height:22px;border-radius:6px;background:linear-gradient(90deg,#ff6b00,#ff9d4d);margin-bottom:7px;}
.svc-mock__phone-card {height:32px;border-radius:5px;background:#f3f4f6;margin-bottom:5px;}
.svc-mock__phone-card--sm {height:20px;width:65%;background:#e5e7eb;}
.svc-mock__phone-nav {display:flex;justify-content:space-around;padding:7px 0 2px;border-top:1px solid #e5e7eb;margin-top:7px;}
.svc-mock__phone-nav span {width:18px;height:4px;border-radius:999px;background:#d1d5db;}
.svc-mock__phone-nav span:first-child {background:#ff6b00;}
.svc-mock__phone-badges {display:flex;justify-content:center;gap:8px;margin-top:12px;}
.svc-mock__store-badge {font-size:9px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.5);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:4px 8px;}
.svc-mock--mkt {background:#0f0f14;}
.svc-mock--mkt .svc-mock__bar {background:#09090d;border-bottom:1px solid rgba(255,255,255,.05);}
.svc-mock--mkt .svc-mock__tab {color:rgba(255,255,255,.5);}
.svc-mock__dash {padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.svc-mock__metric {background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px;}
.svc-mock__metric-lbl {font-size:9.5px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;}
.svc-mock__metric-num {font-size:22px;font-weight:800;color:#fff;line-height:1;}
.svc-mock__metric-sub {font-size:10px;font-weight:600;color:#22c55e;margin-top:3px;}
.svc-mock__metric-sub--down {color:#ef4444;}
.svc-mock__sparkline {padding:0 12px 12px;display:flex;align-items:flex-end;gap:5px;height:48px;}
.svc-mock__spark-bar {flex:1;background:rgba(255,107,0,.2);border-radius:3px 3px 0 0;}
.svc-mock__spark-bar--hi {background:#ff6b00;}
.svc-mock--shopify {background:#fff;}
.svc-mock--shopify .svc-mock__bar {background:#f5f5f5;border-bottom:1px solid rgba(0,0,0,.07);}
.svc-mock--shopify .svc-mock__tab {color:#555;}
.svc-mock__product {padding:14px;}
.svc-mock__product-img {width:100%;height:72px;background:linear-gradient(135deg,#fff3ec,#ffe0c7);border-radius:10px;margin-bottom:10px;display:grid;place-items:center;font-size:28px;}
.svc-mock__product-badge {display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.06em;color:#22c55e;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:5px;padding:3px 8px;margin-bottom:6px;}
.svc-mock__product-name {font-size:13px;font-weight:700;color:#111;margin-bottom:2px;}
.svc-mock__product-price {font-size:20px;font-weight:800;color:#111;margin-bottom:10px;}
.svc-mock__add-btn {width:100%;padding:10px;background:#ff6b00;color:#fff;font-size:13px;font-weight:700;border-radius:8px;text-align:center;margin-bottom:8px;}
.svc-mock__conv-row {display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#22c55e;}
.svc-mock__conv-dot {width:7px;height:7px;border-radius:50%;background:#22c55e;}
.svc-mock--amazon {background:#fff;}
.svc-mock--amazon .svc-mock__bar {background:#232f3e;border-bottom:none;}
.svc-mock--amazon .svc-mock__tab {color:rgba(255,255,255,.7);}
.svc-mock__listing {padding:14px;}
.svc-mock__bsr-pill {display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;color:#ff9900;background:rgba(255,153,0,.1);border:1px solid rgba(255,153,0,.25);border-radius:5px;padding:3px 9px;margin-bottom:7px;}
.svc-mock__listing-title {font-size:12px;font-weight:600;color:#007185;margin-bottom:5px;line-height:1.4;}
.svc-mock__listing-stars {font-size:13px;color:#ff9900;}
.svc-mock__listing-count {font-size:11px;color:#007185;margin-bottom:7px;}
.svc-mock__listing-price {font-size:22px;font-weight:800;color:#0f1111;margin-bottom:8px;}
.svc-mock__buy-box {display:flex;align-items:center;justify-content:center;background:#ff9900;color:#0f1111;font-size:12px;font-weight:800;border-radius:8px;padding:9px 12px;margin-bottom:7px;}
.svc-mock__rank-badge {display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#22c55e;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.18);border-radius:6px;padding:4px 10px;}
.founder-quote {
 background:var(--primary-light,rgba(255,107,0,.06));
 border-left:3px solid var(--primary,#ff6b00);
 border-radius:0 var(--radius-md,8px) var(--radius-md,8px) 0;
 padding:20px 24px;
 margin:24px 0;
}
.founder-quote__text {
 font-style:italic;
 font-size:var(--text-lg,1.125rem);
 color:var(--text-primary,#0d0d0d);
 line-height:1.5;
 margin-bottom:8px;
}
.founder-metrics {
 display:flex;
 align-items:center;
 gap:32px;
 padding:20px 0;
 border-top:1px solid var(--border-light,#e8e8e4);
 border-bottom:1px solid var(--border-light,#e8e8e4);
 margin-bottom:28px;
}
.founder-metric__value {
 font-size:var(--text-3xl,1.875rem);
 font-weight:800;
 color:var(--text-primary,#0d0d0d);
}
.founder-metric__label {
 font-size:var(--text-sm,0.875rem);
 color:var(--text-muted,#6b7280);
}
.founder-metric-divider {
 width:1px;
 height:40px;
 background:var(--border-light,#e8e8e4);
 flex-shrink:0;
}
.founder-btns {
 display:flex;
 align-items:center;
 gap:12px;
 flex-wrap:wrap;
 margin-bottom:32px;
}
@media (max-width:479px) {
 .founder-metrics {gap:16px;flex-wrap:wrap;}
 .founder-metric-divider {display:none;}
}