.hero{padding:var(--space-20) 0 var(--space-16);overflow:hidden}.hero__grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:var(--space-12);align-items:center;min-height:calc(100vh - 200px)}.hero__content{display:flex;flex-direction:column;gap:var(--space-6)}.hero__headline{margin-top:var(--space-4)}.hero__subtext{max-width:520px}.hero__actions{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-2)}.hero__illustration{position:relative;min-height:480px}.hero-card{position:absolute;background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);overflow:hidden}.hero-card--main{width:280px;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;animation:float 6s ease-in-out infinite}.hero-card--score{width:140px;top:5%;right:0;z-index:4;animation:floatReverse 7s ease-in-out infinite 0.5s;transform:rotate(3deg)}.hero-card--notification{width:210px;bottom:15%;left:0;z-index:2;animation:float 8s ease-in-out infinite 1s;transform:rotate(-2deg)}.hero-card--stat{width:160px;bottom:5%;right:10%;z-index:2;animation:floatReverse 5s ease-in-out infinite 0.3s;transform:rotate(4deg)}.hero-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.hero-card__title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--color-text-primary)}.hero-card__dots{display:flex;gap:5px}.hero-card__dot{width:7px;height:7px;border-radius:50%}.hero-card__dot--red{background:#f87171}.hero-card__dot--yellow{background:#fbbf24}.hero-card__dot--green{background:#34d399}.hero-card__table{padding:var(--space-3) var(--space-4)}.hero-card__row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:11px}.hero-card__row+.hero-card__row{border-top:1px solid var(--color-border)}.hero-card__label{color:var(--color-text-muted);font-weight:500}.hero-card__value{font-weight:600;color:var(--color-text-primary)}.hero-card__value--active{color:var(--color-success)}.hero-card__value--accent{color:var(--color-primary);font-family:var(--font-display)}.hero-card__score{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);gap:var(--space-2)}.hero-card__ring{position:relative;width:72px;height:72px}.hero-card__ring svg{width:72px;height:72px;transform:rotate(-90deg)}.hero-card__ring-bg{fill:none;stroke:var(--color-border);stroke-width:5}.hero-card__ring-progress{fill:none;stroke:var(--color-brand-orange);stroke-width:5;stroke-linecap:round;stroke-dasharray:188.5;stroke-dashoffset:11.3}.hero-card__ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-text-primary)}.hero-card__score-label{font-size:11px;font-weight:600;color:var(--color-success);text-transform:uppercase;letter-spacing:0.05em}.hero-card__notification{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.hero-card__notif-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);flex-shrink:0}.hero-card__notif-content{display:flex;flex-direction:column;gap:2px}.hero-card__notif-text{font-size:12px;font-weight:600;color:var(--color-text-primary)}.hero-card__notif-time{font-size:11px;color:var(--color-text-muted)}.hero-card__stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);gap:var(--space-1)}.hero-card__stat-number{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary)}.hero-card__stat-label{font-size:11px;color:var(--color-text-muted);text-align:center;line-height:1.3}.hero-card__stat-trend{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--color-success);margin-top:var(--space-1)}.feature-illustration{position:relative;min-height:400px}.feature-card{position:absolute;background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);overflow:hidden}.feature-card--resume{width:260px;top:50%;left:50%;transform:translate(-55%, -50%);z-index:3;animation:float 6s ease-in-out infinite}.feature-card__resume-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.feature-card__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg, var(--color-brand-blue), var(--color-primary));flex-shrink:0}.feature-card__avatar-lines{display:flex;flex-direction:column;gap:5px;flex:1}.feature-card__avatar-line{height:6px;border-radius:3px;background:var(--color-border)}.feature-card__avatar-line:first-child{width:80%;background:var(--color-text-primary);opacity:0.2}.feature-card__avatar-line:last-child{width:55%}.feature-card__resume-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.feature-card__section-bar{display:flex;flex-direction:column;gap:5px}.feature-card__bar{height:5px;border-radius:3px;background:var(--color-border)}.feature-card__bar--highlight{background:var(--color-brand-blue);opacity:0.5}.feature-card__bar--brand{background:var(--color-brand-orange);opacity:0.4}.feature-card__bar--w90{width:90%}.feature-card__bar--w75{width:75%}.feature-card__bar--w60{width:60%}.feature-card__bar--w80{width:80%}.feature-card__bar--w45{width:45%}.feature-card--progress{width:200px;top:10%;right:0;z-index:4;animation:floatReverse 7s ease-in-out infinite 0.5s;transform:rotate(3deg)}.feature-card__progress{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.feature-card__progress-title{font-size:12px;font-weight:600;color:var(--color-text-primary)}.feature-card__progress-bar-track{height:6px;background:var(--color-bg-section);border-radius:3px;overflow:hidden}.feature-card__progress-bar-fill{height:100%;width:78%;background:linear-gradient(90deg, var(--color-primary), var(--color-brand-blue));border-radius:3px}.feature-card__progress-value{font-size:11px;color:var(--color-text-muted);font-weight:500}.feature-card--reach{width:180px;bottom:10%;right:5%;z-index:2;animation:float 8s ease-in-out infinite 1s;transform:rotate(-2deg)}.feature-card__reach{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.feature-card__reach-title{font-size:12px;font-weight:600;color:var(--color-text-primary)}.feature-card__reach-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-primary)}.feature-card__mini-chart{display:flex;align-items:flex-end;gap:6px;height:32px}.feature-card__mini-bar{width:16px;border-radius:3px 3px 0 0;background:var(--color-brand-blue);opacity:0.5}.feature-card__mini-bar:nth-child(1){height:40%}.feature-card__mini-bar:nth-child(2){height:70%;opacity:0.5}.feature-card__mini-bar:nth-child(3){height:100%;opacity:0.8}.campaign-results{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-16);align-items:center}.campaign-results__content{display:flex;flex-direction:column}.campaign-results__chart{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md)}.campaign-results__chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.campaign-results__chart-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--color-text-primary)}.campaign-results__chart-legend{display:flex;gap:var(--space-4)}.campaign-results__legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted)}.campaign-results__legend-dot{width:8px;height:8px;border-radius:50%}.campaign-results__legend-dot--primary{background:var(--color-primary)}.campaign-results__legend-dot--orange{background:var(--color-brand-orange)}.campaign-results__bars{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);height:220px;padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.campaign-results__bar-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);flex:1;height:100%;justify-content:flex-end}.campaign-results__bar-pair{display:flex;align-items:flex-end;gap:4px;height:100%}.campaign-results__bar{width:24px;border-radius:4px 4px 0 0;height:0;transition:height 1.2s var(--ease-out-expo)}.campaign-results__bar--primary{background:var(--color-primary)}.campaign-results__bar--orange{background:var(--color-brand-orange)}.is-visible .campaign-results__bar--h90{height:90%}.is-visible .campaign-results__bar--h75{height:75%}.is-visible .campaign-results__bar--h60{height:60%}.is-visible .campaign-results__bar--h85{height:85%}.is-visible .campaign-results__bar--h50{height:50%}.is-visible .campaign-results__bar--h70{height:70%}.is-visible .campaign-results__bar--h95{height:95%}.is-visible .campaign-results__bar--h40{height:40%}.is-visible .campaign-results__bar--h80{height:80%}.is-visible .campaign-results__bar--h65{height:65%}.campaign-results__bar-group:nth-child(2) .campaign-results__bar{transition-delay:0.15s}.campaign-results__bar-group:nth-child(3) .campaign-results__bar{transition-delay:0.3s}.campaign-results__bar-group:nth-child(4) .campaign-results__bar{transition-delay:0.45s}.campaign-results__bar-group:nth-child(5) .campaign-results__bar{transition-delay:0.6s}.campaign-results__bar-label{font-size:11px;color:var(--color-text-muted);font-weight:500;white-space:nowrap}.campaign-results__summary{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-4);margin-top:var(--space-6)}.campaign-results__stat{text-align:center;padding:var(--space-3);background:var(--color-bg-section);border-radius:var(--radius-md)}.campaign-results__stat-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-primary)}.campaign-results__stat-label{font-size:11px;color:var(--color-text-muted);margin-top:2px}.impact-metrics{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-8)}.impact-metric{padding:var(--space-6);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.impact-metric:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.impact-metric__top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-3)}.impact-metric__value{font-family:var(--font-display);font-size:clamp(1.75rem, 3vw, 2.25rem);font-weight:800;color:var(--color-text-primary);line-height:1}.impact-metric__trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--color-success)}.impact-metric__label{font-size:14px;color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--space-4)}.impact-metric__bar-track{height:8px;background:var(--color-bg-section);border-radius:4px;overflow:hidden}.impact-metric__bar-fill{height:100%;width:0;border-radius:4px;transition:width 1.4s var(--ease-out-expo)}.impact-metric__bar-fill--navy{background:var(--color-primary)}.impact-metric__bar-fill--blue{background:var(--color-brand-blue)}.impact-metric__bar-fill--orange{background:var(--color-brand-orange)}.impact-metric__bar-fill--yellow{background:var(--color-brand-yellow)}.is-visible .impact-metric__bar-fill--w94{width:94%}.is-visible .impact-metric__bar-fill--w87{width:87%}.is-visible .impact-metric__bar-fill--w78{width:78%}.is-visible .impact-metric__bar-fill--w92{width:92%}.impact-metric:nth-child(2) .impact-metric__bar-fill{transition-delay:0.15s}.impact-metric:nth-child(3) .impact-metric__bar-fill{transition-delay:0.3s}.impact-metric:nth-child(4) .impact-metric__bar-fill{transition-delay:0.45s}.carousel-wrap{position:relative}.carousel{display:flex;gap:var(--space-6);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:var(--space-2) 0 var(--space-4);scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 280px;scroll-snap-align:start;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--space-4)}.carousel-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-brand-blue-mid)}.carousel-card__icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:var(--color-white)}.carousel-card__icon--tech{background:var(--color-primary)}.carousel-card__icon--business{background:var(--color-brand-violet)}.carousel-card__icon--admin{background:#2563eb}.carousel-card__icon--health{background:var(--color-success)}.carousel-card__icon--sales{background:#e67e22}.carousel-card__icon--trades{background:#6b7280}.carousel-card__icon svg{width:24px;height:24px}.carousel-card__title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-text-primary)}.carousel-card__count{font-size:12px;font-weight:600;color:var(--color-brand-orange)}.carousel-card__roles{display:flex;flex-wrap:wrap;gap:6px}.carousel-card__role-tag{padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:500;background:var(--color-bg-section);color:var(--color-text-secondary);border:1px solid var(--color-border)}.carousel-card__arrow{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-primary);transition:gap var(--transition-fast)}.carousel-card:hover .carousel-card__arrow{gap:10px}.carousel-nav{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.carousel-nav__btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.carousel-nav__btn:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.carousel-nav__btn svg{width:18px;height:18px}@media (max-width: 900px){.hero__grid{grid-template-columns:1fr;gap:var(--space-8);min-height:auto}.hero__illustration{min-height:340px;max-width:420px;margin:0 auto}.hero-card--main{width:240px}.hero-card--score{width:120px}.hero-card--notification{width:180px}.hero-card--stat{width:140px}.feature-illustration{min-height:320px;max-width:400px;margin:0 auto}.feature-card--resume{width:220px}.feature-card--progress{width:170px}.feature-card--reach{width:155px}.campaign-results{grid-template-columns:1fr;gap:var(--space-8)}.campaign-results__bars{height:180px}.campaign-results__bar{width:18px}.impact-metrics{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.carousel-card{flex:0 0 260px}}@media (max-width: 768px){.hero{padding:var(--space-12) 0 var(--space-10)}.hero__illustration{min-height:280px}.hero__actions{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.hero-card--main{width:200px}.hero-card--score{width:110px;top:0}.hero-card--notification{width:160px;bottom:10%}.hero-card--stat{width:130px;bottom:0}.feature-illustration{min-height:260px}.feature-card--resume{width:190px}.feature-card--progress{width:150px}.feature-card--reach{width:140px}}@media (max-width: 768px){.campaign-results__summary{grid-template-columns:1fr;gap:var(--space-3)}.campaign-results__chart-legend{display:none}}@media (max-width: 480px){.hero__illustration{min-height:220px}.hero-card--notification,.hero-card--stat{display:none}.hero-card--main{width:180px}.hero-card--score{width:100px}.feature-illustration{min-height:200px}.feature-card--reach{display:none}.feature-card--resume{width:170px}.feature-card--progress{width:140px}.campaign-results__bars{height:150px;gap:var(--space-2)}.campaign-results__bar{width:14px}.carousel-card{flex:0 0 240px}}