/* Homepage hero: premium depth without hiding the product workflow. */
.hero-v2{--hero-depth:0;--hero-soft:1;--hero-pointer-x:0;position:relative;overflow:clip;background:
  radial-gradient(ellipse at 50% 0%,#fffdf8 0,#f8f3ec 55%,#f5eee6 100%)}
.hero-v2:before,.hero-v2:after{content:"";position:absolute;pointer-events:none;z-index:0}
.hero-v2:before{width:min(66vw,920px);height:min(52vw,680px);left:calc(50% - min(33vw,460px));top:90px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#f7b8a22c,#dca4c318 42%,transparent 70%);filter:blur(34px);transform:translate3d(calc(var(--hero-pointer-x)*16px),calc(var(--hero-depth)*-45px),0) scale(calc(1 + var(--hero-depth)*.06))}
.hero-v2:after{inset:82px 0 auto;height:690px;background-image:linear-gradient(#b9856c0c 1px,transparent 1px),linear-gradient(90deg,#b9856c0c 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,#000 18%,transparent 88%);transform:perspective(900px) rotateX(63deg) translateY(calc(var(--hero-depth)*-34px));transform-origin:50% 0;opacity:.62}
.hero-v2>.wrap{position:relative;z-index:1}
.hero-v2>.wrap:before{content:"";position:absolute;z-index:5;top:151px;left:50%;width:88px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#c55436 22%,#c55436 78%,transparent);translate:-50% 0;transform:scaleX(.12);transform-origin:center;opacity:.75;transition:opacity .34s ease .08s,filter .5s ease .08s,transform .82s var(--ease-out) .08s}
.hero-v2>.wrap:after{display:none}
.hero-v2.hero-ready>.wrap:before{opacity:0;filter:blur(5px);transform:scaleX(1.8);pointer-events:none}
.hero-v2 .product-intro{max-width:1120px}
.hero-v2 .preview-eyebrow{display:inline-flex;align-items:center;gap:11px;padding:9px 14px;border:1px solid #d9c9bb;border-radius:99px;background:#fffaf5b8;backdrop-filter:blur(16px);box-shadow:0 14px 38px -28px #4c2a1d;color:#685b53;letter-spacing:.15em}
.hero-v2 .preview-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#c55436;box-shadow:0 0 0 5px #c5543610}
.hero-v2 h1{max-width:1120px;margin-inline:auto;font-size:clamp(48px,6vw,86px);line-height:1.06;text-wrap:balance}
.hero-v2 h1 em{display:inline-block;padding:.02em .08em .09em;margin:-.02em -.08em -.09em}
.hero-v2 h1 em .motion-word-wrap{padding-inline:.13em;margin-inline:-.085em;padding-bottom:.18em;margin-bottom:-.14em}
.hero-v2 .product-intro>p{max-width:790px;font-size:clamp(16px,1.45vw,20px);line-height:1.75}
.hero-v2 .motion-actions{margin-top:31px}
.hero-v2 .motion-primary{box-shadow:0 18px 38px -20px #2d1710a8}
.hero-pipeline{display:flex;justify-content:center;gap:9px!important;flex-wrap:wrap;margin-top:26px!important}
.hero-pipeline span{position:relative;padding:8px 12px;border:1px solid #ded4c9;border-radius:99px;background:#fffaf58a;color:#675e58!important;font:600 11px/1.2 var(--mono);letter-spacing:.01em;backdrop-filter:blur(10px)}
.hero-pipeline span+span:before{content:"→";position:absolute;left:-9px;color:#b4785e;background:#f8f3ec;border-radius:50%;padding:1px}
.hero-demo-stage{position:relative;width:100vw;margin-left:50%;margin-bottom:-95px;translate:-50% 0;padding:clamp(54px,4.5vw,72px) clamp(24px,3.2vw,54px) clamp(78px,6vw,110px);border-radius:clamp(42px,6vw,86px) clamp(42px,6vw,86px) 0 0;background:radial-gradient(circle at calc(50% + var(--hero-pointer-x)*240px) -4%,#ff8a4f75 0,transparent 26%),radial-gradient(ellipse at 24% 28%,#7f372f58 0,transparent 36%),radial-gradient(ellipse at 78% 68%,#3b20283f 0,transparent 35%),linear-gradient(145deg,#301914 0%,#171013 28%,#09090d 63%,#21110e 100%);box-shadow:inset 0 1px #ffffff2c,inset 0 36px 90px -72px #ffab72,0 -50px 105px -64px #a9472f,0 -16px 44px -28px #36150e;isolation:isolate;perspective:1900px;transform-style:preserve-3d;opacity:0;filter:blur(7px) saturate(.9);clip-path:inset(6% 4% 0 round 110px 110px 0 0);transform:translate3d(0,92px,0) rotateX(4deg) scale(.975);transform-origin:50% 0;transition:opacity .72s ease .22s,filter 1.05s var(--ease-out) .22s,clip-path 1.3s var(--ease-out) .22s,transform 1.3s var(--ease-out) .22s}
.hero-demo-stage:before{content:"";position:absolute;z-index:0;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 50% 12%,#000 0,transparent 68%);opacity:.66;pointer-events:none}
.hero-demo-stage:after{content:"";position:absolute;z-index:1;left:7%;right:7%;top:3%;height:82%;border-radius:50%;background:linear-gradient(90deg,#ff8b573d,#c75e9b2b 48%,#8d6cd820);filter:blur(calc(70px + var(--hero-soft)*22px));opacity:calc(.72 + var(--hero-depth)*.28);transform:translate3d(calc(var(--hero-pointer-x)*-28px),calc(18px - var(--hero-depth)*22px),-80px) scale(calc(.88 + var(--hero-depth)*.1));pointer-events:none}
.hero-ready .hero-demo-stage{opacity:1;filter:saturate(calc(.94 + var(--hero-depth)*.06));clip-path:inset(0 round clamp(42px,6vw,86px) clamp(42px,6vw,86px) 0 0);transform:translate3d(0,calc(18px - var(--hero-depth)*96px),0) rotateX(calc(3.2deg - var(--hero-depth)*3.2deg)) scale(calc(.982 + var(--hero-depth)*.028))}
.hero-settled .hero-demo-stage{transition:opacity .22s linear,filter .24s linear,clip-path .8s var(--ease-out),transform .2s linear}
.hero-v2 .hero-demo-stage .product-demo{position:relative;z-index:2;width:100%;max-width:1480px;margin-inline:auto;opacity:1;filter:none}
.hero-demo-stage .pd-ticker{position:relative;z-index:4;margin:0 8px 22px;padding:8px;border:1px solid #ffffff24;border-radius:19px;background:#1712199c;backdrop-filter:blur(32px) saturate(1.3);-webkit-backdrop-filter:blur(32px) saturate(1.3);box-shadow:0 24px 54px -34px #000,inset 0 1px #ffffff1c}
.hero-demo-stage .pd-step{border-color:#ffffff14;background:#ffffff08;color:#c9bec8;box-shadow:inset 0 1px #ffffff0b}
.hero-demo-stage .pd-step small{color:#aa9da9}
.hero-demo-stage .pd-step[aria-current=step]{background:linear-gradient(135deg,#fff9f4,#eadde2);border-color:#ffffffb5;color:#261c27;box-shadow:0 18px 38px -20px #000,inset 0 1px #fff}
.hero-demo-stage .pd-step[aria-current=step] small{color:#776874}.hero-demo-stage .pd-step[aria-current=step] .pd-step-number{border-color:#7f6f7c38;background:#7f6f7c14}
.hero-demo-stage .pd-step.fg[aria-current=step]{background:linear-gradient(135deg,#ffb080,#f4744c);border-color:#ffc39f;color:#2e160f}.hero-demo-stage .pd-step.fg[aria-current=step] small{color:#5d2b1e}
.hero-demo-stage .pd-stage-caption{position:relative;z-index:4;margin-inline:12px;padding:0 4px;color:#f7eee9}.hero-demo-stage .pd-now-label{color:#ff9a72}.hero-demo-stage .pd-stage-caption strong{color:#d7c9d1}
.hero-demo-stage .pd-app,.hero-demo-stage .pd-controls,.hero-demo-stage .pd-disclaimer{position:relative;z-index:3}
.hero-ready .hero-demo-stage .pd-app{border-color:#ffffff42;box-shadow:0 calc(58px + var(--hero-depth)*35px) 170px -58px #000,0 32px 86px -36px #000000d6,0 0 0 1px #ffffff10,0 0 calc(78px + var(--hero-depth)*45px) -52px #ff855b8a;transition:box-shadow .28s linear,transform .28s linear}
.hero-demo-stage .pd-app-header{background:color-mix(in srgb,var(--pd-bg) 84%,transparent);backdrop-filter:blur(28px) saturate(1.2);-webkit-backdrop-filter:blur(28px) saturate(1.2)}
.hero-demo-stage .pd-controls{border-radius:0 0 18px 18px;background:#111015e6;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
.hero-demo-stage .pd-disclaimer{color:#92858f}
.hero-demo-stage :is(.pd-stage-caption,.pd-app,.pd-disclaimer){opacity:calc(.91 + var(--hero-depth)*.09);filter:blur(calc(var(--hero-soft)*1.55px));transition:filter .2s linear,opacity .2s linear}
@media(min-width:1101px){
  .hero-demo-stage .product-demo{display:grid;grid-template-columns:clamp(148px,11.5vw,178px) minmax(0,1fr);column-gap:clamp(18px,2vw,30px);align-items:start}
  .hero-demo-stage .pd-ticker{grid-column:1;grid-row:1/span 3;align-self:stretch;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(88px,1fr));gap:0;min-height:100%;margin:0;padding:10px 0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none}
  .hero-demo-stage .pd-ticker:before{content:"";position:absolute;z-index:0;left:24px;top:calc(12.5% + 1px);bottom:calc(12.5% + 1px);width:1px;background:linear-gradient(#ffffff35,#ffffff14 48%,#ffffff27);pointer-events:none}
  .hero-demo-stage .pd-step{position:relative;display:flex;align-items:center;min-height:88px;padding:16px 2px 16px 52px;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;color:#c9bec5;text-align:left;overflow:visible;opacity:.78;transform:translateX(0);transform-origin:left center;filter:none!important;-webkit-font-smoothing:antialiased;transition:opacity .5s ease,transform .65s cubic-bezier(.16,1,.3,1),color .5s ease}
  .hero-demo-stage .pd-step:hover{opacity:.86;transform:translateX(3px)}
  .hero-demo-stage .pd-step-number{position:absolute;z-index:2;left:9px;top:50%;display:grid;width:30px;height:30px;place-items:center;flex:0 0 auto;border:1px solid #ffffff25;border-radius:50%;background:#171218;color:#a99ba5;font:600 10px/1 var(--mono);transform:translateY(-50%);transition:color .5s,background-color .5s,border-color .5s,box-shadow .5s,transform .65s cubic-bezier(.16,1,.3,1)}
  .hero-demo-stage .pd-step-text{min-width:0;transform-origin:left center}
  .hero-demo-stage .pd-step strong{display:block;color:#ded4da;font-size:14px;font-weight:620;line-height:1.08;letter-spacing:-.025em;text-wrap:balance;filter:none!important;text-shadow:none;transition:font-size .65s cubic-bezier(.16,1,.3,1),color .5s,letter-spacing .5s,transform .65s cubic-bezier(.16,1,.3,1)}
  .hero-demo-stage .pd-step small{display:block;margin-top:7px;color:#aa9da6;font-size:10px;line-height:1.25;letter-spacing:.02em;filter:none!important;text-shadow:none;transition:color .5s,font-size .5s}
  .hero-demo-stage .pd-step.pd-done{opacity:.86;transform:translateX(0)}
  .hero-demo-stage .pd-step.pd-done strong{color:#e8dfe4}
  .hero-demo-stage .pd-step[aria-current=step]{opacity:1;transform:translateX(0);color:#fff}
  .hero-demo-stage .pd-step[aria-current=step]:hover{transform:translateX(3px)}
  .hero-demo-stage .pd-step[aria-current=step] strong{color:#fff;font-size:clamp(19px,1.45vw,24px);font-weight:700;letter-spacing:-.045em;transform:translateX(0);text-shadow:none}
  .hero-demo-stage .pd-step[aria-current=step] small{color:#ffab82;font-size:11px}
  .hero-demo-stage .pd-step[aria-current=step] .pd-step-number{border-color:#ffb18b9c;background:#f68155;color:#25120d;box-shadow:0 0 0 6px #f6815515,0 10px 28px -12px #f68155;transform:translateY(-50%) scale(1.08)}
  .hero-demo-stage .pd-step.pd-done .pd-step-number{border-color:#ffffff30;background:#f5eee8;color:#2b2028}
  .hero-demo-stage .pd-step-state{display:none}
  .hero-demo-stage .pd-step-progress{position:absolute;z-index:1;left:23px;top:50%;bottom:auto;display:block;width:3px;height:var(--progress,0%);max-height:100%;border-radius:99px;background:linear-gradient(#ff9a6e,#f36f4b);opacity:1;box-shadow:0 0 16px #f47c595c;transition:none}
  .hero-demo-stage .pd-step[aria-current=step] .pd-step-progress:after{content:"";position:absolute;left:50%;bottom:-4px;width:7px;height:7px;border-radius:50%;background:#ffb08a;box-shadow:0 0 0 5px #f6815519,0 0 18px #f68155;transform:translateX(-50%)}
  .hero-demo-stage .pd-step:last-child .pd-step-progress{display:none}
  .hero-demo-stage .pd-stage-caption{grid-column:2;grid-row:1;margin:0 12px 20px;padding:0 4px}
  .hero-demo-stage .pd-app{grid-column:2;grid-row:2}
  .hero-demo-stage .pd-disclaimer{grid-column:2;grid-row:3;margin-inline:3px}
}
.hero-v2 .product-intro{opacity:0;filter:blur(7px);transform:translateY(24px) scale(.99);transition:opacity .76s ease .06s,filter .92s var(--ease-out) .06s,transform 1s var(--ease-out) .06s}
.hero-ready .hero-v2 .product-intro,.hero-v2.hero-ready .product-intro{opacity:calc(1 - var(--hero-depth)*.46);filter:blur(calc(var(--hero-depth)*3.5px));transform:perspective(1100px) translateY(calc(var(--hero-depth)*-28px)) rotateX(calc(var(--hero-depth)*1.4deg)) scale(1)}
.hero-v2 .motion-word{filter:blur(5px);transform:translateY(22px) rotateX(-10deg)!important;transform-origin:50% 100%;opacity:0;transition:transform .86s var(--motion-ease),filter .7s ease,opacity .58s ease!important;transition-delay:var(--word-delay,0ms)!important}
.hero-v2 .intro-in .motion-word{filter:blur(0);transform:translateY(0) rotateX(0)!important;opacity:1}
.hero-v2 .product-demo{will-change:transform,filter}
@media(max-width:760px){.hero-v2>.wrap:before{top:126px;width:68px}.hero-v2 h1{font-size:clamp(42px,11.6vw,60px);line-height:1.08}.hero-v2 .product-intro>p{font-size:16px;line-height:1.7}.hero-v2 .preview-eyebrow{font-size:9px;padding:7px 10px}.hero-pipeline{gap:7px!important}.hero-pipeline span{font-size:9px;padding:7px 9px}.hero-pipeline span+span:before{display:none}.hero-demo-stage{margin-bottom:-64px;padding:38px 10px 64px;border-radius:34px 34px 0 0;clip-path:inset(4% 2% 0 round 48px 48px 0 0);transform:translateY(54px) scale(.985);filter:blur(4px) saturate(.92)}.hero-ready .hero-demo-stage{clip-path:inset(0 round 34px 34px 0 0);filter:saturate(calc(.96 + var(--hero-depth)*.04));transform:translate3d(0,calc(10px - var(--hero-depth)*42px),0) scale(calc(.99 + var(--hero-depth)*.01))}.hero-demo-stage :is(.pd-stage-caption,.pd-app,.pd-disclaimer){filter:blur(calc(var(--hero-soft)*1.05px))}.hero-demo-stage .pd-ticker{margin-inline:1px;padding:4px;border-radius:14px}.hero-v2:after{background-size:38px 38px;height:520px}.hero-v2:before{width:110vw;height:88vw;left:-5vw}}
@media(prefers-reduced-motion:reduce){.hero-v2>.wrap:before,.hero-v2>.wrap:after{display:none}.hero-v2:before,.hero-v2:after,.hero-v2 .product-intro,.hero-demo-stage,.hero-demo-stage .product-demo,.hero-demo-stage .pd-stage-caption,.hero-demo-stage .pd-app,.hero-demo-stage .pd-disclaimer,.hero-v2 .motion-word{transition:none!important;transform:none!important;filter:none!important;opacity:1!important}.hero-ready .hero-demo-stage{transform:none!important}}