.pf-hero{--ink: #0b1020;--soft: #586079;--g1: #163198;--g2: #4f46e5;--g3: #7c3aed;position:relative;isolation:isolate;overflow:hidden;padding:140px 0 72px}.pf-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(640px 420px at 6% 0%,rgba(22,49,152,.1),transparent 65%),radial-gradient(640px 480px at 96% 20%,rgba(124,58,237,.12),transparent 65%),linear-gradient(180deg,#f6f7ff,#fff)}.pf-hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(10,10,30,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,30,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 25% 30%,#000 15%,transparent 70%);mask-image:radial-gradient(ellipse at 25% 30%,#000 15%,transparent 70%)}.pf-hero-inner{width:min(1240px,calc(100% - 32px));margin:0 auto;display:grid;gap:48px;align-items:center}@media (min-width: 992px){.pf-hero{padding:150px 0 40px}.pf-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:56px}}.pf-crumb{display:flex;align-items:center;gap:6px;margin-bottom:22px;font-size:13px;font-weight:500;color:#8a91a6}.pf-crumb a{color:var(--soft);text-decoration:none}.pf-crumb a:hover{color:var(--g2)}.pf-crumb [aria-current]{color:var(--ink);font-weight:600}.pf-kicker{display:inline-flex;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--g2);background:#4f46e514;border:1px solid rgba(79,70,229,.16)}.pf-title{margin:16px 0;font-size:clamp(36px,4.8vw,62px);line-height:1.04;font-weight:800;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}.pf-hl{background:linear-gradient(120deg,var(--g1),var(--g2) 50%,var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}.pf-lede{margin:0;max-width:52ch;font-size:17.5px;line-height:1.7;color:var(--soft)}.pf-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:14px;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}.pf-btn--primary{color:#fff;background:linear-gradient(120deg,var(--g1),var(--g2) 60%,var(--g3));box-shadow:0 16px 32px -16px #4f46e5b3}.pf-btn--primary:hover{color:#fff;transform:translateY(-2px)}.pf-btn--ghost{color:var(--ink);background:#fff;border:1px solid #e7e9f2}.pf-btn--ghost:hover{color:var(--ink);border-color:#4f46e566;transform:translateY(-2px)}.pf-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:520px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}.pf-mosaic-col{display:grid;gap:16px;align-content:start;animation:pfUp 36s linear infinite}.pf-mosaic-col.is-down{animation-name:pfDown;margin-top:-40px}.pf-mosaic img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:20px;display:block;background:#eef0f8;box-shadow:0 24px 40px -28px #1631988c,0 0 0 1px #0f172a0d}@keyframes pfUp{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 8px))}}@keyframes pfDown{0%{transform:translateY(calc(-50% - 8px))}to{transform:translateY(0)}}.pf-mosaic:hover .pf-mosaic-col{animation-play-state:paused}@media (max-width: 991px){.pf-mosaic{height:300px;grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.pf-hero{padding:116px 0 40px}.pf-lede{font-size:16.5px}.pf-actions .pf-btn{flex:1 1 100%}.pf-mosaic{display:none}}@media (prefers-reduced-motion: reduce){.pf-mosaic-col{animation:none}}.pf-status{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 18px -10px #00000080}.pf-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}.pf-status--build{background:#2563ebeb}.pf-status--design{background:#9333eaeb}.pf-status--prototype{background:#db2777eb}.pf-status--testing{background:#d97706f2}
