.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)}.hero{position:relative}.hero-layers{position:relative;display:grid;min-height:calc(100vh - 200px)}.hero-layers>*{grid-area:1 / 1}.hero-story{display:flex;flex-direction:column;justify-content:center;gap:var(--space-5);transition:opacity 0.5s ease;position:relative;z-index:2}.hero.is-settled .hero-story{opacity:0;visibility:hidden;transition:opacity 0.5s ease, visibility 0s 0.5s}.hero-stage{position:relative;height:380px}.hero-stage__canvas{position:absolute;left:50%;top:50%;width:760px;height:380px;transform:translate(-50%, -50%) scale(var(--stage-scale, 1))}.hero-stage__canvas::before{content:'';position:absolute;inset:-20px;border-radius:24px;background:radial-gradient(closest-side, rgba(178,221,242,0.18), transparent 70%) center/78% 90% no-repeat,radial-gradient(rgba(1,31,68,0.05) 1px, transparent 1.5px) 0 0/22px 22px;pointer-events:none;transition:opacity 0.4s ease}[data-beat="5"] .hero-stage__canvas::before{opacity:0}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 0.45s ease, visibility 0s 0.45s}[data-beat="1"] .scene--1,[data-beat="2"] .scene--2,[data-beat="3"] .scene--3,[data-beat="4"] .scene--4,[data-beat="5"] .scene--5,[data-beat="6"] .scene--6,[data-beat="7"] .scene--7,[data-beat="8"] .scene--8,[data-beat="9"] .scene--9,[data-beat="10"] .scene--10{opacity:1;visibility:visible;transition:opacity 0.45s ease}.hero-captions{position:relative;min-height:130px;display:grid;place-items:start center;text-align:center;transition:color 0.5s ease}.hero-captions .cap{grid-area:1 / 1;max-width:760px;font-family:var(--font-display);font-size:clamp(1.3rem, 3.1vw, 2.15rem);font-weight:800;line-height:1.25;letter-spacing:-0.02em;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 0.4s ease,transform 0.5s var(--ease-out-expo),visibility 0s 0.4s}[data-beat="1"] .cap--1,[data-beat="2"] .cap--2,[data-beat="3"] .cap--3,[data-beat="4"] .cap--4,[data-beat="5"] .cap--5,[data-beat="6"] .cap--6,[data-beat="7"] .cap--7,[data-beat="8"] .cap--8,[data-beat="9"] .cap--9,[data-beat="10"] .cap--10{opacity:1;visibility:visible;transform:translateY(0);transition:opacity 0.45s ease 0.1s,transform 0.55s var(--ease-out-expo) 0.1s}.cap mark.hl{color:inherit;background-color:transparent;background-image:linear-gradient(to right, rgba(251,199,59,0.65), rgba(251,199,59,0.65));background-repeat:no-repeat;background-size:0% 46%;background-position:0 82%;transition:background-size 0.65s var(--ease-out-expo);padding:0 2px}[data-beat="1"] .cap--1 mark.hl,[data-beat="2"] .cap--2 mark.hl,[data-beat="3"] .cap--3 mark.hl,[data-beat="4"] .cap--4 mark.hl,[data-beat="5"] .cap--5 mark.hl,[data-beat="6"] .cap--6 mark.hl,[data-beat="7"] .cap--7 mark.hl,[data-beat="8"] .cap--8 mark.hl,[data-beat="9"] .cap--9 mark.hl,[data-beat="10"] .cap--10 mark.hl{background-size:100% 46%;transition:background-size 0.65s var(--ease-out-expo) 0.75s}[data-beat="5"] .hero-captions{color:var(--color-white)}[data-beat="5"] .cap--5 mark.hl{background-image:linear-gradient(to right, rgba(254,175,107,0.75), rgba(254,175,107,0.75))}.doc{position:absolute;background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.doc__lines{position:absolute;left:14%;right:14%;top:30%;bottom:12%}.doc__lines i{display:block;height:7%;margin-bottom:9%;border-radius:3px;background:#e5e7eb}.doc__lines i:nth-child(2n){width:84%}.doc__lines i:nth-child(3n){width:68%}.doc__head{position:absolute;left:14%;top:10%;width:46%;height:9%;border-radius:3px;background:#cbd5e1}.doc__ava{position:absolute;right:14%;top:8%;width:16%;aspect-ratio:1;border-radius:50%;background:var(--color-brand-blue)}.s1-you{left:50%;top:50%;width:128px;height:162px;margin:-81px 0 0 -64px;z-index:2;border-top:3px solid var(--color-brand-orange);transform:scale(0.85);opacity:0;transition:transform 0.5s var(--ease-out-expo),opacity 0.4s}[data-beat="1"] .s1-you{transform:scale(1);opacity:1}.s1-tag{position:absolute;left:50%;top:50%;margin:-118px 0 0 -26px;z-index:5;padding:3px 10px;border-radius:var(--radius-pill);background:var(--color-brand-orange);color:var(--color-primary);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;opacity:0;transform:translateY(8px);transition:opacity 0.4s 0.35s,transform 0.5s var(--ease-out-expo) 0.35s}.s1-tag::after{content:'';position:absolute;left:50%;bottom:-4px;margin-left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-brand-orange)}[data-beat="1"] .s1-tag{opacity:1;transform:translateY(0)}.s1-clone{position:absolute;left:50%;top:50%;width:92px;height:116px;margin:-58px 0 0 -46px;background:#f3f4f6;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(0.4);opacity:0;z-index:1;transition:transform 0.55s var(--ease-out-expo) var(--d),opacity 0.4s var(--d)}.s1-clone::before{content:'';position:absolute;left:12%;right:12%;top:14%;height:8%;border-radius:2px;background:#d1d5db}.s1-clone::after{content:'';position:absolute;left:12%;right:12%;top:34%;bottom:14%;background:repeating-linear-gradient(to bottom, #e5e7eb 0 5px, transparent 5px 14px)}.s1-clone--over{z-index:3}[data-beat="1"] .s1-clone{transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(1);opacity:1}.s2-line{position:absolute;left:6%;right:6%;top:212px;border-top:2px dashed rgba(1,31,68,0.3)}.s2-line span{position:absolute;left:50%;top:-13px;transform:translateX(-50%);padding:3px 12px;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-white);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;white-space:nowrap}.s2-human{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted)}.s2-doc{position:absolute;left:50%;top:18px;width:58px;height:72px;margin-left:-29px;background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);transform:translateX(var(--x));transition:transform 0.9s var(--ease-out-expo) var(--d),opacity 0.5s var(--d),filter 0.5s calc(var(--d) + 0.55s)}.s2-doc::after{content:'';position:absolute;left:14%;right:14%;top:18%;bottom:16%;background:repeating-linear-gradient(to bottom, #e5e7eb 0 4px, transparent 4px 11px)}[data-beat="2"] .s2-doc{transform:translate(var(--x), var(--ty)) rotate(var(--r, 0deg))}[data-beat="2"] .s2-doc.is-out{filter:grayscale(1);opacity:0.38}.s2-doc.is-in::before{content:'\2713';position:absolute;right:-7px;top:-7px;z-index:1;width:16px;height:16px;border-radius:50%;background:var(--color-success);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;opacity:0;transform:scale(0.4);transition:opacity 0.3s calc(var(--d) + 0.9s),transform 0.4s var(--ease-out-expo) calc(var(--d) + 0.9s)}[data-beat="2"] .s2-doc.is-in::before{opacity:1;transform:scale(1)}.s3-row{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:44px}.s3-prop{opacity:0;transform:translateY(20px);transition:opacity 0.45s var(--pd, 0s),transform 0.55s var(--ease-out-expo) var(--pd, 0s)}[data-beat="3"] .s3-prop{opacity:1;transform:translateY(0)}.s3-clock{width:96px;height:96px;border-radius:50%;background:var(--color-white);border:2px solid rgba(1,31,68,0.18);box-shadow:var(--shadow-md);position:relative}.s3-clock::after{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--color-primary)}.s3-hand{position:absolute;left:50%;bottom:50%;width:3px;height:34px;margin-left:-1.5px;border-radius:2px;background:var(--color-primary);transform-origin:50% 100%}.s3-hand--min{height:24px;background:var(--color-brand-orange)}[data-beat="3"] .s3-hand--hr{animation:heroSpinFast 2.8s linear infinite}[data-beat="3"] .s3-hand--min{animation:heroSpinFast 1.1s linear infinite}@keyframes heroSpinFast{to{transform:rotate(360deg)}}.s3-card{width:196px;background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.s3-card__head{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid var(--color-border);font-family:var(--font-display);font-size:11px;font-weight:700}.s3-dots{display:flex;gap:4px}.s3-dots i{width:6px;height:6px;border-radius:50%}.s3-dots i:nth-child(1){background:#f87171}.s3-dots i:nth-child(2){background:#fbbf24}.s3-dots i:nth-child(3){background:#34d399}.s3-task{display:flex;align-items:center;gap:8px;padding:8px 13px;font-size:11px;color:var(--color-text-secondary)}.s3-task+.s3-task{border-top:1px solid var(--color-border)}.s3-box{width:14px;height:14px;flex-shrink:0;border:1.5px solid var(--color-border-strong);border-radius:4px;font-size:9px;font-weight:800;line-height:11px;text-align:center;color:#fff;transition:background 0.25s var(--td),border-color 0.25s var(--td)}[data-beat="3"] .s3-box{background:var(--color-primary);border-color:var(--color-primary)}[data-beat="3"] .s3-box::after{content:'\2713';opacity:0;animation:heroTickIn 0.25s ease var(--td) forwards}@keyframes heroTickIn{to{opacity:1}}.s3-inbox__row{display:flex;align-items:center;gap:8px;padding:12px 13px}.s3-inbox__dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;flex-shrink:0}.s3-inbox__txt{font-size:12px;font-weight:600;color:var(--color-text-muted)}.s3-inbox__sub{font-size:10px;color:var(--color-text-muted);padding:0 13px 12px}.s4-board{position:absolute;left:96px;top:62px;width:198px;background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;opacity:0;transform:translateY(16px);transition:opacity 0.4s 0.15s,transform 0.5s var(--ease-out-expo) 0.15s}[data-beat="4"] .s4-board{opacity:1;transform:translateY(0)}.s4-post{padding:10px 13px;opacity:0;transform:translateY(8px);transition:opacity 0.35s var(--jd),transform 0.45s var(--ease-out-expo) var(--jd)}.s4-post+.s4-post{border-top:1px solid var(--color-border)}[data-beat="4"] .s4-post{opacity:1;transform:translateY(0)}.s4-post b{display:block;width:68%;height:8px;border-radius:3px;background:#cbd5e1}.s4-post i{display:block;width:46%;height:6px;border-radius:3px;background:#e5e7eb;margin-top:6px}.s4-divider{position:absolute;left:348px;top:36px;bottom:36px;border-left:2px dashed rgba(1,31,68,0.18);opacity:0;transition:opacity 0.4s 0.7s}[data-beat="4"] .s4-divider{opacity:1}.s4-ghost{position:absolute;width:118px;height:58px;background:rgba(247,248,252,0.9);border:1.5px dashed rgba(1,31,68,0.28);border-radius:var(--radius-lg);display:flex;align-items:center;gap:9px;padding:0 12px;opacity:0;transform:scale(0.7);transition:opacity 0.4s var(--gd),transform 0.5s var(--ease-out-expo) var(--gd)}[data-beat="4"] .s4-ghost{opacity:0.92;transform:scale(1)}.s4-ghost svg{width:18px;height:18px;stroke:rgba(1,31,68,0.55);flex-shrink:0}.s4-ghost i{display:block;width:58px;height:6px;border-radius:3px;background:rgba(1,31,68,0.14)}.s4-ghost i+i{width:40px;margin-top:5px}.s4-ghost__lines{display:flex;flex-direction:column}.s4-tag{position:absolute;left:530px;top:342px;transform:translate(-50%, 8px);padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-brand-violet);color:var(--color-white);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;white-space:nowrap;opacity:0;transition:opacity 0.4s 2.2s,transform 0.5s var(--ease-out-expo) 2.2s}[data-beat="4"] .s4-tag{opacity:1;transform:translate(-50%, 0)}.hero-wash{position:absolute;inset:0;z-index:1;background:var(--color-bg-dark);transform:translateX(-102%);transition:transform 0.75s var(--ease-out-expo);display:grid;place-items:center}[data-beat="5"] .hero-wash{transform:translateX(0)}[data-beat="6"] .hero-wash,[data-beat="7"] .hero-wash,[data-beat="8"] .hero-wash,[data-beat="9"] .hero-wash,[data-beat="10"] .hero-wash,.hero.is-settled .hero-wash{transform:translateX(102%)}.hero-wash__mark{text-align:center;opacity:0;transform:translateY(18px);transition:opacity 0.5s 0.4s,transform 0.6s var(--ease-out-expo) 0.4s}[data-beat="5"] .hero-wash__mark{opacity:1;transform:translateY(0)}.hero-wash__logo{font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem, 6vw, 4rem);letter-spacing:-0.03em;color:var(--color-white)}.hero-wash__logo b{color:var(--color-brand-orange)}.hero-wash__eyebrow{margin-top:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;color:var(--color-brand-blue)}[data-beat="5"] .hero-controls{color:var(--color-white)}[data-beat="5"] .hero-chapter b{color:var(--color-brand-orange)}[data-beat="5"] .hero-chapter span{color:var(--color-text-on-dark)}[data-beat="5"] .hero-skip{background:transparent;color:var(--color-white);border-color:rgba(255,255,255,0.4)}[data-beat="5"] .hero-progress .seg::before{background:rgba(255,255,255,0.22)}.s6-row{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:52px}.s6-doc{position:relative;width:158px;height:198px;background:var(--color-white);border:1px solid var(--color-border-strong);border-top:3px solid var(--color-brand-orange);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(18px);transition:opacity 0.45s,transform 0.55s var(--ease-out-expo)}[data-beat="6"] .s6-doc{opacity:1;transform:translateY(0)}.s6-doc i{position:absolute;left:13%;height:8px;border-radius:3px;background:#e5e7eb;transform-origin:left center;transform:scaleX(0);transition:transform 0.5s var(--ease-out-expo) var(--ld)}.s6-doc i.s6-strong{background:#94a3b8}[data-beat="6"] .s6-doc i{transform:scaleX(1)}.s6-arrow{font-size:26px;color:var(--color-text-muted);opacity:0;transition:opacity 0.4s 0.6s}[data-beat="6"] .s6-arrow{opacity:1}.s6-score{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 26px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(18px) scale(0.94);transition:opacity 0.45s 0.5s,transform 0.55s var(--ease-out-expo) 0.5s}[data-beat="6"] .s6-score{opacity:1;transform:translateY(0) scale(1)}.s6-ring{position:relative;width:84px;height:84px}.s6-ring svg{width:84px;height:84px;transform:rotate(-90deg)}.s6-ring-bg{fill:none;stroke:var(--color-border);stroke-width:5}.s6-ring-progress{fill:none;stroke:var(--color-brand-orange);stroke-width:5;stroke-linecap:round;stroke-dasharray:188.5;stroke-dashoffset:79.2}.s6-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--font-display);font-size:24px;font-weight:800}.s6-label{font-size:11px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--color-success);opacity:0;transition:opacity 0.4s 2.5s}[data-beat="6"] .s6-label{opacity:1}.s7-svg{position:absolute;inset:0;width:100%;height:100%}.s7-svg .beam{stroke:var(--color-brand-blue);stroke-width:2;fill:none;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 0.7s ease-out var(--bd)}[data-beat="7"] .s7-svg .beam{stroke-dashoffset:0}.s7-doc{position:absolute;left:380px;top:195px;width:86px;height:106px;margin:-53px 0 0 -43px;background:var(--color-white);border:1px solid var(--color-border-strong);border-top:3px solid var(--color-brand-orange);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:2;opacity:0;transform:scale(0.8);transition:opacity 0.4s,transform 0.5s var(--ease-out-expo)}.s7-doc::after{content:'';position:absolute;left:14%;right:14%;top:20%;bottom:16%;background:repeating-linear-gradient(to bottom, #e5e7eb 0 5px, transparent 5px 13px)}[data-beat="7"] .s7-doc{opacity:1;transform:scale(1)}.s7-node{position:absolute;width:42px;height:42px;margin:-21px 0 0 -21px;display:grid;place-items:center;background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:2;opacity:0;transform:scale(0.4);transition:opacity 0.35s var(--nd),transform 0.45s var(--ease-out-expo) var(--nd)}.s7-node svg{width:20px;height:20px;stroke:var(--color-primary)}[data-beat="7"] .s7-node{opacity:1;transform:scale(1)}.s7-stat{position:absolute;left:50%;bottom:-6px;transform:translate(-50%, 14px);display:flex;align-items:baseline;gap:10px;padding:10px 18px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:3;white-space:nowrap;opacity:0;transition:opacity 0.45s 1.1s,transform 0.55s var(--ease-out-expo) 1.1s}[data-beat="7"] .s7-stat{opacity:1;transform:translate(-50%, 0)}.s7-stat b{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--color-text-primary)}.s7-stat span{font-size:11px;color:var(--color-text-muted)}.s8-wrap{position:absolute;inset:0;display:grid;place-items:center}.s8-card{width:430px;background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:16px 20px 14px;opacity:0;transform:translateY(18px);transition:opacity 0.45s,transform 0.55s var(--ease-out-expo)}[data-beat="8"] .s8-card{opacity:1;transform:translateY(0)}.s8-from{font-size:11px;color:var(--color-text-muted)}.s8-from b{color:var(--color-text-primary);font-weight:600}.s8-tl{position:relative;display:flex;justify-content:space-between;margin:18px 4px 14px}.s8-track{position:absolute;left:11px;right:11px;top:10px;height:2px;background:var(--color-border);border-radius:1px;overflow:hidden}.s8-track i{display:block;height:100%;background:var(--color-primary);transform:scaleX(0);transform-origin:left center;transition:transform 1.3s var(--ease-out-expo) 0.45s}[data-beat="8"] .s8-track i{transform:scaleX(0.56)}.s8-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:1}.s8-node span:last-child{font-size:9px;font-weight:600;color:var(--color-text-muted);letter-spacing:0.02em}.s8-dot{width:22px;height:22px;border-radius:50%;background:var(--color-white);border:2px solid var(--color-border-strong);color:var(--color-text-muted);display:grid;place-items:center;transition:background 0.3s var(--sd, 0s),border-color 0.3s var(--sd, 0s),color 0.3s var(--sd, 0s)}.s8-dot svg{width:10px;height:10px}[data-beat="8"] .s8-node--sent .s8-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff}[data-beat="8"] .s8-node--reply .s8-dot{background:var(--color-success);border-color:var(--color-success);color:#fff}.s8-node--skip{opacity:0.45}.s8-reply{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-section);opacity:0;transform:translateY(10px);transition:opacity 0.4s 1.7s,transform 0.5s var(--ease-out-expo) 1.7s}[data-beat="8"] .s8-reply{opacity:1;transform:translateY(0)}.s8-reply__ava{width:26px;height:26px;border-radius:50%;background:var(--color-brand-blue);flex-shrink:0}.s8-reply__txt{display:flex;flex-direction:column;gap:1px;min-width:0}.s8-reply__txt b{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s8-reply__txt span{font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s8-paused{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;border-radius:var(--radius-pill);background:rgba(16,185,129,0.12);color:#0b8f6c;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;opacity:0;transition:opacity 0.4s 2.3s}[data-beat="8"] .s8-paused{opacity:1}.s9-radar{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:0;height:0}.s9-ring{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border:1.5px solid rgba(1,31,68,0.12);border-radius:50%;opacity:0;transition:opacity 0.5s var(--rd)}[data-beat="9"] .s9-ring{opacity:1}.s9-ring--1{width:120px;height:120px;--rd: 0.15s}.s9-ring--2{width:220px;height:220px;--rd: 0.3s}.s9-ring--3{width:320px;height:320px;--rd: 0.45s}.s9-sweep{position:absolute;left:50%;top:50%;width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;background:conic-gradient(from 0deg, rgba(178,221,242,0.45), transparent 70deg);opacity:0;transition:opacity 0.5s 0.5s}[data-beat="9"] .s9-sweep{opacity:1;animation:heroRadarSpin 3.4s linear infinite}@keyframes heroRadarSpin{to{transform:rotate(360deg)}}.s9-seed{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:6px 14px;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-white);font-size:12px;font-weight:700;white-space:nowrap;z-index:2;box-shadow:var(--shadow-md);opacity:0;transition:opacity 0.4s 0.3s}[data-beat="9"] .s9-seed{opacity:1}.s9-blip{position:absolute;left:0;top:0;transform:translate(-50%, -50%) translate(var(--bx), var(--by)) scale(0.4);padding:5px 12px;border-radius:var(--radius-pill);background:var(--color-white);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm);font-size:11px;font-weight:600;white-space:nowrap;z-index:2;opacity:0;transition:opacity 0.35s var(--bd),transform 0.5s var(--ease-out-expo) var(--bd)}[data-beat="9"] .s9-blip{opacity:1;transform:translate(-50%, -50%) translate(var(--bx), var(--by)) scale(1)}.s9-blip::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--color-brand-orange);margin-right:6px}.s9-stamp{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) translate(0, 158px);padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-brand-orange);color:var(--color-primary);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;white-space:nowrap;z-index:2;opacity:0;transition:opacity 0.4s 2.3s}[data-beat="9"] .s9-stamp{opacity:1}.s10-wrap{position:absolute;inset:0;display:grid;place-items:center}.s10-card{width:250px;background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;opacity:0;transform:translateY(20px) scale(0.92);transition:opacity 0.45s,transform 0.55s var(--ease-out-expo)}[data-beat="10"] .s10-card{opacity:1;transform:translateY(0) scale(1);animation:heroNotifPing 2s var(--ease-out-expo) 0.9s infinite}@keyframes heroNotifPing{0%{box-shadow:var(--shadow-lg),0 0 0 0 rgba(16,185,129,0.35)}70%{box-shadow:var(--shadow-lg),0 0 0 14px rgba(16,185,129,0)}100%{box-shadow:var(--shadow-lg),0 0 0 0 rgba(16,185,129,0)}}.s10-row{display:flex;align-items:center;gap:10px;padding:14px}.s10-dot{width:9px;height:9px;border-radius:50%;background:var(--color-success);flex-shrink:0}.s10-txt{display:flex;flex-direction:column;gap:2px}.s10-txt b{font-size:13px;font-weight:600}.s10-txt span{font-size:11px;color:var(--color-text-muted)}.hero-controls{display:flex;align-items:center;gap:var(--space-5);padding-top:var(--space-4);transition:opacity 0.4s ease, color 0.5s ease}.hero.is-settled .hero-controls{opacity:0;visibility:hidden;pointer-events:none}.hero-chapter{display:flex;align-items:baseline;gap:8px;white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:0.1em}.hero-chapter b{font-family:var(--font-display);font-weight:800;color:var(--color-brand-orange)}.hero-chapter span{font-weight:600;color:var(--color-text-secondary);transition:color 0.5s}.hero-progress{display:flex;flex:1;gap:6px}.hero-progress .seg{position:relative;flex:1;height:18px;padding:0;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.hero-progress .seg::before{content:'';position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:2px;background:rgba(1,31,68,0.1);transition:background 0.5s, height 0.15s ease, margin-top 0.15s ease}.hero-progress .seg i{position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:2px;background:var(--color-brand-orange);transform:scaleX(0);transform-origin:left center;pointer-events:none;transition:height 0.15s ease, margin-top 0.15s ease}.hero-progress .seg:hover::before,.hero-progress .seg:focus-visible::before,.hero-progress .seg:hover i,.hero-progress .seg:focus-visible i{height:7px;margin-top:-3.5px}.hero-progress .seg:hover::before{background:rgba(1,31,68,0.18)}.hero-progress .seg:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(178,221,242,0.5)}.hero-skip{padding:7px 16px;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:rgba(255,255,255,0.85);font-size:12px;font-weight:600;color:var(--color-text-secondary);transition:all var(--transition-fast);white-space:nowrap}.hero-skip:hover{color:var(--color-primary);border-color:var(--color-primary)}.hero-skip:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(178,221,242,0.5)}.hero-final{opacity:0;visibility:hidden;pointer-events:none;position:relative;z-index:2}.hero:not(.is-settled) .hero-final{position:absolute;inset:0;overflow:hidden}.hero.is-settled .hero-final{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 0.4s ease}.hero.is-settled .hero__content>*{animation:fadeInUp 0.65s var(--ease-out-expo) both}.hero.is-settled .hero__content>*:nth-child(1){animation-delay:0.1s}.hero.is-settled .hero__content>*:nth-child(2){animation-delay:0.2s}.hero.is-settled .hero__content>*:nth-child(3){animation-delay:0.3s}.hero.is-settled .hero__content>*:nth-child(4){animation-delay:0.4s}.hero.is-settled .hero__content>*:nth-child(5){animation-delay:0.5s}@keyframes heroCardIn{from{opacity:0;transform:translateY(36px) scale(0.92)}to{opacity:1;transform:translateY(0) scale(1)}}.hero.is-settled .hero-card--main{animation:heroCardIn 0.7s var(--ease-out-expo) 0.15s both,float 6s ease-in-out 1s infinite}.hero.is-settled .hero-card--score{animation:heroCardIn 0.7s var(--ease-out-expo) 0.32s both,floatReverse 7s ease-in-out 1.15s infinite}.hero.is-settled .hero-card--notification{animation:heroCardIn 0.7s var(--ease-out-expo) 0.48s both,float 8s ease-in-out 1.3s infinite}.hero.is-settled .hero-card--stat{animation:heroCardIn 0.7s var(--ease-out-expo) 0.62s both,floatReverse 5s ease-in-out 1.45s infinite}.hero-replay{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:transparent;font-size:12px;font-weight:600;color:var(--color-text-secondary);transition:all var(--transition-fast)}.hero-replay:hover{color:var(--color-primary);border-color:var(--color-primary)}.hero-replay:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(178,221,242,0.5)}.hero-replay svg{width:13px;height:13px}@media (max-width: 900px){.hero{--stage-scale: 0.8}.hero-stage{height:310px}.hero-layers{min-height:0}}@media (max-width: 600px){.hero{--stage-scale: 0.58}.hero-stage{height:230px}.hero-chapter span{display:none}}@media (max-width: 420px){.hero{--stage-scale: 0.46}.hero-stage{height:185px}}@media (prefers-reduced-motion: reduce){.hero-story,.hero-controls,.hero-wash{display:none !important}.hero-final{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;position:relative !important}}.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}.icon-grid .icon-card{flex:1 1 380px;max-width:520px}@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-wrap:wrap;gap:var(--space-4) var(--space-5)}.hero__actions .btn--lg{height:48px;padding:0 22px;font-size:14px}.hero__actions .link-arrow{font-size:15px}.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: 380px){.hero__actions{gap:var(--space-4) var(--space-3)}.hero__actions .btn--lg{padding:0 16px}.hero__actions .link-arrow{font-size:14px}}@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}}.new-badge{position:relative;display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-pill);background:var(--color-brand-orange);color:var(--color-primary);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;line-height:1.2}@media (prefers-reduced-motion: no-preference){.new-badge{animation:newBadgePing 2.2s cubic-bezier(0.16, 1, 0.3, 1) infinite}}@keyframes newBadgePing{0%{box-shadow:0 0 0 0 rgba(254,175,107,0.55)}70%{box-shadow:0 0 0 8px rgba(254,175,107,0)}100%{box-shadow:0 0 0 0 rgba(254,175,107,0)}}.demo-preview .eyebrow{color:var(--color-brand-blue)}.demo-preview .text-h2{color:var(--color-white)}.demo-preview__grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:var(--space-12);align-items:center}.demo-preview__text{font-size:var(--text-lg);line-height:1.7;color:var(--color-text-on-dark);margin:var(--space-4) 0 var(--space-8);max-width:480px}.demo-preview__actions{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.demo-preview__alt{color:var(--color-brand-blue)}.demo-preview__alt:hover{color:var(--color-white)}.demo-preview__stage{position:relative;padding-right:var(--space-8);padding-bottom:var(--space-20)}.demo-preview__pipeline{position:relative;display:flex;flex-direction:column;gap:var(--space-3)}.demo-preview__step{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:8px 14px;border-radius:var(--radius-pill);background:rgba(255,255,255,0.06);border:1px solid rgba(178,221,242,0.25);font-size:13px;font-weight:600;color:var(--color-text-on-dark);white-space:nowrap}.demo-preview__step--2{margin-left:var(--space-4)}.demo-preview__step--3{margin-left:var(--space-8)}.demo-preview__step--4{margin-left:var(--space-12)}.demo-preview__step--5{margin-left:var(--space-16)}.demo-preview__step--6{margin-left:var(--space-20)}.demo-preview__dot{width:10px;height:10px;border-radius:50%;background:var(--color-brand-blue);flex-shrink:0}.demo-preview__step--2 .demo-preview__dot{background:var(--color-brand-orange)}.demo-preview__step--3 .demo-preview__dot{background:var(--color-brand-yellow)}.demo-preview__step--4 .demo-preview__dot{background:var(--color-success)}.demo-preview__step--5 .demo-preview__dot{background:var(--color-white)}.demo-preview__step--6 .demo-preview__dot{background:var(--color-brand-blue)}.demo-preview__ping{position:absolute;bottom:0;right:6%;display:flex;align-items:center;gap:10px;padding:var(--space-3) var(--space-4);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:2}.demo-preview__ping-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-brand-blue-light);color:var(--color-primary);flex-shrink:0}.demo-preview__ping-text{display:flex;flex-direction:column}.demo-preview__ping-text strong{font-size:12px;color:var(--color-text-primary)}.demo-preview__ping-text span{font-size:11px;color:var(--color-text-secondary);white-space:nowrap}@media (prefers-reduced-motion: no-preference){.demo-preview__step{opacity:0.25;transform:translateX(-10px);transition:opacity 0.55s var(--ease-out-expo),transform 0.55s var(--ease-out-expo)}.demo-preview__grid.is-visible .demo-preview__step{opacity:1;transform:none}.demo-preview__grid.is-visible .demo-preview__step--1{transition-delay:0.3s}.demo-preview__grid.is-visible .demo-preview__step--2{transition-delay:0.55s}.demo-preview__grid.is-visible .demo-preview__step--3{transition-delay:0.8s}.demo-preview__grid.is-visible .demo-preview__step--4{transition-delay:1.05s}.demo-preview__grid.is-visible .demo-preview__step--5{transition-delay:1.3s}.demo-preview__grid.is-visible .demo-preview__step--6{transition-delay:1.55s}.demo-preview__ping{opacity:0;transform:translateY(10px) scale(0.94);transition:opacity 0.55s var(--ease-out-expo),transform 0.55s var(--ease-out-expo)}.demo-preview__grid.is-visible .demo-preview__ping{opacity:1;transform:none;transition-delay:1.95s;animation:floatReverse 7s ease-in-out 2.95s infinite}}@media (max-width: 900px){.demo-preview__grid{grid-template-columns:1fr;gap:var(--space-10)}.demo-preview__stage{padding-right:0;padding-top:var(--space-6);padding-bottom:var(--space-20)}}@media (max-width: 640px){.demo-preview__step{white-space:normal}.demo-preview__step--2{margin-left:var(--space-2)}.demo-preview__step--3{margin-left:var(--space-4)}.demo-preview__step--4{margin-left:var(--space-6)}.demo-preview__step--5{margin-left:var(--space-8)}.demo-preview__step--6{margin-left:var(--space-10)}.demo-preview__ping{position:static;margin-top:var(--space-4);align-self:flex-start;display:inline-flex}}