/* Decorative color and movement for the marketing hero only. */
.hero{isolation:isolate;background:linear-gradient(180deg,#fcfefd 0%,#f8fcfa 68%,#fff 100%)}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none;mask-image:linear-gradient(#000 0%,#000 67%,transparent 100%)}
.hero-halo{position:absolute;border-radius:50%;animation:hero-halo-drift 20s ease-in-out infinite alternate;transform-origin:center;will-change:transform}
.hero-halo-mint{width:900px;height:830px;left:calc(50% - 1100px);top:-90px;background:radial-gradient(ellipse,#a8e9cf91 0%,#c9f3df69 36%,#dcf8eb25 59%,transparent 72%)}
.hero-halo-sky{width:1000px;height:920px;right:calc(50% - 1120px);top:-180px;background:radial-gradient(ellipse,#b5c9f08a 0%,#c2e8f273 30%,#e0eef62e 56%,transparent 72%);animation-delay:-8s;animation-duration:24s}
.hero-halo-peach{width:830px;height:690px;left:calc(50% - 450px);top:390px;background:radial-gradient(ellipse,#f6dfc444 0%,#d5efe839 38%,transparent 71%);animation-delay:-14s;animation-duration:28s}
.hero-dot-field{position:absolute;inset:0 0 auto;height:860px;background-image:radial-gradient(circle,#6d9b862f .8px,transparent .9px);background-size:23px 23px;mask-image:radial-gradient(ellipse at 50% 42%,transparent 27%,#0008 68%,transparent 100%);opacity:.68}
.hero-orbit{position:absolute;width:510px;height:510px;border:1px solid #599d7a1c;border-radius:50%;transform:rotate(-24deg);mask-image:linear-gradient(120deg,#000a,transparent 78%)}
.hero-orbit:before{content:'';position:absolute;inset:34px;border:1px solid #6aa98817;border-radius:50%}
.hero-orbit:after{content:'';position:absolute;width:7px;height:7px;background:#72b99a;border:2px solid #fff;border-radius:50%;left:96px;top:48px;box-shadow:0 0 0 5px #72b99a0b}
.hero-orbit-left{top:112px;left:calc(50% - 950px)}
.hero-orbit-right{top:58px;right:calc(50% - 940px);width:450px;height:450px;border-color:#7099c725;transform:rotate(145deg)}
.hero-orbit-right:before{border-color:#7099c717}.hero-orbit-right:after{background:#7c9cce}
.hero-floating-icon{position:absolute;display:grid;place-items:center;width:54px;height:54px;border:1px solid #fff;border-radius:16px;box-shadow:0 9px 24px #3b756d0e,inset 0 1px 0 #fff;background:#ffffffb8;animation:hero-icon-float 8s ease-in-out infinite;--icon-rotation:-11deg;transform:rotate(var(--icon-rotation));color:#539877}
.hero-floating-icon svg{width:23px;height:23px;stroke-width:1.5}
.hero-floating-code{left:calc(50% - 580px);top:260px}
.hero-floating-voice{right:calc(50% - 571px);top:151px;--icon-rotation:11deg;animation-delay:-4s;color:#6c90bc;background:#faffffb5}
.hero-spark{position:absolute;color:#74ac96;opacity:.7}.hero-spark svg{width:19px;height:19px;stroke-width:1.3}.hero-spark-left{left:calc(50% - 443px);top:78px;transform:rotate(13deg)}.hero-spark-right{right:calc(50% - 515px);top:388px;color:#9d9eca;transform:rotate(-8deg)}
.hero .eyebrow-pill{background:#ffffffe0;border-color:#cde4d6;color:#447b62;box-shadow:0 3px 14px #43735507}
.hero h1>span{color:#237651}
.hero .hero-actions .button-lime{background:linear-gradient(125deg,#297049,#277b61);border:1px solid #286e4d;box-shadow:0 5px 13px #24754f1e,inset 0 1px 0 #ffffff1f;color:#fff}
.hero .hero-actions .button-lime:hover{background:linear-gradient(125deg,#215d3d,#216c54);box-shadow:0 8px 22px #24754f28}
.hero .hero-actions .button-outline{background:#ffffffd9;border-color:#cfdfd8;color:#364d43;box-shadow:0 3px 10px #2d624107}
.hero .hero-actions .button-outline:hover{background:#fff;border-color:#9abca9}
.hero #product{isolation:isolate}
.hero #product:before{content:'';position:absolute;inset:-15px -15px 83px;z-index:-1;border:1px solid #ffffffeb;border-radius:27px;background:linear-gradient(135deg,#eefbf3ba,#e9f1fc9c 58%,#f5edf7a3);box-shadow:0 12px 75px #66958b15}
.hero #product .native-window{box-shadow:0 13px 34px -15px #29574038;border-color:#ccded4}
@keyframes hero-halo-drift{from{transform:translate3d(-12px,-12px,0) scale(.98)}to{transform:translate3d(30px,26px,0) scale(1.06)}}
@keyframes hero-icon-float{0%,100%{transform:translateY(0) rotate(var(--icon-rotation))}50%{transform:translateY(-10px) rotate(calc(var(--icon-rotation) + 4deg))}}
body.motion-paused .hero-halo,body.motion-paused .hero-floating-icon{animation-play-state:paused}
@media(max-width:1150px){.hero-floating-icon,.hero-spark{display:none}.hero-halo-mint{left:-560px}.hero-halo-sky{right:-600px}.hero-orbit-left{left:-440px}.hero-orbit-right{right:-380px}}
@media(max-width:650px){.hero-halo-mint{width:620px;height:780px;left:-450px;top:-120px}.hero-halo-sky{width:700px;height:780px;right:-490px;top:-220px}.hero-halo-peach{width:600px;height:500px;left:calc(50% - 300px);top:220px}.hero-dot-field{background-size:19px 19px;opacity:.45;height:730px}.hero-orbit{display:none}.hero #product:before{inset:-7px -7px 82px;border-radius:17px}.hero .eyebrow-pill{background:#ffffffd9}}
@media(prefers-reduced-motion:reduce){.hero-halo,.hero-floating-icon{animation:none;will-change:auto}}
@media(forced-colors:active){.hero-atmosphere,.hero #product:before{display:none}.hero h1>span{background:none;-webkit-text-fill-color:currentColor}.hero .hero-actions .button-lime{background:ButtonFace;color:ButtonText}}