[data-hero]{flex-direction:column;min-height:100svh;display:flex}[data-hero]>[data-hero-content]{margin-bottom:auto}.hero-rig,.hero-track{perspective:1600px;position:absolute;inset:0}.hero-track[data-pos=center]{z-index:2}.hero-track[data-pos=left],.hero-track[data-pos=right]{z-index:1}.hero-track[data-pos=left]{--fan-s:-1}.hero-track[data-pos=right]{--fan-s:1}.hero-accent{background-image:linear-gradient(100deg, transparent 40%, #ffffff8c 50%, transparent 60%), linear-gradient(135deg, var(--brand-sky) 0%, var(--brand-blue) 55%, var(--brand-violet) 100%);background-size:300% 100%,112% 100%;background-position:0% 0, calc(50% + var(--mx,0) * 50%) 0;background-repeat:no-repeat}@media (forced-colors:active){.hero-accent{background-image:none}}@media (prefers-reduced-motion:no-preference){:root:not([data-motion-tier=static]) .hero-accent{animation:hero-sheen .9s var(--ease-expo-out) .16s backwards}:root:not([data-motion-tier=static]) .hero-sub{animation:hero-rise .6s var(--ease-expo-out) .38s backwards}:root:not([data-motion-tier=static]) .hero-ctas>:first-child{animation:hero-rise .6s var(--ease-expo-out) .5s backwards}:root:not([data-motion-tier=static]) .hero-ctas>:nth-child(2){animation:hero-rise .6s var(--ease-expo-out) .56s backwards}:root:not([data-motion-tier=static]) .hero-trust{animation:hero-fade .5s var(--ease-expo-out) .9s backwards}:root:not([data-motion-tier=static]) [data-hero-phones] .hero-phone[data-pos=center]{animation:hero-phone-rise .9s var(--ease-expo-out) .64s backwards}:root:not([data-motion-tier=static]) [data-hero-phones] .hero-phone[data-pos=left],:root:not([data-motion-tier=static]) [data-hero-phones] .hero-phone[data-pos=right]{animation:hero-phone-fan .9s var(--ease-expo-out) .72s backwards}}@keyframes hero-sheen{0%{background-position:100% 0, calc(50% + var(--mx,0) * 50%) 0}}@keyframes hero-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes hero-fade{0%{opacity:0}}@keyframes hero-phone-rise{0%{opacity:0;transform:translateY(18vh)rotateX(28deg)scale(.92)}}@keyframes hero-phone-fan{0%{opacity:0;transform:translate(0)translateY(18vh)rotate(0)rotateY(0)rotateX(28deg)scale(.92)}45%{opacity:1;transform:translate(0)translateY(0)rotate(0)rotateY(0)rotateX(0)scale(1)}to{opacity:1;transform:translateX(calc(var(--fan-s) * 62%)) translateY(0) rotateZ(calc(var(--fan-s) * 9deg)) rotateY(calc(var(--fan-s) * -18deg)) rotateX(0deg) scale(1)}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){:root:not([data-motion-tier=static]) [data-hero-content]{animation:linear both hero-content-out;animation-timeline:scroll(root);animation-range:0 50vh}:root:not([data-motion-tier=static]) .hero-track{animation:linear both hero-sink;animation-timeline:scroll(root);animation-range:0 60vh}:is(:root[data-motion-tier=full],:root:not([data-motion-tier])) .hero-track[data-pos=left],:is(:root[data-motion-tier=full],:root:not([data-motion-tier])) .hero-track[data-pos=right]{animation-name:hero-peel;animation-range:15vh 60vh}:root[data-motion-tier=full] [data-hero][data-flight] .hero-track[data-pos=center]{animation:none}}}@keyframes hero-content-out{to{opacity:0;transform:translateY(-8vh)}}@keyframes hero-sink{to{opacity:0;transform:translateY(-10vh)}}@keyframes hero-peel{to{opacity:0;transform:translateX(calc(var(--fan-s) * 40vw)) translateZ(-400px) rotateY(calc(var(--fan-s) * -35deg))}}.hero-canvas{opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease-expo-out);display:block;position:absolute;inset:0}[data-hero-scene][data-scene=ready] .hero-canvas,[data-hero-scene][data-scene=live] .hero-canvas{opacity:1}.hero-poster{opacity:0;transition:opacity .6s var(--ease-expo-out);position:absolute;inset:0}.hero-poster>canvas{width:100%;height:100%;display:block}.hero-poster[data-on]{opacity:1}.hero-cloud:after{transition:opacity .6s var(--ease-expo-out)}.hero-cloud[data-poster]:after{opacity:0}@media (forced-colors:active){.hero-poster{display:none}}[data-hero-scene][data-scene=live] .hero-cloud,[data-hero-scene][data-scene=live] .hero-grain{visibility:hidden}@media (forced-colors:active){.hero-canvas{display:none}}.hero-flight{z-index:40;visibility:hidden;pointer-events:none;contain:strict;position:fixed;inset:0}.hero-flight[data-on]{visibility:visible}.hero-flight__phone{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.hero-flight__veil{z-index:3;border-radius:inherit;background:linear-gradient(to bottom, transparent var(--v0,120%), var(--bg-base) var(--v1,130%));position:absolute;inset:-1px}.hero-flight__veil[hidden]{display:none}.hero-motion-slot{top:min(100svh - 4.25rem,100% - 3.25rem);bottom:auto}.hero-motion-btn{border:1px solid var(--border-soft);background:color-mix(in oklab, var(--bg-base) 72%, transparent);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:color .4s var(--ease-expo-out), border-color .4s var(--ease-expo-out);border-radius:999px;place-items:center;display:grid}.hero-motion-btn:hover{color:var(--text-primary);border-color:#fff3}.hero-motion-btn[hidden]{display:none}
.process{--pr-ease:var(--ease-expo-out,cubic-bezier(.16, 1, .3, 1));--pr-gutter:clamp(16px, 4vw, 32px);--pr-gap:40px;--pr-dash:#8b5cf6b3;--pr-fill:linear-gradient(90deg, var(--brand-sky), var(--brand-blue) 55%, var(--brand-violet));content-visibility:auto;contain-intrinsic-size:auto 1650px;scroll-margin-top:4rem;position:relative}.process__inner{width:min(100% - 2 * var(--pr-gutter), 1120px);margin-inline:auto;padding-block:clamp(6rem,4rem + 8vw,10rem)}.process__head{gap:1.25rem;margin-bottom:clamp(2.5rem,2rem + 3vw,4.5rem);display:grid}.process__h2{letter-spacing:-.028em;text-wrap:balance;max-width:18ch;color:var(--text-primary);margin:0;font-size:clamp(2.25rem,1.2rem + 3.6vw,4rem);font-weight:600;line-height:1}.process__intro{text-wrap:pretty;max-width:44ch;color:var(--text-secondary);margin:0;font-size:1.125rem;line-height:1.6}@media (min-width:1024px){.process__head{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:32px}.process__h2{grid-column:1/8}.process__intro{grid-column:8/13}}.process__flow{position:relative}.process__steps{gap:var(--pr-gap);margin:0;padding:0;list-style:none;display:grid}.process__step{min-width:0;padding-left:64px;position:relative}.process__disc{z-index:1;border:1px solid var(--brand-sky);background:var(--bg-elevated);font-variant-numeric:tabular-nums;width:40px;height:40px;color:var(--text-primary);border-radius:50%;place-items:center;font-size:.875rem;font-weight:500;display:grid;position:absolute;top:0;left:0}.process__disc:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#5ec8ff3d,#0000);border-radius:50%;position:absolute;inset:-14px}.process__line{width:2px;height:calc(100% + var(--pr-gap));background:var(--border-soft);border-radius:999px;position:absolute;top:20px;left:19px;overflow:hidden}.process__fill{transform-origin:top;background:linear-gradient(180deg, var(--brand-sky), var(--brand-blue) 55%, var(--brand-violet));width:100%;height:100%;display:block}.process__title{letter-spacing:-.012em;color:var(--text-primary);margin:0 0 .5rem;padding-top:.5rem;font-size:1.375rem;font-weight:600;line-height:1.2}.process__desc{text-wrap:pretty;max-width:40ch;color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.process__deliverable{border-top:1px solid var(--border-soft);max-width:40ch;margin:1.25rem 0 0;padding-top:1rem}.process__deliverable dt{color:var(--text-secondary);font-size:.8125rem;font-weight:500;line-height:1.45}.process__deliverable dd{color:var(--text-primary);margin:.125rem 0 0;font-size:.9375rem;line-height:1.5}.process__maint{margin-top:2rem;padding-left:64px}.process__arc{display:none}.process__maint-title{letter-spacing:-.012em;color:var(--text-primary);margin:0 0 .375rem;font-size:1.375rem;font-weight:600;line-height:1.2}.process__maint-text p{text-wrap:pretty;max-width:40ch;color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.process__step:nth-child(n+3){padding-right:28px}.process__step:nth-child(n+3):after{content:"";width:16px;right:0;top:calc(-1 * var(--pr-gap));bottom:calc(-1 * var(--pr-gap));border-right:2px dotted var(--pr-dash);pointer-events:none;position:absolute}.process__step:nth-child(3):after{border-top:2px dotted var(--pr-dash);border-top-right-radius:16px;top:20px}.process__step:nth-child(5):after{border-bottom:2px dotted var(--pr-dash);border-bottom-right-radius:16px;bottom:0}.process__step:nth-child(3):before{content:"";border-block:5px solid #0000;border-right:8px solid var(--pr-dash);width:0;height:0;position:absolute;top:16px;right:14px}@media (min-width:1024px){.process__steps{grid-template-rows:auto auto 1fr auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 24px}.process__step{grid-row:span 4;grid-template-rows:subgrid;padding-left:0;display:grid}.process__step:nth-child(n+3){padding-right:0}.process__step:nth-child(n+3):after,.process__step:nth-child(3):before{content:none}.process__disc{margin-bottom:1.25rem;position:relative}.process__line{width:calc(100% + 24px);height:2px;top:19px;left:20px}.process__fill{transform-origin:0;background:var(--pr-fill);background-size:400% 100%;background-position:calc(var(--i) * 33.333%) 0}.process__title{padding-top:0}.process__maint{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:24px;margin-top:1.5rem;padding-left:0;display:grid}.process__maint-inner{grid-column:3/6}.process__arc{width:100%;height:64px;display:block;overflow:visible}.process__arc path{fill:none;stroke:var(--pr-dash);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.process__arc-dash{stroke-dasharray:2 8}.process__maint-text{text-align:center;margin-top:.75rem}.process__maint-text p{margin-inline:auto}}@keyframes process-fill-x{0%{transform:scaleX(0)}}@keyframes process-fill-y{0%{transform:scaleY(0)}}@keyframes process-disc{0%{border-color:var(--border-soft);color:var(--text-secondary)}}@keyframes process-halo{0%{opacity:0}}@keyframes process-title{0%{color:var(--text-secondary)}}@keyframes process-arc{0%{clip-path:inset(0 0 0 100%)}}@keyframes process-fade{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){:root:not([data-motion-tier=static]) .process__step{view-timeline:--step block}:root:not([data-motion-tier=static]) .process__fill{animation:linear both process-fill-y;animation-timeline:--step;animation-range:cover 36% cover 55%}:root:not([data-motion-tier=static]) .process__disc{animation:linear both process-disc;animation-timeline:--step;animation-range:cover 34% cover 38%}:root:not([data-motion-tier=static]) .process__disc:after{animation:linear both process-halo;animation-timeline:--step;animation-range:cover 34% cover 38%}:root:not([data-motion-tier=static]) .process__title{animation:linear both process-title;animation-timeline:--step;animation-range:cover 34% cover 38%}:root:not([data-motion-tier=static]) .process__step:nth-child(n+3):after{animation:linear both process-fade;animation-timeline:--step;animation-range:cover 38% cover 55%}:root:not([data-motion-tier=static]) .process__maint-text{animation:linear both process-fade;animation-timeline:view();animation-range:entry 30%}@media (min-width:1024px){:root:not([data-motion-tier=static]) .process__flow{view-timeline:--flow block}:root:not([data-motion-tier=static]) .process__fill{animation:linear both process-fill-x;animation-timeline:--flow;animation-range:cover calc(6% + var(--i) * 5%) cover calc(11% + var(--i) * 5%)}:root:not([data-motion-tier=static]) .process__disc,:root:not([data-motion-tier=static]) .process__disc:after,:root:not([data-motion-tier=static]) .process__title{animation-timeline:--flow;animation-range:cover calc(4% + var(--i) * 5%) cover calc(8% + var(--i) * 5%)}:root:not([data-motion-tier=static]) .process__arc{animation:linear both process-arc;animation-timeline:--flow;animation-range:cover 26% cover 36%}:root:not([data-motion-tier=static]) .process__maint-text{animation-timeline:--flow;animation-range:cover 32% cover 40%}}}@supports not (animation-timeline:view()){:root:not([data-motion-tier=static]) .process[data-armed] .process__fill{animation:.3s linear both paused process-fill-y;animation-delay:calc(var(--i) * .3s)}:root:not([data-motion-tier=static]) .process[data-armed] .process__disc{animation:process-disc .4s var(--pr-ease) both paused;animation-delay:calc(var(--i) * .3s)}:root:not([data-motion-tier=static]) .process[data-armed] .process__disc:after{animation:process-halo .4s var(--pr-ease) both paused;animation-delay:calc(var(--i) * .3s)}:root:not([data-motion-tier=static]) .process[data-armed] .process__title{animation:process-title .4s var(--pr-ease) both paused;animation-delay:calc(var(--i) * .3s)}:root:not([data-motion-tier=static]) .process[data-armed] .process__step:nth-child(n+3):after{animation:process-fade .7s var(--pr-ease) both paused;animation-delay:1.5s}:root:not([data-motion-tier=static]) .process[data-armed] .process__maint-text{animation:process-fade .4s var(--pr-ease) both paused;animation-delay:1.7s}:root:not([data-motion-tier=static]) .process[data-armed][data-revealed] *,:root:not([data-motion-tier=static]) .process[data-armed][data-revealed] :before,:root:not([data-motion-tier=static]) .process[data-armed][data-revealed] :after{animation-play-state:running}@media (min-width:1024px){:root:not([data-motion-tier=static]) .process[data-armed] .process__fill{animation-name:process-fill-x}:root:not([data-motion-tier=static]) .process[data-armed] .process__arc{animation:process-arc .7s var(--pr-ease) both paused;animation-delay:1.5s}}}}@media (forced-colors:active){.process__disc{border-color:canvastext}.process__disc:after{display:none}.process__fill{background:highlight!important}.process__arc path{stroke:canvastext}.process__step:after,.process__step:before{border-color:canvastext!important}}@media (min-width:768px){.process{contain-intrinsic-size:auto 1550px}}@media (min-width:1024px){.process{contain-intrinsic-size:auto 1000px}}
@property --sc-ink{syntax:"<color>";inherits:true;initial-value:#f5f7fa}@property --sc-icon{syntax:"<color>";inherits:true;initial-value:#4285f4}@property --app-accent{syntax:"<color>";inherits:false;initial-value:#22d3ee}.showcase{--sc-dur-fast:.24s;--sc-dur-base:.6s;--sc-dur-slow:.9s;--sc-ease:var(--ease-expo-out,cubic-bezier(.16, 1, .3, 1));--sc-gutter:clamp(16px, 4vw, 32px);isolation:isolate;position:relative;overflow-x:clip}.showcase[data-active-app=vpn-pro] .showcase__rail{--rail-accent:var(--accent-vpnpro)}.showcase[data-active-app=pdf-explorer] .showcase__rail{--rail-accent:var(--accent-pdfexplorer)}.showcase[data-active-app=calzom] .showcase__rail{--rail-accent:var(--accent-calzom)}.showcase__inner{z-index:1;width:min(100% - 2 * var(--sc-gutter), 1120px);margin-inline:auto;padding-block:clamp(4rem,3rem + 5vw,7rem);position:relative}.showcase__title{letter-spacing:-.028em;text-wrap:balance;max-width:18ch;color:var(--text-primary);margin:0 0 clamp(2rem,1.5rem + 2vw,3rem);font-size:clamp(2.25rem,1.2rem + 3.6vw,4rem);font-weight:600;line-height:1}.showcase__bg,.showcase__stage,.showcase__rail{display:none}.showcase__texts{grid-template-columns:minmax(0,1fr);gap:64px;display:grid}.showcase__article{--article-bg:color-mix(in oklab, var(--article-accent) 12%, var(--bg-base));--sc-ink:var(--text-primary);--sc-icon:var(--article-accent);border:1px solid var(--border-soft);background:radial-gradient(90% 70% at 70% 30%, var(--article-bg), var(--bg-base) 75%);content-visibility:auto;contain-intrinsic-size:auto 1150px;border-radius:28px;gap:1.75rem;padding:clamp(20px,5vw,40px);scroll-margin-top:96px;display:grid;position:relative}.showcase__copy,.showcase__rest{align-content:start;gap:1.5rem;min-width:0;display:grid}.showcase__step{font-variant-numeric:tabular-nums;color:var(--text-secondary);margin:0;font-size:.875rem;font-weight:500;line-height:1.45}.showcase__head{align-items:center;gap:1rem;min-width:0;display:flex}.showcase__icon{width:56px;height:56px;box-shadow:0 0 0 1px var(--border-soft);border-radius:22%;flex:none;overflow:hidden}.showcase__icon img{width:100%;height:100%;display:block}.showcase__name{letter-spacing:-.012em;color:var(--sc-ink);margin:0;font-size:1.375rem;font-weight:600;line-height:1.2}.showcase__package{font-family:var(--font-mono);color:var(--text-secondary);overflow-wrap:break-word;margin:.25rem 0 0;font-size:.8125rem;line-height:1.4}.showcase__head>div{min-width:0}.showcase__promise{max-width:24ch;font-family:var(--font-heading);letter-spacing:-.02em;text-wrap:balance;color:var(--sc-ink);margin:0;font-size:clamp(1.625rem,1.1rem + 1.4vw,2.25rem);font-weight:600;line-height:1.1}.showcase__features{gap:16px 24px;margin:0;padding:0;list-style:none;display:grid}.showcase__features li{color:var(--sc-ink);align-items:flex-start;gap:.625rem;font-size:.9375rem;font-weight:500;line-height:1.45;display:flex}.showcase__features svg{color:var(--sc-icon);flex:none;margin-top:.15rem}@media (min-width:640px){.showcase__features{grid-template-columns:repeat(2,minmax(0,1fr))}}.showcase__meta{flex-wrap:wrap;gap:12px 0;margin:0;display:flex}.showcase__meta>div{padding-inline:20px;position:relative}.showcase__meta>div:first-child{padding-inline-start:0}.showcase__meta>div+div:before{content:"";background:var(--border-soft);width:1px;height:24px;position:absolute;inset-block:50% auto;inset-inline-start:0;translate:0 -50%}.showcase__meta dt{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.showcase__meta dd{font-variant-numeric:tabular-nums;color:var(--sc-ink);margin:0;font-size:.9375rem;font-weight:500;line-height:1.45}.showcase__actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.showcase__badge{border-radius:8px;line-height:0;display:inline-block}.showcase__badge img{max-width:none;display:block}.showcase__details{min-height:44px;color:var(--sc-ink);text-underline-offset:.25em;align-items:center;gap:.25rem;font-size:.9375rem;font-weight:500;display:inline-flex}.showcase__details svg{transition:translate var(--sc-dur-fast) var(--sc-ease)}.showcase__details:hover svg{translate:3px}.showcase__details:hover{text-decoration:underline}.showcase__inline-phone{width:min(68vw,300px);margin-inline:auto}.showcase__strip{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.showcase__strip::-webkit-scrollbar{display:none}.showcase__strip:focus-visible{outline-offset:-4px}.showcase__strip-item{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;height:100%}.showcase__dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.showcase__dots span{background:var(--text-secondary);opacity:.4;border-radius:50%;width:6px;height:6px}@supports (animation-timeline:scroll()){.showcase__inline-phone{timeline-scope:--strip}.showcase__strip{scroll-timeline:--strip inline}.showcase__dots span{animation:linear both showcase-dot;animation-timeline:--strip;animation-range:calc((var(--i) - 1) / (var(--n) - 1) * 100%) calc((var(--i) + 1) / (var(--n) - 1) * 100%)}.showcase__dots span:first-child{animation-name:showcase-dot-first;animation-range:0% calc(1 / (var(--n) - 1) * 100%)}.showcase__dots span:last-child{animation-name:showcase-dot-last;animation-range:calc((var(--n) - 2) / (var(--n) - 1) * 100%) 100%}}@keyframes showcase-dot{50%{opacity:1;transform:scale(1.35)}}@keyframes showcase-dot-first{0%{opacity:1;transform:scale(1.35)}}@keyframes showcase-dot-last{to{opacity:1;transform:scale(1.35)}}@media (min-width:1024px){.showcase__article{contain-intrinsic-size:auto 950px;grid-template:".phone"1fr"copy phone""rest phone"".phone"1fr/minmax(0,1fr) auto;align-items:start;column-gap:48px}.showcase__copy{grid-area:copy}.showcase__rest{grid-area:rest}.showcase__inline-phone{grid-area:phone;align-self:center}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){:root:not([data-motion-tier=static]) .showcase .showcase__bg{z-index:0;pointer-events:none;height:100svh;margin-bottom:-100svh;display:block;position:sticky;top:0}:root:not([data-motion-tier=static]) .showcase .showcase__bg-layer{opacity:0;transition:opacity var(--sc-dur-slow) var(--sc-ease);background:radial-gradient(80% 70% at 72% 50%, color-mix(in oklab, var(--layer-accent) 14%, var(--bg-base)), var(--bg-base) 70%);position:absolute;inset:0}:root:not([data-motion-tier=static]) .showcase[data-active-app=vpn-pro] .showcase__bg-layer[data-app=vpn-pro],:root:not([data-motion-tier=static]) .showcase[data-active-app=pdf-explorer] .showcase__bg-layer[data-app=pdf-explorer],:root:not([data-motion-tier=static]) .showcase[data-active-app=calzom] .showcase__bg-layer[data-app=calzom]{opacity:1}:root:not([data-motion-tier=static]) .showcase .showcase__rail{z-index:5;border:1px solid var(--border-soft);background:color-mix(in oklab, var(--bg-base) 90%, transparent);border-radius:999px;padding:2px 18px;display:block;position:absolute;bottom:clamp(16px,3svh,40px);left:50%;translate:-50%}:root:not([data-motion-tier=static]) .showcase .showcase__rail ul{gap:20px;margin:0;padding:0;list-style:none;display:flex}:root:not([data-motion-tier=static]) .showcase .showcase__rail a{min-width:44px;min-height:36px;color:var(--text-secondary);align-items:center;gap:10px;text-decoration:none;display:flex}:root:not([data-motion-tier=static]) .showcase .showcase__rail-num{font-variant-numeric:tabular-nums;transition:color var(--sc-dur-base) var(--sc-ease);font-size:.875rem;font-weight:500}:root:not([data-motion-tier=static]) .showcase .showcase__rail a[aria-current=true] .showcase__rail-num{color:var(--rail-accent)}:root:not([data-motion-tier=static]) .showcase .showcase__rail-line{background:var(--border-soft);border-radius:999px;width:48px;height:2px;display:block;overflow:hidden}:root:not([data-motion-tier=static]) .showcase .showcase__rail-fill{transform-origin:0;background:var(--rail-accent);width:100%;height:100%;display:block;transform:scaleX(0)}:root:not([data-motion-tier=static]) .showcase .showcase__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;display:grid}:root:not([data-motion-tier=static]) .showcase .showcase__texts{grid-column:1/6;gap:0}:root:not([data-motion-tier=static]) .showcase .showcase__article{content-visibility:visible;background:0 0;border:0;border-radius:0;grid-template:none/minmax(0,1fr);align-content:center;gap:1.75rem;min-height:120svh;padding:0;display:grid}:root:not([data-motion-tier=static]) .showcase .showcase__copy,:root:not([data-motion-tier=static]) .showcase .showcase__rest{grid-area:auto}:root:not([data-motion-tier=static]) .showcase .showcase__step,:root:not([data-motion-tier=static]) .showcase .showcase__inline-phone{display:none}:root:not([data-motion-tier=static]) .showcase .showcase__stage{grid-column:7/13;align-self:start;place-items:center;height:100svh;display:grid;position:sticky;top:0}:root:not([data-motion-tier=static]) .showcase .showcase__slot{aspect-ratio:1/1.9734;height:min(72svh,640px);position:relative}:root:not([data-motion-tier=static]) .showcase .showcase__slot[data-handoff=pending] .showcase__phone{visibility:hidden}:root:not([data-motion-tier=static]) .showcase .showcase__article{transition:--sc-ink var(--sc-dur-base) var(--sc-ease), --sc-icon var(--sc-dur-base) var(--sc-ease)}:root:not([data-motion-tier=static]) .showcase .showcase__article:first-child{min-height:90svh}:root:not([data-motion-tier=static]) .showcase .showcase__article:last-child{min-height:100svh}@supports (animation-timeline:view()){:root:not([data-motion-tier=static]) .showcase .showcase__article{animation:linear both showcase-focus-in,linear forwards showcase-focus-out;animation-timeline:view(),view();animation-range:entry 10% cover 35%,exit exit 60%}}@supports not (animation-timeline:view()){:root:not([data-motion-tier=static]) .showcase[data-ready] .showcase__article:not([data-active]){--sc-ink:var(--text-secondary);--sc-icon:var(--text-secondary)}}}@keyframes showcase-focus-in{0%{--sc-ink:var(--text-secondary);--sc-icon:var(--text-secondary)}to{--sc-ink:var(--text-primary);--sc-icon:var(--article-accent)}}@keyframes showcase-focus-out{0%{--sc-ink:var(--text-primary);--sc-icon:var(--article-accent)}to{--sc-ink:var(--text-secondary);--sc-icon:var(--text-secondary)}}.showcase__slot{isolation:isolate}.showcase__phone{--app-accent:var(--accent-vpnpro);--phone-accent:var(--app-accent);transition:--app-accent var(--sc-dur-slow) var(--sc-ease)}.showcase[data-active-app=vpn-pro] .showcase__phone{--app-accent:var(--accent-vpnpro)}.showcase[data-active-app=pdf-explorer] .showcase__phone{--app-accent:var(--accent-pdfexplorer)}.showcase[data-active-app=calzom] .showcase__phone{--app-accent:var(--accent-calzom)}.showcase__screens{position:absolute;inset:0}.showcase__screen{opacity:0;transition:opacity .45s var(--sc-ease);position:absolute;inset:0}.showcase__screen[data-on]{opacity:1}.showcase[data-morphing] .showcase__screen,.showcase[data-morphing] .showcase__glow img{transition:none}.showcase__splash{opacity:0;pointer-events:none;background:var(--splash,#000);place-items:center;display:grid;position:absolute;inset:0}.showcase__splash-icon{aspect-ratio:1;opacity:0;border-radius:50%;grid-area:1/1;width:28%;overflow:hidden}.showcase__splash-icon img{width:100%;height:100%;display:block}.showcase__glow{z-index:-1;pointer-events:none;position:absolute;inset:-25%}.showcase__glow img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s var(--sc-ease);position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 40%,#0000);mask-image:radial-gradient(closest-side,#000 40%,#0000)}.showcase__glow img[data-on]{opacity:var(--glow-o,.3)}.showcase__glow img[data-app=vpn-pro]{--glow-o:.55}.showcase__glow img[data-app=pdf-explorer]{--glow-o:.28}.showcase__glow img[data-app=calzom]{--glow-o:.32}@media (forced-colors:active){.showcase__bg,.showcase__glow,.showcase__splash{display:none!important}.showcase__rail-fill{background:highlight!important}.showcase__article{border-color:canvastext}}