.cro-page{--cro-light:167 207 243;--cro-cobalt:47 109 238;--cro-frost:229 239 246;--cro-deep:8 11 16;--cro-white:255 255 255;--cro-black:0 0 0;--cro-action:7 103 241;--cro-action-hover:9 94 221;--cro-action-pressed:5 79 192}@media (prefers-reduced-motion:no-preference){html:has(.cro-page){scroll-behavior:smooth}}.cro-atmosphere{pointer-events:none;background:radial-gradient(ellipse at 55% 63%,rgb(var(--cro-cobalt)/.14),transparent 49%),radial-gradient(ellipse at 84% 38%,rgb(var(--cro-light)/.11),transparent 46%);height:1080px;position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 75%,#0000);mask-image:linear-gradient(#000 75%,#0000)}.cro-atmosphere:after,.cro-grain:after{content:"";pointer-events:none;opacity:.24;mix-blend-mode:soft-light;background-image:url(/cro-grain.svg);position:absolute;inset:0}.cro-light-beams{background:repeating-linear-gradient(112deg,transparent 0%,transparent 10%,rgb(var(--cro-light)/.025)13%,rgb(var(--cro-light)/.14)16%,rgb(var(--cro-light)/.025)20%,transparent 23%,rgb(var(--cro-cobalt)/.11)28%,transparent 33%);filter:blur(24px);will-change:transform;animation:18s ease-in-out infinite cro-beams;position:absolute;inset:-25% -35%;-webkit-mask-image:radial-gradient(at 60% 62%,#000,#0000 68%);mask-image:radial-gradient(at 60% 62%,#000,#0000 68%)}.cro-light-beams-secondary{opacity:.65;animation:24s ease-in-out infinite cro-beams-secondary;transform:rotate(-25deg)}:where(.cro-glass,.cro-button){isolation:isolate;position:relative}.cro-glass{--cro-panel-radius:20px;--cro-frame-inset:5px;border:1px solid rgb(var(--cro-white)/.085);border-radius:var(--cro-panel-radius);background:linear-gradient(140deg,rgb(var(--cro-white)/.025),transparent 65%),rgb(var(--cro-deep)/.78);box-shadow:inset 0 0 0 var(--cro-frame-inset)rgb(var(--cro-white)/.018),inset 0 1px 0 rgb(var(--cro-white)/.04);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.cro-glass:before{inset:var(--cro-frame-inset);border:1px solid rgb(var(--cro-white)/.075);border-radius:calc(var(--cro-panel-radius) - var(--cro-frame-inset) - 1px);content:"";pointer-events:none;position:absolute}.cro-glass:after,.cro-button:after{border-radius:inherit;content:"";pointer-events:none;mix-blend-mode:soft-light;opacity:.32;background-image:url(/cro-grain.svg);position:absolute;inset:0}.cro-navigation{border-bottom:1px solid rgb(var(--cro-white)/.075);background:rgb(var(--cro-deep)/.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.cro-frosted{color:rgb(var(--cro-deep));background:linear-gradient(135deg,rgb(var(--cro-white)/.97),rgb(var(--cro-frost)/.9));border-color:rgb(var(--cro-white)/.7);box-shadow:inset 0 1px 0 rgb(var(--cro-white)/.9),0 16px 64px rgb(var(--cro-black)/.16)}.cro-frosted:before{border-color:rgb(var(--cro-deep)/.08)}.cro-proof-field{pointer-events:none;background:radial-gradient(ellipse at 22% 59%,rgb(var(--cro-cobalt)/.19),transparent 42%),radial-gradient(ellipse at 75% 64%,rgb(var(--cro-light)/.07),transparent 47%);position:absolute;inset:5% -15% -12%;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.cro-proof-feature{background:radial-gradient(ellipse at 95% 0%,rgb(var(--cro-light)/.12),transparent 70%),linear-gradient(145deg,rgb(var(--cro-white)/.025),transparent),rgb(var(--cro-deep)/.84)}.cro-button{border:1px solid rgb(var(--cro-white)/.06);background:rgb(var(--cro-white)/.015);box-shadow:none;border-radius:8px;font-size:1rem;font-weight:400}.cro-button:after{opacity:.15}.cro-button:hover{border-color:rgb(var(--cro-white)/.12);background-color:rgb(var(--cro-white)/.045)}.cro-button:active{background-color:rgb(var(--cro-white)/.075);transform:translateY(1px)}.cro-button-compact{background:0 0;border-radius:6px;font-size:.875rem;font-weight:500}.cro-button-nav{color:rgb(var(--cro-light));border-color:rgb(var(--cro-action)/.3);background-color:rgb(var(--cro-action)/.12)}.cro-button-nav:hover{border-color:rgb(var(--cro-action)/.5);background-color:rgb(var(--cro-action)/.22)}.cro-button-nav:active{background-color:rgb(var(--cro-action)/.3)}.cro-button-primary{background-image:linear-gradient(165deg,rgb(var(--cro-white)/.08),transparent 65%);background-color:rgb(var(--cro-action));border-color:rgb(var(--cro-light)/.35);box-shadow:inset 0 1px 0 rgb(var(--cro-white)/.12)}.cro-button-primary:after{opacity:.45}.cro-button-primary:hover{background-color:rgb(var(--cro-action-hover));border-color:rgb(var(--cro-light)/.55)}.cro-button-primary:active{background-color:rgb(var(--cro-action-pressed))}.cro-glass.cro-friction-example{background:radial-gradient(ellipse 70% 55% at 50% 30%,rgb(var(--cro-cobalt)/.1),transparent 75%),rgb(var(--cro-deep));-webkit-backdrop-filter:none;backdrop-filter:none}.cro-friction-example:after{opacity:.09}.cro-glass.cro-closing-light{--cro-panel-radius:24px;border-color:rgb(var(--cro-white)/.09);background:radial-gradient(ellipse 60% 55% at 50% 115%,rgb(var(--cro-action)/.2),transparent 75%),rgb(var(--cro-deep));-webkit-backdrop-filter:none;backdrop-filter:none}.cro-closing-light:after{opacity:.12;-webkit-mask-image:linear-gradient(#0000 45%,#000);mask-image:linear-gradient(#0000 45%,#000)}.cro-hero{--cro-hero-content-gap:24px;min-height:calc(100svh - 57px);padding-top:clamp(32px,14svh - 64px,80px)}.cro-hero-reveal{animation:1s cubic-bezier(.4,0,.2,1) both cro-blur-reveal}.cro-hero-second-line{animation-delay:.5s}.cro-hero-copy{margin-top:var(--cro-hero-content-gap);animation-delay:.7s}.cro-hero-actions{margin-top:var(--cro-hero-content-gap);animation-delay:1s}.cro-hero-clients{gap:16px;margin-top:32px;padding-top:24px}.cro-hero-client-label{animation-delay:1.2s}@media (min-width:768px){.cro-hero{--cro-hero-content-gap:clamp(24px,4svh,40px);padding-top:clamp(64px,50svh - 256px,160px)}.cro-hero-clients{gap:24px;margin-top:clamp(32px,16svh - 64px,96px);padding-top:32px}}@media (min-width:1024px){.cro-hero{min-height:min(100svh - 57px,900px)}}.cro-hero-reveal:focus-within{animation:none}.cro-footer-mark{--cro-dot-size:5px;--cro-dot-radius:1px;aspect-ratio:665/76;-webkit-user-select:none;user-select:none;width:100%;position:relative}.cro-footer-mark-shape,.cro-footer-mark-highlight{pointer-events:none;background-image:radial-gradient(circle,rgb(var(--cro-white)/.055)var(--cro-dot-radius),transparent calc(var(--cro-dot-radius) + .35px));background-size:var(--cro-dot-size)var(--cro-dot-size);position:absolute;inset:0}.cro-footer-mark-shape{-webkit-mask:url(/logo-dark.svg) 50%/contain no-repeat;mask:url(/logo-dark.svg) 50%/contain no-repeat}.cro-footer-mark-highlight{opacity:0;background-image:radial-gradient(circle,rgb(var(--cro-white)/.4)var(--cro-dot-radius),transparent calc(var(--cro-dot-radius) + .35px));-webkit-mask-image:radial-gradient(circle 520px at var(--cro-pointer-x,50%)var(--cro-pointer-y,50%),black,transparent 80%);-webkit-mask-image:radial-gradient(circle 520px at var(--cro-pointer-x,50%)var(--cro-pointer-y,50%),black,transparent 80%);mask-image:radial-gradient(circle 520px at var(--cro-pointer-x,50%)var(--cro-pointer-y,50%),black,transparent 80%)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.cro-footer-mark-highlight{transition:opacity .2s}.cro-footer-mark:hover .cro-footer-mark-highlight{opacity:1}}@keyframes cro-beams{0%,to{transform:translate(-5%,-3%)rotate(-4deg)scale(1.05)}50%{transform:translate(7%,4%)rotate(5deg)scale(1.1)}}@keyframes cro-beams-secondary{0%,to{transform:translate(3%)rotate(-25deg)}50%{transform:translate(-7%,6%)rotate(-14deg)}}@keyframes cro-blur-reveal{0%{opacity:0;filter:blur(12px);transform:translateY(32px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (max-width:767px){.cro-footer-mark{--cro-dot-size:3px;--cro-dot-radius:.7px}.cro-atmosphere{height:1000px}.cro-light-beams{filter:blur(16px)}.cro-glass{--cro-panel-radius:18px;--cro-frame-inset:4px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}@media (max-width:767px) and (max-height:740px){.cro-hero{--cro-hero-content-gap:20px;padding-top:24px}.cro-hero h1{font-size:40px;line-height:1.05}.cro-hero-copy{font-size:16px;line-height:28px}.cro-hero-actions{gap:8px}.cro-hero-clients{gap:12px;margin-top:24px;padding-top:20px}.cro-hero-clients ul{row-gap:8px}}@media (prefers-reduced-motion:reduce){.cro-light-beams,.cro-hero-reveal{animation:none}.cro-light-beams{will-change:auto}.cro-button:active{transform:none}}