.netmark--md svg{width:20px;height:20px}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}@keyframes fade{0%{opacity:0}}@keyframes reveal-up{0%{transform:translateY(36px)}}.sky__grid{-webkit-mask-image:radial-gradient(85% 70% at 50% 45%,#000 35%,#0000 100%);mask-image:radial-gradient(85% 70% at 50% 45%,#000 35%,#0000 100%)}.sky__planet{--r:clamp(520px, 50vw, 960px);--cx:90%;--cy:calc(100% + var(--r) * .18);background:radial-gradient(circle var(--r) at var(--cx) var(--cy), #020409 0, #03070f calc(var(--r) * .8), #07122a calc(var(--r) - 40px), #0d2750 calc(var(--r) - 6px), #a9d6ff calc(var(--r) - 1px), rgb(var(--glow) / .75) calc(var(--r) + 1.5px), rgb(var(--glow) / .3) calc(var(--r) + 14px), rgb(var(--glow) / .12) calc(var(--r) + 60px), rgb(var(--glow) / .04) calc(var(--r) + 160px), transparent calc(var(--r) + 300px));-webkit-mask-image:radial-gradient(120% 100% at 30% 20%,#000 55%,#0000008c 100%);mask-image:radial-gradient(120% 100% at 30% 20%,#000 55%,#0000008c 100%)}.sky__glow{background:radial-gradient(ellipse 30% 24% at 74% 52%, rgb(var(--glow) / .22), transparent 70%), radial-gradient(ellipse 60% 40% at 90% 20%, rgb(var(--glow) / .1), transparent 70%)}@media (width<=1023px){.sky__planet{--r:max(620px, 120vw);--cx:70%;--cy:calc(100% + var(--r) * .62)}.sky__glow{background:radial-gradient(ellipse 80% 30% at 60% 75%, rgb(var(--glow) / .2), transparent 70%)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.hero .sky__stars--far{animation-range:0 100vh}}}@keyframes twinkle{0%{opacity:.45}to{opacity:1}}@keyframes planet-rise{0%{opacity:0;transform:translateY(8%)}}@keyframes breathe{0%{opacity:.7}to{opacity:1}}@keyframes drift{to{transform:translateY(-60px)}}@keyframes rise{0%{transform:translateY(14px)}}@keyframes preview-in{0%{opacity:0;transform:translateY(48px)rotateX(12deg)scale(.96)}}@keyframes draw{0%{stroke-dashoffset:1px}}@keyframes ping{0%{box-shadow:0 0 10px rgb(var(--glow) / .9), 0 0 0 0 rgb(var(--glow) / .6)}70%,to{box-shadow:0 0 10px rgb(var(--glow) / .9), 0 0 0 9px rgb(var(--glow) / 0)}}.problem__flow{height:100vh;margin-bottom:-100vh}.problem:after{background:linear-gradient(to bottom, var(--bg), transparent min(18vh, 14%), transparent calc(100% - min(18vh, 14%)), var(--bg))}.problem__steps{--dot:20px}.scroll-mark{top:calc(var(--i) * 100% / var(--steps));height:calc(100% / var(--steps))}.trace__beam{background-size:50% 100%}.trace__hops-label{top:calc(100% - 2px)}@media (width<=559px){.trace__hops-label{top:50%}}@media (width>=900px){.trace__facts{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px) and (height>=700px){.problem__copy,.problem__stage{height:calc(100vh - var(--nav-h))}.problem__track{height:calc(100vh + var(--pin))}.problem__track>.scroll-mark,.product__track>.scroll-mark{top:calc(50vh + var(--i) * var(--pin) / var(--steps));height:calc(var(--pin) / var(--steps))}.problem__track>.scroll-mark:first-of-type,.product__track>.scroll-mark:first-of-type{height:calc(50vh + var(--pin) / var(--steps));top:0}.problem__track>.scroll-mark:last-of-type,.product__track>.scroll-mark:last-of-type{height:calc(50vh + var(--pin) / var(--steps))}}@supports (animation-timeline:view()){@media (width>=1024px) and (height>=700px) and (prefers-reduced-motion:no-preference){.problem__step:not(:last-child):after{animation-range:contain calc((var(--i) + .3) * 100% / var(--steps)) contain calc((var(--i) + 1) * 100% / var(--steps))}}}@keyframes progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes segment-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes halo{0%{box-shadow:0 0 0 5px rgb(var(--glow) / .14), 0 0 18px rgb(var(--glow) / .6), 0 0 0 5px rgb(var(--glow) / .35)}70%,to{box-shadow:0 0 0 5px rgb(var(--glow) / .14), 0 0 18px rgb(var(--glow) / .6), 0 0 0 16px rgb(var(--glow) / 0)}}@keyframes signal{0%{stroke-dashoffset:.07px}to{stroke-dashoffset:-1px}}@keyframes beam{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes travel-x{0%{opacity:0;transform:translate(0)}12%,85%{opacity:1}to{opacity:0;transform:translateX(calc(var(--w) - 8px))}}@keyframes travel-y{0%{opacity:0;transform:translateY(0)}12%,85%{opacity:1}to{opacity:0;transform:translateY(calc(var(--w) - 8px))}}.mini-row{min-width:min(13rem,100%)}@media (width>=1024px){.mini-row{min-width:0}}@supports (animation-timeline:view()){@media (width>=1024px) and (height>=700px) and (prefers-reduced-motion:no-preference){.how{--pad:max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));--pan:calc(var(--steps) * var(--card) + (var(--steps) - 1) * var(--gap) + 2 * var(--pad) - 100vw);height:calc(100vh + var(--pan))}.how__sticky{height:100vh}.how__track{animation-range:contain}.how__step{animation-range:contain calc(var(--i) * 100% / var(--steps) - 12%) contain calc((var(--i) + 1) * 100% / var(--steps) + 12%)}.how__progress span{animation-range:contain}}}@keyframes how-pan{to{transform:translateX(calc(-1 * var(--pan)))}}@keyframes how-step{0%{opacity:.35;border-color:var(--line);transform:scale(.965)}30%,70%{opacity:1;border-color:rgb(var(--glow) / .35);transform:none}to{opacity:.35;border-color:var(--line);transform:scale(.965)}}@keyframes grow{0%{transform:scaleX(0)}}.window__tabs{flex:100%}@media (width>=1024px) and (height>=700px){.product__track{height:calc(100vh + var(--pin))}.product__stage{height:calc(100vh - var(--nav-h))}}@supports (animation-timeline:view()){@media (width>=1024px) and (height>=700px) and (prefers-reduced-motion:no-preference){.window__progress span{animation-range:contain}}}@media (width>=640px){.window__tabs{flex:0 auto}}.bars__bar{width:min(100%,2.25rem)}@media (width>=900px){.finding{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2.5rem}.facts{grid-template-columns:repeat(4,minmax(0,1fr))}.suspicion{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem}}.orbit__ring{border:1px solid color-mix(in srgb, var(--net,#fff) 40%, transparent);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--net,#fff) 24%, transparent), #ffffff08 72%)}.orbit__node--class-a .orbit__ring{border-style:dashed}.orbit__node:hover .orbit__ring{border-color:var(--net,var(--accent));box-shadow:inset 0 1px 0 #ffffff1f, 0 0 28px color-mix(in srgb, var(--net,rgb(var(--glow))) 60%, transparent)}@media (width>=900px){.orbit{aspect-ratio:1000/520;margin-top:0}.orbit__svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.orbit__nodes{display:block;position:absolute;inset:0}.orbit__node{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);position:absolute;transform:translate(-50%,-28px)}}.paid__item .netmark{background:color-mix(in srgb, var(--net,#fff) 14%, transparent)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.orbit__svg{animation-range:entry 20% cover 45%}}}@keyframes node-in{0%{opacity:0;transform:scale(.6)}}@keyframes arc-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes orbit-pulse{0%{stroke-dashoffset:var(--dash,.06)}to{stroke-dashoffset:-1px}}@keyframes node-ping{0%,12%,to{border-color:color-mix(in srgb, var(--net,#fff) 40%, transparent);box-shadow:inset 0 1px #ffffff1f,0 12px 30px -12px #000000e6}2%{border-color:var(--net,var(--accent));box-shadow:inset 0 1px 0 #ffffff1f, 0 0 32px color-mix(in srgb, var(--net,rgb(var(--glow))) 80%, transparent)}}.calc__result{background:radial-gradient(ellipse 90% 70% at 100% 0%, rgb(var(--glow) / .2), transparent 70%), var(--surface-2)}@keyframes sheet-rise{0%{border-radius:64px;transform:scale(.94)}}.switch:has(#pay-month:checked) .switch__thumb{transform:translate(100%)}.plan__amount--month{transform:translateY(100%)}.pricing:has(#pay-month:checked) .plan__amount--year{transform:translateY(-100%)}.pricing:has(#pay-month:checked) .plan__amount--month{transform:none}.plan__cta:hover{background:#000}.final:after{background:linear-gradient(to bottom, var(--bg), transparent 20%, transparent 80%, var(--bg))}
