:root{color-scheme:dark;--bg:#080c13;--surface:#101722;--text:#f3f6fc;--muted:#a5b2c5;--line:#ffffff18;--blue:#90b9ff;--font:'Satoshi',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #b1cdff;outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.045em;font-weight:500}h2{font-size:clamp(32px,3.6vw,48px)}h3{font-size:23px}p{color:var(--muted)}[hidden]{display:none!important}.wrap{width:min(1220px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:8px;left:12px;z-index:1000;background:#fff;color:#111;padding:10px 20px;transform:translateY(-160%)}.skip:focus{transform:none}
.site-header{position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid #ffffff0d}.nav{height:88px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:700;letter-spacing:-.05em;white-space:nowrap}.brand img{filter:brightness(0) invert(1)}.brand-tag{font-size:10px;font-weight:500;letter-spacing:.1em;border-left:1px solid #ffffff35;padding-left:14px;margin-left:6px}.desktop-nav{display:flex;gap:30px;margin-left:auto;font-size:14px;color:#d2dbea}.desktop-nav a:hover,.footer a:hover{color:#fff}.nav-actions{display:flex;gap:24px;align-items:center;font-size:14px;margin-left:25px}.button{min-height:50px;padding:12px 24px;display:inline-flex;gap:24px;justify-content:center;align-items:center;border:1px solid transparent;border-radius:99px;font-size:14px;font-weight:600;line-height:1.3;transition:background .18s,transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button.light{background:#f7f9fc;color:#142238;box-shadow:0 1px 0 #fff inset}.button.light:hover{background:#dfeaff;box-shadow:0 5px 24px #a1c1ff25}.button.glass{background:#ffffff07;border-color:#ffffff30;backdrop-filter:blur(12px)}.button.glass:hover{background:#ffffff14}.button.small{min-height:40px;padding:9px 18px;font-size:13px;gap:16px}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:10px}.menu-toggle span{display:block;height:1px;background:#fff;margin:6px 0}.mobile-nav{background:#101c30;padding:20px 24px;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:12px 0}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#0b1422}.atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 82% 0%,#244b75 0,transparent 54%),radial-gradient(ellipse at 8% 14%,#27456a 0,transparent 50%),linear-gradient(#142d49,#080c13 96%)}.atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 50%),linear-gradient(90deg,#0b14221a,transparent);pointer-events:none}.light-ribbon{position:absolute;border-radius:50%;border:55px solid #a7bdc256;filter:blur(30px);width:1150px;height:540px;transform:rotate(-30deg);top:-240px;left:10%;box-shadow:0 0 45px #a5bcd422,inset 0 0 35px #abcde833;animation:drift 22s ease-in-out infinite alternate}.light-ribbon.two{width:970px;height:780px;left:68%;top:-240px;transform:rotate(-44deg);border-width:68px;border-color:#bfd1c742;animation-delay:-11s}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#c4dfff06 1px,transparent 1px),linear-gradient(90deg,#c4dfff06 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 82%)}@keyframes drift{to{translate:28px 36px;rotate:8deg}}
.hero-content{padding-top:184px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.13em;font-weight:600;color:#d1deef}.tiny-mark{font-size:20px;line-height:1}.hero h1{font-size:clamp(48px,5.45vw,76px);line-height:1.08;letter-spacing:-.055em;margin:25px 0 39px;max-width:1000px}.hero h1>span{color:#d1dced}.hero-bottom{display:grid;grid-template-columns:1.12fr 1fr;gap:90px;align-items:start}.hero-copy>p{max-width:565px;font-size:18px;line-height:1.65;color:#c6d2e2}.hero-copy .secondary-copy{font-size:15px;margin-top:18px;color:#9babbe}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-copy .micro{font-size:12px;color:#9aaac0;margin-top:17px}.live-card{margin-top:4px;background:linear-gradient(130deg,#253b5160,#0d192ccc);border:1px solid #c0d9ff28;backdrop-filter:blur(26px);box-shadow:0 24px 60px #0004,inset 0 1px 0 #ffffff12;border-radius:16px;overflow:hidden}.live-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line);font-size:12px;color:#d8e3f0}.live-head>span:first-child{display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;border-radius:50%;background:#9bc8b2;box-shadow:0 0 9px #71c69f66}.demo-label{font-size:9px;letter-spacing:.12em;color:#a7b7c9}.live-body{padding:25px 25px 23px;min-height:229px}.live-meta{display:flex;justify-content:space-between;font-size:11px;color:#a4b9d5}.live-body h2{font-size:23px;margin-top:12px;letter-spacing:-.025em}.live-body p{font-size:13px;line-height:1.65;margin-top:10px;color:#acbdd2;min-height:44px}.demo-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:19px;padding-top:15px;gap:12px}.demo-facts span{display:block;font-size:10px;color:#99abc2;margin-bottom:3px}.demo-facts b{font-size:12px;font-weight:500;color:#e0e9f7}.demo-steps{display:grid;grid-template-columns:repeat(3,1fr);background:#00000020;border-top:1px solid var(--line)}.demo-steps button{border:0;background:none;font-size:12px;color:#9db0c9;padding:16px 6px;position:relative}.demo-steps button+button{border-left:1px solid var(--line)}.demo-steps button span{color:#6e89a9;margin-right:5px;font-size:10px}.demo-steps button.active{background:#83b3ff12;color:#f4f8ff}.demo-steps button.active:before{content:'';height:2px;position:absolute;inset:0 15px auto;background:#90b9ff}.hero-foot{margin-top:75px;display:flex;align-items:center;justify-content:space-between;padding-bottom:27px;color:#7f96b2;font-size:10px;letter-spacing:.15em}.hero-foot a{display:grid;place-items:center;border:1px solid #ffffff25;width:36px;height:36px;border-radius:50%;font-size:18px;color:#d5e5fc}.connections{border-block:1px solid var(--line)}.connections .wrap{display:flex;gap:45px;align-items:center;min-height:96px;flex-wrap:wrap}.connections span{font-size:12px;color:#7f8fa5}.connections b{font-size:20px;font-weight:500;letter-spacing:-.025em;color:#b5c4d9}.connections .connection-note{margin-left:auto;max-width:170px;line-height:1.5}
.section{padding-block:105px}.section-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:end;margin-bottom:47px}.eyebrow.muted{color:#8297b4;margin-bottom:24px}.section-intro p{font-size:16px;max-width:440px;line-height:1.8}.product-tabs{display:flex;border-bottom:1px solid var(--line);gap:37px}.product-tabs button{padding:16px 0 19px;background:none;border:0;color:#8f9fb5;font-size:14px;position:relative}.product-tabs button[aria-selected=true]{color:#e4edfb}.product-tabs button[aria-selected=true]:after{content:'';position:absolute;inset:auto 0 -1px;height:2px;background:#91b9f7}.product-panel{display:grid;grid-template-columns:.9fr 1.3fr;gap:65px;padding-top:49px;align-items:center;min-height:430px}.small-label{display:block;font-size:10px;color:#87a7ce;letter-spacing:.1em}.product-copy h3{font-size:34px;margin:18px 0}.product-copy>p{font-size:15px;max-width:370px}.checks{padding:0;list-style:none;margin:22px 0 26px;font-size:13px;color:#bdcadb}.checks li{margin:10px 0}.checks li:before{content:'✓';color:#81a5d7;margin-right:10px}.text-link{font-size:14px;color:#bcd5ff;display:inline-flex;gap:18px}.product-preview{border:1px solid #91b9ff26;background:radial-gradient(ellipse at 100% 0,#172a44,#0f151f 70%);border-radius:12px;box-shadow:0 28px 60px #0003;overflow:hidden;min-width:0}.preview-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:14px 22px;color:#7588a3;font-size:10px}.preview-brand{font-size:12px;color:#ccd9eb}.preview-content{padding:27px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.preview-content h4{font-size:21px;letter-spacing:-.03em;margin-top:8px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:10px;background:#324c68;flex-shrink:0}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:7px;margin-bottom:14px}.preview-stats>div{padding:14px 19px}.preview-stats>div+div{border-left:1px solid var(--line)}.preview-stats span{font-size:11px;color:#879cb8;display:block}.preview-stats strong{font-size:27px;font-weight:500;display:block}.task-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #ffffff09}.task-row:last-child{border:0;padding-bottom:2px}.task-row>div{min-width:0;flex:1}.task-row b{display:block;font-size:12px;font-weight:500;line-height:1.5}.task-row div>span{font-size:10px;color:#8598b1;display:block;margin-top:3px}.task-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff13;border-radius:7px;flex-shrink:0;font-size:15px}.blue{color:#96bcff;background:#609aff14}.violet{color:#b4abe7;background:#a395dc10}.green{color:#a5d9c4;background:#76bb9e0c}.tag{font-size:9px;padding:3px 8px;border:1px solid #93baff25;border-radius:4px;background:#91b8f30a;white-space:nowrap;color:#afc2dd}.tag.amber{color:#ddc198;border-color:#ddba7430;background:#ddba7409}.delivery{display:flex;align-items:center;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.delivery:last-child{border:0}.step-number{font-size:12px;color:#8faad0;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;width:30px;height:30px;flex-shrink:0}.delivery>div{flex:1}.delivery b{font-size:13px;font-weight:500}.delivery p{font-size:11px;margin-top:4px}.case-meta{display:flex;gap:15px;color:#8eb2dd;font-size:11px;margin:20px 0}
.flow-section{border-block:1px solid var(--line);background:linear-gradient(120deg,#101c2c66,transparent)}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;margin-top:60px}.flow-number{display:flex;align-items:center;gap:20px;color:#9bb7dd;font-size:14px;font-variant-numeric:tabular-nums;margin-bottom:25px}.flow-number i{height:1px;background:linear-gradient(90deg,#6883aa55,#6883aa00);flex:1}.flow-grid h3{font-size:20px;letter-spacing:-.025em;margin-bottom:17px}.flow-grid p{font-size:14px;line-height:1.8}.flow-detail{display:block;font-size:11px;color:#748eaf;margin-top:25px}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;padding-top:8px}.resource-symbol{display:block;font-size:25px;color:#a1bce1;margin-bottom:27px}.resource-grid h3{font-size:19px;margin-bottom:14px;letter-spacing:-.025em}.resource-grid p{font-size:14px;line-height:1.8}.resources{padding-bottom:75px}.pricing{border-top:1px solid var(--line)}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.plan{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:#0e141e;padding:34px 36px;position:relative}.plan.recommended{background:radial-gradient(ellipse at 100% 0,#20375966,transparent 70%),#101925;border-color:#547bae80}.plan-name{display:flex;justify-content:space-between;gap:12px;align-items:center}.plan-name h3{font-size:25px}.plan-badge{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#bdd7ff;border:1px solid #98bdff44;border-radius:20px;padding:4px 9px}.plan-description{font-size:14px;margin-top:14px;min-height:46px}.price{display:flex;align-items:baseline;gap:9px;margin-top:27px;flex-wrap:wrap}.price strong{font-size:50px;letter-spacing:-.05em;font-weight:500}.price>span{font-size:19px;color:#a8bad1}.price small{font-size:13px;color:#8b9cb3;margin-left:3px}.price-soon strong{font-size:38px}.price-soon small{flex-basis:100%;margin-left:0}.plan-limit{display:flex;gap:24px;color:#c4d1e3;font-size:12px;border-bottom:1px solid var(--line);padding:18px 0 23px}.plan ul{flex:1;font-size:14px;margin:21px 0 26px;list-style:none;padding:0}.plan li{display:flex;gap:10px;line-height:1.6;color:#b3c2d6;margin-bottom:12px}.plan li:before{content:'✓';color:#90b9ef}.plan .button{width:100%}.plans-message{grid-column:1/-1;padding:40px;border:1px solid var(--line);border-radius:12px}.plans-message button{margin-top:15px}.pricing-note{font-size:12px;margin-top:23px;text-align:center}.pricing-note a{color:#bcd5ff;text-decoration:underline;text-underline-offset:3px}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;border-top:1px solid var(--line)}.faq-section>div>p{margin-top:22px;font-size:15px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:22px 30px 22px 0;position:relative;font-size:15px;line-height:1.6}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:2px;top:22px;font-size:20px;color:#8396b2;line-height:1.2}.faq details[open] summary:after{content:'−'}.faq p{font-size:14px;line-height:1.8;padding:0 25px 24px 0}.closing{background:radial-gradient(ellipse at 50% 115%,#2b507947,transparent 60%),linear-gradient(#0b121d,var(--bg));border-block:1px solid var(--line);text-align:center;padding:85px 0 92px}.closing .eyebrow{justify-content:center;color:#859cbb}.closing h2{margin:24px 0 20px;font-size:clamp(30px,3.8vw,52px)}.closing h2 span{color:#9bb3d4}.closing p{font-size:15px}.closing .button{margin-top:30px}.footer{display:flex;align-items:center;gap:28px;min-height:110px;flex-wrap:wrap;font-size:11px;color:#7e91ac}.footer .brand{font-size:18px;color:#d4dfef}.footer nav{display:flex;gap:24px;margin-left:auto}.back-top{margin-left:20px}
@media(min-width:1600px){.hero-content{padding-top:215px}.hero h1{font-size:78px}.hero-foot{margin-top:90px}.hero-bottom{gap:100px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.brand-tag{display:none}.hero-bottom{gap:45px}.desktop-nav{gap:20px}.nav-actions{gap:18px;margin-left:5px}.hero-copy>p{font-size:16px}.hero-copy .secondary-copy{font-size:14px}.hero h1{font-size:62px}.live-head{padding-inline:15px}.demo-label{font-size:8px}.connections .wrap{gap:30px}.connections .connection-note{display:none}.section-intro{gap:45px}.product-panel{gap:35px;grid-template-columns:.85fr 1.15fr}.product-copy h3{font-size:30px}.preview-content{padding:22px}.flow-grid,.resource-grid{gap:24px}.plan{padding:28px}.faq-section{gap:50px}.footer{gap:20px}.back-top{display:none}}
@media(max-width:760px){html{scroll-padding-top:30px}.wrap{width:calc(100% - 40px)}.nav{height:74px;gap:15px}.brand{font-size:20px}.brand img{width:25px;height:25px}.desktop-nav{display:none}.nav-actions{margin-left:auto;gap:12px}.nav-actions>.button{display:none}.login{font-size:13px}.menu-toggle{display:block}.hero-content{padding-top:135px}.hero h1{font-size:clamp(39px,7.5vw,57px);margin:24px 0 29px}.hero .eyebrow{font-size:9px;letter-spacing:.1em}.hero-bottom{grid-template-columns:1fr;gap:35px}.hero-copy>p{font-size:16px;max-width:560px}.hero-copy .secondary-copy{font-size:14px}.desktop-break{display:none}.actions{margin-top:25px;gap:10px}.button{padding:13px 18px;gap:15px;font-size:13px}.hero-copy .micro{font-size:11px}.live-card{width:100%;max-width:570px}.live-head{padding:15px 20px}.demo-label{font-size:9px}.live-body{min-height:220px}.live-body p{font-size:14px;min-height:46px}.hero-foot{margin-top:36px;font-size:8px;letter-spacing:.08em;padding-bottom:23px}.light-ribbon{left:-200px;top:-260px;opacity:.7}.light-ribbon.two{left:50%}.connections .wrap{min-height:120px;gap:10px 28px;padding-block:20px;justify-content:center}.connections span:first-child{flex-basis:100%;text-align:center;font-size:11px}.connections b{font-size:18px}.section{padding-block:66px}.section-intro{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-intro p{font-size:15px;max-width:560px}.eyebrow.muted{font-size:10px;margin-bottom:17px}.section-intro h2 br{display:none}.product-tabs{gap:20px;justify-content:space-between}.product-tabs button{font-size:12px;line-height:1.5;text-align:left;padding:12px 0 15px}.product-panel{grid-template-columns:1fr;gap:30px;padding-top:32px;min-height:0}.product-copy h3{font-size:30px}.product-copy>p{max-width:none}.product-copy h3 br{display:none}.checks{margin:18px 0}.preview-content{padding:22px 19px}.preview-heading{gap:10px}.preview-content h4{font-size:19px}.preview-stats>div{padding:12px}.task-row{gap:10px}.task-row b{font-size:11px}.task-row div>span{font-size:10px}.tag{font-size:9px;padding:3px 6px}.flow-grid,.resource-grid{grid-template-columns:1fr 1fr;gap:32px 24px;margin-top:34px}.flow-grid h3{font-size:19px}.flow-grid p,.resource-grid p{font-size:13px}.flow-number{margin-bottom:15px}.flow-detail{font-size:10px;margin-top:17px}.resource-symbol{margin-bottom:17px}.resource-grid h3{font-size:18px}.plans{grid-template-columns:1fr;gap:20px}.plan{padding:27px}.plan-description{min-height:0}.plan-badge{font-size:9px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-section h2 br,.faq-section>div>p br{display:none}.faq-section>div>p{margin-top:15px}.faq summary{font-size:14px}.closing{padding:65px 0}.closing .eyebrow{font-size:9px}.closing h2{font-size:32px;line-height:1.17}.closing h2 br{display:none}.closing p{font-size:14px}.footer{padding-block:30px;justify-content:space-between;gap:20px}.footer nav{margin:0;width:100%;gap:25px}.footer .brand{font-size:18px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:36px}.actions{flex-direction:column}.actions .button{width:100%}.live-head{font-size:11px;padding:13px}.demo-label{font-size:8px}.live-body{padding:20px}.flow-grid,.resource-grid{grid-template-columns:1fr}.preview-stats span{font-size:10px}.task-row>.tag{display:none}.product-tabs{gap:12px}.product-tabs button{font-size:11px}.price strong{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Liquid glass and ambient motion — progressive enhancement. */
/* Topbar: uma barra só, com altura e conteúdo fixos. Ao rolar, só o vidro
 * aparece (cores com transição curta) e a largura encolhe com mola, pelo
 * landing.js. Nada dentro dela muda de tamanho, o que evitava os "pulos". */
.site-header{position:fixed;top:0;left:0;right:0;border:0;pointer-events:none;z-index:50;padding-top:12px}
.site-header .nav{pointer-events:auto;height:60px;border:1px solid transparent;border-radius:999px;position:relative;isolation:isolate;background-color:transparent;transition:background-color .3s,border-color .3s,box-shadow .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s}
.site-header .nav:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--glass-x,35%) 0%,#e2edff24,transparent 70%),linear-gradient(115deg,#b7cbdb35,#b2c8e221 40%,#7f9ebc28);opacity:0;transition:opacity .3s}
.site-header.is-floating .nav{background-color:#0f1d3052;border-color:#e3eeff30;backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);box-shadow:inset 0 1px 0 #ffffff50,inset 0 -1px 0 #ffffff10,0 10px 38px #00000024}
.site-header.is-floating .nav:before{opacity:1}
.site-header .nav>*{opacity:0;animation:nav-item .9s cubic-bezier(.22,.8,.22,1) forwards}
.site-header .brand{animation-delay:.05s}.site-header .desktop-nav{animation-delay:.18s}.site-header .nav-actions{animation-delay:.3s}
@keyframes nav-item{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mobile-nav{pointer-events:auto;width:calc(100% - 40px);margin:8px auto 0;border:1px solid #ffffff30;border-radius:24px;background:linear-gradient(125deg,#203950e6,#0e1b2ed9);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);box-shadow:inset 0 1px 0 #ffffff30,0 15px 40px #0004}
.motion-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.hero-content{position:relative;z-index:1}.hero-motion{opacity:.85}.hero-copy{position:relative}.hero-copy>p{color:#d1dceb;text-shadow:0 1px 14px #0a1729}.hero-copy .secondary-copy{color:#afc0d6}.hero h1{text-shadow:0 2px 35px #14233945}
.motion-ready .hero-grid{opacity:0}
.atmosphere{background:radial-gradient(ellipse at 77% -8%,#3c6794 0,transparent 62%),radial-gradient(ellipse at 5% 6%,#3c638c 0,transparent 58%),linear-gradient(#1d395a,#080c13 98%)}
.atmosphere:after{background:linear-gradient(0deg,var(--bg) 0%,#080c1344 30%,transparent 67%),linear-gradient(90deg,#0b142217,transparent)}
.sky-clouds{position:absolute;width:145%;height:120%;left:-23%;top:-28%;opacity:.55;mix-blend-mode:screen;transform-origin:center;animation:sky-flow 10s ease-in-out infinite alternate;will-change:transform;pointer-events:none;mask-image:linear-gradient(#000 20%,#000b 48%,transparent 94%)}
.light-ribbon{border:0;box-shadow:none;filter:blur(33px);width:1150px;height:330px;background:radial-gradient(ellipse at 50% 45%,#d1d8c970 0,#bccddd35 33%,transparent 68%);left:-12%;top:-120px;transform:rotate(-27deg);animation:cloud-current 8s ease-in-out infinite alternate;will-change:transform;opacity:.8}
.light-ribbon.two{border:0;box-shadow:none;width:1050px;height:390px;left:50%;top:90px;background:radial-gradient(ellipse,#d7dcca64 0,#b3c7d12c 35%,transparent 65%);transform:rotate(-45deg);animation:cloud-current-two 11s ease-in-out infinite alternate;animation-delay:-4s}
@keyframes sky-flow{from{transform:translate3d(-4%,0,0) scale(1.03) rotate(-3deg)}to{transform:translate3d(10%,12%,0) scale(1.16) rotate(6deg)}}
@keyframes cloud-current{from{transform:translate3d(-120px,-45px,0) rotate(-32deg) scale(1)}to{transform:translate3d(240px,140px,0) rotate(-15deg) scale(1.16)}}
@keyframes cloud-current-two{from{transform:translate3d(80px,-110px,0) rotate(-45deg)}to{transform:translate3d(-170px,140px,0) rotate(-26deg)}}
.live-card,.product-preview,.plan,.button.glass{position:relative;isolation:isolate;background:radial-gradient(ellipse at var(--glass-x,20%) var(--glass-y,0%),#b5d5ff19,transparent 65%),linear-gradient(130deg,#50708a29,#15243b4d 60%,#62809c14);border:1px solid #d6e7ff2b;backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%);box-shadow:inset 0 1px 0 #ffffff32,inset 0 -1px 0 #b1d5ff0d,0 18px 45px #00000024}
.live-card:before,.product-preview:before,.plan:before,.button.glass:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 300px 180px at var(--glass-x,25%) var(--glass-y,0%),#e5f3ff14,transparent 80%);opacity:.8;transition:opacity .3s}
.live-card{border-radius:18px;background:radial-gradient(ellipse at var(--glass-x,20%) var(--glass-y,0%),#d5e7ff1a,transparent 70%),linear-gradient(120deg,#54718b2b,#16243b70);box-shadow:inset 0 1px 0 #ffffff38,inset 1px 0 0 #ffffff0d,0 22px 65px #0003}
.live-head,.preview-top{background:#c3dfff05;border-bottom-color:#dbeaff1d}.live-body p{color:#c0cede}.demo-facts{border-top-color:#e0edff20}.demo-facts b{color:#edf5ff}.demo-steps{background:#06213a20;border-top-color:#ffffff20}.demo-steps button.active{background:linear-gradient(#d3e4ff19,#a9c7ff08);box-shadow:inset 0 1px 0 #ffffff1a}
.button.glass{box-shadow:inset 0 1px 0 #ffffff35,inset 0 -1px 0 #ffffff0c,0 4px 16px #00000015;border-color:#dfecff3a}.button.glass:hover{background:radial-gradient(ellipse at var(--glass-x,50%) var(--glass-y,0%),#ebf3ff2b,transparent 80%),#b5d5ff19;border-color:#dfecff60}
.button.light{background:linear-gradient(155deg,#fff,#e3edf8);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #b0c2da66,0 4px 18px #0002;border-color:#fff9}.button.light:hover{box-shadow:inset 0 1px 0 #fff,0 6px 26px #b8d5ff30}
.product-preview{border-radius:18px;background:radial-gradient(ellipse at var(--glass-x,100%) var(--glass-y,0%),#5f8bbc21,transparent 70%),linear-gradient(135deg,#1f34477a,#0e192d80)}
.preview-stats{background:linear-gradient(120deg,#bedfff09,#98caff03);box-shadow:inset 0 1px 0 #ffffff12;border-color:#ffffff20}.plan{background:radial-gradient(ellipse at var(--glass-x,10%) var(--glass-y,0%),#a4c9ff10,transparent 70%),linear-gradient(130deg,#2a3f533a,#111c2c66);border-radius:20px}.plan.recommended{background:radial-gradient(ellipse at var(--glass-x,20%) var(--glass-y,0%),#8abfff29,transparent 70%),linear-gradient(130deg,#304c7066,#14243b66);border-color:#b0cefa50}
.flow-section{background:radial-gradient(ellipse at 0 0,#2d527429,transparent 65%),linear-gradient(110deg,#152a3c44,transparent)}
.closing{position:relative;isolation:isolate;overflow:hidden;min-height:570px;display:grid;place-items:center;padding:115px 0;background:radial-gradient(ellipse at 50% 75%,#23487930,transparent 60%),linear-gradient(#080c13,#0b1422 72%,#080c13)}
.closing:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#c4dfff06 1px,transparent 1px),linear-gradient(90deg,#c4dfff06 1px,transparent 1px);background-size:84px 84px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%)}
.closing .wrap{position:relative;z-index:1}.closing h2{text-shadow:0 2px 25px #080c13}.closing p{text-shadow:0 1px 12px #080c13;color:#b6c5d9}.closing-motion{z-index:0}
.hero:not(.motion-visible) .sky-clouds,.hero:not(.motion-visible) .light-ribbon,.motion-paused .sky-clouds,.motion-paused .light-ribbon{animation-play-state:paused}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header.is-floating .nav{background:#29415bef}.live-card,.product-preview,.plan{background:#162337f2}.button.glass{background:#32455fcf}}
@media(max-width:760px){html{scroll-padding-top:90px}.site-header{padding-top:8px}.site-header .nav{height:56px}.sky-clouds{width:195%;left:-55%;height:100%;opacity:.42}.light-ribbon{width:750px;left:-340px;top:-70px}.light-ribbon.two{width:700px;left:20%;top:130px}.hero-motion{opacity:.65}.live-card{backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.closing{min-height:510px;padding:90px 0}}
@media(prefers-reduced-motion:reduce){.sky-clouds,.light-ribbon{animation:none!important;will-change:auto}.sky-clouds{transform:translate3d(3%,4%,0)}.site-header,.site-header .nav,.site-header .nav:before{transition:none}.site-header .nav>*{animation:none;opacity:1}.motion-canvas{opacity:.65}}