/* Centered public hero, with small examples from the existing tool directory. */
#publicView.lp-landing .reference-hero { padding-top:90px; background:radial-gradient(ellipse at 50% 21%,#fff 0%,#f6faff 29%,#eaf3fc 68%,#f6f9fc 100%); }
#publicView.lp-landing .reference-hero::before { top:0; left:50%; right:auto; width:1180px; height:820px; transform:translateX(-50%); background:radial-gradient(ellipse at 50% 45%,#ffffff00 28%,#a9d4fa3d 55%,transparent 71%); animation:none; }
#publicView.lp-landing.lp-motion-on .reference-hero::before { animation:none; }
#publicView.lp-landing .reference-hero::after { top:155px; left:50%; right:auto; width:1060px; height:420px; border-color:#91b8d619; transform:translateX(-50%) rotate(-13deg); box-shadow:0 0 0 65px #9fc8ea06,0 0 0 66px #8ab9e10d; }
#publicView.lp-landing .reference-hero .ref-hero-container { width:100%; max-width:none; }
#publicView.lp-landing .lp-hero-stage { position:relative; width:calc(100% - 48px); max-width:1440px; min-height:650px; margin:0 auto 25px; display:grid; align-items:center; isolation:isolate; }
#publicView.lp-landing .lp-hero-center { position:relative; z-index:2; width:min(700px,calc(100% - 540px)); margin:0 auto; padding:24px 0 50px; text-align:center; }
#publicView.lp-landing .lp-hero-center .lp-hero-kicker { justify-content:center; gap:9px; font-size:9px; font-weight:600; letter-spacing:.16em; margin:0 0 25px; }
#publicView.lp-landing .lp-hero-center .ref-title { max-width:none; font-size:clamp(48px,5.15vw,78px); letter-spacing:-.057em; line-height:1.07; font-weight:650; margin:0 0 23px; text-align:center; text-wrap:balance; translate:none; }
#publicView.lp-landing .lp-hero-center .lp-title-accent { background-image:linear-gradient(110deg,#0871ce,#1159a5 46%,#278bd2); }
#publicView.lp-landing .lp-hero-center .ref-intro-row { display:block; translate:none; }
#publicView.lp-landing .lp-hero-center .ref-intro-copy > p { margin:0 auto; max-width:480px; font-size:17px; font-weight:400; line-height:1.75; letter-spacing:0; }
#publicView.lp-landing .lp-hero-center .ref-actions { justify-content:center; margin:26px auto 0; gap:12px; }
#publicView.lp-landing .lp-hero-center .ref-actions :is(.ref-primary,.landing-hero-secondary) { min-width:0; min-height:50px; padding:13px 20px; font-size:13px; border-radius:9px; }
#publicView.lp-landing .lp-hero-center .ref-primary { box-shadow:0 9px 25px -8px #126fc554,inset 0 1px 0 #ffffff38; }
#publicView.lp-landing .lp-hero-microcopy { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; column-gap:15px; row-gap:9px; margin-top:20px; color:#6d859d; font-size:10px; line-height:1.6; }
#publicView.lp-landing .lp-hero-floats { position:absolute; inset:0; z-index:1; pointer-events:none; }
#publicView.lp-landing .lp-floating-piece { position:absolute; width:234px; pointer-events:auto; }
#publicView.lp-landing .lp-float-quote { top:15px; left:10px; --float-angle:-7deg; --float-end:-4deg; --float-delay:-2s; --float-factor:-.7; }
#publicView.lp-landing .lp-float-goal { top:22px; right:15px; width:230px; --float-angle:6deg; --float-end:3deg; --float-delay:-4s; --float-factor:.6; }
#publicView.lp-landing .lp-float-catalog { bottom:28px; left:28px; width:242px; --float-angle:5deg; --float-end:2deg; --float-delay:-6s; --float-factor:-1; }
#publicView.lp-landing .lp-float-margin { bottom:83px; right:5px; width:226px; --float-angle:-5deg; --float-end:-2deg; --float-delay:-1s; --float-factor:.9; }
#publicView.lp-landing .lp-float-card { display:block; width:100%; padding:20px; border:1px solid #fff; outline:1px solid #cfdeec; border-radius:17px; background:linear-gradient(130deg,#fffffff5,#f7fbfff5); box-shadow:0 20px 38px -24px #1b528a66,0 4px 12px #2b557b0c; color:var(--lp-ink); font:inherit; text-align:left; cursor:pointer; transform:rotate(var(--float-angle)); transition:box-shadow .25s,outline-color .25s; }
#publicView.lp-landing .lp-float-card:hover { outline-color:#74acdc; box-shadow:0 20px 45px -22px #1b528a66,0 4px 12px #2b557b12; }
#publicView.lp-landing .lp-float-card:focus-visible { outline:2px solid var(--lp-blue); outline-offset:4px; }
#publicView.lp-landing .lp-float-top { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:8px; font-weight:500; color:#6b849a; letter-spacing:.03em; margin-bottom:16px; }
#publicView.lp-landing .lp-float-top > span:first-child { display:flex; align-items:center; gap:7px; color:var(--lp-blue); font-size:9px; }
#publicView.lp-landing .lp-float-top svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
#publicView.lp-landing .lp-float-business { display:block; font-size:15px; font-weight:600; letter-spacing:-.025em; margin-bottom:4px; }
#publicView.lp-landing .lp-float-subtitle { display:block; font-size:9px; line-height:1.5; color:#70889d; }
#publicView.lp-landing .lp-float-items { display:grid; gap:10px; border-top:1px solid #e1eaf2; margin-top:15px; padding-top:13px; }
#publicView.lp-landing .lp-float-items > span { display:flex; justify-content:space-between; gap:10px; font-size:10px; color:#637c94; }
#publicView.lp-landing .lp-float-items b { font-weight:500; color:#25476a; }
#publicView.lp-landing .lp-float-total { display:flex; align-items:center; justify-content:space-between; margin-top:14px; padding-top:12px; border-top:1px solid #dce7ef; font-size:10px; color:#476987; }
#publicView.lp-landing .lp-float-total > strong { font-size:23px; font-weight:600; letter-spacing:-.04em; color:var(--lp-ink); }
#publicView.lp-landing .lp-float-quote .lp-float-card { padding:18px; }
#publicView.lp-landing .lp-float-quote .lp-float-items { gap:9px; margin-top:12px; padding-top:10px; }
#publicView.lp-landing .lp-float-quote .lp-float-total { margin-top:10px; padding-top:10px; }
#publicView.lp-landing .lp-float-quote .lp-float-foot { margin-top:10px; }
#publicView.lp-landing .lp-float-goal .lp-float-card { background:linear-gradient(150deg,#f9fcff,#eaf4ff); }
#publicView.lp-landing .lp-float-goal-title { display:block; font-size:20px; font-weight:550; line-height:1.25; letter-spacing:-.035em; max-width:160px; }
#publicView.lp-landing .lp-float-goal-title em { color:var(--lp-blue); font-style:normal; }
#publicView.lp-landing .lp-float-dots { display:flex; gap:7px; margin-top:20px; }
#publicView.lp-landing .lp-float-dots > span { display:grid; place-items:center; width:30px; height:30px; border:1px dashed #afc8e0; border-radius:50%; color:#7b96ae; font-size:10px; }
#publicView.lp-landing .lp-float-dots > span.is-done { background:#126fc5; border:1px solid #126fc5; color:#fff; }
#publicView.lp-landing .lp-float-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:15px; font-size:9px; color:#64819a; }
#publicView.lp-landing .lp-float-foot > span:last-child { color:var(--lp-blue); font-size:15px; }
#publicView.lp-landing .lp-float-catalog .lp-float-card { padding:13px; }
#publicView.lp-landing .lp-float-catalog .lp-float-top { padding:5px 5px 0; margin-bottom:13px; }
#publicView.lp-landing .lp-float-catalog-cover { display:block; padding:16px 13px 12px; background:linear-gradient(135deg,#daeafb,#f0f7ff); border-radius:9px 9px 0 0; }
#publicView.lp-landing .lp-float-catalog-cover > span { display:block; font-size:7px; color:#4a7195; letter-spacing:.12em; margin-bottom:7px; }
#publicView.lp-landing .lp-float-catalog-cover > strong { display:block; font-size:20px; line-height:1.1; letter-spacing:-.035em; font-weight:550; }
#publicView.lp-landing .lp-float-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; padding:10px 0 0; }
#publicView.lp-landing .lp-float-products > span { border-radius:7px; overflow:hidden; display:flex; flex-direction:column; background:#fff; }
#publicView.lp-landing .lp-float-products svg { display:block; width:100%; height:60px; padding:2px; }
#publicView.lp-landing .lp-float-products b { display:block; font-size:8px; font-weight:500; color:#4d6c87; padding:7px 0; text-align:center; }
#publicView.lp-landing .lp-float-catalog .lp-float-foot { margin:7px 5px 0; }
#publicView.lp-landing .lp-float-values { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:15px 0; }
#publicView.lp-landing .lp-float-values > span { padding:10px; border:1px solid #d8e5f1; border-radius:7px; font-size:8px; color:#698299; background:#fff; }
#publicView.lp-landing .lp-float-values b { display:block; font-size:15px; color:#25476a; font-weight:500; margin-top:5px; }
#publicView.lp-landing .lp-float-result { display:flex; align-items:center; justify-content:space-between; gap:9px; padding:13px 11px; background:#eaf4ff; border:1px solid #d5e8fa; border-radius:9px; }
#publicView.lp-landing .lp-float-result > span:first-child { font-size:9px; color:#5f7f9e; }
#publicView.lp-landing .lp-float-result strong { display:block; font-size:28px; font-weight:550; letter-spacing:-.04em; color:var(--lp-blue); margin-top:4px; }
#publicView.lp-landing .lp-float-result > span:last-child { border:1px solid #c7ddef; border-radius:20px; padding:5px 7px; color:#3272a8; font-size:9px; white-space:nowrap; }
#publicView.lp-landing .reference-hero > .ref-hero-container > :is(.lp-demo-caption,.lp-hero-depth,.ref-browser,.lp-demo-disclaimer) { width:calc(100% - 48px); max-width:1184px; margin-left:auto; margin-right:auto; }
#publicView.lp-landing .reference-hero > .ref-hero-container > .lp-demo-caption { margin-top:0; }
#publicView.lp-landing.lp-motion-on .lp-floating-piece { transform:translate3d(calc(var(--lp-pointer-x,0px) * var(--float-factor)),calc(var(--lp-pointer-y,0px) * var(--float-factor)),0); }
#publicView.lp-landing.lp-motion-on .lp-float-card { animation:lp-hero-float 7s var(--float-delay) ease-in-out infinite alternate; }
#publicView.lp-landing .lp-floating-piece:is(:hover,:focus-within) .lp-float-card { animation-play-state:paused; }
@keyframes lp-hero-float { from { transform:translateY(-6px) rotate(var(--float-angle)); } to { transform:translateY(6px) rotate(var(--float-end)); } }
@media (min-width:1450px) { #publicView.lp-landing .lp-hero-stage { min-height:700px; } }
@media (max-width:1180px) and (min-width:901px) {
  #publicView.lp-landing .lp-hero-stage { min-height:650px; }
  #publicView.lp-landing .lp-hero-center { width:calc(100% - 420px); }
  #publicView.lp-landing .lp-hero-center .ref-title { font-size:clamp(46px,5vw,59px); }
  #publicView.lp-landing .lp-hero-center .ref-intro-copy > p { font-size:15px; }
  #publicView.lp-landing .lp-hero-center .ref-actions { gap:9px; }
  #publicView.lp-landing .lp-hero-center .ref-actions :is(.ref-primary,.landing-hero-secondary) { font-size:12px; padding:12px 14px; }
  #publicView.lp-landing .lp-floating-piece { width:190px; }
  #publicView.lp-landing .lp-float-card { padding:15px; }
  #publicView.lp-landing .lp-float-quote { left:0; top:15px; }
  #publicView.lp-landing .lp-float-catalog { left:8px; bottom:30px; }
  #publicView.lp-landing .lp-float-goal { right:0; top:10px; }
  #publicView.lp-landing .lp-float-margin { right:0; bottom:50px; }
}
@media (max-width:900px) {
  #publicView.lp-landing .reference-hero { padding-top:102px; }
  #publicView.lp-landing .lp-hero-stage { min-height:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:30px; row-gap:32px; width:calc(100% - 40px); margin-bottom:35px; }
  #publicView.lp-landing .lp-hero-center { grid-column:1 / -1; grid-row:2; width:100%; max-width:650px; padding:8px 0 0; }
  #publicView.lp-landing .lp-hero-center .ref-title { font-size:clamp(43px,7.5vw,68px); }
  #publicView.lp-landing .lp-hero-center .ref-intro-copy > p { max-width:480px; font-size:16px; }
  #publicView.lp-landing .lp-hero-floats { display:contents; }
  #publicView.lp-landing .lp-floating-piece { position:relative; inset:auto; display:block; width:100%; max-width:220px; min-width:0; transform:none!important; }
  #publicView.lp-landing .lp-float-quote { grid-column:1; grid-row:1; justify-self:end; }
  #publicView.lp-landing .lp-float-margin { grid-column:2; grid-row:1; justify-self:start; }
  #publicView.lp-landing .lp-float-catalog { grid-column:1; grid-row:3; justify-self:end; }
  #publicView.lp-landing .lp-float-goal { grid-column:2; grid-row:3; justify-self:start; }
  #publicView.lp-landing :is(.lp-float-quote,.lp-float-margin) .lp-float-card { padding:12px; }
  #publicView.lp-landing :is(.lp-float-quote,.lp-float-margin) .lp-float-top { margin-bottom:9px; }
  #publicView.lp-landing :is(.lp-float-quote,.lp-float-margin) .lp-float-foot,
  #publicView.lp-landing .lp-float-quote .lp-float-items,
  #publicView.lp-landing .lp-float-margin .lp-float-business { display:none; }
  #publicView.lp-landing .lp-float-quote .lp-float-business { font-size:13px; }
  #publicView.lp-landing .lp-float-quote .lp-float-subtitle { font-size:8px; }
  #publicView.lp-landing .lp-float-quote .lp-float-total { margin-top:10px; padding-top:8px; gap:6px; font-size:8px; }
  #publicView.lp-landing .lp-float-quote .lp-float-total > strong { font-size:21px; }
  #publicView.lp-landing .lp-float-values { gap:5px; margin:8px 0; }
  #publicView.lp-landing .lp-float-values > span { padding:6px; font-size:7px; }
  #publicView.lp-landing .lp-float-values b { font-size:11px; margin-top:3px; }
  #publicView.lp-landing .lp-float-result { padding:8px; gap:5px; flex-wrap:wrap; }
  #publicView.lp-landing .lp-float-result > span:first-child { font-size:8px; }
  #publicView.lp-landing .lp-float-result strong { font-size:24px; }
  #publicView.lp-landing .lp-float-result > span:last-child { font-size:8px; padding:3px 5px; }
  #publicView.lp-landing.lp-motion-on .lp-float-card { animation-duration:9s; }
  #publicView.lp-landing .reference-hero::after { top:210px; width:900px; height:400px; }
}
@media (max-width:480px) {
  #publicView.lp-landing .reference-hero { padding-top:100px; }
  #publicView.lp-landing .lp-hero-stage { width:calc(100% - 32px); column-gap:16px; row-gap:28px; margin-bottom:28px; }
  #publicView.lp-landing .lp-hero-center { padding-top:6px; }
  #publicView.lp-landing .lp-hero-center .lp-hero-kicker { font-size:7.5px; letter-spacing:.11em; margin-bottom:22px; }
  #publicView.lp-landing .lp-hero-center .ref-title { font-size:clamp(37px,10.2vw,49px); line-height:1.08; letter-spacing:-.055em; margin-bottom:20px; }
  #publicView.lp-landing .lp-hero-center .ref-intro-copy > p { max-width:330px; font-size:14px; line-height:1.75; }
  #publicView.lp-landing .lp-hero-center .ref-actions { flex-direction:column; width:min(100%,280px); margin-top:23px; gap:10px; }
  #publicView.lp-landing .lp-hero-center .ref-actions :is(.ref-primary,.landing-hero-secondary) { width:100%; min-height:46px; font-size:12px; }
  #publicView.lp-landing .lp-hero-microcopy { font-size:9px; gap:8px; margin-top:17px; }
  #publicView.lp-landing .lp-hero-microcopy > span { width:100%; }
  #publicView.lp-landing .lp-float-card { border-radius:12px; padding:13px; }
  #publicView.lp-landing .lp-float-top { margin-bottom:11px; gap:5px; font-size:7px; }
  #publicView.lp-landing .lp-float-top > span:first-child { font-size:8px; gap:5px; }
  #publicView.lp-landing .lp-float-top svg { width:12px; height:12px; }
  #publicView.lp-landing .lp-float-goal-title { font-size:18px; max-width:135px; }
  #publicView.lp-landing .lp-float-dots { gap:4px; margin-top:16px; }
  #publicView.lp-landing .lp-float-dots > span { flex:1; min-width:0; width:22px; height:22px; font-size:8px; }
  #publicView.lp-landing .lp-float-foot { font-size:8px; gap:5px; margin-top:12px; }
  #publicView.lp-landing .lp-float-catalog .lp-float-card { padding:9px; }
  #publicView.lp-landing .lp-float-catalog .lp-float-top { padding:3px 2px 0; margin-bottom:9px; }
  #publicView.lp-landing .lp-float-catalog-cover { padding:13px 9px 10px; }
  #publicView.lp-landing .lp-float-catalog-cover > span { font-size:6px; }
  #publicView.lp-landing .lp-float-catalog-cover > strong { font-size:16px; }
  #publicView.lp-landing .lp-float-products { gap:3px; padding-top:7px; }
  #publicView.lp-landing .lp-float-products svg { height:40px; padding:0; }
  #publicView.lp-landing .lp-float-products b { font-size:7px; padding:5px 0; }
  #publicView.lp-landing .lp-float-catalog .lp-float-foot { margin:6px 2px 0; }
  #publicView.lp-landing .reference-hero > .ref-hero-container > :is(.lp-demo-caption,.lp-hero-depth,.ref-browser,.lp-demo-disclaimer) { width:calc(100% - 28px); }
}
@media (prefers-reduced-motion:reduce) {
  #publicView.lp-landing .lp-floating-piece,#publicView.lp-landing .lp-float-card { animation:none!important; transition:none; transform:none!important; }
}