.headline-line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.headline-ink{display:block;transform-origin:0 100%}.hero h1 em{display:inline-block}
.plan-tabs{position:relative;isolation:isolate;overflow:hidden}
.plan-tabs.has-indicator:after{content:'';position:absolute;left:0;top:0;height:3px;width:var(--tab-width,0);transform:translate(var(--tab-x,0),var(--tab-y,0));background:#48aaff;box-shadow:0 0 18px #168fff66;pointer-events:none}
.plan-tabs.has-indicator button[aria-pressed=true]{border-bottom-color:transparent}
.launchpad{transform:perspective(1400px) translateY(var(--scroll-lift,0)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d}
.launchpad:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(450px circle at var(--light-x,70%) var(--light-y,10%),#e6f7ff40,transparent 65%);opacity:.35;z-index:2}
.launchpad.pointer-lit:after{opacity:1}
.plan,.product{position:relative;isolation:isolate}
.plan:after,.product:after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(320px circle at var(--light-x,50%) var(--light-y,0%),#319cff18,transparent 75%);opacity:0}
@media(prefers-reduced-motion:no-preference){
 .plan-tabs:after{transition:width .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}
 .launchpad:after,.plan:after,.product:after{transition:opacity .5s}
 .hero .button,.launch-arrow,.domain .button{transition:translate .35s cubic-bezier(.16,1,.3,1),transform .35s,box-shadow .35s,background .25s}
 .hero h1 em:after{transform-origin:left;animation:dx-line 1.15s .65s both}
 .launchpad:before{animation:dx-orbit 4.8s cubic-bezier(.4,0,.2,1) 1}
 .launch-main{position:relative;overflow:hidden;transition:background .3s,box-shadow .35s,transform .35s}
 .launch-main:after{content:'';position:absolute;inset:-100% -70%;background:linear-gradient(110deg,transparent 40%,#9acfff25 48%,transparent 56%);transform:translateX(-55%);animation:dx-shine 1.7s 1s both;pointer-events:none}
 .launch-main:hover:after{animation:dx-shine-hover 1s both}
 .launch-status i{animation:dx-pulse 1.5s 3}
 .button span,.product a span,.launch-links b{display:inline-block;transition:transform .35s cubic-bezier(.16,1,.3,1)}
 .button:hover span,.product a:hover span,.launch-links a:hover b{transform:translate(3px,-3px)}
 .product-icon{transition:transform .7s cubic-bezier(.16,1,.3,1)}
 .plan{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .4s}
 .site-menu-list>li.open>ul,#site-search:not([hidden]),details[open]>p{animation:dx-dropdown .4s cubic-bezier(.16,1,.3,1) both}
 .button:active,.launch-main:active{transform:scale(.97)}
 @media(hover:hover) and (pointer:fine){
  .plan:hover{transform:translateY(-8px);border-color:#5993be;box-shadow:0 24px 50px #020f2a44}
  .plan:hover:after,.product:hover:after{opacity:1}
  .product:hover .product-icon{transform:translateY(-7px) rotate(-8deg) scale(1.12)}
  .launch-main:hover{transform:translateY(-3px);box-shadow:0 16px 35px #02132d40}
  .launch-main:hover .launch-arrow{transform:rotate(8deg);background:#285a82}
  .site-menu-list>li:hover>ul{animation:dx-dropdown .4s cubic-bezier(.16,1,.3,1) both}
 }
 @media(max-width:760px){
  .launchpad:before{animation:dx-orbit-mobile 3.8s ease-in-out 1}
  .site-menu #site-navigation.is-open{animation:dx-dropdown .35s cubic-bezier(.16,1,.3,1) both}
  .launch-main:after{animation-duration:1.2s}
 }
}
@keyframes dx-line{from{transform:rotate(-2deg) scaleX(0)}to{transform:rotate(-2deg) scaleX(1)}}
@keyframes dx-orbit{0%{transform:translate(45px,-35px) rotate(-18deg);opacity:.2}60%{transform:translate(-22px,18px) rotate(8deg);opacity:1}100%{transform:translate(0,0) rotate(0);opacity:1}}
@keyframes dx-orbit-mobile{0%{transform:scale(.85);opacity:.2}100%{transform:scale(1);opacity:1}}
@keyframes dx-shine{from{transform:translateX(-55%)}to{transform:translateX(55%)}}
@keyframes dx-shine-hover{from{transform:translateX(-55%)}to{transform:translateX(55%)}}
@keyframes dx-pulse{0%{box-shadow:0 0 0 0 #b7ffd170}100%{box-shadow:0 0 0 10px #b7ffd100}}
@keyframes dx-dropdown{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){
 .market *,.market *:before,.market *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .launchpad{transform:none!important}.headline-ink{transform:none!important}
}
