.product-hero{position:relative;overflow:hidden;padding:clamp(4.5rem,10vw,7.5rem) 0 clamp(3rem,6vw,4.5rem);background:radial-gradient(ellipse 110% 60% at 50% -10%,rgba(129,140,248,.18) 0%,transparent 55%),radial-gradient(ellipse 80% 50% at 80% 30%,rgba(236,72,153,.1) 0%,transparent 60%),var(--bg-primary);border-bottom:1px solid rgba(255,255,255,.04)}#hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.7}.product-hero__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4rem;max-width:920px;margin:0 auto}.product-hero__badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.74rem;font-weight:500;letter-spacing:.05em;color:#c7d2fe;background:#818cf814;border:1px solid rgba(129,140,248,.25);border-radius:999px;padding:.4rem .85rem}.product-hero__badge-dot{width:6px;height:6px;border-radius:50%;background:#818cf8;box-shadow:0 0 12px #818cf899}.product-hero__title{font-family:var(--font-display);font-size:clamp(2.3rem,5.5vw,3.7rem);font-weight:700;letter-spacing:-.025em;line-height:1.08;margin:0;color:#fff}.product-hero__title-grad{background:linear-gradient(135deg,#818cf8,#22d3ee,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.product-hero__subtitle{font-size:clamp(1rem,1.7vw,1.15rem);line-height:1.65;color:#ffffffbf;max-width:720px;margin:0}.product-hero__subtitle strong{color:#fff;font-weight:600}.product-hero__cta{display:flex;gap:.85rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.product-hero__cta-primary,.product-hero__cta-secondary{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:.96rem;font-weight:600;letter-spacing:-.005em;padding:.75rem 1.2rem;border-radius:.6rem;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,background .15s ease}.product-hero__cta-primary{color:#0a0a0c;background:linear-gradient(135deg,#f5f3ff,#c7d2fe);border:1px solid rgba(255,255,255,.2);box-shadow:0 14px 30px #818cf840}.product-hero__cta-primary:hover{transform:translateY(-1px);box-shadow:0 18px 36px #818cf859}.product-hero__cta-secondary{color:#ffffffeb;background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.product-hero__cta-secondary:hover{background:#ffffff14;transform:translateY(-1px)}.product-hero__scroll{margin-top:1rem;display:inline-flex;flex-direction:column;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#fff6;text-decoration:none;transition:color .15s}.product-hero__scroll:hover{color:#ffffffd9}.product-section{padding:clamp(4rem,8vw,6rem) 0;border-bottom:1px solid rgba(255,255,255,.04)}.product-section__heading{font-family:var(--font-display);font-size:clamp(1.7rem,3.8vw,2.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.18;margin:.85rem 0;color:#fff}.product-section__lede{font-size:1.05rem;line-height:1.7;color:#ffffffb8;max-width:760px;margin:0 0 2.5rem}.product-footnote{margin:2.5rem auto 0;max-width:760px;text-align:center;font-size:.82rem;line-height:1.6;color:#ffffff6b;padding-top:1.2rem;border-top:1px dashed rgba(255,255,255,.07)}.product-footnote sup{color:#c7d2fe;font-weight:600;margin-right:.2em}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.product-card{display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.95rem;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-2px);border-color:rgba(var(--card-accent-rgb),.4);box-shadow:0 18px 40px rgba(var(--card-accent-rgb),.12)}.product-card__chrome{display:flex;align-items:center;gap:.4rem;padding:.55rem .85rem;background:#00000052;border-bottom:1px solid rgba(255,255,255,.06);font-family:var(--font-mono);font-size:.78rem;color:#fff9}.product-card__chrome-dot{width:9px;height:9px;border-radius:50%;background:#ffffff2e}.product-card__chrome-dot:nth-child(1){background:#ef44448c}.product-card__chrome-dot:nth-child(2){background:#f59e0b8c}.product-card__chrome-dot:nth-child(3){background:#22c55e8c}.product-card__chrome-url{margin-left:.4rem;font-family:var(--font-mono);background:transparent;padding:0;font-size:.78rem}.product-card__body{display:flex;flex-direction:column;gap:.85rem;padding:1.4rem 1.4rem 1.55rem;flex:1}.product-card__head{display:flex;flex-direction:column;gap:.3rem}.product-card__kicker{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--card-accent-rgb))}.product-card__name{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.015em;color:#fff;margin:0}.product-card__desc{font-size:.94rem;line-height:1.65;color:#ffffffb3;margin:0}.product-card__feat{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.product-card__feat li{position:relative;padding-left:1.15rem;font-size:.88rem;line-height:1.55;color:#ffffffb8}.product-card__feat li:before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:rgb(var(--card-accent-rgb));opacity:.85}.product-card__feat code{font-family:var(--font-mono);font-size:.84em;background:#00000052;padding:1px 6px;border-radius:4px;color:rgb(var(--card-accent-rgb))}.product-card__link{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;font-family:var(--font-display);font-size:.92rem;font-weight:600;color:rgb(var(--card-accent-rgb));text-decoration:none;align-self:flex-start;padding-top:.25rem;transition:gap .15s}.product-card__link:hover{gap:.65rem}.feature-stack{display:flex;flex-direction:column;gap:clamp(3rem,6vw,4.5rem)}.feature-row{display:grid;grid-template-columns:60px 1.1fr 1fr;gap:1.5rem 1.85rem;align-items:center}.feature-row--reverse .feature-row__visual{grid-column:2;grid-row:1}.feature-row--reverse .feature-row__body{grid-column:3;grid-row:1}.feature-row__num{font-family:var(--font-mono);font-size:1.5rem;font-weight:500;color:#ffffff2e;letter-spacing:.02em;align-self:flex-start;padding-top:.4rem;border-top:2px solid rgba(129,140,248,.45);width:60px}.feature-row__body{display:flex;flex-direction:column;gap:.9rem}.feature-row__title{font-family:var(--font-display);font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:700;letter-spacing:-.015em;line-height:1.25;color:#fff;margin:0}.feature-row__desc{font-size:1rem;line-height:1.7;color:#ffffffb8;margin:0}.feature-row__desc strong{color:#fff;font-weight:600}.feature-row__fnref{color:#c7d2fe;font-weight:600;text-decoration:none;margin-left:.1em}.feature-row__fnref:hover{color:#fff}.feature-row__bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.feature-row__bullets li{position:relative;padding-left:1.15rem;font-size:.92rem;line-height:1.55;color:#ffffffa6}.feature-row__bullets li:before{content:"→";position:absolute;left:0;color:#818cf8;font-weight:600}.feature-row__bullets code{font-family:var(--font-mono);font-size:.84em;background:#00000052;padding:1px 6px;border-radius:4px;color:#c7d2fe}.feature-row__visual{align-self:center}.profile-mock{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.85rem;padding:1.1rem;display:flex;flex-direction:column;gap:.55rem}.profile-mock__row{display:grid;grid-template-columns:44px 1fr auto;gap:.7rem;align-items:center}.profile-mock__avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#ec4899);border:2px solid rgba(255,255,255,.18)}.profile-mock__name{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:#fff}.profile-mock__meta{font-size:.78rem;color:#ffffff8c;font-family:var(--font-mono)}.profile-mock__badge{font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#86efac;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:4px;padding:.15rem .45rem}.profile-mock__divider{height:1px;background:#ffffff14;margin:.25rem 0}.profile-mock__signal{display:flex;gap:.55rem;align-items:center;font-size:.84rem;color:#ffffffc7}.profile-mock__pill{font-family:var(--font-mono);font-size:.62rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:.15rem .4rem;border-radius:4px;border:1px solid;flex-shrink:0}.profile-mock__pill--event{color:#93c5fd;background:#3b82f61a;border-color:#3b82f64d}.profile-mock__pill--project{color:#c4b5fd;background:#a855f71a;border-color:#a855f74d}.profile-mock__pill--award{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b4d}.profile-mock__skills{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.profile-mock__chip{font-family:var(--font-mono);font-size:.7rem;color:#ffffffa6;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.15rem .5rem}.site-mock{background:#0a0a0c;border:1px solid rgba(255,255,255,.1);border-radius:.85rem;overflow:hidden}.site-mock__chrome{display:flex;align-items:center;gap:.4rem;padding:.55rem .85rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--font-mono);font-size:.74rem;color:#ffffff80}.site-mock__chrome-dot{width:9px;height:9px;border-radius:50%;background:#ffffff2e}.site-mock__chrome-dot:nth-child(1){background:#ef44448c}.site-mock__chrome-dot:nth-child(2){background:#f59e0b8c}.site-mock__chrome-dot:nth-child(3){background:#22c55e8c}.site-mock__chrome-url{margin-left:.4rem;background:transparent;padding:0}.site-mock__body{padding:1.4rem;background:radial-gradient(ellipse 80% 50% at 20% 10%,rgba(34,211,238,.18),transparent 60%),#0a0a0c}.site-mock__hero{margin-bottom:1.1rem}.site-mock__eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#67e8f9;margin-bottom:.4rem}.site-mock__h1{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.4rem}.site-mock__sub{font-size:.84rem;color:#ffffffa6}.site-mock__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.06)}.site-mock__stats>div{display:flex;flex-direction:column;gap:.15rem}.site-mock__stats strong{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:#67e8f9}.site-mock__stats span{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffff73}.invite-mock{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.85rem;padding:1.1rem;display:flex;flex-direction:column;gap:.55rem}.invite-mock__badge{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.05em;color:#fbbf24;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:4px;padding:.25rem .5rem;align-self:flex-start;margin-bottom:.25rem}.invite-mock__row{display:flex;align-items:center;gap:.55rem;font-size:.88rem;color:#ffffffbf;padding:.4rem .5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.4rem}.invite-mock__row--checked{color:#ffffffd9;border-color:#22c55e33;background:#22c55e0a}.invite-mock__check{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.7rem;font-weight:600;background:#22c55e2e;color:#86efac;border:1px solid rgba(34,197,94,.4);flex-shrink:0}.invite-mock__check--pending{background:#ffffff0d;color:#ffffff59;border-color:#ffffff2e}.invite-mock__footer{font-family:var(--font-mono);font-size:.78rem;color:#ffffff8c;padding-top:.4rem;border-top:1px dashed rgba(255,255,255,.08);margin-top:.15rem}.qr-mock{display:flex;justify-content:center}.qr-mock__poster{background:#fff;color:#0a0a0c;padding:1.1rem 1.2rem 1.3rem;border-radius:.7rem;max-width:220px;box-shadow:0 18px 40px #00000059;display:flex;flex-direction:column;align-items:center;gap:.7rem}.qr-mock__poster-head{font-family:var(--font-display);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.qr-mock__qr{width:150px;height:150px}.qr-mock__qr svg{width:100%;height:100%;display:block}.qr-mock__poster-foot{font-family:var(--font-mono);font-size:.72rem;color:#67676f;text-align:center}.card-mock{background:linear-gradient(135deg,#635bff,#4338ca);border-radius:.95rem;padding:1.2rem;color:#fff;display:flex;flex-direction:column;gap:.85rem;aspect-ratio:1.65 / 1;max-width:320px;margin:0 auto;box-shadow:0 22px 44px #635bff4d;position:relative;overflow:hidden}.card-mock:before{content:"";position:absolute;inset:-50% -20% auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 60%);pointer-events:none}.card-mock__row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;position:relative;z-index:2}.card-mock__brand{font-family:var(--font-display);font-size:.84rem;font-weight:700;letter-spacing:.04em;color:#ffffffeb}.card-mock__chip{width:32px;height:22px;background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:4px;border:1px solid rgba(0,0,0,.15)}.card-mock__num{font-family:var(--font-mono);font-size:1rem;letter-spacing:.1em;font-weight:600;color:#fffffff2;margin-top:auto}.card-mock__label{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;margin-bottom:.15rem}.card-mock__value{font-family:var(--font-display);font-size:.82rem;font-weight:600;letter-spacing:.03em;color:#fff}.hub-mock{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.85rem;padding:1.1rem;display:flex;flex-direction:column;gap:.5rem}.hub-mock__head{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.5rem}.hub-mock__live{font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#86efac;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:4px;padding:.15rem .4rem;display:inline-block;margin-left:.35rem}.hub-mock__row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .65rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:.4rem;font-size:.85rem}.hub-mock__row--meta{font-family:var(--font-mono);font-size:.74rem;color:#ffffff8c;border-style:dashed;flex-wrap:wrap;gap:.6rem 1rem;justify-content:flex-start}.hub-mock__name{color:#ffffffd9}.hub-mock__status{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .45rem;border-radius:4px;border:1px solid}.hub-mock__status--ok{color:#86efac;background:#22c55e1a;border-color:#22c55e4d}.hub-mock__status--pending{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b4d}.hub-mock__divider{height:1px;background:#ffffff14;margin:.3rem 0}.flow-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:1rem;align-items:stretch;margin-bottom:2.5rem}.flow-step{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem 1.1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.85rem;position:relative}.flow-step--terminal{background:linear-gradient(135deg,#818cf81f,#ec489914);border-color:#818cf859}.flow-step__num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.85rem;font-weight:700;background:#818cf82e;color:#c7d2fe;border:1px solid rgba(129,140,248,.35)}.flow-step__title{font-family:var(--font-display);font-size:.98rem;font-weight:600;color:#fff;letter-spacing:-.005em}.flow-step__desc{font-size:.85rem;line-height:1.55;color:#ffffffa6}.flow-step__desc strong{color:#fff}.flow-step__desc code{font-family:var(--font-mono);font-size:.8em;background:#00000052;padding:1px 5px;border-radius:3px;color:#c7d2fe}.flow-arrow{display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#818cf880;font-family:var(--font-mono)}.flow-trust{max-width:860px;margin:0 auto;text-align:center;font-size:.94rem;line-height:1.7;color:#ffffffb8;background:linear-gradient(135deg,#818cf812,#22d3ee0d);border:1px solid rgba(129,140,248,.18);border-radius:.7rem;padding:1.1rem 1.5rem}.flow-trust__strong{display:block;font-family:var(--font-display);font-size:1.02rem;font-weight:600;color:#fff;margin-bottom:.35rem;letter-spacing:-.01em}.path-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.path-card{display:flex;flex-direction:column;gap:.6rem;padding:1.5rem 1.5rem 1.4rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.95rem;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.path-card:hover{transform:translateY(-2px);background:#ffffff0d;border-color:#818cf84d}.path-card--accent{background:linear-gradient(135deg,#818cf81a,#ec48990f);border-color:#818cf84d}.path-card__kicker{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#c7d2fe}.path-card__title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;letter-spacing:-.015em;color:#fff}.path-card__desc{font-size:.95rem;line-height:1.6;color:#ffffffb3;flex:1}.path-card__cta{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-size:.92rem;font-weight:600;color:#c7d2fe;margin-top:.4rem;transition:gap .15s}.path-card:hover .path-card__cta{gap:.65rem;color:#fff}@media (max-width: 1000px){.product-grid{grid-template-columns:1fr;max-width:580px;margin:0 auto}.feature-row{grid-template-columns:48px 1fr;gap:1.4rem 1rem}.feature-row__visual,.feature-row--reverse .feature-row__visual,.feature-row--reverse .feature-row__body{grid-column:2;grid-row:auto}.flow-strip{grid-template-columns:1fr;gap:.6rem}.flow-arrow{transform:rotate(90deg);padding:.3rem 0}.path-cards{grid-template-columns:1fr;max-width:580px;margin:0 auto}}@media (max-width: 600px){.product-hero__cta{flex-direction:column;width:100%}.product-hero__cta-primary,.product-hero__cta-secondary{justify-content:center;width:100%}}.feature-row .feature-row__visual{transition:transform .35s ease}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .profile-mock__signal{animation:mock-slide .55s cubic-bezier(.2,.7,.2,1) both}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .profile-mock__signal:nth-child(3){animation-delay:.15s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .profile-mock__signal:nth-child(4){animation-delay:.3s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .profile-mock__signal:nth-child(5){animation-delay:.45s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .profile-mock__signal:nth-child(6){animation-delay:.6s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .profile-mock__badge{animation:mock-pop .5s .8s cubic-bezier(.2,.9,.3,1.4) both}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .profile-mock__chip{animation:mock-fade .5s both}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .profile-mock__chip:nth-child(2){animation-delay:.9s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .profile-mock__chip:nth-child(3){animation-delay:1s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .profile-mock__chip:nth-child(4){animation-delay:1.1s}.site-mock__chrome-url{position:relative}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .site-mock__chrome-url{animation:mock-type 1.4s steps(24,end) both;overflow:hidden;white-space:nowrap;display:inline-block;vertical-align:middle}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .site-mock__hero>*{animation:mock-slide .6s both}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .site-mock__hero>:nth-child(2){animation-delay:.5s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .site-mock__hero>:nth-child(3){animation-delay:.7s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .site-mock__stats>div{animation:mock-fade .5s both}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .site-mock__stats>div:nth-child(2){animation-delay:1s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .site-mock__stats>div:nth-child(3){animation-delay:1.15s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .invite-mock__row{animation:mock-slide .5s both}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .invite-mock__row:nth-of-type(2){animation-delay:.15s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .invite-mock__row:nth-of-type(3){animation-delay:.3s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .invite-mock__row:nth-of-type(4){animation-delay:.45s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .invite-mock__row--checked .invite-mock__check{animation:mock-pop .45s cubic-bezier(.2,.9,.3,1.4) both}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .invite-mock__row:nth-of-type(2) .invite-mock__check{animation-delay:.45s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .invite-mock__row:nth-of-type(3) .invite-mock__check{animation-delay:.6s}.invite-mock__check--pending{animation:mock-breathe 1.6s ease-in-out infinite}.qr-mock__qr{position:relative;overflow:hidden}.qr-mock__qr:after{content:"";position:absolute;left:0;right:0;top:-12%;height:10%;background:linear-gradient(180deg,transparent,rgba(34,211,238,.85),transparent);opacity:0}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .qr-mock__qr:after{animation:mock-scan 2.6s .4s ease-in-out infinite}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .qr-mock__poster{animation:mock-float 6s ease-in-out infinite}.card-mock{position:relative;overflow:hidden}.card-mock:after{content:"";position:absolute;top:-40%;bottom:-40%;width:30%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-18deg);opacity:0}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .card-mock:after{animation:mock-sweep 4.5s 1s ease-in-out infinite}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .card-mock__num{animation:mock-fade .6s .4s both}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .hub-mock__row{animation:mock-slide .5s both}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .hub-mock__row:nth-of-type(2){animation-delay:.12s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .hub-mock__row:nth-of-type(3){animation-delay:.24s}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .hub-mock__row:nth-of-type(4){animation-delay:.36s}.hub-mock__live{animation:mock-breathe 1.4s ease-in-out infinite}:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .hub-mock__status--pending{animation:mock-breathe 1.8s ease-in-out infinite}html.js-rv .feature-row{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}html.js-rv :is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])){opacity:1;transform:none}@keyframes mock-slide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes mock-fade{0%{opacity:0}to{opacity:1}}@keyframes mock-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes mock-type{0%{width:0}to{width:100%}}@keyframes mock-scan{0%{top:-12%;opacity:0}8%{opacity:1}92%{opacity:1}to{top:104%;opacity:0}}@keyframes mock-float{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-8px) rotate(-.4deg)}}@keyframes mock-sweep{0%{left:-40%;opacity:0}10%{opacity:1}45%{left:120%;opacity:1}46%{opacity:0}to{left:120%;opacity:0}}@keyframes mock-breathe{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion: reduce){:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) *,:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .qr-mock__qr:after,:is(.feature-row.in,.mockwrap.in,.kit__pane:not([hidden])) .card-mock:after,.invite-mock__check--pending,.hub-mock__live{animation:none!important}html.js-rv .feature-row{opacity:1;transform:none}}
