/* The site header (Pivotphysics Addons) is fixed: 109px on desktop, 97px on phones. */
.pv-page{padding-top:109px}
@media(max-width:980px){.pv-page{padding-top:97px}}
.pv-page{background:var(--surface);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.pv-page h1,.pv-page h2,.pv-page h3,.pv-page h4,.pv-page p,.pv-page ul,.pv-page ol,.pv-page dl,.pv-page dd,.pv-page figure{margin:0;padding:0;color:inherit}
.pv-page ul,.pv-page ol{list-style:none}
.pv-page img{max-width:100%;height:auto}
.pv-page a{text-decoration:none}
.pv-page .lede a{text-decoration:underline}
.pv-page [hidden]{display:none!important}
.pv-page .pv-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pv-page button{font:inherit;cursor:pointer}
.pv-page{--blue:#387EE0;--blue-hover:#2A68C4;--blue-text:#2A68C4;--ink:#191919;--muted:#666666;--line:#EBE5D8;--surface:#F6F5F4;--card:#FFFFFF;--shadow-card:0 16px 40px rgba(25,25,25,.08);--ease-out:cubic-bezier(0.23,1,0.32,1);--head:"Helvetica Neue",Helvetica,Arial,sans-serif;--body:"Open Sans",system-ui,sans-serif}
.pv-page *{box-sizing:border-box}
.pv-page{margin:0;background:var(--surface);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}
.pv-page h1,.pv-page h2,.pv-page h3,.pv-page p,.pv-page ul,.pv-page ol{margin:0}
.pv-page a{color:var(--blue-text);text-underline-offset:3px}
.pv-page a:hover{color:var(--blue-hover)}
.pv-page ::selection{background:#387EE0;color:#fff}
.pv-page :focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.pv-page .wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.pv-page .sec{padding:60px 0}
.pv-page .head{font-family:var(--head);font-weight:400;letter-spacing:-0.01em;line-height:1.15;font-size:40px;text-wrap:balance}
.pv-page .head .b,.pv-page .hero-h .b{color:var(--blue)}
.pv-page .hero-h{font-family:var(--head);font-weight:400;letter-spacing:-0.02em;line-height:1.05;font-size:clamp(42px,6vw,64px);text-wrap:balance}
.pv-page .eyebrow{font-size:14px;color:var(--blue-text);font-weight:600;margin-bottom:12px}
.pv-page .lede{color:var(--muted);max-width:823px;font-size:18px}
.pv-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 28px;border-radius:999px;font-family:var(--head);font-size:18px;font-weight:600;text-decoration:none;border:1.5px solid var(--blue);transition:transform 160ms var(--ease-out),background 160ms,color 160ms}
.pv-page .btn:active{transform:scale(.97)}
.pv-page .btn.p{background:var(--blue);color:#fff}
.pv-page .btn.p:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:#fff}
.pv-page .btn.s{background:transparent;color:var(--blue-text)}
.pv-page .btn.s:hover{background:#fff;color:var(--blue-hover)}
.pv-page .band{background-color:#0B1A3A;background-image:linear-gradient(rgba(156,194,247,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(156,194,247,.07) 1px,transparent 1px);background-size:32px 32px}
.pv-page .space .eyebrow{color:#9CC2F7}
.pv-page .space .hero-h{color:#F6F5F4}
.pv-page .space .lede{color:#C9D3E6}
.pv-page .btns{display:flex;gap:12px;flex-wrap:wrap}
.pv-page .cta{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:48px;border-radius:16px;background-color:#0B1A3A;background-image:linear-gradient(rgba(156,194,247,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(156,194,247,.07) 1px,transparent 1px);background-size:32px 32px}
.pv-page .cta .head{color:#F6F5F4}
.pv-page .cta .lede{color:#C9D3E6}
.pv-page .cta .btn.s{color:#fff;border-color:#9CC2F7}
.pv-page .cta .btn.s:hover{background:rgba(255,255,255,.12);color:#fff}
.pv-page .posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px}
.pv-page .post{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card);text-decoration:none;color:var(--ink);transition:transform 160ms var(--ease-out)}
.pv-page .post:hover{transform:translateY(-3px);color:var(--ink)}
.pv-page .post img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.pv-page .post .pb{padding:20px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.pv-page .tag{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--blue-text)}
.pv-page .post h2,.pv-page .post h3{font-family:var(--head);font-weight:400;font-size:22px;line-height:1.25;text-wrap:balance}
.pv-page .post p{color:var(--muted);font-size:15px}
.pv-page .post .more{margin-top:auto;padding-top:8px;color:var(--blue-text);font-weight:600;font-size:15px}
@media(max-width:560px){.pv-page .cta{padding:28px 20px}
.pv-page .head{font-size:32px}}
@media(prefers-reduced-motion:reduce){.pv-page .btn,.pv-page .post{transition:none}}
.pv-page .trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));border-top:1px solid var(--line);padding:8px 0 40px}
.pv-page .trust>div{padding:24px 24px 0 20px;border-left:1px solid var(--line)}
.pv-page .trust>div:first-child{border-left:0;padding-left:0}
.pv-page .trust strong{display:block;color:var(--blue-text);font-weight:600;font-size:18px;line-height:1.3;margin-bottom:6px}
.pv-page .trust span{color:var(--ink);font-size:16px}
.pv-page .pv-masthead-root{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#191919;letter-spacing:.03em;background:#f6f5f4;overflow-x:hidden}
.pv-page .pv-mast{--s:1;position:relative;box-sizing:border-box;padding:40px;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,640px) minmax(0,1fr);
  grid-template-areas:"fork lens mag" "pend text stack" "coil tank ball";
  column-gap:64px;row-gap:64px;justify-items:center;
  background-color:#0f2047;
  background-image:
    radial-gradient(circle at 17px 17px,#1d3264 0 3.2px,rgba(29,50,100,0) 3.9px),
    radial-gradient(circle at 16px 16px,#040b1f 0 4.3px,rgba(4,11,31,0) 5px),
    linear-gradient(155deg,#13254D 0%,#0B1A3A 100%);
  background-size:32px 32px,32px 32px,100% 100%;
  background-position:8px 6px,8px 6px,0 0}
.pv-page .pv-text{grid-area:text;align-self:center;max-width:640px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.pv-page .pv-stack{grid-area:stack;align-self:end;display:flex;flex-direction:column;align-items:center;gap:40px}
.pv-page .a-fork{grid-area:fork}
.pv-page .a-lens{grid-area:lens}
.pv-page .a-mag{grid-area:mag}
.pv-page .a-pend{grid-area:pend;align-self:end}
.pv-page .a-coil{grid-area:coil}
.pv-page .a-tank{grid-area:tank}
.pv-page .a-ball{grid-area:ball}
.pv-page .a-fork,.pv-page .a-lens,.pv-page .a-mag,.pv-page .a-coil,.pv-page .a-tank,.pv-page .a-ball{align-self:end}
.pv-page .u{--pw:calc(var(--n) * var(--s));display:flex;flex-direction:column;align-items:center;padding-bottom:30px}
.pv-page .u-piece{position:relative;z-index:1;width:var(--pw);
  margin-bottom:calc(var(--pw) * var(--g) * -1 - 6px)}
.pv-page .u-piece img{display:block;width:100%;height:auto;filter:drop-shadow(6px 8px 6px rgba(0,0,0,.38))}
.pv-page .u-shelf{position:relative;width:calc(var(--pw) + 48px);height:22px}
.pv-page .u-shelf::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;border-radius:2px 2px 0 0;
  background:linear-gradient(180deg,#e1ae76,#c58f58)}
.pv-page .u-shelf::after{content:"";position:absolute;left:0;right:0;top:9px;height:13px;border-radius:0 0 2px 2px;
  background:repeating-linear-gradient(90deg,rgba(90,52,20,0) 0 23px,rgba(90,52,20,.16) 23px 25px,rgba(90,52,20,0) 25px 61px),linear-gradient(180deg,#ad7541,#7b4c24);
  box-shadow:7px 10px 12px rgba(0,0,0,.45)}
.pv-page .u-br{position:absolute;top:22px;width:7px;height:30px;border-radius:0 0 3px 3px;
  background:radial-gradient(circle at 3.5px 18px,#3a414b 0 1.6px,rgba(0,0,0,0) 2.2px),linear-gradient(90deg,#eef2f6,#9aa3ae 55%,#4d555f);
  box-shadow:5px 6px 6px rgba(0,0,0,.4)}
.pv-page .u-br.l{left:18%}
.pv-page .u-br.r{right:18%}
.pv-page .bob{position:absolute;left:54.12%;top:13.33%;width:23.53%;transform-origin:50% 0;animation:pv-swing 3.4s ease-in-out infinite alternate}
.pv-page .needle{position:absolute;left:13.33%;top:31.43%;width:53.33%;transform-origin:50% 90.9%;transform:rotate(18deg);animation:pv-settle 2.8s cubic-bezier(.2,.7,.3,1) .6s both}
.pv-page .bob img,.pv-page .needle img{display:block;width:100%;height:auto}
@keyframes pv-swing{from{transform:rotate(6deg)}to{transform:rotate(-6deg)}}
@keyframes pv-settle{0%{transform:rotate(-58deg)}45%{transform:rotate(30deg)}65%{transform:rotate(12deg)}80%{transform:rotate(21deg)}92%{transform:rotate(17deg)}100%{transform:rotate(18deg)}}
.pv-page .u-piece .ov{position:absolute;left:0;top:0}
.pv-page .ov-tines{transform-origin:51.1% 58.7%;animation:pv-ring 3.5s linear infinite}
@keyframes pv-ring{0%{transform:scaleX(1)}2%{transform:scaleX(1.12)}4%{transform:scaleX(.9)}6%{transform:scaleX(1.1)}8%{transform:scaleX(.92)}10%{transform:scaleX(1.08)}12%{transform:scaleX(.94)}14%{transform:scaleX(1.06)}17%{transform:scaleX(.96)}20%{transform:scaleX(1.04)}24%{transform:scaleX(.975)}28%{transform:scaleX(1.02)}33%{transform:scaleX(.99)}38%,100%{transform:scaleX(1)}}
.pv-page .snd{position:absolute;left:21%;top:6%;width:60%;height:40%;box-sizing:border-box;border-radius:50%;border:2px solid rgba(170,205,255,0);
  border-left-color:rgba(170,205,255,.8);border-right-color:rgba(170,205,255,.8);opacity:0;animation:pv-sound 3.5s ease-out infinite}
.pv-page .snd.s2{animation-delay:.35s}
@keyframes pv-sound{0%{opacity:0;transform:scale(.5)}4%{opacity:.9}40%,100%{opacity:0;transform:scale(1.7)}}
.pv-page .glint{position:absolute;left:26.8%;top:8.67%;width:44.5%;height:33.3%;border-radius:50%;overflow:hidden;
  background:linear-gradient(115deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 60%) no-repeat;
  background-size:300% 100%;background-position:100% 0;animation:pv-glint 3.6s ease-in-out .4s infinite}
@keyframes pv-glint{0%{background-position:100% 0}40%,100%{background-position:0% 0}}
.pv-page .ov-cneedle{transform-origin:83.64% 68.22%;animation:pv-compass 4.5s ease-in-out .2s infinite}
@keyframes pv-compass{0%{transform:rotate(0)}10%{transform:rotate(-30deg)}20%{transform:rotate(22deg)}30%{transform:rotate(-14deg)}40%{transform:rotate(8deg)}50%{transform:rotate(-4deg)}60%,100%{transform:rotate(0)}}
.pv-page .ov-spec{transform-origin:64% 91%;animation:pv-spec 2.6s ease-in-out infinite alternate}
@keyframes pv-spec{from{opacity:.15;transform:scaleX(.55)}to{opacity:1;transform:scaleX(1.15)}}
.pv-page .beam{position:absolute;left:-12%;top:88.5%;width:28%;height:2px;border-radius:2px;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.95));box-shadow:0 0 6px rgba(255,255,255,.6);
  animation:pv-beam 2.6s ease-in-out infinite alternate}
@keyframes pv-beam{from{opacity:.15}to{opacity:1}}
.pv-page .needle img.nj{transform-origin:50% 90.9%;animation:pv-measure 6s ease-in-out 3.4s infinite}
@keyframes pv-measure{0%{transform:rotate(0)}20%{transform:rotate(-34deg)}35%{transform:rotate(-30deg)}55%{transform:rotate(10deg)}70%{transform:rotate(6deg)}100%{transform:rotate(0)}}
.pv-page .ov-mag{animation:pv-slide 4.5s ease-in-out infinite}
@keyframes pv-slide{0%,12%{transform:translateX(0)}45%,62%{transform:translateX(12.5%)}95%,100%{transform:translateX(0)}}
.pv-page .waves{position:absolute;left:0;top:0;width:100%;height:100%;
  clip-path:polygon(6.5% 44.4%,85% 44.4%,93.6% 31.6%,15.2% 31.6%);
  background-image:linear-gradient(180deg,rgba(228,246,255,.8) 0 34%,rgba(228,246,255,0) 34% 58%,rgba(31,90,128,.4) 58% 80%,rgba(31,90,128,0) 80%);
  background-size:100% calc(var(--pw) * .0129);
  -webkit-mask-image:linear-gradient(180deg,#000 31%,rgba(0,0,0,.35) 45%);mask-image:linear-gradient(180deg,#000 31%,rgba(0,0,0,.35) 45%);
  animation:pv-waves 1.1s linear infinite}
@keyframes pv-waves{from{background-position:0 0}to{background-position:0 calc(var(--pw) * .0129)}}
.pv-page .ov-hot{transform-origin:67.78% 32.5%;opacity:0;animation:pv-heat 6s ease-in-out .3s infinite}
@keyframes pv-heat{0%{opacity:0;transform:scale(1)}35%,55%{opacity:.92;transform:scale(1.035)}100%{opacity:0;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.pv-page .snd,.pv-page .beam{display:none}
.pv-page .bob,.pv-page .needle,.pv-page .needle img,.pv-page .ov,.pv-page .glint,.pv-page .waves{animation:none}
.pv-page .bob{transform:none}
.pv-page .ov-hot{opacity:0}
.pv-page .ov-spec{opacity:1}}
.pv-page .pv-btn{display:inline-flex;align-items:center;justify-content:center;min-height:55px;padding:0 32px;border-radius:9999px;font-size:20px;font-weight:700;letter-spacing:.03em;text-decoration:none;box-sizing:border-box}
.pv-page .pv-btn:focus-visible{outline:2px solid #ffffff;outline-offset:3px}
@media (max-width:1439px){.pv-page .pv-mast{--s:.8;grid-template-columns:minmax(0,1fr) minmax(0,560px) minmax(0,1fr)}
.pv-page .pv-text{max-width:560px}}
@media (max-width:1279px){.pv-page .pv-mast{--s:.8;padding:56px 32px 40px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;
    grid-template-areas:"text text" "fork mag" "prism meter" "pend ball" "coil tank"}
.pv-page .pv-text{max-width:600px;margin-bottom:8px}
.pv-page .pv-stack{display:contents}
.pv-page .a-lens{display:none}
.pv-page .a-prism{grid-area:prism;align-self:end}
.pv-page .a-meter{grid-area:meter;align-self:end}
.pv-page .a-pend{align-self:end}}
@media (max-width:860px){.pv-page .pv-mast{--s:.62}}
@media (max-width:640px){.pv-page .pv-mast{padding:48px 16px 40px;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;row-gap:64px;
    grid-template-areas:"text text text" "fork pend lens"}
.pv-page .u{--pw:min(calc(var(--n) * .6), calc((100vw - 112px) / 3 - 48px))}
.pv-page .a-mag,.pv-page .a-prism,.pv-page .a-meter,.pv-page .a-coil,.pv-page .a-tank,.pv-page .a-ball{display:none}
.pv-page .a-lens{display:flex}
.pv-page .a-fork,.pv-page .a-pend,.pv-page .a-lens{align-self:end}
.pv-page .pv-text{gap:14px}
.pv-page .pv-eyebrow{font-size:13px !important;letter-spacing:.1em !important}
.pv-page .pv-actions{flex-direction:column;align-self:stretch}
.pv-page .pv-actions .pv-btn{width:100%}}
@media (min-width:1681px){.pv-page .pv-mast{padding-left:calc((100% - 1600px) / 2);padding-right:calc((100% - 1600px) / 2)}}
@media (min-width:1024px) and (max-width:1279px){.pv-page .pv-mast{--s:.62;padding:32px 24px;grid-template-columns:minmax(0,1fr) minmax(0,480px) minmax(0,1fr);
    grid-template-areas:"fork lens mag" "pend text stack" "coil tank ball";column-gap:32px;row-gap:40px}
.pv-page .pv-text{max-width:480px;margin-bottom:0}
.pv-page .pv-stack{display:flex;gap:28px}
.pv-page .a-lens{display:flex}
.pv-page .pv-btn{padding:0 22px;font-size:18px}}
@media (min-width:641px) and (max-width:1023px){.pv-page .pv-mast{--s:.5;padding:48px 24px 40px;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:48px;
    grid-template-areas:"text text text" "fork prism meter" "coil tank ball"}
.pv-page .pv-stack{display:contents}
.pv-page .a-lens,.pv-page .a-mag,.pv-page .a-pend{display:none}
.pv-page .a-prism{grid-area:prism}
.pv-page .a-meter{grid-area:meter}}
@media (min-width:1024px) and (max-height:820px){.pv-page .pv-mast{--s:.6;padding-top:20px;padding-bottom:24px;row-gap:24px}
.pv-page .pv-text{gap:12px}
.pv-page .u{padding-bottom:22px}
.pv-page #pv-hero-title{font-size:clamp(44px,min(5vw,9vh),72px) !important}}
.pv-page .strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 0 56px}
.pv-page .strip img{display:block;width:100%;max-width:424px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#ECE9E4}
@media(max-width:900px){.pv-page .strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.pv-page .strip{grid-template-columns:1fr}
.pv-page .strip img{max-width:none}}