*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}:root{--blue:#0b57f5;--blue2:#64c7ff;--ink:#07112f;--muted:#56627d;--line:rgba(17,77,174,.12);--paper:#f8fbff;--card:rgba(255,255,255,.78)}body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}.page-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(180deg,#fbfdff 0%,#f5f9ff 46%,#fff 100%)}.page-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,97,220,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(18,97,220,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.page-bg i{position:absolute;width:42rem;height:42rem;border-radius:50%;filter:blur(12px);opacity:.2;animation:drift 15s ease-in-out infinite}.page-bg i:nth-child(1){background:#48baff;top:-20rem;right:-12rem}.page-bg i:nth-child(2){background:#476cff;top:35%;left:-30rem;animation-delay:-5s}.page-bg i:nth-child(3){background:#74dcff;bottom:-25rem;right:-18rem;animation-delay:-9s}@keyframes drift{50%{transform:translate(3rem,2rem) scale(1.12)}}a{text-decoration:none;color:inherit}.container{width:min(1380px,calc(100% - 80px));margin:auto}.header{height:92px;display:flex;align-items:center;position:relative;z-index:50}.header__inner{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px}.logo__mark{display:grid;place-items:center;width:36px;height:36px;color:white;font-weight:900;font-style:italic;font-size:20px;clip-path:polygon(0 0,50% 32%,100% 0,100% 100%,50% 68%,0 100%);background:linear-gradient(135deg,#08b8ff,#133cff)}.logo__text{font-weight:850;letter-spacing:.05em;font-size:20px}.nav{display:flex;gap:40px}.nav a{font-size:14px;font-weight:650;transition:.2s}.nav a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:12px;padding:15px 24px;font-weight:750;font-size:14px;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn--primary{color:#fff;background:linear-gradient(135deg,#1771ff,#073de5);box-shadow:0 12px 28px rgba(11,87,245,.25)}.btn--nav{padding:13px 21px}.btn--large{padding:18px 27px}.btn--ghost{background:rgba(255,255,255,.72);border-color:var(--line);box-shadow:0 10px 30px rgba(18,70,150,.06)}.btn--white{background:white;color:var(--blue);box-shadow:0 16px 40px rgba(0,19,89,.18)}.menu-toggle{display:none;border:0;background:none;width:34px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:7px}.section-shell{position:relative}.hero{min-height:calc(100vh - 92px);display:flex;flex-direction:column;justify-content:center;padding:42px 0 90px}.hero:before{content:"";position:absolute;width:70vw;height:70vw;right:-24vw;top:-24vw;border:1px solid rgba(51,138,255,.12);border-radius:50%;box-shadow:0 0 0 80px rgba(51,138,255,.025),0 0 0 180px rgba(51,138,255,.018)}.hero__grid{display:grid;grid-template-columns:.85fr 1.35fr;align-items:center;gap:38px}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.18em;color:var(--blue);display:flex;align-items:center;gap:9px}.eyebrow span{width:24px;height:2px;background:linear-gradient(90deg,var(--blue),var(--blue2))}.hero h1{font-size:clamp(48px,5.2vw,79px);line-height:1.01;letter-spacing:-.055em;margin:20px 0 28px;max-width:720px}.hero h1 em,.section-head h2 em,.setup h2 em,.faq h2 em,.download h2 em{font-style:normal;color:var(--blue)}.hero__desc{font-size:17px;line-height:1.75;color:var(--muted);max-width:580px}.hero__actions{display:flex;gap:12px;margin-top:34px}.hero__trust{display:flex;gap:20px;margin-top:22px;color:#75809a;font-size:12px}.hero__visual{position:relative;min-width:0}.hero__visual img{display:block;width:100%;position:relative;z-index:2;filter:drop-shadow(0 30px 50px rgba(44,101,180,.16))}.hero__halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#b9e9ff 0,rgba(127,207,255,.1) 45%,transparent 72%);left:20%;top:8%;animation:pulse 5s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.08);opacity:.7}}.float-card{position:absolute;z-index:3;background:rgba(255,255,255,.8);border:1px solid rgba(82,154,255,.2);box-shadow:0 15px 50px rgba(24,83,157,.13);backdrop-filter:blur(15px);padding:15px 18px;border-radius:15px;animation:float 4s ease-in-out infinite}.float-card small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.float-card b{font-size:20px}.float-card i{font-style:normal;font-size:10px;color:#04a77a;margin-left:6px}.float-card--one{right:2%;top:33%}.float-card--two{left:5%;top:21%;animation-delay:-2s}@keyframes float{50%{transform:translateY(-10px)}}.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;color:#7c89a5;font-size:11px}.scroll-cue i{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--blue);font-style:normal;background:white;box-shadow:0 8px 25px rgba(0,71,195,.09)}.features,.setup,.pricing,.faq{padding:120px 0}.section-orbit{position:absolute;left:50%;top:0;width:120vw;height:340px;border-radius:50%;border-top:1px solid rgba(31,111,255,.12);transform:translateX(-50%);pointer-events:none}.section-head{text-align:center;max-width:790px;margin:0 auto 60px}.section-head .eyebrow{justify-content:center}.section-head h2,.setup h2,.faq h2,.download h2{font-size:clamp(38px,4.2vw,62px);line-height:1.08;letter-spacing:-.045em;margin:18px 0}.section-head>p:last-child,.faq__intro>p:last-child,.download__inner>div>p:last-child{font-size:16px;line-height:1.7;color:var(--muted)}.feature-layout{display:grid;grid-template-columns:.9fr 1.25fr;gap:24px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-card{position:relative;display:flex;align-items:flex-start;gap:14px;padding:24px 20px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 45px rgba(21,76,145,.05);backdrop-filter:blur(12px);transition:.3s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(11,87,245,.3);box-shadow:0 20px 50px rgba(21,76,145,.1)}.feature-card>b{position:absolute;right:15px;top:13px;color:#c6d0e3;font-size:10px}.feature-icon{width:43px;height:43px;flex:none;border-radius:12px;display:grid;place-items:center;color:var(--blue);font-size:21px;background:linear-gradient(135deg,#eef6ff,#e5edff)}.feature-card h3{font-size:14px;margin:3px 0 7px}.feature-card p{font-size:12px;line-height:1.55;color:var(--muted)}.showcase{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 25px 70px rgba(18,73,140,.09);align-self:stretch}.showcase__top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;margin-bottom:18px}.showcase__top small{color:var(--muted);font-weight:500}.live-dot{display:inline-block;width:7px;height:7px;background:#24d39a;border-radius:50%;box-shadow:0 0 0 5px rgba(36,211,154,.1);margin-right:7px}.video-frame{position:relative;border-radius:15px;overflow:hidden;background:#09132e}.video-frame img{display:block;width:100%}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:64px;height:64px;border:0;border-radius:50%;color:#fff;background:linear-gradient(135deg,#3392ff,#083ee7);font-size:20px;padding-left:4px;box-shadow:0 14px 35px rgba(0,63,229,.38);cursor:pointer}.showcase__stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px}.showcase__stats span{padding:0 14px;color:var(--muted);font-size:11px;border-right:1px solid var(--line)}.showcase__stats span:last-child{border:0}.showcase__stats b{display:block;font-size:18px;color:var(--ink);margin-bottom:3px}.setup{background:linear-gradient(180deg,transparent,rgba(228,241,255,.55),transparent)}.setup__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:72px;align-items:center}.setup__visual{position:relative}.video-frame--setup{border:8px solid rgba(255,255,255,.8);box-shadow:0 30px 80px rgba(16,75,156,.15)}.setup__badge{position:absolute;right:-25px;bottom:-20px;background:white;border:1px solid var(--line);border-radius:12px;padding:14px 20px;color:var(--blue);font-size:12px;font-weight:800;box-shadow:0 12px 35px rgba(18,74,143,.12)}.steps{list-style:none;margin-top:32px}.steps li{position:relative;display:flex;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.steps li>b{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:#eaf2ff;color:var(--blue);font-size:12px}.steps h3{font-size:15px;margin:2px 0 5px}.steps p{font-size:12px;color:var(--muted)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:20px;max-width:1100px;margin:auto}.price-card{position:relative;padding:36px;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.72);box-shadow:0 20px 55px rgba(17,74,146,.06)}.price-card--main{padding:52px 36px;border-color:rgba(11,87,245,.4);box-shadow:0 25px 70px rgba(11,87,245,.15);background:linear-gradient(180deg,#fff,#f4f8ff)}.popular{position:absolute;right:24px;top:20px;font-size:9px;letter-spacing:.12em;color:#fff;background:var(--blue);padding:7px 10px;border-radius:20px}.price-card>p{font-size:11px;color:var(--blue);font-weight:850;letter-spacing:.16em}.price-card h3{font-size:42px;margin:16px 0 4px}.price-card h3 small{font-size:13px;color:var(--muted);font-weight:500}.price-card>span{color:var(--muted);font-size:13px}.price-card ul{list-style:none;margin:28px 0;display:grid;gap:13px;font-size:13px}.price-card li:before{content:"✓";color:var(--blue);font-weight:800;margin-right:10px}.price-card .btn{width:100%}.pricing-note{text-align:center;margin-top:24px;font-size:11px;color:#8994ac}.faq__grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.accordion details{border-bottom:1px solid var(--line);padding:0 4px}.accordion summary{list-style:none;cursor:pointer;padding:24px 0;font-size:16px;font-weight:750;display:flex;justify-content:space-between}.accordion summary::-webkit-details-marker{display:none}.accordion summary i{font-style:normal;color:var(--blue);font-size:22px;transition:.2s}.accordion details[open] summary i{transform:rotate(45deg)}.accordion details p{color:var(--muted);font-size:13px;line-height:1.7;padding:0 45px 24px 0}.download{margin:40px 30px 0;border-radius:30px 30px 0 0;background:linear-gradient(135deg,#092982,#0755f3 55%,#1aa7ff);color:#fff;overflow:hidden}.download__glow{position:absolute;width:500px;height:500px;border-radius:50%;right:5%;top:-300px;background:rgba(131,231,255,.35);filter:blur(40px)}.download__inner{min-height:370px;display:flex;align-items:center;justify-content:space-between;position:relative}.download .eyebrow,.download h2 em{color:#91e4ff}.download .eyebrow span{background:#91e4ff}.download__inner>div>p:last-child{color:rgba(255,255,255,.7)}.footer{background:#061d60;color:white;padding:28px 0}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:11px;color:rgba(255,255,255,.55)}.footer .logo{color:white}.footer__inner>div{display:flex;gap:25px}.toast{position:fixed;z-index:99;left:50%;bottom:25px;transform:translate(-50%,130%);opacity:0;max-width:calc(100% - 30px);padding:14px 20px;border-radius:12px;background:#07112f;color:#fff;font-size:12px;box-shadow:0 15px 45px rgba(0,0,0,.2);transition:.35s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal--right{transform:translateX(38px)}.reveal.visible{opacity:1;transform:none}.feature-card:nth-child(2),.price-card:nth-child(2){transition-delay:.08s}.feature-card:nth-child(3),.price-card:nth-child(3){transition-delay:.14s}.feature-card:nth-child(4){transition-delay:.2s}.feature-card:nth-child(5){transition-delay:.26s}.feature-card:nth-child(6){transition-delay:.32s}
@media(max-width:1050px){.container{width:min(100% - 40px,900px)}.hero__grid,.setup__grid{grid-template-columns:1fr}.hero{padding-top:70px}.hero__content{text-align:center}.hero__content .eyebrow{justify-content:center}.hero__desc{margin-inline:auto}.hero__actions,.hero__trust{justify-content:center}.hero__visual{max-width:780px;margin:auto}.feature-layout{grid-template-columns:1fr}.setup__grid{gap:50px}.setup__content{max-width:680px}.price-card{padding:28px}.price-card--main{padding:42px 28px}.faq__grid{gap:50px}.nav{gap:20px}}
@media(max-width:720px){.container{width:calc(100% - 32px)}.header{height:76px}.header .btn--nav{display:none}.menu-toggle{display:block;position:absolute;right:16px;z-index:3}.nav{display:none;position:absolute;top:66px;left:16px;right:16px;padding:20px;flex-direction:column;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px rgba(17,70,140,.15)}.nav.open{display:flex}.hero{min-height:auto;padding:70px 0 110px}.hero h1{font-size:46px}.hero__actions,.hero__trust{flex-direction:column;align-items:stretch}.hero__trust{gap:9px}.float-card{display:none}.scroll-cue span{display:none}.features,.setup,.pricing,.faq{padding:85px 0}.feature-list,.price-grid,.faq__grid{grid-template-columns:1fr}.feature-card:nth-child(n){transition-delay:0s}.showcase{padding:14px}.showcase__top small{display:none}.showcase__stats span{padding:0 6px}.showcase__stats b{font-size:14px}.setup__badge{right:10px}.price-card--main{padding:36px 28px}.faq__grid{gap:25px}.download{margin:20px 10px 0}.download__inner{padding:70px 0;flex-direction:column;align-items:flex-start;gap:35px}.footer__inner{flex-wrap:wrap}.footer__inner>p,.footer__inner>div{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-bg i,.hero__halo,.float-card{animation:none}.reveal{opacity:1;transform:none;transition:none}}
/* Neon X motion pass: tighter rhythm, light-driven entrances, no scroll gaps */
.page-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(520px circle at var(--mx,72%) var(--my,18%),rgba(69,174,255,.14),transparent 68%);transition:background-position .15s linear;pointer-events:none}
.hero{min-height:auto;padding:54px 0 72px;justify-content:flex-start}
.hero__grid{min-height:640px}
.features,.setup,.pricing,.faq{padding:92px 0}
.section-head{margin-bottom:46px}
.section-orbit{height:190px}
.price-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;gap:22px}
.price-card,.price-card--main{min-height:390px;padding:38px;display:flex;flex-direction:column;overflow:hidden}
.price-card:before{content:"";position:absolute;width:190px;height:190px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(88,190,255,.2),transparent 68%);transition:transform .5s ease}
.price-card:hover:before{transform:scale(1.7)}
.price-card ul{flex:1}
.price-card--main{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(233,243,255,.96));border-color:rgba(11,87,245,.42)}
.price-card--main:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.78) 49%,transparent 63%);transform:translateX(-130%);pointer-events:none}
.price-card--main.visible:after{animation:neonSweep 1.35s .35s cubic-bezier(.2,.7,.2,1) both}
@keyframes neonSweep{to{transform:translateX(130%)}}
.reveal{opacity:0;filter:blur(12px);clip-path:inset(10% 0 10% 0 round 18px);transform:translate3d(0,46px,0) scale(.965);transition:opacity .85s ease,filter .9s ease,clip-path .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,filter,transform}
.reveal--right{transform:translate3d(70px,10px,0) rotateY(-4deg) scale(.965);transform-origin:left center}
.reveal.visible{opacity:1;filter:blur(0);clip-path:inset(0 round 0);transform:none}
.feature-card.reveal:nth-child(odd){transform:translate3d(-34px,34px,0) rotate(-1deg) scale(.96)}
.feature-card.reveal:nth-child(even){transform:translate3d(34px,34px,0) rotate(1deg) scale(.96)}
.feature-card.reveal.visible{transform:none}
.feature-icon{position:relative;overflow:hidden;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}
.feature-card:hover .feature-icon{transform:translateY(-3px) rotate(-4deg) scale(1.08);box-shadow:0 10px 28px rgba(11,87,245,.18)}
.feature-card:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#1674ff,#71d6ff,transparent);transform:scaleX(0);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.feature-card:hover:after{transform:scaleX(1)}
.section-head.visible .eyebrow span{animation:lineCharge .8s .25s cubic-bezier(.16,1,.3,1) both}
@keyframes lineCharge{from{width:0;box-shadow:none}to{width:24px;box-shadow:0 0 14px rgba(11,87,245,.7)}}
.showcase.visible,.video-frame--setup{box-shadow:0 30px 90px rgba(24,91,179,.14),0 0 0 1px rgba(81,160,255,.08)}
@media(max-width:1050px){.hero__grid{min-height:auto}.hero{padding-top:48px}.features,.setup,.pricing,.faq{padding:78px 0}}
@media(max-width:720px){.hero{padding:50px 0 62px}.features,.setup,.pricing,.faq{padding:64px 0}.price-grid{grid-template-columns:1fr}.price-card,.price-card--main{min-height:0;padding:30px}.reveal,.reveal--right,.feature-card.reveal:nth-child(n){transform:translate3d(0,30px,0) scale(.98)}}
@media(prefers-reduced-motion:reduce){.reveal,.reveal--right,.feature-card.reveal:nth-child(n){opacity:1;filter:none;clip-path:none;transform:none}.price-card--main.visible:after,.section-head.visible .eyebrow span{animation:none}}
/* Conversion-focused lower half */
.sales-story{padding:72px 0 96px}.sales-story__inner{position:relative;overflow:hidden;padding:72px;border-radius:34px;color:#fff;background:linear-gradient(135deg,#050c24 0%,#071a4f 54%,#073da7 130%);box-shadow:0 35px 100px rgba(6,32,94,.2)}.sales-story__inner:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-220px;top:-290px;border:1px solid rgba(101,196,255,.24);box-shadow:0 0 0 70px rgba(45,130,255,.035),0 0 0 150px rgba(45,130,255,.025)}.sales-story__copy{position:relative;max-width:850px}.sales-story .eyebrow{color:#77d9ff}.sales-story h2,.value h2,.pricing__intro h2,.decision h2{font-size:clamp(38px,4vw,60px);line-height:1.08;letter-spacing:-.045em}.sales-story h2{margin:18px 0 22px}.sales-story h2 em,.value h2 em,.pricing__intro h2 em,.decision h2 em{font-style:normal;color:#4aa8ff}.sales-story__copy>p:last-child{max-width:700px;color:rgba(255,255,255,.66);font-size:16px;line-height:1.75}.shift{position:relative;display:grid;grid-template-columns:1fr 130px 1fr;align-items:stretch;margin-top:52px;border:1px solid rgba(142,201,255,.18);border-radius:23px;background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}.shift__side{padding:32px}.shift__side small{font-size:10px;font-weight:850;letter-spacing:.16em;color:#7da1ca}.shift__side--after small{color:#70d6ff}.shift__side h3{font-size:19px;margin:12px 0 20px}.shift__side ul{list-style:none;display:grid;gap:12px;color:rgba(255,255,255,.62);font-size:13px}.shift__side li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#62728f;margin-right:10px}.shift__side--after li:before{background:#42c7ff;box-shadow:0 0 12px #1689ff}.shift__core{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-inline:1px solid rgba(142,201,255,.16);background:rgba(4,16,55,.38);text-align:center}.shift__core span,.decision__mark{display:grid;place-items:center;width:48px;height:48px;color:#fff;font-weight:900;font-style:italic;font-size:23px;clip-path:polygon(0 0,50% 32%,100% 0,100% 100%,50% 68%,0 100%);background:linear-gradient(135deg,#31d0ff,#1554ff)}.shift__core b{font-size:9px;letter-spacing:.18em;color:#75bfff;line-height:1.45}.value{padding:102px 0}.value__head{display:grid;grid-template-columns:1.15fr .65fr;gap:100px;align-items:end;margin-bottom:56px}.value__head h2{margin-top:18px}.value__head>p{font-size:15px;line-height:1.75;color:var(--muted);padding-bottom:5px}.value__rail{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.value-point{display:flex;gap:22px;padding:40px 30px;border-right:1px solid var(--line)}.value-point:last-child{border:0}.value-point>span{font-size:11px;font-weight:850;color:var(--blue);letter-spacing:.12em}.value-point h3{font-size:19px;margin-bottom:10px}.value-point p{font-size:13px;line-height:1.65;color:var(--muted)}.pricing{padding:72px 0 106px}.pricing__shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:68px;border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.7);box-shadow:0 30px 90px rgba(23,79,149,.08);backdrop-filter:blur(18px)}.pricing__intro h2{margin:18px 0 22px}.pricing__intro>p:last-child{font-size:14px;line-height:1.72;color:var(--muted)}.plan-switch{display:grid;gap:14px}.plan-row{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1.1fr;gap:25px;padding:26px 28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(17,70,140,.05)}.plan-row__name{position:relative}.plan-row__name>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--blue)}.plan-row__name h3{font-size:40px;line-height:1;margin:10px 0 7px}.plan-row__name p{font-size:11px;color:var(--muted)}.plan-row ul{position:relative;list-style:none;display:grid;align-content:center;gap:8px;font-size:11px;color:#42506e}.plan-row li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:8px}.plan-row .btn{grid-column:1/-1;position:relative;width:100%}.plan-row--active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#071b55,#0957ef);box-shadow:0 20px 50px rgba(11,87,245,.22)}.plan-row--active .plan-row__name>span,.plan-row--active .plan-row__name p,.plan-row--active ul{color:rgba(255,255,255,.7)}.plan-row--active li:before{color:#72dcff}.plan-glow{position:absolute;width:220px;height:220px;right:-80px;top:-130px;border-radius:50%;background:rgba(80,208,255,.24);filter:blur(16px)}.decision{padding:0 0 96px}.decision__inner{display:grid;grid-template-columns:.8fr 1.5fr auto;gap:42px;align-items:center;padding:34px 38px;border-block:1px solid var(--line)}.decision__inner>div{display:flex;align-items:center;gap:18px}.decision__mark{width:38px;height:38px;font-size:18px;flex:none}.decision__inner>div p{font-size:9px;line-height:1.55;letter-spacing:.13em;font-weight:850;color:var(--blue)}.decision h2{font-size:clamp(26px,2.4vw,38px)}.decision .btn{white-space:nowrap}.faq{padding:88px 0 110px}.faq__grid{align-items:start}.faq__intro{position:sticky;top:40px}.accordion{border-top:1px solid var(--line)}.download{margin:0 24px;border-radius:34px 34px 0 0;background:linear-gradient(128deg,#06143f 0%,#073696 50%,#087df0 100%)}.download__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,black,transparent 70%)}.download__inner{min-height:510px;display:grid;grid-template-columns:1fr .72fr;gap:40px}.download__copy{position:relative;z-index:2}.download__copy h2{font-size:clamp(50px,5.2vw,76px);margin:18px 0}.download__copy>p:not(.eyebrow){max-width:650px}.download__actions{display:flex;align-items:center;gap:20px;margin-top:30px}.download__actions>span{font-size:10px;color:rgba(255,255,255,.55)}.download__robot{align-self:end;position:relative;height:480px}.download__robot img{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);height:96%;max-width:none;filter:drop-shadow(0 30px 50px rgba(0,0,0,.3))}.download__ring{position:absolute;width:380px;height:380px;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid rgba(101,218,255,.28);box-shadow:0 0 0 55px rgba(50,162,255,.055),0 0 0 115px rgba(50,162,255,.035)}.footer{background:#041338;padding:32px 0;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:1050px){.sales-story__inner,.pricing__shell{padding:48px}.shift{grid-template-columns:1fr 95px 1fr}.value__head{gap:45px}.pricing__shell{grid-template-columns:1fr}.decision__inner{grid-template-columns:1fr auto}.decision__inner>div{display:none}.download__inner{grid-template-columns:1fr .55fr}.download__robot{height:390px}}
@media(max-width:720px){.sales-story{padding:42px 0 64px}.sales-story__inner{padding:38px 25px;border-radius:24px}.shift{grid-template-columns:1fr;margin-top:34px}.shift__core{padding:18px;border-inline:0;border-block:1px solid rgba(142,201,255,.16);flex-direction:row}.shift__side{padding:25px}.value{padding:68px 0}.value__head{grid-template-columns:1fr;gap:20px}.value__rail{grid-template-columns:1fr}.value-point{padding:28px 5px;border-right:0;border-bottom:1px solid var(--line)}.pricing{padding:40px 0 72px}.pricing__shell{padding:28px 20px;border-radius:24px;gap:38px}.plan-row{grid-template-columns:1fr;padding:24px 20px}.plan-row .btn{grid-column:auto}.decision{padding-bottom:60px}.decision__inner{grid-template-columns:1fr;gap:25px;padding:28px 5px}.faq__intro{position:static}.download{margin:0 8px}.download__inner{display:flex;min-height:0;padding:70px 0 0}.download__copy h2{font-size:48px}.download__actions{align-items:flex-start;flex-direction:column}.download__robot{width:100%;height:360px}.download__robot img{height:92%}.download__ring{width:280px;height:280px}.footer{padding:25px 0}}
/* Cohesive brand surface: calm page, focused accents, fast premium motion */
body{background:#f7f9fd}
.page-bg{background:linear-gradient(180deg,#fbfdff 0%,#f7f9fd 32%,#fff 100%)}
.page-bg:before{background:none;mask-image:none}
.page-bg:after{display:none}
.page-bg i{display:none}
.hero{background:radial-gradient(ellipse 55% 48% at 76% 38%,rgba(80,187,255,.14),transparent 70%)}
.features{background:#fff;border-block:1px solid rgba(19,77,168,.07)}
.setup{background:linear-gradient(135deg,#f8fbff 0%,#eef5ff 50%,#f9fbff 100%)}
.value,.faq{background:#fff}
.pricing{background:linear-gradient(180deg,#f7faff,#eef5ff 52%,#f8fbff)}
.section-orbit{opacity:.42}
.reveal{opacity:0;filter:none;clip-path:none;transform:translate3d(0,18px,0) scale(.992);transition:opacity .44s ease,transform .52s cubic-bezier(.2,.75,.2,1);transition-delay:var(--reveal-delay,0ms)}
.reveal--right{transform:translate3d(24px,8px,0) scale(.992)}
.reveal.visible{opacity:1;transform:none}
.hero .reveal{opacity:1;transform:none;transition:none}
.feature-card.reveal:nth-child(n){transform:translate3d(0,16px,0) scale(.995)}
.feature-card.reveal.visible{transform:none}
.feature-card{background:#fff;border-color:rgba(24,86,177,.1);box-shadow:0 8px 28px rgba(28,75,135,.055);backdrop-filter:none}
.feature-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(25,82,160,.1)}
.showcase{background:#fff;backdrop-filter:none;box-shadow:0 18px 55px rgba(18,73,140,.09)}
.sales-story__inner{box-shadow:0 24px 70px rgba(6,32,94,.16)}
.pricing__shell{background:rgba(255,255,255,.88);box-shadow:0 18px 55px rgba(23,79,149,.07);backdrop-filter:none}
.plan-row{box-shadow:none}
.download{width:min(1380px,calc(100% - 48px));margin:66px auto 0;border:1px solid rgba(22,90,190,.12);border-radius:32px;background:linear-gradient(125deg,#fff 0%,#f0f7ff 48%,#ddebff 100%);color:var(--ink);overflow:hidden;box-shadow:0 25px 80px rgba(22,76,150,.12)}
.download:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 64%,rgba(22,104,255,.04) 64% 100%);pointer-events:none}
.download__glow{width:520px;height:520px;top:-260px;right:-70px;background:rgba(25,139,255,.18);filter:blur(22px)}
.download .eyebrow{color:var(--blue)}
.download .eyebrow span{background:var(--blue)}
.download h2 em{color:var(--blue)}
.download__inner>div>p:last-child,.download__copy>p:not(.eyebrow){color:var(--muted)}
.download__actions>span{color:#75829c}
.download__robot{height:500px}
.download__robot img{height:108%;bottom:-12%;filter:drop-shadow(0 30px 40px rgba(21,73,145,.22))}
.download__ring{width:390px;height:390px;border-color:rgba(25,122,255,.2);box-shadow:0 0 0 55px rgba(50,162,255,.045),0 0 0 110px rgba(50,162,255,.025)}
.footer{margin-top:34px;background:#fff;color:var(--ink);border-top:1px solid var(--line)}
.footer .logo{color:var(--ink)}
.footer__inner{color:#7b879f}
@media(max-width:720px){.download{width:calc(100% - 16px);margin-top:30px}.download:before{display:none}.download__inner{padding-top:58px}.download__robot{height:390px}.footer{margin-top:18px}.reveal,.reveal--right,.feature-card.reveal:nth-child(n){transform:translate3d(0,12px,0) scale(.997)}}
/* Neon X brand system — ice, graphite, electric blue */
:root{--blue:#0968ff;--blue2:#52d4ff;--ink:#061332;--muted:#5e6d8b;--line:rgba(30,104,211,.13);--paper:#f5f9ff;--card:rgba(255,255,255,.88)}
body{background:#f6f9fe}
.page-bg{display:block;background:linear-gradient(180deg,#f8fbff 0%,#f2f7fe 46%,#fbfdff 100%);overflow:hidden}
.page-bg:before{content:"";position:absolute;inset:0;display:block;background:radial-gradient(ellipse 62% 38% at 84% 8%,rgba(52,186,255,.16),transparent 72%),radial-gradient(ellipse 50% 34% at 8% 42%,rgba(47,101,255,.08),transparent 72%),linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.72) 49%,transparent 51%);background-size:auto,auto,240% 100%;animation:brandBeam 13s ease-in-out infinite;mask-image:none}
.page-bg:after{content:"";display:block;position:absolute;inset:0;background-image:linear-gradient(rgba(30,113,225,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(30,113,225,.025) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(to bottom,transparent 2%,black 18%,black 72%,transparent 96%)}
.page-bg i{display:block;position:absolute;width:28rem;height:28rem;border-radius:50%;filter:blur(90px);opacity:.11;animation:brandOrb 18s ease-in-out infinite}
.page-bg i:nth-child(1){background:#26bdff;right:-9rem;top:12%}.page-bg i:nth-child(2){background:#225bff;left:-15rem;top:48%;animation-delay:-6s}.page-bg i:nth-child(3){background:#67e2ff;right:8%;bottom:-13rem;animation-delay:-12s}
@keyframes brandBeam{50%{background-position:0 0,0 0,-65% 0}}
@keyframes brandOrb{50%{transform:translate3d(45px,-30px,0) scale(1.12)}}
.header{position:sticky;top:14px;height:80px;z-index:80;padding:0;background:transparent}
.header:before{content:"";position:fixed;left:0;top:0;width:var(--scroll-progress,0%);height:2px;background:linear-gradient(90deg,#0968ff,#65dfff);box-shadow:0 0 16px rgba(9,104,255,.5);z-index:100}
.header__inner{height:68px;padding:7px 10px 7px 16px;border:1px solid rgba(29,100,202,.12);border-radius:21px;background:rgba(249,252,255,.78);box-shadow:0 14px 48px rgba(24,70,130,.1),inset 0 1px 0 #fff;backdrop-filter:blur(22px) saturate(150%)}
.logo{width:225px;height:54px;overflow:hidden}
.logo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:drop-shadow(0 5px 14px rgba(31,109,221,.12))}
.nav{position:relative;gap:6px;padding:5px;border:1px solid rgba(28,96,194,.08);border-radius:14px;background:rgba(228,239,255,.5)}
.nav a{position:relative;z-index:2;padding:10px 16px;border-radius:10px;color:#33415f;font-size:12px;font-weight:750}
.nav a:hover,.nav a.active{color:#0759e7}
.nav__indicator{position:absolute;z-index:1;left:5px;top:5px;height:36px;width:0;border:1px solid rgba(50,135,255,.13);border-radius:10px;background:#fff;box-shadow:0 6px 18px rgba(35,94,174,.1);transition:left .35s cubic-bezier(.16,1,.3,1),width .35s cubic-bezier(.16,1,.3,1)}
.btn{border-radius:11px;letter-spacing:-.01em}
.btn--primary{background:linear-gradient(135deg,#1388ff 0%,#0648ed 64%,#1038c6 100%);box-shadow:0 12px 30px rgba(7,81,232,.25),inset 0 1px 0 rgba(255,255,255,.25)}
.btn--primary:hover{box-shadow:0 17px 38px rgba(7,81,232,.34);transform:translateY(-2px) scale(1.015)}
.hero{min-height:calc(100vh - 94px);padding:52px 0 42px;background:transparent;overflow:hidden}
.hero:before{width:58vw;height:58vw;right:-18vw;top:-18vw;border-color:rgba(51,165,255,.12);box-shadow:0 0 0 70px rgba(64,171,255,.025),0 0 0 150px rgba(28,100,255,.018)}
.hero__grid{min-height:650px;grid-template-columns:.82fr 1.18fr;gap:28px}
.hero__content{position:relative;z-index:5}
.hero h1{font-size:clamp(52px,5.35vw,82px);max-width:760px}
.hero h1 em{background:linear-gradient(90deg,#0758f3,#2bbcff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__visual{height:650px;display:flex;align-items:center;justify-content:center;perspective:1200px}
.hero__stage{position:relative;width:min(720px,100%);height:100%;transform:none;transition:none}
.hero__stage:before{content:"";position:absolute;z-index:0;width:78%;aspect-ratio:1;left:14%;top:9%;border-radius:50%;background:radial-gradient(circle,rgba(134,224,255,.34),rgba(64,153,255,.08) 46%,transparent 69%);filter:blur(8px);animation:stageAura 5.5s ease-in-out infinite}
.hero__stage>img{position:absolute;display:block}
.hero__stage>.hero__x{z-index:1;width:84%;height:auto;left:8%;top:1%;filter:saturate(1.1);opacity:.54;animation:xBreath 5.5s ease-in-out infinite}
.hero__stage>.hero__scene{z-index:2;width:104%;height:auto;left:-2%;bottom:-8%;filter:saturate(1.15);opacity:.82;animation:ringBreath 4.8s ease-in-out infinite}
.hero__stage>.hero__robot{z-index:3;height:92%;width:auto;max-width:88%;left:50%;bottom:-3%;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 30px 42px rgba(34,98,178,.22));animation:robotHover 4.8s ease-in-out infinite}
.hero__halo{z-index:0;width:80%;left:10%;top:8%;opacity:.7}
@keyframes stageAura{50%{transform:scale(1.08);opacity:.72}}
@keyframes xBreath{50%{transform:scale(1.025);opacity:.68}}
@keyframes ringBreath{50%{transform:scale(1.035);opacity:1}}
@keyframes robotHover{50%{transform:translate(-50%,-10px)}}
.float-card{display:block;width:220px;min-width:0;padding:13px 16px;border-color:rgba(55,147,255,.2);background:rgba(255,255,255,.84);box-shadow:none;backdrop-filter:blur(18px) saturate(150%)}
.float-card b{display:block;font-size:12px;line-height:1.25;white-space:nowrap}
.float-card small{margin:4px 0 0;font-size:9px;white-space:nowrap}
.float-card--one{left:0;right:auto;top:28%}
.float-card--two{left:auto;right:7%;top:calc(38% + 83px);animation-delay:-2s}
.float-card--three{left:2%;right:auto;top:48%;animation-delay:-1s}
.float-card--four{left:auto;right:9%;top:calc(58% + 83px);animation-delay:-3s}
.features{position:relative;background:rgba(255,255,255,.82);border-block-color:rgba(20,92,194,.07);overflow:hidden}
.features:before{content:"X";position:absolute;right:-6vw;top:2%;font-size:38vw;font-weight:900;line-height:1;color:rgba(65,178,255,.035);font-family:Arial,sans-serif;pointer-events:none}
.section-head{position:relative;z-index:2}
.feature-card{border-color:rgba(31,103,204,.1);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,249,255,.88));box-shadow:0 12px 34px rgba(28,79,143,.06)}
.feature-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 22%,rgba(99,205,255,.09) 48%,transparent 72%);opacity:0;transform:translateX(-20%);transition:.45s}
.feature-card:hover:before{opacity:1;transform:none}
.feature-icon{background:linear-gradient(145deg,#edf7ff,#e5efff);box-shadow:inset 0 0 0 1px rgba(45,123,238,.07)}
.showcase{border-color:rgba(37,112,220,.12);box-shadow:0 25px 70px rgba(21,77,151,.11)}
.setup{position:relative;background:linear-gradient(135deg,rgba(248,252,255,.96),rgba(232,243,255,.9),rgba(249,252,255,.96));overflow:hidden}
.setup:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-240px;top:5%;border:1px solid rgba(34,129,255,.11);box-shadow:0 0 0 60px rgba(52,158,255,.025),0 0 0 120px rgba(52,158,255,.018)}
.sales-story__inner{background:radial-gradient(circle at 90% 8%,rgba(41,154,255,.25),transparent 34%),linear-gradient(135deg,#050b19,#07183a 54%,#092a66);border:1px solid rgba(98,194,255,.14);box-shadow:0 30px 90px rgba(5,24,61,.2)}
.shift__core img{width:76px;height:68px;object-fit:cover;object-position:left center;filter:drop-shadow(0 0 16px rgba(54,185,255,.25))}
.value{background:rgba(255,255,255,.75)}
.value-point{transition:background .3s ease,transform .35s ease}
.value-point:hover{background:linear-gradient(180deg,rgba(237,247,255,.85),transparent);transform:translateY(-3px)}
.pricing{background:linear-gradient(180deg,rgba(244,249,255,.85),rgba(229,241,255,.88),rgba(247,251,255,.9))}
.pricing__shell{border-color:rgba(24,104,216,.12);background:rgba(255,255,255,.82);box-shadow:0 25px 80px rgba(29,87,159,.09)}
.plan-row--active{background:radial-gradient(circle at 85% 0,rgba(60,198,255,.22),transparent 38%),linear-gradient(135deg,#06183e,#0859e9);box-shadow:0 22px 55px rgba(8,88,234,.23)}
.decision__bird{width:48px;height:44px;object-fit:cover;object-position:left center;filter:drop-shadow(0 6px 15px rgba(21,111,238,.18))}
.download{background:radial-gradient(circle at 88% 12%,rgba(60,194,255,.24),transparent 33%),linear-gradient(125deg,rgba(255,255,255,.98),rgba(236,246,255,.98) 50%,rgba(216,237,255,.96));border-color:rgba(25,111,232,.15);box-shadow:0 30px 90px rgba(25,87,165,.14)}
.download__robot img{height:110%;bottom:-13%;filter:drop-shadow(0 34px 48px rgba(18,73,145,.25));animation:robotHover 5s ease-in-out infinite}
.footer .logo{width:205px;height:50px}
.reveal{opacity:0;transform:translate3d(0,14px,0);transition:opacity .38s ease,transform .46s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.reveal--right{transform:translate3d(18px,8px,0)}
.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.header__inner{padding-left:10px}.logo{width:180px}.nav a{padding:9px 11px}.hero{min-height:auto}.hero__grid{min-height:auto}.hero__visual{height:630px}.hero__stage{max-width:690px}}
@media(max-width:720px){.header{top:8px;height:70px}.header__inner{height:60px;border-radius:17px}.logo{width:160px;height:48px}.hero{padding-top:48px}.hero__grid{display:block}.hero__visual{height:510px;margin-top:20px}.hero__robot{height:88%}.hero__x{top:6%}.hero__scene{bottom:-3%}.float-card{display:block;transform:scale(.83)}.float-card--two{left:-4%;top:27%}.float-card--one{right:-4%;top:53%}.sales-story__inner{background:radial-gradient(circle at 100% 0,rgba(41,154,255,.2),transparent 28%),linear-gradient(145deg,#050b19,#071b43)}.download__robot img{height:100%}}
@media(prefers-reduced-motion:reduce){.page-bg:before,.page-bg i,.hero__stage:before,.hero__x,.hero__scene,.hero__robot,.download__robot img{animation:none}.hero__stage{transform:none!important}}
/* ===== Round 2 fixes: header/logo, layering, background, tone ===== */
/* Logo: crisp icon + real text, no more squished crop */
.logo,.footer .logo{width:auto;height:auto;overflow:visible;display:flex;align-items:center;gap:10px}
.logo img.logo__icon{display:block;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(31,109,221,.22))}
.logo__text{font-size:21px;font-weight:850;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.footer .logo{gap:9px}
.footer .logo img.logo__icon{width:34px;height:34px}
.footer .logo__text{font-size:18px}
/* Header: no CTA clutter, nav sits at the right edge next to the logo */
.header__inner{justify-content:space-between}
.nav{margin-left:auto}
/* Hero stage: correct stack order — scene behind, X in the middle, robot in front */
.hero__stage>.hero__scene{z-index:1}
.hero__stage>.hero__x{z-index:2}
.hero__stage>.hero__robot{z-index:3}
/* Kill the graph-paper grid overlay — flat, premium gradient field instead */
.page-bg:after{display:none}
.page-bg{background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 42%,#f7fbff 100%)}
.page-bg i{opacity:.16}
/* Soft floating sparkle field for extra depth (purely decorative, ignored by SR) */
.page-bg .spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#63b7ff;box-shadow:0 0 10px 2px rgba(99,183,255,.8);opacity:0;animation:sparkFloat 7s ease-in-out infinite}
.page-bg .spark:nth-child(4){left:14%;top:22%;animation-delay:.2s}
.page-bg .spark:nth-child(5){left:82%;top:16%;animation-delay:1.8s}
.page-bg .spark:nth-child(6){left:65%;top:62%;animation-delay:3.4s}
.page-bg .spark:nth-child(7){left:24%;top:74%;animation-delay:2.4s}
.page-bg .spark:nth-child(8){left:92%;top:58%;animation-delay:4.6s}
@keyframes sparkFloat{0%,100%{opacity:0;transform:translateY(0)}30%{opacity:.9}70%{opacity:.5}50%{transform:translateY(-22px)}}
/* Sales-story: same light brand system as the rest of the page (no more off-brand dark panel) */
.sales-story__inner{background:linear-gradient(135deg,#eef6ff 0%,#f7fbff 55%,#ffffff 100%);border:1px solid var(--line);box-shadow:0 25px 80px rgba(23,79,149,.09);color:var(--ink)}
.sales-story__inner:before{border-color:rgba(11,87,245,.12);box-shadow:0 0 0 70px rgba(64,171,255,.02),0 0 0 150px rgba(28,100,255,.015)}
.sales-story .eyebrow{color:var(--blue)}
.sales-story__copy>p:last-child{color:var(--muted)}
.shift{border-color:var(--line);background:rgba(255,255,255,.65);backdrop-filter:blur(10px)}
.shift__side small{color:#7a88a8}
.shift__side--after small{color:var(--blue)}
.shift__side h3{color:var(--ink)}
.shift__side ul{color:var(--muted)}
.shift__side li:before{background:#c7d2e6}
.shift__side--after li:before{background:var(--blue);box-shadow:0 0 10px rgba(11,87,245,.35)}
.shift__core{border-inline-color:var(--line);background:rgba(238,246,255,.75)}
.shift__core b{color:var(--blue)}
@media(max-width:720px){.sales-story__inner{background:linear-gradient(135deg,#eef6ff 0%,#f7fbff 55%,#ffffff 100%)}}
@media(prefers-reduced-motion:reduce){.page-bg .spark{animation:none;opacity:0}}
/* ===== Round 3: branded wordmark, calmer hero motion, open download, premium footer ===== */
/* Branded two-tone wordmark + thin tagline, used in header and footer alike */
.logo__type{display:flex;flex-direction:column;line-height:1.06}
.logo__name{font-size:20px;font-weight:850;letter-spacing:-.01em;color:var(--ink)}
.logo__name em{font-style:normal;color:var(--blue)}
.logo__tag{margin-top:3px;font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);opacity:.62}
.footer .logo__name{font-size:19px}
/* Hero stage: only the robot breathes/floats — scene ring and X mark stay perfectly still */
.hero__stage>.hero__x{animation:none}
.hero__stage>.hero__scene{animation:none}
/* Download: drop the boxed "window" card, let it breathe as an open, full-width section */
.download{width:auto;margin:0;border:0;border-radius:0;box-shadow:none;background:radial-gradient(circle at 85% 6%,rgba(60,194,255,.16),transparent 42%),linear-gradient(180deg,#f7faff 0%,#eef5ff 55%,#f8fbff 100%)}
.download:before{display:none}
.download__inner{padding:112px 0}
@media(max-width:1050px){.download__inner{padding:90px 0}}
@media(max-width:720px){.download__inner{padding:64px 0 48px}}
/* Footer: richer, premium multi-column layout instead of one thin strip */
.footer{position:relative;margin:0;background:linear-gradient(180deg,#f4f8ff 0%,#eef5ff 100%);border-top:1px solid var(--line);color:var(--ink);padding:0;overflow:hidden}
.footer__glow{position:absolute;width:560px;height:560px;left:50%;top:-420px;transform:translateX(-50%);border-radius:50%;background:rgba(60,194,255,.14);filter:blur(60px);pointer-events:none}
.footer__top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:60px;padding:68px 0 40px;flex-wrap:wrap}
.footer__brand{max-width:320px}
.footer__brand p{margin-top:16px;font-size:13px;line-height:1.65;color:var(--muted)}
.footer__links{display:flex;gap:60px}
.footer__links b{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#93a1c0;margin-bottom:16px}
.footer__links a{display:block;font-size:13.5px;font-weight:650;color:#3c4a68;margin-bottom:12px;transition:color .2s}
.footer__links a:hover{color:var(--blue)}
.footer__top>.btn{align-self:center;white-space:nowrap}
.footer__bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-top:1px solid var(--line);font-size:12px;color:#8b96af}
@media(max-width:720px){.footer__top{padding:48px 0 30px;gap:32px}.footer__top>.btn{width:100%}.footer__bottom{flex-direction:column;gap:10px;text-align:center;padding:18px 0}}
/* Hero robot: stands still on the scene, no float/hover motion */
.hero__stage>.hero__robot{animation:none}
/* Hero robot: smaller and higher within the X, so the ring and the X's points stay visible around it (matches reference composition) */
.hero__stage>.hero__robot{height:76%;max-width:66%;bottom:2%}
@media(max-width:1050px){.hero__stage>.hero__robot{height:74%;bottom:1%}}
@media(max-width:720px){.hero__stage>.hero__robot{height:72%;bottom:0%}}
/* The source render is hard-cropped at the thighs — dissolve that hard edge into soft light instead of a visible cutoff, right where the ring glows brightest */
.hero__stage>.hero__robot{
-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 74%,transparent 89%);
mask-image:linear-gradient(to bottom,#000 0%,#000 74%,transparent 89%);
}
/* ===== Round 4: single unified hero visual (robot + X + ring baked into one clean cutout) ===== */
.hero__stage>.hero__composite{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:contain;
object-position:center;
filter:none;
animation:none;
}
@media(max-width:720px){
.float-card{display:block;width:150px;min-width:150px;padding:10px 11px;transform:none}
.float-card b{font-size:9.5px;white-space:normal}
.float-card small{display:none}
.float-card--one{left:0;right:auto;top:22%}
.float-card--two{left:auto;right:1%;top:33%}
.float-card--three{left:0;right:auto;top:44%}
.float-card--four{left:auto;right:1%;top:55%}
}
/* Clean buttons: no permanent heavy shadow, neon light only on interaction */
.btn{position:relative;isolation:isolate;transition:transform .25s ease,box-shadow .3s ease,border-color .3s ease,background-position .45s ease,filter .3s ease}
.btn--primary{box-shadow:none;background-size:170% 100%;background-position:0 50%}
.btn--primary:hover{transform:translateY(-2px);background-position:100% 50%;filter:brightness(1.1) saturate(1.06);border-color:rgba(132,220,255,.72);box-shadow:none}
.btn--ghost:hover{transform:translateY(-2px);color:var(--blue);border-color:rgba(34,137,255,.4);background:rgba(255,255,255,.94);box-shadow:0 0 0 1px rgba(76,185,255,.18),0 0 18px rgba(39,149,255,.22),0 0 34px rgba(31,112,239,.12)}
.btn--white:hover{transform:translateY(-2px);color:#0758f3;border-color:rgba(34,137,255,.35);box-shadow:0 0 0 1px rgba(76,185,255,.2),0 0 20px rgba(53,169,255,.28),0 0 38px rgba(31,112,239,.14)}
.btn:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(255,255,255,.95),0 0 0 6px rgba(27,132,255,.38),0 0 28px rgba(27,132,255,.3)}
/* One continuous Neon X atmosphere from the hero to the footer */
body{background:#f3f8ff}
.page-bg{background:linear-gradient(180deg,#f5f9ff 0%,#eef6ff 40%,#f8fbff 100%)}
main{position:relative;background:radial-gradient(ellipse 58% 18% at 92% 5%,rgba(70,191,255,.19),transparent 72%),radial-gradient(ellipse 48% 17% at 3% 32%,rgba(58,103,255,.1),transparent 74%),radial-gradient(ellipse 52% 18% at 94% 62%,rgba(75,200,255,.12),transparent 73%),radial-gradient(ellipse 45% 15% at 8% 88%,rgba(46,111,255,.08),transparent 72%),linear-gradient(180deg,#edf5ff 0%,#f5f9ff 21%,#edf6ff 43%,#f8fbff 64%,#edf6ff 83%,#f7fbff 100%)}
main:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background-image:linear-gradient(rgba(24,104,220,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(24,104,220,.026) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(to bottom,transparent 0,black 7%,black 93%,transparent 100%)}
main>.section-shell{position:relative;z-index:1}
.hero{background:transparent}
.features{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.2) 45%,rgba(236,246,255,.12) 100%);border-block:0}
.setup{background:linear-gradient(180deg,transparent 0%,rgba(225,240,255,.26) 48%,transparent 100%)}
.sales-story,.value,.pricing,.decision,.faq{background:transparent}
.download{background:linear-gradient(180deg,rgba(247,250,255,0) 0%,rgba(232,243,255,.48) 24%,rgba(239,247,255,.7) 72%,rgba(247,251,255,.84) 100%)}
.footer{background:linear-gradient(180deg,#f7fbff 0%,#edf5ff 100%)}
/* Remove every grid/square texture */
main:before,.page-bg:after,.download__grid{display:none!important}
/* Compact RU / EN language toggle beside the navigation */
.header__controls{display:flex;align-items:center;gap:10px}
.lang-switch{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:82px;height:46px;padding:4px;border:1px solid rgba(28,96,194,.1);border-radius:14px;background:rgba(228,239,255,.5);color:#6d7992;font:800 10px/1 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.06em;cursor:pointer;overflow:hidden;transition:border-color .25s ease,background .25s ease}
.lang-switch:before{content:"";position:absolute;z-index:0;left:4px;top:4px;width:35px;height:36px;border:1px solid rgba(50,135,255,.13);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 4px 13px rgba(35,94,174,.1);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.lang-switch span{position:relative;z-index:1;text-align:center;transition:color .25s ease}
.lang-switch__ru{color:var(--blue)}
html[lang="en"] .lang-switch:before{transform:translateX(37px)}
html[lang="en"] .lang-switch__ru{color:#6d7992}
html[lang="en"] .lang-switch__en{color:var(--blue)}
.lang-switch:hover{border-color:rgba(34,137,255,.26);background:rgba(220,236,255,.72)}
.lang-switch:focus-visible{outline:2px solid rgba(22,111,245,.45);outline-offset:2px}
@media(max-width:720px){
.header__controls{margin-left:auto;margin-right:48px}
.lang-switch{width:72px;height:40px;border-radius:12px}
.lang-switch:before{width:30px;height:30px;border-radius:9px}
html[lang="en"] .lang-switch:before{transform:translateX(32px)}
}
/* Language-safe hero geometry: text may change, composition may not */
.hero__grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
.hero__content,.hero__visual{min-width:0}
.float-card{width:max-content;min-width:0;max-width:270px;padding:12px 15px;translate:-50% 0;contain:layout style}
.float-card--one{left:15%;right:auto}
.float-card--two{left:78%;right:auto}
.float-card--three{left:17%;right:auto}
.float-card--four{left:76%;right:auto}
/* Ordinary marketing copy should never show a typing caret */
img{max-width:100%;height:auto}
/* Screenshot-safe baseline: content stays visible until a short, in-view animation plays. */
.page-bg{position:absolute;min-height:100%;height:100%}
.reveal,.reveal--right,.reveal.visible{
opacity:1;
filter:none;
clip-path:none;
transform:none;
transition:none;
will-change:auto;
}
@media(max-width:720px){
.float-card{width:max-content;max-width:150px;translate:0 0;contain:none}
.float-card--one{left:0;right:auto}
.float-card--two{left:auto;right:1%}
.float-card--three{left:0;right:auto}
.float-card--four{left:auto;right:1%}
}
/* Keep every hero baseline identical in RU and EN */
.hero__title-line{display:block;white-space:nowrap}
.hero__grid{isolation:isolate;overflow:visible}
.hero__content{position:relative;z-index:20;overflow:visible}
.hero h1{position:relative;z-index:30}
.hero__visual{position:relative;z-index:1}
@media(min-width:721px){
.hero h1{width:100%;max-width:none;height:clamp(158px,16.2vw,249px);overflow:visible;font-size:clamp(48px,4.55vw,70px)}
.hero__desc{height:5.25em}
.hero__actions{height:56px;align-items:stretch}
.hero__actions .btn{height:56px}
.hero__trust{min-height:15px}
}
@media(max-width:720px){
.hero__title-line{white-space:normal}
}
/* Slim reference-matched footer bar */
.footer{
position:relative;
margin:0;
padding:0;
overflow:visible;
color:var(--ink);
background:rgba(255,255,255,.92);
border-top:1px solid rgba(27,99,197,.13);
box-shadow:none;
}
.footer__bar{
min-height:56px;
display:flex;
align-items:center;
justify-content:space-between;
gap:32px;
padding-block:8px;
}
.footer__identity,.footer__actions{display:flex;align-items:center}
.footer__identity{min-width:0}
.footer__logo{flex:none;gap:7px}
.footer .footer__logo img.logo__icon{width:31px;height:31px;filter:none}
.footer .footer__logo .logo__name{font-size:14px;letter-spacing:.005em}
.footer .footer__logo .logo__tag{margin-top:1px;font-size:6px;letter-spacing:.18em}
.footer__divider{width:1px;height:31px;margin:0 24px;background:rgba(35,104,196,.2)}
.footer__copyright{color:#71809d;font-size:11px;white-space:nowrap}
.footer__actions{gap:14px;flex:none}
.footer-action{
height:40px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
padding:0 19px;
border:1px solid var(--blue);
border-radius:12px;
font:750 12px/1 Inter,"Segoe UI",Arial,sans-serif;
cursor:pointer;
transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease;
}
.footer-action:hover{transform:translateY(-2px)}
.footer-action--primary{color:#fff;background:linear-gradient(135deg,#1689ff,#0754ed);border-color:transparent}
.footer-action--primary:hover{background:linear-gradient(135deg,#2997ff,#0648dc)}
.footer-action--outline{color:#0871ef;background:#fff}
.footer-action--outline:hover{color:#0059d8;background:#f2f8ff;border-color:#4a9cff}
.footer-action:focus-visible{outline:3px solid rgba(29,126,255,.22);outline-offset:3px}
.footer-action__icon{position:relative;display:inline-block;width:16px;height:16px;flex:none;color:currentColor}
.footer-action__icon--telegram:before{
content:"";
position:absolute;
left:1px;
top:2px;
width:0;
height:0;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
border-left:14px solid currentColor;
transform:rotate(-25deg);
}
.footer-action__icon--admin:before{
content:"";
position:absolute;
left:5px;
top:0;
width:5px;
height:5px;
border:1.5px solid currentColor;
border-radius:50%;
}
.footer-action__icon--admin:after{
content:"";
position:absolute;
left:1px;
bottom:0;
width:13px;
height:7px;
border:1.5px solid currentColor;
border-bottom:0;
border-radius:9px 9px 0 0;
}
@media(max-width:720px){
.footer__bar{min-height:0;flex-direction:column;align-items:stretch;padding-block:16px;gap:12px}
.footer__identity{justify-content:center}
.footer__divider{margin:0 14px}
.footer__copyright{font-size:9px}
.footer__actions{justify-content:center}
.footer-action{flex:1;max-width:190px;padding-inline:12px}
}
/* Rebuilt pricing: Free is frictionless, Unlimited is the clear upgrade */
.pricing{padding:96px 0 72px}
.pricing-stage{position:relative}
.pricing-stage:before{
content:"";
position:absolute;
z-index:-1;
width:760px;
height:430px;
right:-110px;
top:135px;
border-radius:50%;
background:radial-gradient(circle,rgba(42,166,255,.16),transparent 70%);
filter:blur(18px);
pointer-events:none;
}
.pricing-stage__head{max-width:910px;margin:0 auto 46px;text-align:center}
.pricing-stage__head .eyebrow{justify-content:center}
.pricing-stage__head h2{
margin:18px 0;
font-size:clamp(42px,4.3vw,66px);
line-height:1.04;
letter-spacing:-.05em;
}
.pricing-stage__head h2 em{
font-style:normal;
background:linear-gradient(90deg,#0758f3,#28baff);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.pricing-stage__head>p:last-child{max-width:720px;margin:auto;color:var(--muted);font-size:15px;line-height:1.7}
.pricing-stage__plans{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:stretch}
.pricing-plan{
position:relative;
min-width:0;
min-height:465px;
display:flex;
flex-direction:column;
overflow:hidden;
padding:36px;
border:1px solid rgba(37,104,199,.13);
border-radius:28px;
}
.pricing-plan--free{
border-color:rgba(20,117,244,.2);
background:
radial-gradient(circle at 8% 0%,rgba(44,170,255,.11),transparent 35%),
linear-gradient(145deg,rgba(255,255,255,.97),rgba(235,246,255,.91));
}
.pricing-plan--free:before{
content:"";
position:absolute;
inset:0 0 auto;
height:2px;
background:linear-gradient(90deg,transparent,#41c7ff 36%,#1167f4 70%,transparent);
opacity:.7;
}
.pricing-plan--unlimited{
color:#fff;
border-color:rgba(90,181,255,.24);
background:
radial-gradient(circle at 92% 4%,rgba(81,211,255,.24),transparent 34%),
linear-gradient(135deg,#061844 0%,#073a99 56%,#0878ed 130%);
}
.pricing-plan--unlimited:before{
content:"";
position:absolute;
inset:0 0 auto;
height:2px;
background:linear-gradient(90deg,transparent,#5dd8ff 42%,#2f7cff 76%,transparent);
opacity:.9;
}
.pricing-plan__watermark{
position:absolute;
right:-38px;
bottom:-112px;
color:rgba(255,255,255,.04);
font:900 330px/1 Arial,sans-serif;
pointer-events:none;
}
.pricing-plan__top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px}
.pricing-plan__label{color:#0871ef;font-size:9px;font-weight:900;letter-spacing:.16em}
.pricing-plan--unlimited .pricing-plan__label{color:#8bddff}
.pricing-plan__status,.pricing-plan__badge{
display:inline-flex;
align-items:center;
gap:7px;
padding:7px 10px;
border-radius:999px;
white-space:nowrap;
font-size:9px;
font-weight:800;
}
.pricing-plan__status{color:#075cc8;border:1px solid rgba(31,139,255,.12);background:rgba(31,139,255,.09)}
.pricing-plan__status i{width:6px;height:6px;border-radius:50%;background:#1686ff}
.pricing-plan__badge{color:#b8eaff;border:1px solid rgba(126,215,255,.25);background:rgba(255,255,255,.07)}
.pricing-plan__price{position:relative;display:flex;align-items:flex-end;gap:15px;margin:24px 0 25px}
.pricing-plan__price b{font-size:68px;line-height:.86;letter-spacing:-.06em}
.pricing-plan__price span{padding-bottom:5px;color:#71809d;font-size:11px}
.pricing-plan--unlimited .pricing-plan__price span{color:rgba(255,255,255,.58)}
.pricing-plan__copy{position:relative;max-width:560px}
.pricing-plan__copy h3{font-size:22px;line-height:1.2;letter-spacing:-.025em}
.pricing-plan__copy p{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.65}
.pricing-plan--unlimited .pricing-plan__copy p{color:rgba(255,255,255,.62)}
.pricing-plan ul{position:relative;display:grid;gap:10px;margin:27px 0;list-style:none}
.pricing-plan li{display:flex;gap:10px;color:#40506e;font-size:12px;line-height:1.45}
.pricing-plan li:before{content:"✓";color:#0b78ef;font-weight:900}
.pricing-plan--unlimited li{color:rgba(255,255,255,.82)}
.pricing-plan--unlimited li:before{color:#67ddff}
.pricing-plan__facts li{
min-height:44px;
align-items:center;
padding:11px 14px;
border:1px solid rgba(26,112,224,.1);
border-radius:12px;
background:rgba(255,255,255,.58);
font-weight:700;
}
.pricing-plan__facts li:before{
width:22px;
height:22px;
flex:none;
display:grid;
place-items:center;
border-radius:50%;
color:#fff;
background:linear-gradient(135deg,#2cc5ff,#0860ef);
font-size:11px;
}
.pricing-plan__facts li.is-unavailable{
color:#66758f;
border-color:rgba(86,112,154,.12);
background:rgba(230,238,249,.72);
}
.pricing-plan__facts li.is-unavailable:before{
content:"×";
color:#7384a2;
background:#dbe6f4;
font-size:15px;
}
.pricing-plan--unlimited .pricing-plan__facts li{
color:rgba(255,255,255,.88);
border-color:rgba(117,211,255,.16);
background:rgba(255,255,255,.065);
}
.pricing-plan--unlimited .pricing-plan__facts li:before{
background:linear-gradient(135deg,#35d7ff,#1886ff);
box-shadow:0 0 18px rgba(55,205,255,.22);
}
.pricing-plan__included{
position:relative;
margin-top:auto;
padding:15px 17px;
border:1px solid rgba(32,143,234,.12);
border-radius:14px;
color:#53627d;
background:rgba(255,255,255,.62);
font-size:11px;
font-weight:700;
}
.pricing-plan__included span{margin-right:8px;color:#08a878}
.pricing-plan__cta{
position:relative;
min-height:52px;
margin-top:auto;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 18px 0 21px;
border:1px solid rgba(139,224,255,.42);
border-radius:14px;
color:#052967;
background:linear-gradient(100deg,#fff,#dff7ff);
font-size:13px;
font-weight:850;
transition:transform .25s ease,filter .25s ease,border-color .25s ease;
}
.pricing-plan__cta span{font-size:20px}
.pricing-plan__cta:hover{transform:translateY(-2px);filter:brightness(1.04);border-color:#fff}
.pricing-plan__cta--free{
color:#fff;
border-color:transparent;
background:linear-gradient(100deg,#168aff,#0757ee);
}
.pricing-plan__cta--free:hover{border-color:transparent;filter:brightness(1.07)}
.pricing-plan__help{position:relative;margin-top:10px;color:#78869d;font-size:9px;text-align:center}
.pricing-plan--unlimited small{position:relative;margin-top:10px;color:rgba(255,255,255,.46);font-size:9px;text-align:center}
@media(max-width:900px){
.pricing-stage__plans{grid-template-columns:1fr}
.pricing-plan{min-height:440px}
}
@media(max-width:720px){
.pricing{padding:68px 0 48px}
.pricing-stage__head{text-align:left;margin-bottom:30px}
.pricing-stage__head .eyebrow{justify-content:flex-start}
.pricing-stage__head h2{font-size:42px}
.pricing-plan{min-height:0;padding:26px 22px;border-radius:22px}
.pricing-plan__top{align-items:flex-start;flex-direction:column;gap:10px}
.pricing-plan__price b{font-size:58px}
}
/* Compact pricing: brand visual on the left, two light plans on the right */
.pricing-stage__body{
display:grid;
grid-template-columns:minmax(330px,.76fr) minmax(620px,1.24fr);
gap:22px;
align-items:stretch;
}
.pricing-stage__visual{
position:relative;
isolation:isolate;
min-height:540px;
overflow:hidden;
border:1px solid rgba(33,127,236,.16);
border-radius:28px;
background:
radial-gradient(circle at 50% 24%,rgba(112,218,255,.29),transparent 34%),
linear-gradient(145deg,rgba(255,255,255,.96),rgba(226,243,255,.9));
}
.pricing-stage__visual:before{
content:"";
position:absolute;
z-index:-1;
width:340px;
height:340px;
left:50%;
top:44%;
transform:translate(-50%,-50%);
border:1px solid rgba(28,138,255,.12);
border-radius:50%;
box-shadow:
0 0 0 48px rgba(29,154,255,.035),
0 0 0 98px rgba(29,154,255,.022);
}
.pricing-stage__halo{
position:absolute;
z-index:-1;
width:78%;
aspect-ratio:1;
left:50%;
bottom:5%;
transform:translateX(-50%);
border-radius:50%;
background:radial-gradient(circle,rgba(75,198,255,.26),transparent 69%);
filter:blur(12px);
}
.pricing-stage__visual img{
position:absolute;
z-index:1;
width:116%;
max-width:none;
left:50%;
bottom:-3%;
transform:translateX(-50%);
filter:none;
user-select:none;
pointer-events:none;
}
.pricing-stage__chip{
position:absolute;
z-index:2;
display:inline-flex;
align-items:center;
min-height:34px;
padding:0 13px;
border:1px solid rgba(24,129,240,.16);
border-radius:999px;
color:#0864d9;
background:rgba(255,255,255,.76);
backdrop-filter:blur(12px);
font-size:9px;
font-weight:900;
letter-spacing:.08em;
}
.pricing-stage__chip:before{
content:"";
width:6px;
height:6px;
margin-right:7px;
border-radius:50%;
background:#1e93ff;
box-shadow:0 0 12px rgba(30,147,255,.65);
}
.pricing-stage__chip--trial{left:7%;top:14%}
.pricing-stage__chip--unlimited{right:6%;top:31%}
.pricing-stage__plans{
display:grid;
grid-template-columns:1fr;
grid-template-rows:repeat(2,1fr);
gap:14px;
}
.pricing-plan{
min-height:0;
padding:23px 25px;
border-radius:24px;
color:var(--ink);
background:
radial-gradient(circle at 95% 0%,rgba(88,202,255,.12),transparent 31%),
linear-gradient(145deg,rgba(255,255,255,.97),rgba(235,247,255,.92));
transition:border-color .25s ease,transform .25s ease,background .25s ease;
}
.pricing-plan:hover{transform:translateY(-2px);border-color:rgba(18,121,245,.34)}
.pricing-plan--free{
border-color:rgba(33,127,236,.16);
background:
radial-gradient(circle at 96% 0%,rgba(89,202,255,.1),transparent 30%),
linear-gradient(145deg,rgba(255,255,255,.97),rgba(239,248,255,.93));
}
.pricing-plan--unlimited{
color:var(--ink);
border-color:rgba(13,108,239,.33);
background:
radial-gradient(circle at 96% 0%,rgba(57,190,255,.2),transparent 31%),
linear-gradient(145deg,rgba(250,254,255,.98),rgba(221,242,255,.96));
}
.pricing-plan--unlimited:before{
height:2px;
background:linear-gradient(90deg,transparent,#29c5ff 38%,#075df2 76%,transparent);
}
.pricing-plan__watermark{
right:-16px;
bottom:-72px;
color:rgba(13,101,232,.035);
font-size:220px;
}
.pricing-plan--unlimited .pricing-plan__label{color:#0871ef}
.pricing-plan__badge{
color:#0865d7;
border-color:rgba(25,125,239,.18);
background:rgba(255,255,255,.58);
}
.pricing-plan__summary{
position:relative;
display:grid;
grid-template-columns:160px 1fr;
gap:20px;
align-items:center;
margin-top:17px;
}
.pricing-plan__price{margin:0;gap:11px}
.pricing-plan__price b{font-size:49px}
.pricing-plan__price span,
.pricing-plan--unlimited .pricing-plan__price span{color:#6f7f9c}
.pricing-plan__copy h3{font-size:18px}
.pricing-plan__copy p,
.pricing-plan--unlimited .pricing-plan__copy p{margin-top:6px;color:#64728d;font-size:11px;line-height:1.5}
.pricing-plan__facts{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px !important;
margin:17px 0 15px !important;
}
.pricing-plan__facts li,
.pricing-plan--unlimited .pricing-plan__facts li{
min-height:40px;
padding:8px 10px;
color:#40506e;
border-color:rgba(26,112,224,.1);
background:rgba(255,255,255,.61);
font-size:10px;
line-height:1.3;
}
.pricing-plan__facts li:before{
width:19px;
height:19px;
font-size:9px;
}
.pricing-plan__facts li.is-unavailable{
color:#6f7e97;
background:rgba(227,237,249,.76);
}
.pricing-plan__facts li.is-unavailable:before{font-size:13px}
.pricing-plan__actions{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin-top:auto;
}
.pricing-plan__actions small,
.pricing-plan--unlimited .pricing-plan__actions small,
.pricing-plan__help{
max-width:255px;
margin:0;
color:#78869d;
font-size:9px;
line-height:1.45;
text-align:left;
}
.pricing-plan__cta{
width:auto;
min-width:170px;
min-height:42px;
flex:none;
margin:0;
padding:0 14px 0 17px;
color:#fff;
border-color:transparent;
border-radius:12px;
background:linear-gradient(100deg,#168aff,#0757ee);
box-shadow:none;
font-size:11px;
transition:transform .25s ease,filter .25s ease,box-shadow .25s ease;
}
.pricing-plan__cta--free{
color:#075fd3;
border-color:rgba(13,105,231,.22);
background:rgba(255,255,255,.76);
}
.pricing-plan__cta:hover{
transform:translateY(-2px);
border-color:transparent;
filter:brightness(1.04);
box-shadow:
0 0 0 4px rgba(48,175,255,.12),
0 12px 28px rgba(8,103,235,.22);
}
.pricing-plan__cta--free:hover{
color:#075fd3;
border-color:rgba(13,105,231,.3);
background:#fff;
box-shadow:
0 0 0 4px rgba(48,175,255,.1),
0 12px 26px rgba(8,103,235,.14);
}
.pricing-plan__cta span{font-size:16px}
@media(max-width:1100px){
.pricing-stage__body{grid-template-columns:minmax(280px,.68fr) minmax(570px,1.32fr)}
.pricing-stage__visual img{width:130%}
.pricing-plan__summary{grid-template-columns:145px 1fr}
.pricing-plan__facts li{padding-inline:8px}
}
@media(max-width:900px){
.pricing-stage__body{grid-template-columns:1fr}
.pricing-stage__visual{min-height:390px}
.pricing-stage__visual img{width:min(520px,78%);bottom:-13%}
.pricing-stage__chip--trial{left:14%;top:18%}
.pricing-stage__chip--unlimited{right:14%;top:31%}
.pricing-plan{min-height:0}
}
@media(max-width:720px){
.pricing-stage__visual{min-height:310px;border-radius:22px}
.pricing-stage__visual img{width:390px;bottom:-12%}
.pricing-stage__chip{min-height:30px;padding-inline:10px;font-size:8px}
.pricing-stage__chip--trial{left:4%;top:14%}
.pricing-stage__chip--unlimited{right:4%;top:29%}
.pricing-plan{padding:22px 18px}
.pricing-plan__summary{grid-template-columns:1fr;gap:12px}
.pricing-plan__price b{font-size:48px}
.pricing-plan__facts{grid-template-columns:1fr}
.pricing-plan__actions{align-items:stretch;flex-direction:column-reverse;gap:9px}
.pricing-plan__cta{width:100%;min-width:0}
.pricing-plan__actions small{max-width:none;text-align:center}
}
/* Pricing matched to the supplied reference */
.pricing{
position:relative;
overflow:hidden;
padding:54px 0 42px;
background:#f4f9ff;
}
.pricing:after{
display:none;
}
/* Luminous section bridge */
.section-bridge{
position:relative;
z-index:3;
height:132px;
margin:-18px 0 -24px;
overflow:hidden;
background:#f4f9ff;
pointer-events:none;
}
.section-bridge--flow{
margin:-60px 0 -52px;
background:transparent;
}
.section-bridge:before{
content:"";
position:absolute;
width:560px;
height:84px;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%;
background:radial-gradient(ellipse,rgba(89,199,255,.2),rgba(70,151,255,.07) 42%,transparent 72%);
filter:blur(9px);
}
.section-bridge__wave{
position:absolute;
height:150px;
border:1px solid rgba(94,182,255,.3);
border-radius:50%;
box-shadow:
0 -1px 0 rgba(255,255,255,.88),
0 0 16px rgba(87,182,255,.12);
}
.section-bridge__wave--left{
width:78vw;
left:-8vw;
top:54px;
transform:rotate(2deg);
}
.section-bridge__wave--right{
width:78vw;
right:-8vw;
top:54px;
transform:rotate(-2deg);
}
.section-bridge__wave--wide{
width:116vw;
left:50%;
top:78px;
transform:translateX(-50%);
border-color:rgba(123,203,255,.2);
}
.section-bridge__mark{
position:absolute;
z-index:4;
width:66px;
height:66px;
left:50%;
top:50%;
display:grid;
place-items:center;
transform:translate(-50%,-50%);
color:#8edcff;
border:1px solid rgba(84,193,255,.7);
border-radius:50%;
background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(211,242,255,.92));
box-shadow:
0 0 0 7px rgba(77,184,255,.08),
0 0 30px rgba(54,165,255,.24),
inset 0 0 18px rgba(86,201,255,.15);
font-size:25px;
font-weight:500;
line-height:1;
text-shadow:0 0 12px rgba(60,177,255,.45);
}
.pricing-stage{width:min(1600px,calc(100% - 40px))}
.pricing-stage:before{display:none}
.pricing-stage__head{
max-width:1180px;
margin:0 auto 35px;
text-align:center;
}
.pricing-stage__kicker{
width:max-content;
margin:0 auto;
padding:7px 20px;
border:1px solid rgba(16,111,238,.22);
border-radius:999px;
color:#0866e4;
background:rgba(255,255,255,.46);
font-size:11px;
font-weight:900;
letter-spacing:.16em;
}
.pricing-stage__head h2{
margin:17px 0 13px;
font-size:clamp(46px,4vw,64px);
line-height:1.04;
white-space:nowrap;
}
.pricing-stage__head>p:last-child{
max-width:850px;
color:#315692;
font-size:18px;
line-height:1.55;
}
.pricing-stage__body{
display:grid;
grid-template-columns:455px minmax(0,1fr);
gap:20px;
align-items:start;
}
.pricing-stage__visual{
position:relative;
isolation:isolate;
min-height:624px;
overflow:visible;
border:0;
border-radius:0;
background:transparent;
-webkit-mask-image:none;
mask-image:none;
}
.pricing-stage__visual:before,.pricing-stage__halo,.pricing-stage__chip{display:none}
.pricing-stage__visual:after{
content:"";
position:absolute;
z-index:-1;
left:5%;
right:2%;
top:12%;
bottom:2%;
border-radius:48%;
background:radial-gradient(circle at 50% 48%,rgba(72,184,255,.22),rgba(109,193,255,.08) 42%,transparent 72%);
filter:blur(18px);
pointer-events:none;
}
.pricing-stage__visual img{
position:absolute;
z-index:1;
width:auto;
height:620px;
max-width:none;
left:48%;
top:auto;
bottom:0;
transform:translateX(-50%);
filter:none;
object-fit:contain;
}
.pricing-stage__content{min-width:0}
.pricing-stage__plans{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
grid-template-rows:1fr;
gap:20px;
}
.pricing-plan{
min-height:520px;
padding:30px 36px 31px;
border:1px solid rgba(45,113,202,.15);
border-radius:20px;
color:var(--ink);
background:
radial-gradient(circle at 90% 0%,rgba(90,186,255,.1),transparent 27%),
rgba(255,255,255,.76);
box-shadow:0 18px 45px rgba(48,98,165,.055);
backdrop-filter:blur(8px);
}
.pricing-plan--free,.pricing-plan--unlimited{
color:var(--ink);
border-color:rgba(45,113,202,.15);
background:
radial-gradient(circle at 90% 0%,rgba(90,186,255,.1),transparent 27%),
rgba(255,255,255,.76);
}
.pricing-plan--free:before,.pricing-plan--unlimited:before{display:none}
.pricing-plan:hover{transform:none;border-color:rgba(30,121,241,.29)}
.pricing-plan__top{
min-height:73px;
align-items:flex-start;
}
.pricing-plan__label{
display:inline-flex;
align-items:center;
min-height:31px;
padding:0 16px;
border:1px solid rgba(25,117,238,.1);
border-radius:999px;
color:#075ed7;
background:linear-gradient(180deg,rgba(239,247,255,.96),rgba(218,236,255,.9));
font-size:10px;
font-weight:900;
letter-spacing:.13em;
}
.pricing-plan--unlimited .pricing-plan__label{color:#075ed7}
.pricing-plan__symbol{
width:72px;
height:72px;
display:grid;
place-items:center;
flex:none;
margin-top:-2px;
border:1px solid rgba(48,137,237,.08);
border-radius:18px;
color:#43a5ff;
background:
radial-gradient(circle at 50% 32%,rgba(125,210,255,.4),transparent 52%),
linear-gradient(145deg,rgba(255,255,255,.9),rgba(226,241,255,.88));
box-shadow:0 12px 30px rgba(40,117,207,.08);
font-size:38px;
font-weight:900;
font-style:normal;
line-height:1;
text-shadow:0 0 18px rgba(51,153,255,.24);
}
.pricing-plan__symbol--infinity{font-size:48px}
.pricing-plan__price{
display:flex;
align-items:flex-end;
gap:12px;
margin:-14px 0 21px;
}
.pricing-plan__price b{font-size:58px;line-height:.95}
.pricing-plan__price span,
.pricing-plan--unlimited .pricing-plan__price span{
padding-bottom:6px;
color:#36558d;
font-size:12px;
}
.pricing-plan__copy{max-width:390px}
.pricing-plan__copy h3{font-size:16px;line-height:1.3}
.pricing-plan__copy p,
.pricing-plan--unlimited .pricing-plan__copy p{
margin-top:8px;
color:#3f6098;
font-size:12px;
line-height:1.65;
}
.pricing-plan__facts{
grid-template-columns:1fr;
gap:13px !important;
margin:25px 0 24px !important;
}
.pricing-plan__facts li,
.pricing-plan--unlimited .pricing-plan__facts li{
min-height:0;
padding:0;
color:#36578f;
border:0;
border-radius:0;
background:transparent;
font-size:12px;
font-weight:500;
line-height:1.45;
}
.pricing-plan__facts li:before,
.pricing-plan--unlimited .pricing-plan__facts li:before{
content:"✓";
width:18px;
height:18px;
color:#fff;
border-radius:50%;
background:linear-gradient(135deg,#48c5ff,#0870ed);
box-shadow:0 4px 10px rgba(23,128,238,.17);
font-size:10px;
}
.pricing-plan__cta,
.pricing-plan__cta--free{
width:100%;
min-width:0;
min-height:56px;
margin-top:auto;
padding:0 20px;
border-radius:12px;
font-size:13px;
}
.pricing-plan__cta{
color:#fff;
border:1px solid transparent;
background:linear-gradient(100deg,#1397ff,#0759ef);
}
.pricing-plan__cta--free{
color:#075ed7;
border-color:rgba(10,105,231,.32);
background:rgba(255,255,255,.82);
}
.pricing-plan__cta:hover{
transform:translateY(-2px);
box-shadow:0 0 0 4px rgba(42,171,255,.11),0 12px 26px rgba(8,103,235,.2);
}
.pricing-plan__cta--free:hover{
border-color:rgba(10,105,231,.44);
box-shadow:0 0 0 4px rgba(42,171,255,.09),0 12px 24px rgba(8,103,235,.12);
}
.pricing-assurances{
display:grid;
grid-template-columns:repeat(3,1fr);
margin-top:24px;
}
.pricing-assurances>div{
min-width:0;
display:flex;
align-items:center;
gap:13px;
padding:8px 23px;
border-right:1px solid rgba(41,102,190,.16);
}
.pricing-assurances>div:last-child{border-right:0}
.pricing-assurances>div>span{
width:42px;
height:42px;
display:grid;
place-items:center;
flex:none;
color:#0871ef;
border:1px solid rgba(29,123,237,.12);
border-radius:13px;
background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(218,238,255,.82));
font-size:25px;
font-weight:900;
}
.pricing-assurances p{min-width:0}
.pricing-assurances strong{
display:block;
color:#234b88;
font-size:12px;
line-height:1.3;
}
.pricing-assurances small{
display:block;
margin-top:4px;
color:#4d6b9b;
font-size:10px;
line-height:1.35;
}
@media(max-width:1250px){
.pricing-stage__body{grid-template-columns:360px minmax(0,1fr)}
.pricing-stage__visual img{height:590px;left:47%;top:auto;bottom:0}
.pricing-plan{padding-inline:27px}
.pricing-stage__head h2{font-size:50px}
}
@media(max-width:1050px){
.pricing-stage{width:min(900px,calc(100% - 40px))}
.pricing-stage__head h2{white-space:normal}
.pricing-stage__body{grid-template-columns:1fr}
.pricing-stage__visual{min-height:430px;overflow:hidden;mask-image:none}
.pricing-stage__visual img{height:535px;left:50%;top:auto;bottom:-84px;transform:translateX(-50%)}
.pricing-stage__plans{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.pricing{padding-top:42px}
.pricing-stage{width:calc(100% - 28px)}
.pricing-stage__head{text-align:left}
.pricing-stage__kicker{margin-left:0}
.pricing-stage__head h2{font-size:42px}
.pricing-stage__head>p:last-child{font-size:15px}
.pricing-stage__visual{min-height:330px}
.pricing-stage__visual img{height:420px;top:auto;bottom:-66px}
.pricing-stage__plans{grid-template-columns:1fr}
.pricing-plan{min-height:500px;padding:26px 24px}
.pricing-assurances{grid-template-columns:1fr;margin-top:18px}
.pricing-assurances>div{border-right:0;border-bottom:1px solid rgba(41,102,190,.13)}
.pricing-assurances>div:last-child{border-bottom:0}
}
.faq{
position:relative;
isolation:isolate;
margin-top:-1px;
padding:66px 0 22px;
background:linear-gradient(180deg,#f4f9ff 0%,#f6faff 72%,rgba(255,255,255,.96) 100%);
}
.faq:before{
display:none;
}
@media(max-width:720px){
.pricing{padding-bottom:30px}
.faq{padding:52px 0 18px}
.section-bridge{height:92px;margin:-14px 0 -16px}
.section-bridge--flow{margin:-42px 0 -38px}
.section-bridge:before{width:320px;height:62px}
.section-bridge__wave{height:105px;top:42px}
.section-bridge__wave--left,
.section-bridge__wave--right{width:88vw}
.section-bridge__wave--wide{width:125vw;top:58px}
.section-bridge__mark{width:50px;height:50px;font-size:19px}
}
/* FAQ mascot composition */
.faq__grid{
grid-template-columns:minmax(350px,.7fr) minmax(0,1.3fr);
gap:84px;
align-items:start;
}
.faq__intro{
overflow:visible;
align-self:start;
}
.faq__intro h2{
max-width:520px;
margin:16px 0 18px;
font-size:clamp(40px,3.35vw,52px);
line-height:1.06;
}
.faq__intro>p:not(.eyebrow){
max-width:470px;
color:var(--muted);
font-size:14px;
line-height:1.65;
}
.faq__mascot{
position:relative;
isolation:isolate;
width:min(200px,58%);
margin:14px auto 0;
}
.faq__mascot:before{
display:none;
}
.faq__mascot img{
display:block;
width:100%;
height:auto;
filter:none;
}
@media(max-width:1050px){
.faq__grid{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:48px}
.faq__intro h2{font-size:44px}
.faq__mascot{width:min(185px,58%);margin-top:14px}
}
@media(max-width:720px){
.faq__grid{grid-template-columns:1fr;gap:28px}
.faq__intro h2{max-width:500px;font-size:40px}
.faq__intro>p:not(.eyebrow){font-size:14px}
.faq__mascot{width:min(175px,54%);margin:16px auto 0}
}
/* Automation story: a clear before/after transformation */
.sales-story{padding:82px 0 92px}
.sales-story__inner.automation-story{
position:relative;
isolation:isolate;
overflow:hidden;
padding:64px;
color:var(--ink);
border:1px solid rgba(38,116,218,.13);
border-radius:34px;
background:
radial-gradient(circle at 94% 8%,rgba(47,181,255,.16),transparent 28%),
linear-gradient(135deg,rgba(239,247,255,.98),rgba(250,253,255,.98) 54%,rgba(241,249,255,.98));
box-shadow:0 24px 70px rgba(21,81,154,.09);
}
.sales-story__inner.automation-story:before{
content:"X";
position:absolute;
z-index:-1;
width:auto;
height:auto;
right:26px;
top:-100px;
border:0;
border-radius:0;
color:rgba(16,111,239,.035);
background:none;
box-shadow:none;
font:900 470px/1 Arial,sans-serif;
pointer-events:none;
}
.automation-story__head{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
gap:72px;
align-items:end;
}
.automation-story .sales-story__copy{max-width:930px}
.automation-story .eyebrow{color:var(--blue)}
.automation-story .sales-story__copy h2{
max-width:940px;
margin:18px 0 22px;
font-size:clamp(42px,4vw,62px);
line-height:1.04;
letter-spacing:-.052em;
}
.automation-story .sales-story__copy h2 em{
font-style:normal;
background:linear-gradient(90deg,#075cf2,#2bbaff);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.automation-story .sales-story__copy>p:last-child{
max-width:790px;
color:var(--muted);
font-size:15px;
line-height:1.72;
}
.automation-proof{
display:grid;
border:1px solid rgba(46,125,224,.12);
border-radius:20px;
background:rgba(255,255,255,.65);
backdrop-filter:blur(14px);
}
.automation-proof>div{
display:grid;
grid-template-columns:96px 1fr;
gap:12px;
align-items:center;
min-height:68px;
padding:12px 18px;
border-bottom:1px solid rgba(46,125,224,.1);
}
.automation-proof>div:last-child{border-bottom:0}
.automation-proof strong{color:#096af0;font-size:14px;letter-spacing:-.02em}
.automation-proof span{color:#6f7e98;font-size:10px;line-height:1.45}
.automation-stage{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr);
gap:18px;
align-items:stretch;
margin-top:42px;
}
.automation-card{
position:relative;
overflow:hidden;
min-width:0;
padding:28px 30px 30px;
border:1px solid rgba(44,110,202,.12);
border-radius:22px;
background:rgba(255,255,255,.72);
}
.automation-card--neon{
border-color:rgba(29,139,255,.26);
background:
radial-gradient(circle at 96% 0,rgba(68,201,255,.22),transparent 38%),
linear-gradient(135deg,rgba(241,249,255,.96),rgba(224,242,255,.96));
}
.automation-card--neon:before{
content:"";
position:absolute;
inset:0 0 auto;
height:2px;
background:linear-gradient(90deg,transparent,#36c4ff,#0967f1,transparent);
}
.automation-card__top{display:flex;align-items:center;gap:8px}
.automation-card__top small{color:#8290aa;font-size:9px;font-weight:900;letter-spacing:.16em}
.automation-card--neon .automation-card__top small{color:#0872ee}
.automation-card__dot{width:7px;height:7px;border-radius:50%;background:#c5d0e1}
.automation-card--neon .automation-card__dot{
background:#18a7ff;
box-shadow:0 0 14px rgba(24,167,255,.72);
}
.automation-card h3{
margin:12px 0 22px;
font-size:22px;
line-height:1.2;
letter-spacing:-.03em;
}
.automation-card ul{display:grid;gap:10px;margin:0;list-style:none}
.automation-card li{
display:grid;
grid-template-columns:28px 1fr;
gap:10px;
align-items:center;
min-height:43px;
padding:7px 11px;
border:1px solid rgba(45,106,193,.08);
border-radius:12px;
color:#697791;
background:rgba(255,255,255,.52);
font-size:11px;
line-height:1.35;
}
.automation-card li:before{display:none}
.automation-card li i{
display:grid;
place-items:center;
width:25px;
height:25px;
border-radius:8px;
color:#9aa8bd;
background:#eef2f7;
font-style:normal;
font-weight:900;
}
.automation-card--neon li{color:#284160;border-color:rgba(28,127,238,.11)}
.automation-card--neon li i{color:#fff;background:linear-gradient(135deg,#20bbff,#075df0)}
.automation-bridge{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
color:#0b62db;
text-align:center;
}
.automation-bridge:before{
content:"";
position:absolute;
z-index:-1;
left:-18px;
right:-18px;
top:50%;
height:1px;
background:linear-gradient(90deg,rgba(31,139,255,.05),rgba(31,139,255,.46),rgba(31,139,255,.05));
}
.automation-bridge__orbit{
position:relative;
display:grid;
place-items:center;
width:82px;
height:82px;
margin-bottom:10px;
border:1px solid rgba(38,157,255,.25);
border-radius:50%;
background:rgba(246,252,255,.9);
box-shadow:0 0 0 9px rgba(42,170,255,.055),0 0 28px rgba(34,151,255,.12);
}
.automation-bridge__orbit:after{
content:"";
position:absolute;
width:7px;
height:7px;
top:6px;
right:10px;
border-radius:50%;
background:#18b6ff;
box-shadow:0 0 12px #18b6ff;
}
.automation-bridge img{width:56px;height:48px;object-fit:cover;object-position:left center}
.automation-bridge strong{font-size:10px;letter-spacing:.18em}
.automation-bridge>span{margin-top:5px;color:#7b8ba5;font-size:8px;font-weight:850;line-height:1.45;letter-spacing:.12em}
.automation-result{
position:relative;
z-index:1;
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
margin-top:18px;
padding:15px 16px 15px 24px;
border-radius:18px;
color:#fff;
background:
radial-gradient(circle at 88% 0,rgba(65,207,255,.26),transparent 30%),
linear-gradient(100deg,#071a4e,#0745ad 58%,#087cf1);
}
.automation-result__flow{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:750}
.automation-result__flow i{color:#65d6ff;font-style:normal;font-size:16px}
.automation-result a{
flex:none;
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
min-width:250px;
min-height:46px;
padding:0 16px 0 19px;
border-radius:12px;
color:#0754cf;
background:#fff;
font-size:11px;
font-weight:850;
transition:transform .25s ease,filter .25s ease;
}
.automation-result a:hover{transform:translateY(-2px);filter:brightness(1.03)}
.automation-result a b{font-size:18px}
@media(max-width:1050px){
.sales-story__inner.automation-story{padding:48px}
.automation-story__head{grid-template-columns:1fr;gap:28px}
.automation-proof{grid-template-columns:repeat(3,1fr)}
.automation-proof>div{grid-template-columns:1fr;gap:4px;border-right:1px solid rgba(46,125,224,.1);border-bottom:0}
.automation-proof>div:last-child{border-right:0}
.automation-stage{grid-template-columns:1fr 100px 1fr}
.automation-result{align-items:flex-start;flex-direction:column}
.automation-result a{width:100%}
}
@media(max-width:720px){
.sales-story{padding:50px 0 64px}
.sales-story__inner.automation-story{padding:34px 22px;border-radius:25px}
.automation-story .sales-story__copy h2{font-size:40px}
.automation-story .sales-story__copy>p:last-child{font-size:13px}
.automation-proof{grid-template-columns:1fr}
.automation-proof>div{grid-template-columns:100px 1fr;border-right:0;border-bottom:1px solid rgba(46,125,224,.1)}
.automation-stage{grid-template-columns:1fr;gap:14px;margin-top:28px}
.automation-card{padding:24px 20px}
.automation-bridge{min-height:92px}
.automation-bridge:before{left:50%;right:auto;top:-15px;bottom:-15px;width:1px;height:auto}
.automation-bridge__orbit{width:66px;height:66px;margin-bottom:7px}
.automation-bridge img{width:46px;height:40px}
.automation-result{padding:20px}
.automation-result__flow{display:grid;grid-template-columns:1fr auto;font-size:10px}
.automation-result__flow span:last-child{grid-column:1/-1}
.automation-result a{min-width:0}
}
/* Control flow story */
.sales-story{padding:88px 0 96px}
.control-story{
position:relative;
isolation:isolate;
}
.control-story:before{
content:"";
position:absolute;
z-index:-1;
width:620px;
height:620px;
right:-230px;
top:-170px;
border-radius:50%;
background:radial-gradient(circle,rgba(54,188,255,.15),rgba(54,188,255,.035) 44%,transparent 70%);
pointer-events:none;
}
.control-story__head{
display:grid;
grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);
gap:86px;
align-items:end;
}
.control-story__copy{max-width:970px}
.control-story__copy .eyebrow{color:var(--blue)}
.control-story__copy h2{
margin:18px 0 22px;
font-size:clamp(43px,4.2vw,64px);
line-height:1.04;
letter-spacing:-.055em;
}
.control-story__copy h2 em{
font-style:normal;
background:linear-gradient(90deg,#075bf1,#25baff);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.control-story__copy>p:last-child{
max-width:790px;
color:var(--muted);
font-size:15px;
line-height:1.72;
}
.control-status{
overflow:hidden;
border:1px solid rgba(36,112,216,.14);
border-radius:22px;
background:rgba(255,255,255,.72);
box-shadow:0 18px 55px rgba(20,84,164,.075);
backdrop-filter:blur(15px);
}
.control-status__title{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
min-height:54px;
padding:0 19px;
border-bottom:1px solid rgba(36,112,216,.1);
background:rgba(238,247,255,.72);
}
.control-status__title span{
display:flex;
align-items:center;
gap:8px;
color:#0a64df;
font-size:9px;
font-weight:900;
letter-spacing:.13em;
}
.control-status__title span i{
width:7px;
height:7px;
border-radius:50%;
background:#19c996;
box-shadow:0 0 12px rgba(25,201,150,.7);
}
.control-status__title b{
color:#7c8ba3;
font-size:8px;
letter-spacing:.12em;
}
.control-status__row{
display:grid;
grid-template-columns:82px 1fr;
gap:15px;
align-items:center;
min-height:59px;
padding:10px 19px;
border-bottom:1px solid rgba(36,112,216,.085);
}
.control-status__row:last-child{border-bottom:0}
.control-status__row span{color:#8a97ab;font-size:9px}
.control-status__row strong{color:#203450;font-size:10px;line-height:1.4}
.control-rail{
position:relative;
overflow:hidden;
margin-top:46px;
padding:0 28px 28px;
border:1px solid rgba(89,194,255,.2);
border-radius:32px;
color:#fff;
background:
radial-gradient(circle at 52% -12%,rgba(45,200,255,.26),transparent 31%),
radial-gradient(circle at 100% 100%,rgba(45,160,255,.2),transparent 31%),
linear-gradient(118deg,#061541,#07358a 54%,#0875e8);
box-shadow:0 24px 65px rgba(5,57,145,.16);
}
.control-rail:before{
content:"";
position:absolute;
width:360px;
height:360px;
right:-130px;
top:-235px;
border:1px solid rgba(116,220,255,.18);
border-radius:50%;
box-shadow:0 0 0 45px rgba(77,184,255,.03),0 0 0 95px rgba(77,184,255,.02);
}
.control-rail__bar{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
min-height:54px;
border-bottom:1px solid rgba(151,218,255,.14);
}
.control-rail__bar>span{
display:flex;
align-items:center;
gap:6px;
color:rgba(255,255,255,.58);
font-size:8px;
font-weight:850;
letter-spacing:.14em;
}
.control-rail__bar>span i{
width:6px;
height:6px;
border-radius:50%;
background:rgba(255,255,255,.34);
}
.control-rail__bar>span i:first-child{background:#4fd9ff;box-shadow:0 0 9px rgba(79,217,255,.65)}
.control-rail__bar>b{color:#6edcff;font-size:9px;letter-spacing:.18em}
.control-rail__flow{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) 78px minmax(0,1.08fr) 78px minmax(0,1fr);
gap:0;
align-items:stretch;
padding-top:28px;
}
.control-node{
position:relative;
min-width:0;
min-height:215px;
display:flex;
flex-direction:column;
justify-content:center;
padding:28px;
border:1px solid rgba(158,219,255,.17);
border-radius:22px;
background:rgba(255,255,255,.065);
backdrop-filter:blur(10px);
}
.control-node__number{
position:absolute;
top:18px;
right:18px;
color:rgba(128,220,255,.48);
font-size:10px;
font-weight:900;
letter-spacing:.12em;
}
.control-node small{color:#72d8ff;font-size:8px;font-weight:900;letter-spacing:.17em}
.control-node h3{margin:10px 0 9px;font-size:22px;line-height:1.15;letter-spacing:-.03em}
.control-node p{max-width:230px;color:rgba(255,255,255,.58);font-size:10px;line-height:1.55}
.control-node--core{
align-items:center;
padding-inline:24px;
color:#061c4b;
text-align:center;
border-color:rgba(139,229,255,.72);
background:
radial-gradient(circle at 50% 0,rgba(72,208,255,.25),transparent 35%),
linear-gradient(145deg,#ffffff,#ddf6ff);
box-shadow:0 0 35px rgba(39,181,255,.18);
}
.control-node--core small{color:#0968e6}
.control-node--core p{color:#66809c}
.control-node__bird{
position:relative;
display:grid;
place-items:center;
width:68px;
height:68px;
margin-bottom:12px;
border:1px solid rgba(30,148,244,.2);
border-radius:50%;
background:rgba(255,255,255,.78);
box-shadow:0 0 0 8px rgba(32,173,255,.065),0 0 26px rgba(32,173,255,.14);
}
.control-node__bird:after{
content:"";
position:absolute;
width:7px;
height:7px;
right:6px;
top:8px;
border-radius:50%;
background:#20bfff;
box-shadow:0 0 10px #20bfff;
}
.control-node__bird img{width:49px;height:43px;object-fit:cover;object-position:left center}
.control-connector{
position:relative;
display:grid;
place-items:center;
}
.control-connector:before{
content:"";
position:absolute;
left:0;
right:0;
top:50%;
height:1px;
background:linear-gradient(90deg,rgba(92,211,255,.2),rgba(92,211,255,.75),rgba(92,211,255,.2));
}
.control-connector span{
position:relative;
display:grid;
place-items:center;
width:30px;
height:30px;
border:1px solid rgba(108,218,255,.3);
border-radius:50%;
color:#8ee8ff;
background:#083f99;
font-size:14px;
}
.control-story__footer{
display:grid;
grid-template-columns:minmax(250px,1fr) auto auto;
gap:28px;
align-items:center;
margin-top:18px;
padding:17px 18px 17px 22px;
border:1px solid rgba(35,114,216,.12);
border-radius:19px;
background:rgba(255,255,255,.68);
backdrop-filter:blur(14px);
}
.control-story__footer p{display:flex;gap:8px;flex-wrap:wrap;font-size:11px}
.control-story__footer p strong{color:#102b51}
.control-story__footer p span{color:#7b899f}
.control-story__tags{display:flex;align-items:center;gap:7px}
.control-story__tags span{
padding:7px 10px;
border:1px solid rgba(28,124,235,.11);
border-radius:999px;
color:#47708f;
background:#f1f8ff;
font-size:8px;
font-weight:750;
white-space:nowrap;
}
.control-story__footer>a{
display:flex;
align-items:center;
justify-content:space-between;
gap:26px;
min-width:225px;
min-height:46px;
padding:0 15px 0 18px;
border-radius:12px;
color:#fff;
background:linear-gradient(100deg,#168bff,#0756ed);
font-size:10px;
font-weight:850;
transition:transform .25s ease,filter .25s ease;
}
.control-story__footer>a:hover{transform:translateY(-2px);filter:brightness(1.07)}
.control-story__footer>a b{font-size:17px}
@media(max-width:1050px){
.control-story__head{grid-template-columns:1fr;gap:32px}
.control-status{display:grid;grid-template-columns:1fr 1fr 1fr}
.control-status__title{grid-column:1/-1}
.control-status__row{grid-template-columns:1fr;gap:4px;border-right:1px solid rgba(36,112,216,.085);border-bottom:0}
.control-status__row:last-child{border-right:0}
.control-rail__flow{grid-template-columns:1fr 58px 1.08fr 58px 1fr}
.control-node{padding:22px}
.control-story__footer{grid-template-columns:1fr auto}
.control-story__tags{grid-column:1}
.control-story__footer>a{grid-column:2;grid-row:1/3}
}
@media(max-width:720px){
.sales-story{padding:56px 0 70px}
.control-story__copy h2{font-size:40px}
.control-story__copy>p:last-child{font-size:13px}
.control-status{grid-template-columns:1fr}
.control-status__title{grid-column:auto}
.control-status__row{grid-template-columns:82px 1fr;border-right:0;border-bottom:1px solid rgba(36,112,216,.085)}
.control-rail{margin-top:30px;padding:0 18px 20px;border-radius:24px}
.control-rail__flow{grid-template-columns:1fr;gap:12px;padding-top:20px}
.control-node{min-height:175px;padding:24px}
.control-connector{min-height:48px}
.control-connector:before{left:50%;right:auto;top:0;bottom:0;width:1px;height:auto}
.control-connector span{transform:rotate(90deg)}
.control-story__footer{grid-template-columns:1fr;gap:15px;padding:20px}
.control-story__tags{grid-column:auto;flex-wrap:wrap}
.control-story__footer>a{grid-column:auto;grid-row:auto;width:100%}
}
/* Final growth story: clean, centered, and symmetrical */
.sales-story{padding:82px 0 94px}
.growth-story{
position:relative;
isolation:isolate;
overflow:hidden;
padding:68px 68px 36px;
border:1px solid rgba(39,112,208,.13);
border-radius:34px;
background:
radial-gradient(circle at 96% 2%,rgba(62,192,255,.14),transparent 29%),
linear-gradient(135deg,rgba(239,247,255,.98),rgba(252,254,255,.98) 58%,rgba(242,249,255,.98));
box-shadow:0 22px 65px rgba(22,80,151,.08);
}
.growth-story:before{
content:"X";
position:absolute;
z-index:-1;
right:-25px;
top:-125px;
color:rgba(13,103,233,.026);
font:900 470px/1 Arial,sans-serif;
pointer-events:none;
}
.growth-story__head{
position:relative;
max-width:1080px;
margin:0 auto;
text-align:center;
}
.growth-story__head .eyebrow{justify-content:center;color:var(--blue)}
.growth-story__head h2{
margin:18px auto 20px;
font-size:clamp(43px,4.1vw,63px);
line-height:1.045;
letter-spacing:-.052em;
}
.growth-story__head h2 em{
font-style:normal;
background:linear-gradient(90deg,#075af0,#28b9ff);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.growth-story__head>p:last-child{
max-width:800px;
margin:0 auto;
color:var(--muted);
font-size:14px;
line-height:1.72;
}
.growth-compare{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr);
align-items:stretch;
overflow:hidden;
margin-top:44px;
border:1px solid rgba(38,109,204,.13);
border-radius:25px;
background:rgba(255,255,255,.72);
}
.growth-side{
min-width:0;
min-height:300px;
padding:36px 40px 34px;
}
.growth-side--before{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(248,251,255,.72))}
.growth-side--after{
background:
radial-gradient(circle at 100% 0,rgba(63,196,255,.13),transparent 35%),
linear-gradient(145deg,rgba(247,252,255,.94),rgba(234,246,255,.9));
}
.growth-side__label{display:flex;align-items:center;gap:9px}
.growth-side__label i{
width:7px;
height:7px;
border-radius:50%;
background:#c7d2e3;
}
.growth-side__label span{color:#8090a9;font-size:9px;font-weight:900;letter-spacing:.16em}
.growth-side--after .growth-side__label i{
background:#159eff;
box-shadow:0 0 12px rgba(21,158,255,.55);
}
.growth-side--after .growth-side__label span{color:#0870eb}
.growth-side h3{
margin:14px 0 24px;
font-size:22px;
line-height:1.2;
letter-spacing:-.03em;
}
.growth-side ul{margin:0;list-style:none}
.growth-side li{
display:grid;
grid-template-columns:28px minmax(0,1fr);
gap:11px;
align-items:center;
min-height:48px;
padding:10px 0;
border-top:1px solid rgba(44,108,198,.09);
color:#748299;
font-size:11px;
line-height:1.4;
}
.growth-side li:before{display:none}
.growth-side li i{
display:grid;
place-items:center;
width:25px;
height:25px;
border-radius:8px;
color:#9ca9bc;
background:#edf2f8;
font-style:normal;
font-weight:900;
}
.growth-side--after li{color:#344d6a}
.growth-side--after li i{color:#fff;background:linear-gradient(135deg,#22b9ff,#075bef)}
.growth-core{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-inline:1px solid rgba(38,109,204,.12);
background:rgba(236,246,255,.78);
text-align:center;
}
.growth-core:before{
content:"";
position:absolute;
left:50%;
top:0;
bottom:0;
width:1px;
background:linear-gradient(transparent,rgba(37,150,242,.18) 24%,rgba(37,150,242,.18) 76%,transparent);
}
.growth-core__bird{
position:relative;
display:grid;
place-items:center;
width:76px;
height:76px;
margin-bottom:12px;
border:1px solid rgba(32,145,239,.2);
border-radius:50%;
background:rgba(255,255,255,.9);
box-shadow:0 0 0 9px rgba(32,163,255,.055),0 0 26px rgba(32,150,244,.12);
}
.growth-core__bird:after{
content:"";
position:absolute;
width:7px;
height:7px;
right:7px;
top:9px;
border-radius:50%;
background:#1cb8ff;
box-shadow:0 0 11px #1cb8ff;
}
.growth-core__bird img{width:53px;height:47px;object-fit:cover;object-position:left center}
.growth-core strong{position:relative;color:#0965df;font-size:9px;letter-spacing:.18em}
.growth-core>span{position:relative;margin-top:6px;color:#8393a9;font-size:8px;font-weight:850;line-height:1.45;letter-spacing:.12em}
.growth-story__promise{
display:flex;
align-items:center;
justify-content:center;
gap:9px;
width:max-content;
max-width:100%;
min-height:40px;
margin:22px auto 0;
padding:0 16px;
border:1px solid rgba(38,111,209,.1);
border-radius:999px;
color:#536a86;
background:rgba(255,255,255,.7);
font-size:10px;
font-weight:750;
text-align:center;
}
.growth-story__promise i{
flex:none;
width:7px;
height:7px;
border-radius:50%;
background:#18bf91;
box-shadow:0 0 10px rgba(24,191,145,.45);
}
@media(max-width:900px){
.growth-story{padding:54px 44px 32px}
.growth-compare{grid-template-columns:1fr}
.growth-core{
min-height:116px;
border-inline:0;
border-block:1px solid rgba(38,109,204,.12);
}
.growth-core:before{left:0;right:0;top:50%;bottom:auto;width:auto;height:1px}
.growth-core__bird{width:64px;height:64px;margin-bottom:8px}
.growth-core__bird img{width:45px;height:40px}
}
@media(max-width:720px){
.sales-story{padding:54px 0 68px}
.growth-story{padding:42px 22px 28px;border-radius:25px}
.growth-story__head h2{font-size:40px}
.growth-story__head>p:last-child{font-size:13px}
.growth-compare{margin-top:30px;border-radius:20px}
.growth-side{min-height:0;padding:28px 22px}
.growth-side h3{font-size:20px}
.growth-story__promise{align-items:flex-start;border-radius:15px;line-height:1.45;padding:12px 14px}
.growth-story__promise i{margin-top:4px}
}
/* Real one-minute AdsPower setup guide */
.setup__grid{
grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
gap:70px;
align-items:center;
}
.setup__visual{position:relative;min-width:0;padding-top:12px}
.setup-video{
position:relative;
overflow:hidden;
width:100%;
aspect-ratio:16/9;
border:7px solid rgba(255,255,255,.84);
border-radius:23px;
background:#07112f;
box-shadow:0 22px 65px rgba(18,75,152,.12);
}
.setup-video:before{
content:"";
position:absolute;
z-index:2;
inset:0;
border:1px solid rgba(92,181,255,.16);
border-radius:16px;
pointer-events:none;
}
.setup-video iframe{display:block;width:100%;height:100%;border:0}
.setup .setup__badge{
left:22px;
right:auto;
top:-2px;
bottom:auto;
z-index:3;
padding:10px 14px;
border-radius:999px;
color:#0765e7;
background:rgba(255,255,255,.94);
font-size:8px;
letter-spacing:.1em;
box-shadow:none;
}
.setup-video__link{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
width:max-content;
margin:14px 4px 0 auto;
color:#6b7e99;
font-size:10px;
font-weight:700;
transition:color .2s ease;
}
.setup-video__link:hover{color:var(--blue)}
.setup-video__link span{color:var(--blue);font-size:15px}
.setup__content h2{
margin:16px 0 14px;
font-size:clamp(40px,3.55vw,56px);
line-height:1.055;
}
.setup__lead{
max-width:620px;
color:var(--muted);
font-size:13px;
line-height:1.65;
}
.setup .steps{margin-top:22px}
.setup .steps li{gap:15px;padding:11px 0}
.setup .steps li>b{
width:42px;
height:38px;
border-radius:0;
background:transparent;
font-size:13px;
font-weight:900;
letter-spacing:.04em;
}
.setup .steps h3{margin:1px 0 4px;font-size:14px}
.setup .steps p{font-size:10px;line-height:1.5}
/* Interactive Neon X feature explorer */
.feature-explorer__head{
position:relative;
z-index:2;
max-width:1120px;
margin:0 auto 44px;
text-align:center;
}
.feature-explorer__head .eyebrow{justify-content:center}
.feature-explorer__head h2{
margin:16px 0 18px;
font-size:clamp(42px,4vw,62px);
line-height:1.04;
letter-spacing:-.05em;
}
.feature-explorer__head h2 em{
font-style:normal;
background:linear-gradient(90deg,#075cf2,#25b9ff);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.feature-explorer__head>p:last-child{
color:var(--muted);
font-size:14px;
line-height:1.7;
}
.feature-explorer{
position:relative;
z-index:2;
display:grid;
grid-template-columns:464px minmax(0,1fr);
gap:24px;
align-items:stretch;
}
.feature-tabs{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.feature-tab{
position:relative;
display:flex;
min-width:0;
min-height:174px;
padding:22px 18px 20px;
flex-direction:column;
align-items:center;
justify-content:center;
gap:14px;
overflow:hidden;
border:1px solid rgba(31,103,204,.12);
border-radius:20px;
background:rgba(255,255,255,.72);
color:var(--ink);
font:inherit;
text-align:center;
cursor:pointer;
transition:border-color .3s ease,background .3s ease,transform .3s ease,box-shadow .3s ease;
}
.feature-tab:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg,rgba(18,113,255,.055),transparent 58%);
opacity:0;
transition:opacity .3s ease;
}
.feature-tab:hover{
transform:translateY(-2px);
border-color:rgba(27,119,247,.27);
background:rgba(255,255,255,.9);
}
.feature-tab.is-active{
border-color:rgba(15,101,244,.7);
background:rgba(255,255,255,.94);
box-shadow:inset 0 0 0 1px rgba(48,169,255,.12),0 13px 34px rgba(28,100,190,.1);
}
.feature-tab.is-active:before{opacity:1}
.feature-tab:focus-visible{
outline:3px solid rgba(20,114,244,.24);
outline-offset:3px;
}
.feature-tab__icon{
position:relative;
z-index:1;
display:grid;
place-items:center;
width:50px;
height:50px;
flex:none;
border:1px solid rgba(42,129,244,.1);
border-radius:16px;
background:linear-gradient(145deg,#f7fbff,#e8f2ff);
color:#0870f3;
font-size:24px;
box-shadow:0 8px 22px rgba(22,105,215,.1);
transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s ease;
}
.feature-tab:hover .feature-tab__icon,
.feature-tab.is-active .feature-tab__icon{
transform:translateY(-2px) scale(1.05);
background:linear-gradient(145deg,#fff,#e4f3ff);
}
.feature-tab>span:last-child{position:relative;z-index:1;display:block}
.feature-tab b{
display:block;
margin-bottom:8px;
font-size:14px;
line-height:1.28;
letter-spacing:-.015em;
}
.feature-tab small{
display:block;
color:#667791;
font-size:10.5px;
line-height:1.55;
}
.feature-stage{
position:relative;
min-width:0;
min-height:550px;
border:1px solid rgba(31,103,204,.14);
border-radius:28px;
background:
radial-gradient(circle at 92% 8%,rgba(68,193,255,.13),transparent 32%),
linear-gradient(145deg,rgba(249,252,255,.96),rgba(235,246,255,.88));
box-shadow:0 20px 58px rgba(22,80,151,.08);
}
.feature-stage:before{
content:"";
position:absolute;
inset:0;
overflow:hidden;
border-radius:inherit;
background:
radial-gradient(circle at 8% 92%,rgba(30,99,246,.07),transparent 28%),
linear-gradient(120deg,transparent 18%,rgba(255,255,255,.46) 50%,transparent 78%);
pointer-events:none;
}
.feature-stage__viewport{
position:relative;
z-index:1;
min-height:550px;
overflow:hidden;
border-radius:inherit;
}
.feature-slide{
display:grid;
grid-template-columns:minmax(250px,.78fr) minmax(360px,1.22fr);
align-items:center;
gap:34px;
min-height:550px;
padding:50px 46px 72px;
}
.feature-slide[hidden]{display:none}
.feature-slide.is-active{
animation:featureSlideIn .55s cubic-bezier(.16,1,.3,1) both;
}
@keyframes featureSlideIn{
from{opacity:0;transform:translate3d(18px,0,0) scale(.99)}
to{opacity:1;transform:none}
}
.feature-slide__copy{position:relative;z-index:2;min-width:0}
.feature-slide__badge{
display:inline-flex;
align-items:center;
gap:7px;
min-height:34px;
margin-bottom:28px;
padding:8px 13px;
border:1px solid rgba(28,114,239,.13);
border-radius:999px;
background:rgba(229,241,255,.78);
color:#0869e9;
font-size:10px;
font-weight:800;
}
.feature-slide__badge i{font-style:normal;font-size:13px}
.feature-slide h3{
max-width:330px;
margin:0 0 18px;
font-size:36px;
line-height:1.08;
letter-spacing:-.045em;
}
.feature-slide__copy>p{
max-width:360px;
color:#64748d;
font-size:13px;
line-height:1.7;
}
.feature-slide ul{
display:grid;
gap:15px;
margin:27px 0 0;
padding:0;
list-style:none;
}
.feature-slide li{
display:grid;
grid-template-columns:22px minmax(0,1fr);
gap:10px;
align-items:start;
color:#536681;
font-size:11px;
line-height:1.48;
}
.feature-slide li:before{
content:"✓";
display:grid;
place-items:center;
width:19px;
height:19px;
border:1px solid rgba(19,111,241,.35);
border-radius:50%;
color:#0870f2;
font-size:9px;
font-weight:900;
}
.feature-slide__visual{
position:relative;
display:grid;
place-items:center;
min-width:0;
min-height:360px;
isolation:isolate;
}
.feature-slide__visual:before{
content:"";
position:absolute;
z-index:-2;
width:94%;
aspect-ratio:1.35;
border-radius:50%;
background:radial-gradient(ellipse,rgba(82,201,255,.25),rgba(53,117,247,.06) 46%,transparent 72%);
filter:blur(10px);
}
.feature-slide__visual:after{
content:"";
position:absolute;
z-index:-1;
left:3%;
right:3%;
bottom:4%;
height:44px;
border:1px solid rgba(33,130,242,.17);
border-radius:50%;
background:rgba(218,240,255,.42);
}
.feature-slide__visual img{
display:block;
width:100%;
max-width:620px;
border:1px solid rgba(60,137,237,.12);
border-radius:18px;
filter:drop-shadow(0 18px 30px rgba(35,94,171,.13));
}
.feature-arrow{
position:absolute;
z-index:5;
top:50%;
display:grid;
place-items:center;
width:48px;
height:48px;
padding:0 0 5px;
border:1px solid rgba(21,107,240,.14);
border-radius:50%;
background:rgba(255,255,255,.94);
color:#0871f4;
font:300 34px/1 Arial,sans-serif;
cursor:pointer;
transform:translateY(-50%);
transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.feature-arrow:hover{
border-color:rgba(21,107,240,.35);
background:#fff;
transform:translateY(-50%) scale(1.06);
}
.feature-arrow:focus-visible{outline:3px solid rgba(20,114,244,.25);outline-offset:3px}
.feature-arrow--prev{left:-25px}
.feature-arrow--next{right:-25px}
.feature-dots{
position:absolute;
z-index:5;
left:50%;
bottom:25px;
display:flex;
align-items:center;
justify-content:center;
gap:9px;
transform:translateX(-50%);
}
.feature-dot{
position:relative;
width:8px;
height:8px;
padding:0;
border:0;
border-radius:50%;
background:#cdd8e8;
cursor:pointer;
transition:width .25s ease,background .25s ease,transform .25s ease;
}
.feature-dot:hover{transform:scale(1.18);background:#8fb5e8}
.feature-dot.is-active{width:24px;border-radius:999px;background:#086df0}
.feature-dot.is-active:after{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
background:linear-gradient(90deg,#61d2ff,#086df0);
transform-origin:left;
animation:featureDotProgress 2.5s linear both;
}
.feature-stage.is-paused .feature-dot.is-active:after{animation-play-state:paused}
@keyframes featureDotProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1180px){
.feature-explorer{grid-template-columns:1fr}
.feature-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-tab{min-height:146px}
.feature-slide{grid-template-columns:minmax(260px,.75fr) minmax(400px,1.25fr)}
}
@media(max-width:760px){
.feature-explorer__head{margin-bottom:30px}
.feature-explorer__head h2{font-size:40px}
.feature-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.feature-tab{min-height:134px;padding:16px 12px;gap:10px;border-radius:16px}
.feature-tab__icon{width:42px;height:42px;border-radius:13px;font-size:20px}
.feature-tab b{font-size:12px}
.feature-tab small{font-size:9.5px}
.feature-stage,.feature-stage__viewport{min-height:680px}
.feature-slide{
grid-template-columns:1fr;
align-content:start;
gap:25px;
min-height:680px;
padding:42px 28px 72px;
}
.feature-slide__badge{margin-bottom:20px}
.feature-slide h3{font-size:32px}
.feature-slide__visual{min-height:230px}
.feature-arrow{top:auto;bottom:16px;width:42px;height:42px;transform:none}
.feature-arrow:hover{transform:scale(1.05)}
.feature-arrow--prev{left:18px}
.feature-arrow--next{right:18px}
.feature-dots{bottom:33px}
}
@media(max-width:1050px){
.setup__grid{grid-template-columns:1fr;gap:48px}
.setup__visual{max-width:860px;margin:0 auto}
.setup__content{width:100%;max-width:860px;margin:0 auto}
}
@media(max-width:720px){
.setup__grid{gap:36px}
.setup-video{border-width:4px;border-radius:17px}
.setup .setup__badge{left:12px;top:1px}
.setup__content h2{font-size:40px}
.setup__lead{font-size:12px}
.setup .steps li{padding:13px 0}
.setup .steps p{font-size:11px}
}
/* Local Neon X video player */
.setup__visual{padding-top:0}
.neon-player{
position:relative;
overflow:hidden;
width:100%;
border:1px solid rgba(25,132,238,.2);
border-radius:22px;
background:linear-gradient(145deg,#f8fcff,#eaf6ff);
box-shadow:none;
}
.neon-player:before{
content:"";
position:absolute;
z-index:3;
inset:0 0 auto;
height:2px;
background:linear-gradient(90deg,transparent,#36cbff 28%,#0874f3 72%,transparent);
pointer-events:none;
}
.neon-player__top{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
min-height:46px;
padding:0 17px;
border-bottom:1px solid rgba(25,132,238,.12);
background:rgba(248,252,255,.94);
}
.neon-player__top span{
display:flex;
align-items:center;
gap:8px;
color:#086be7;
font-size:8px;
font-weight:900;
letter-spacing:.15em;
}
.neon-player__top span i{
width:7px;
height:7px;
border-radius:50%;
background:#19c995;
box-shadow:0 0 10px rgba(25,201,149,.62);
}
.neon-player__top b{color:#7d8da6;font-size:8px;letter-spacing:.12em}
.neon-player video{
display:block;
width:100%;
aspect-ratio:16/9;
object-fit:cover;
background:#061536;
}
@media(max-width:720px){
.neon-player{border-radius:17px}
.neon-player__top{min-height:42px;padding-inline:13px}
.neon-player__top b{display:none}
}
/* Compact pricing viewport */
@media(min-width:1051px){
.pricing{padding:28px 0 26px}
.pricing-stage{width:min(1580px,calc(100% - 40px))}
.pricing-stage__head{margin-bottom:18px}
.pricing-stage__kicker{
padding:4px 14px;
font-size:9.5px;
}
.pricing-stage__head h2{
margin:10px 0 7px;
font-size:clamp(38px,3.15vw,50px);
}
.pricing-stage__head>p:last-child{
max-width:760px;
font-size:14px;
line-height:1.4;
}
.pricing-stage__body{
grid-template-columns:380px minmax(0,1fr);
gap:16px;
}
.pricing-stage__visual{min-height:480px}
.pricing-stage__visual img{height:480px}
.pricing-stage__plans{gap:16px}
.pricing-plan{
min-height:410px;
padding:20px 26px 21px;
border-radius:18px;
}
.pricing-plan__top{min-height:56px}
.pricing-plan__label{
min-height:25px;
padding:0 12px;
font-size:9px;
}
.pricing-plan__symbol{
width:56px;
height:56px;
border-radius:16px;
font-size:31px;
}
.pricing-plan__symbol--infinity{font-size:39px}
.pricing-plan__price{
gap:9px;
margin:-8px 0 12px;
}
.pricing-plan__price b{font-size:47px}
.pricing-plan__price span{
padding-bottom:4px;
font-size:10.5px;
}
.pricing-plan__copy h3{font-size:14.5px}
.pricing-plan__copy p{
margin-top:5px;
font-size:10.5px;
line-height:1.45;
}
.pricing-plan__facts{
gap:8px !important;
margin:15px 0 !important;
}
.pricing-plan__facts li{
gap:9px;
font-size:10.5px;
line-height:1.35;
}
.pricing-plan__facts li:before{
width:16px;
height:16px;
font-size:9px;
}
.pricing-plan__cta,
.pricing-plan__cta--free{
min-height:46px;
padding-inline:17px;
border-radius:11px;
font-size:11.5px;
}
.pricing-assurances{margin-top:12px}
.pricing-assurances>div{
gap:10px;
padding:4px 15px;
}
.pricing-assurances>div>span{
width:34px;
height:34px;
border-radius:11px;
font-size:20px;
}
.pricing-assurances strong{font-size:10.5px}
.pricing-assurances small{font-size:8.5px}
}
@media(min-width:1051px) and (max-width:1250px){
.pricing-stage__body{grid-template-columns:310px minmax(0,1fr)}
.pricing-stage__visual img{height:465px}
.pricing-stage__visual{min-height:465px}
.pricing-plan{padding-inline:20px}
.pricing-stage__head h2{font-size:43px}
}
/* Compact feature explorer viewport */
@media(min-width:1181px){
.features{padding:68px 0}
.feature-explorer__head{margin-bottom:32px}
.feature-explorer__head h2{
margin:12px 0 14px;
font-size:clamp(40px,3.55vw,56px);
}
.feature-explorer__head>p:last-child{
font-size:13px;
line-height:1.55;
}
.feature-explorer{
grid-template-columns:430px minmax(0,1fr);
gap:20px;
}
.feature-tabs{gap:12px}
.feature-tab{
min-height:158px;
padding:18px 16px 17px;
gap:11px;
border-radius:18px;
}
.feature-tab__icon{
width:46px;
height:46px;
border-radius:14px;
font-size:22px;
}
.feature-tab b{
margin-bottom:6px;
font-size:13px;
}
.feature-tab small{
font-size:10px;
line-height:1.45;
}
.feature-stage,
.feature-stage__viewport{min-height:498px}
.feature-stage{border-radius:24px}
.feature-slide{
grid-template-columns:minmax(235px,.76fr) minmax(340px,1.24fr);
gap:28px;
min-height:498px;
padding:40px 40px 60px;
}
.feature-slide__badge{
min-height:31px;
margin-bottom:21px;
padding:7px 12px;
}
.feature-slide h3{
margin-bottom:14px;
font-size:33px;
}
.feature-slide__copy>p{
font-size:12px;
line-height:1.6;
}
.feature-slide ul{
gap:12px;
margin-top:21px;
}
.feature-slide__visual{min-height:320px}
.feature-slide__visual img{max-width:575px}
.feature-dots{bottom:21px}
}
/* Scroll-to-top control */
.back-to-top{
position:fixed;
right:24px;
bottom:24px;
z-index:90;
display:grid;
place-items:center;
width:52px;
height:52px;
padding:0;
border:0;
border-radius:50%;
color:#0870f2;
background:transparent;
box-shadow:0 10px 28px rgba(31,113,218,.16);
opacity:0;
visibility:hidden;
transform:translateY(14px) scale(.9);
transition:opacity .25s ease,visibility .25s ease,transform .25s ease,box-shadow .25s ease;
cursor:pointer;
}
.back-to-top:before{
content:"";
position:absolute;
inset:0;
z-index:0;
border-radius:50%;
background:conic-gradient(from 0deg,#75e8ff,#0875f7 28%,#244bea 52%,#26c8ff 77%,#75e8ff);
animation:backToTopOrbit 4.8s linear infinite;
}
.back-to-top:after{
content:"";
position:absolute;
inset:2px;
z-index:1;
border-radius:50%;
background:
radial-gradient(circle at 31% 24%,rgba(255,255,255,.98) 0 18%,transparent 44%),
linear-gradient(145deg,rgba(252,254,255,.98),rgba(226,243,255,.96));
box-shadow:
0 0 0 1px rgba(255,255,255,.72) inset,
0 0 18px rgba(59,194,255,.15) inset;
}
.back-to-top span{
position:relative;
z-index:2;
display:block;
width:18px;
height:21px;
overflow:hidden;
color:transparent;
font-size:0;
animation:backToTopArrow 1.9s ease-in-out infinite;
}
.back-to-top span:before{
content:"";
position:absolute;
left:8px;
top:6px;
width:2px;
height:14px;
border-radius:999px;
background:linear-gradient(180deg,#075bf4,#26c9ff);
box-shadow:0 0 8px rgba(26,151,255,.35);
}
.back-to-top span:after{
content:"";
position:absolute;
left:4px;
top:4px;
width:8px;
height:8px;
border-top:2px solid #075bf4;
border-left:2px solid #075bf4;
transform:rotate(45deg);
}
.back-to-top.is-visible{
opacity:1;
visibility:visible;
transform:none;
animation:backToTopPulse 2.8s ease-in-out infinite;
}
.back-to-top:hover{
transform:translateY(-3px) scale(1.05);
box-shadow:0 8px 28px rgba(20,117,241,.22),0 0 24px rgba(57,202,255,.35);
}
.back-to-top.is-visible:hover{animation:none}
.back-to-top:hover:before{animation-duration:2.4s}
.back-to-top:focus-visible{
outline:3px solid rgba(22,116,241,.32);
outline-offset:3px;
}
@keyframes backToTopOrbit{
to{transform:rotate(1turn)}
}
@keyframes backToTopArrow{
0%,100%{transform:translateY(2px)}
50%{transform:translateY(-2px)}
}
@keyframes backToTopPulse{
0%,100%{box-shadow:0 10px 28px rgba(31,113,218,.14)}
50%{box-shadow:0 10px 30px rgba(31,113,218,.2),0 0 20px rgba(65,204,255,.22)}
}
@media(max-width:720px){
.back-to-top{
right:14px;
bottom:14px;
width:44px;
height:44px;
}
}
@media(prefers-reduced-motion:reduce){
.back-to-top,
.back-to-top:before,
.back-to-top span{animation:none;transition:none}
}
/* Compact FAQ ending */
@media(max-width:720px){
.footer__identity{flex-wrap:wrap}
.footer__copyright{white-space:normal}
}
/* Neon Ecosystem — compact continuous site ending */
.ecosystem-signoff{
position:relative;
isolation:isolate;
display:grid;
place-items:end center;
min-height:150px;
margin-top:-1px;
padding:62px 20px 20px;
overflow:hidden;
background:
radial-gradient(ellipse at 50% 82%,rgba(77,195,255,.15),transparent 44%),
linear-gradient(180deg,rgba(255,255,255,.96) 0%,#f5faff 58%,#eef7ff 100%);
}
.ecosystem-signoff:before{
content:"";
position:absolute;
z-index:-1;
left:50%;
bottom:-82px;
width:min(900px,84vw);
height:176px;
transform:translateX(-50%);
border-radius:50%;
background:radial-gradient(ellipse,rgba(67,194,255,.18),rgba(38,123,255,.05) 48%,transparent 73%);
filter:blur(14px);
}
.ecosystem-signoff__waves{
position:absolute;
inset:0;
overflow:hidden;
pointer-events:none;
}
.ecosystem-signoff__waves i{
position:absolute;
left:50%;
width:112vw;
height:112px;
border:1px solid rgba(53,150,255,.24);
border-bottom-color:transparent;
border-radius:50%;
box-shadow:0 -1px 0 rgba(255,255,255,.95),0 0 16px rgba(56,181,255,.1);
transform:translateX(-50%);
animation:ecosystemWave 7s ease-in-out infinite alternate;
}
.ecosystem-signoff__waves i:nth-child(1){
top:14px;
left:39%;
transform:translateX(-50%) rotate(2.1deg);
}
.ecosystem-signoff__waves i:nth-child(2){
top:14px;
left:61%;
transform:translateX(-50%) rotate(-2.1deg);
animation-delay:-1.7s;
}
.ecosystem-signoff__waves i:nth-child(3){
top:32px;
width:132vw;
border-color:rgba(68,188,255,.18);
animation-delay:-3.2s;
}
.ecosystem-signoff__waves i:nth-child(4){
top:48px;
width:146vw;
border-color:rgba(87,154,255,.12);
animation-delay:-4.8s;
}
.ecosystem-signoff__brand{
position:relative;
z-index:2;
display:grid;
justify-items:center;
gap:8px;
text-align:center;
}
.ecosystem-signoff__brand strong{
color:#0964e8;
background:linear-gradient(105deg,#0758df 0%,#25c7ff 35%,#163df0 57%,#72dcff 77%,#0758df 100%);
background-size:260% 100%;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
font-size:17px;
font-weight:850;
letter-spacing:.36em;
text-indent:.36em;
text-shadow:0 8px 28px rgba(22,123,241,.12);
animation:ecosystemShimmer 6.5s ease-in-out infinite;
}
.ecosystem-signoff__brand span{
display:flex;
align-items:center;
gap:15px;
color:#667693;
font-size:12px;
letter-spacing:.02em;
}
.ecosystem-signoff__brand span i{
display:block;
width:48px;
height:1px;
background:linear-gradient(90deg,transparent,#1584ff);
}
.ecosystem-signoff__brand span i:last-child{transform:scaleX(-1)}
@keyframes ecosystemWave{
from{margin-left:-10px;opacity:.66}
to{margin-left:10px;opacity:1}
}
@keyframes ecosystemShimmer{
0%,100%{background-position:0 50%}
50%{background-position:100% 50%}
}
@media(max-width:720px){
.ecosystem-signoff{
min-height:132px;
padding:54px 16px 16px;
}
.ecosystem-signoff__waves i{
width:170vw;
height:90px;
}
.ecosystem-signoff__waves i:nth-child(1),
.ecosystem-signoff__waves i:nth-child(2){top:8px}
.ecosystem-signoff__waves i:nth-child(3){top:24px;width:190vw}
.ecosystem-signoff__waves i:nth-child(4){top:38px;width:210vw}
.ecosystem-signoff__brand strong{
font-size:14px;
letter-spacing:.25em;
text-indent:.25em;
}
.ecosystem-signoff__brand span{
gap:9px;
font-size:10px;
}
.ecosystem-signoff__brand span i{width:25px}
}
@media(prefers-reduced-motion:reduce){
.ecosystem-signoff__waves i,
.ecosystem-signoff__brand strong{animation:none}
}
/* Branded text shimmer: hero statement */
.hero h1 .hero__title-line:not(em),
.hero h1 em.hero__title-line{
background-repeat:no-repeat;
background-size:280% 100%;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
color:transparent;
will-change:background-position;
}
.hero h1 .hero__title-line:not(em){
background-image:linear-gradient(
105deg,
#07112f 0%,
#07112f 28%,
#123b7b 42%,
#269cff 50%,
#0e2d67 59%,
#07112f 73%,
#07112f 100%
);
animation:neonTextSweep 7.8s ease-in-out infinite;
}
.hero h1 em.hero__title-line{
background-image:linear-gradient(
105deg,
#0b57f5 0%,
#187cfb 28%,
#64ddff 49%,
#198cff 61%,
#1546eb 77%,
#0b57f5 100%
);
filter:drop-shadow(0 7px 18px rgba(35,139,255,.08));
animation:neonTextSweep 7.8s ease-in-out infinite;
}
@keyframes neonTextSweep{
0%,100%{background-position:0 50%}
50%{background-position:100% 50%}
}
@media(prefers-reduced-motion:reduce){
.hero h1 .hero__title-line{
animation:none;
background-position:50% 50%;
}
}
/* Language-aware full-card feature slides */
.feature-stage--posters{
min-height:0;
aspect-ratio:1672 / 941;
border-color:rgba(33,126,245,.14);
background:rgba(244,249,255,.72);
box-shadow:0 18px 50px rgba(30,102,186,.07);
}
.feature-stage--posters::before{display:none}
.feature-stage--posters .feature-stage__viewport{
height:100%;
min-height:0;
border-radius:inherit;
}
.feature-stage--posters .feature-slide--poster{
grid-template-columns:1fr;
height:100%;
min-height:0;
padding:0;
}
.feature-stage--posters .feature-slide--poster .feature-slide__visual{
display:block;
width:100%;
height:100%;
min-height:0;
}
.feature-stage--posters .feature-slide--poster .feature-slide__visual::before,
.feature-stage--posters .feature-slide--poster .feature-slide__visual::after{
display:none;
}
.feature-stage--posters .feature-slide--poster img{
display:block;
width:100%;
height:100%;
max-width:none;
object-fit:contain;
border:0;
border-radius:inherit;
filter:none;
user-select:none;
-webkit-user-drag:none;
}
.feature-stage--posters .feature-dots{
bottom:14px;
gap:8px;
padding:7px 9px;
border:1px solid rgba(26,116,236,.12);
border-radius:999px;
background:rgba(255,255,255,.76);
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
}
.feature-stage--posters .feature-arrow{
width:42px;
height:66px;
border:1px solid rgba(255,255,255,.9);
border-radius:17px;
color:#0868f6;
background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(224,244,255,.86));
box-shadow:0 10px 26px rgba(30,114,211,.14),inset 0 0 0 1px rgba(79,177,255,.12);
font-size:30px;
opacity:.76;
-webkit-backdrop-filter:blur(14px);
backdrop-filter:blur(14px);
transition:opacity .22s ease,transform .22s ease,border-color .22s ease,background .22s ease;
}
.feature-stage--posters:hover .feature-arrow,
.feature-stage--posters .feature-arrow:focus-visible{
opacity:1;
}
.feature-stage--posters .feature-arrow:hover{
color:#005bea;
border-color:rgba(91,183,255,.68);
background:linear-gradient(145deg,#fff,rgba(213,241,255,.96));
}
.feature-stage--posters .feature-arrow--prev{left:14px}
.feature-stage--posters .feature-arrow--next{right:14px}
.feature-stage--posters .feature-arrow--prev:hover{
transform:translateY(-50%) translateX(-2px);
}
.feature-stage--posters .feature-arrow--next:hover{
transform:translateY(-50%) translateX(2px);
}
@media(max-width:760px){
.feature-stage--posters{
min-height:0;
aspect-ratio:1672 / 941;
border-radius:18px;
}
.feature-stage--posters .feature-stage__viewport{
min-height:0;
height:100%;
}
.feature-stage--posters .feature-slide--poster{
min-height:0;
height:100%;
padding:0;
}
.feature-stage--posters .feature-arrow{
top:50%;
bottom:auto;
width:38px;
height:38px;
transform:translateY(-50%);
}
.feature-stage--posters .feature-arrow:hover{
transform:translateY(-50%) scale(1.05);
}
.feature-stage--posters .feature-arrow--prev{left:8px}
.feature-stage--posters .feature-arrow--next{right:8px}
.feature-stage--posters .feature-dots{
bottom:8px;
padding:5px 7px;
}
}
/* ===== 2026 calm-premium motion system ===== */
.header__inner{
transition:
transform .46s cubic-bezier(.16,1,.3,1),
opacity .28s ease,
box-shadow .32s ease,
background-color .32s ease;
will-change:transform;
}
.header.is-scrolled .header__inner{
background:rgba(249,252,255,.9);
box-shadow:0 18px 52px rgba(24,70,130,.13),inset 0 1px 0 #fff;
}
.header.header--hidden .header__inner{
opacity:0;
transform:translate3d(0,-104px,0) scale(.985);
pointer-events:none;
}
.hero__stage{
transform:translate3d(0,var(--hero-parallax,0px),0);
transition:transform .16s linear;
}
.pricing-stage__visual img{
transform:translate3d(-50%,var(--section-parallax,0px),0);
transition:transform .18s linear;
}
.faq__mascot img{
transform:translate3d(0,var(--section-parallax,0px),0);
transition:transform .18s linear;
}
.reveal.is-entered{
backface-visibility:hidden;
}
.motion-item{
animation:neonReveal var(--motion-duration,560ms) cubic-bezier(.16,1,.3,1) var(--motion-delay,0ms) both!important;
will-change:opacity,transform;
}
@keyframes neonReveal{
from{
opacity:.08;
transform:translate3d(var(--motion-x,0px),var(--motion-y,22px),0) scale(var(--motion-scale,.993));
}
to{
opacity:1;
transform:translate3d(0,0,0) scale(1);
}
}
.capture-mode .header__inner,
.capture-mode .hero__stage,
.capture-mode .pricing-stage__visual img,
.capture-mode .faq__mascot img{
transform:none;
transition:none;
}
.capture-mode .pricing-stage__visual img{
transform:translateX(-50%);
}
.capture-mode .header.header--hidden .header__inner{
opacity:1;
transform:none;
pointer-events:auto;
}
html.capture-mode{scroll-behavior:auto!important}
.capture-mode .header{
position:relative;
top:0;
}
.capture-mode .faq__intro{
position:relative;
top:auto;
}
.capture-mode .page-bg{
display:none;
}
.capture-mode *,
.capture-mode *:before,
.capture-mode *:after{
animation:none!important;
}
@media(max-width:720px){
.header.header--hidden .header__inner{
transform:translate3d(0,-88px,0) scale(.985);
}
.hero__stage,
.pricing-stage__visual img,
.faq__mascot img{
transition:none;
}
}
@media(prefers-reduced-motion:reduce){
.motion-item{animation:none!important}
.header__inner,
.hero__stage,
.pricing-stage__visual img,
.faq__mascot img{
transition:none;
}
.header.header--hidden .header__inner{
opacity:1;
transform:none;
pointer-events:auto;
}
}
@media print{
.header__inner,
.hero__stage,
.pricing-stage__visual img,
.faq__mascot img,
.reveal,
.reveal--right{
opacity:1!important;
transform:none!important;
animation:none!important;
transition:none!important;
}
.pricing-stage__visual img{transform:translateX(-50%)!important}
}