@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap');
:root{--ink:#10131b;--muted:#687080;--line:#e6e8ee;--bg:#fbfcff;--blue:#3f5cff;--blue2:#6d7dff;--orange:#ff7a45;--white:#fff;--shadow:0 24px 70px rgba(24,31,61,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;line-height:1.65;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 5%,rgba(63,92,255,.07),transparent 26%),radial-gradient(circle at 5% 60%,rgba(63,92,255,.035),transparent 22%);z-index:-1}a{text-decoration:none;color:inherit}.nav{height:82px;padding:0 5.5vw;display:flex;align-items:center;gap:34px;border-bottom:1px solid rgba(225,228,236,.9);background:rgba(251,252,255,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:100}.brand{font:800 21px Sora,sans-serif;letter-spacing:-1px;white-space:nowrap}.brand span:last-child{color:var(--blue)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--blue);margin-right:8px;box-shadow:0 0 0 5px rgba(63,92,255,.08);animation:pulseDot 2.5s ease-in-out infinite}.brand:after{content:""}.nav nav{display:flex;gap:30px;margin:auto;font-size:13px;color:#596170}.nav nav a{padding:29px 0;position:relative;transition:.25s ease}.nav nav a.active,.nav nav a:hover{color:var(--ink)}.nav nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue);animation:lineIn .35s ease both}.navcta{font-size:13px;font-weight:800;border:1px solid #dce0e9;border-radius:99px;padding:12px 18px;background:#fff;transition:.3s ease;box-shadow:0 6px 18px rgba(20,25,45,.04)}.navcta:hover{transform:translateY(-2px);border-color:#bfc7ff;box-shadow:0 12px 30px rgba(63,92,255,.12)}.navcta b{color:var(--blue)}.menu{display:none;background:none;border:0;font-size:24px}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.1px;color:var(--blue);margin-bottom:17px;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:18px;height:2px;background:var(--blue);vertical-align:middle;margin:0 9px 2px 0;border-radius:4px}.hero{min-height:690px;padding:92px 7vw 76px;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center;position:relative}.hero:after{content:"";position:absolute;width:420px;height:420px;right:-190px;top:80px;border-radius:50%;background:rgba(63,92,255,.07);filter:blur(10px);z-index:-1}.hero h1,.pagehero h1,.ecomhero h1,.contacthero h1{font:800 clamp(45px,6.1vw,80px)/1.02 Sora,sans-serif;letter-spacing:-4.8px;margin:0}.hero h1 em,.pagehero h1 em,.ecomhero h1 em,.contacthero h1 em,h2 em{font-style:normal;color:var(--blue)}.hero p,.pagehero p,.ecomhero p,.contacthero p{font-size:17px;color:var(--muted);max-width:630px;margin:25px 0 31px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:11px;padding:14px 20px;font-weight:800;font-size:13px;border:1px solid var(--line);cursor:pointer;transition:.3s cubic-bezier(.2,.8,.2,1)}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 12px 30px rgba(16,19,27,.12)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(63,92,255,.2)}.btn.ghost{background:#fff}.btn.ghost:hover{transform:translateY(-3px);border-color:#bfc7ff;box-shadow:var(--shadow)}.btn.light{background:#fff;color:var(--ink);border-color:#fff}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px;font-size:11px;color:#777f8d}.trust span:first-child:before{content:""}.hero-card{padding:10px 8px}.browser{background:#fff;border:1px solid #dde1ea;border-radius:25px;box-shadow:0 35px 90px rgba(20,28,60,.15);overflow:hidden;transform:rotate(1.2deg);transition:.5s ease}.browser:hover{transform:rotate(0deg) translateY(-7px);box-shadow:0 45px 100px rgba(20,28,60,.18)}.browserbar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 15px}.browserbar i{width:7px;height:7px;border-radius:50%;background:#d9dce4}.browserbar small{margin:auto;color:#9aa0ac;font-size:9px}.mock{height:400px;background:linear-gradient(145deg,#f1f4ff,#fff);position:relative;padding:25px;overflow:hidden}.mock:before{content:"";position:absolute;width:220px;height:220px;right:-55px;bottom:-70px;border-radius:50%;background:rgba(63,92,255,.12)}.mocknav{font-size:10px;display:flex;justify-content:space-between;position:relative;z-index:1}.mockbody{position:absolute;left:42px;top:105px;z-index:2}.mockbody small{font-size:9px;letter-spacing:1.5px;color:#667}.mockbody strong{display:block;font:800 43px/1.02 Sora;letter-spacing:-2.8px;margin:12px 0 20px}.mockbody button{border:0;background:var(--ink);color:#fff;padding:11px 15px;border-radius:8px;font-weight:700}.float{position:absolute;right:20px;bottom:25px;background:#fff;border:1px solid #eee;padding:11px 14px;border-radius:10px;font-size:10px;box-shadow:0 10px 30px #0001;z-index:3;animation:float 3.5s ease-in-out infinite}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:17px 5vw;overflow:hidden}.strip div{display:flex;gap:27px;align-items:center;flex-wrap:wrap;font-size:11px;color:#8b919d}.strip b{color:var(--ink);margin-right:10px}.section{padding:105px 7vw}.section-head{display:flex;justify-content:space-between;gap:55px;margin-bottom:48px}.section h2,.dark h2{font:800 clamp(34px,4.2vw,57px)/1.05 Sora;letter-spacing:-3px;margin:0}.section-head p{max-width:500px;color:var(--muted);margin:5px 0}.cards{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.cards article{background:#fff;border:1px solid var(--line);padding:32px;border-radius:17px;transition:.35s ease;position:relative;overflow:hidden}.cards article:after,.service:after,.featuregrid>div:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--blue),transparent);transform:scaleX(0);transform-origin:left;transition:.35s ease}.cards article:hover,.service:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#d8ddff}.cards article:hover:after,.service:hover:after,.featuregrid>div:hover:after{transform:scaleX(1)}.icon{font:800 12px Sora;color:var(--blue);margin-bottom:55px}.cards h3,.service h2,.featuregrid h3,.steps h3{font:700 21px Sora;margin:0 0 10px}.cards p,.service p,.featuregrid p,.steps p{color:var(--muted);font-size:13px}.dark{background:var(--ink);color:#fff;position:relative;overflow:hidden}.dark:before{content:"";position:absolute;width:420px;height:420px;right:-160px;top:-190px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 80px rgba(255,255,255,.015),0 0 0 160px rgba(255,255,255,.01)}.dark .eyebrow{color:#aeb7ff}.dark .eyebrow:before{background:#aeb7ff}.dark h2 em{color:#9ca8ff}.dark p{color:#aeb2bd}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#343741;margin:45px 0 35px}.process div{background:var(--ink);padding:25px;transition:.3s}.process div:hover{background:#171a23}.process b{color:#8f98ff;display:block;margin-bottom:30px}.process span{font-weight:700}.pagehero{padding:108px 7vw 78px;max-width:1120px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service{background:#fff;border:1px solid var(--line);padding:35px;border-radius:18px;position:relative;transition:.35s ease;overflow:hidden}.service.feature{background:#f0f3ff;border-color:#dfe4ff}.service>span{font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--blue)}.service h2{font-size:29px;margin-top:18px}.service ul{padding-left:18px;color:#555d6c;font-size:13px;line-height:2}.service>a{display:inline-block;margin-top:10px;font-weight:800;color:var(--blue);font-size:13px}.lightbox{background:#f2f4f8;display:flex;justify-content:space-between;gap:50px}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;min-width:420px}.specs span{background:#fff;padding:14px 16px;border-radius:10px;border:1px solid var(--line);font-size:12px;transition:.25s}.specs span:hover{transform:translateX(4px);border-color:#cfd6ff}.workgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.workitem{min-height:315px;border-radius:21px;padding:29px;display:flex;align-items:flex-end;justify-content:space-between;color:#fff;overflow:hidden;position:relative;background:#20222b;transition:.45s cubic-bezier(.2,.8,.2,1);isolation:isolate}.workitem:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,#7181ff66,transparent 45%),linear-gradient(135deg,#171923,#363b50);transition:.5s}.workitem:after{content:"OPEN LIVE WEBSITE ↗";position:absolute;right:25px;top:23px;font-size:9px;letter-spacing:1.4px;opacity:0;transform:translateY(-7px);transition:.35s}.workitem:hover{transform:translateY(-7px);box-shadow:0 28px 65px rgba(20,25,45,.16)}.workitem:hover:before{transform:scale(1.08)}.workitem:hover:after{opacity:.8;transform:none}.workitem>*{position:relative}.workitem span{font-size:9px;letter-spacing:1.5px;font-weight:800;opacity:.75}.workitem h3{font:800 31px Sora;margin:8px 0 3px;letter-spacing:-1.4px}.workitem p{margin:0;opacity:.7;font-size:12px}.workitem b{width:43px;height:43px;border:1px solid #ffffff44;border-radius:50%;display:grid;place-items:center;transition:.3s}.workitem:hover b{background:#fff;color:var(--ink);transform:rotate(12deg)}.w2:before{background:radial-gradient(circle at 75% 25%,#ff744866,transparent 42%),linear-gradient(135deg,#1d1d22,#46302a)}.w3:before{background:radial-gradient(circle at 30% 20%,#8c5cff77,transparent 45%),linear-gradient(135deg,#15151c,#302544)}.w4:before{background:radial-gradient(circle at 75% 25%,#f5c8dfaa,transparent 42%),linear-gradient(135deg,#30242d,#72576a)}.w5:before{background:radial-gradient(circle at 75% 20%,#6dd7cf77,transparent 40%),linear-gradient(135deg,#172829,#315b5c)}.w6:before{background:radial-gradient(circle at 75% 20%,#80a4ff77,transparent 40%),linear-gradient(135deg,#171e2c,#304b70)}.w7:before{background:radial-gradient(circle at 75% 20%,#e2a35c77,transparent 40%),linear-gradient(135deg,#281d15,#63452c)}
.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.latest-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;transition:.4s;position:relative;overflow:hidden}.latest-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#d2d8ff}.site-preview{height:220px;border-radius:12px;overflow:hidden;position:relative;background:#151922}.site-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(63,92,255,.9),rgba(63,92,255,.15));}.preview-window{position:absolute;left:20px;right:20px;top:24px;bottom:-45px;background:#fff;border-radius:10px 10px 0 0;padding:12px;box-shadow:0 18px 40px rgba(0,0,0,.2)}.preview-top{height:8px;width:42%;border-radius:5px;background:#10131b;margin-bottom:17px}.preview-lines{display:grid;gap:7px}.preview-lines span{height:9px;border-radius:4px;background:#e9ebf2}.preview-lines span:nth-child(1){width:76%;height:20px;background:#3f5cff}.preview-lines span:nth-child(2){width:52%}.preview-lines span:nth-child(3){width:88%}.preview-lines span:nth-child(4){width:66%}.latest-card:nth-child(2) .site-preview:before{background:linear-gradient(135deg,#202228,#714737)}.latest-card:nth-child(3) .site-preview:before{background:linear-gradient(135deg,#202228,#4e2f5d)}.latest-info{padding:15px 7px 8px;display:flex;justify-content:space-between;gap:15px;align-items:end}.latest-info small{display:block;color:#8a919e;font-size:9px;font-weight:800;letter-spacing:1.2px}.latest-info h3{margin:4px 0 0;font:700 18px Sora}.latest-info b{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--blue)}
.ecomhero{padding:105px 7vw 82px;text-align:center;background:linear-gradient(180deg,#f0f3ff,#fbfcff)}.ecomhero p{margin-left:auto;margin-right:auto}.storemock{max-width:920px;margin:55px auto 0;background:#fff;border:1px solid #dedfe6;border-radius:19px;box-shadow:0 30px 70px #252b4a12;text-align:left;padding:18px;transition:.5s}.storemock:hover{transform:translateY(-5px);box-shadow:0 40px 90px rgba(37,43,74,.14)}.storetop{padding:10px 8px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:15px}.products>div{border:1px solid var(--line);padding:14px;border-radius:12px;transition:.3s}.products>div:hover{transform:translateY(-4px);box-shadow:0 12px 25px #00000009}.products i{display:block;height:150px;border-radius:8px;background:linear-gradient(135deg,#e7e9ff,#f5f6ff);margin-bottom:12px}.products b{display:block}.products small{display:block;color:#777;margin:5px 0 10px}.products button{border:0;background:var(--ink);color:#fff;padding:8px 10px;border-radius:6px;font-size:10px}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:15px;overflow:hidden}.featuregrid>div{background:#fff;padding:30px;position:relative;transition:.3s}.featuregrid>div:hover{background:#fbfcff}.featuregrid b{color:var(--blue);font-size:11px}.contacthero{padding:95px 7vw;display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:start;background:linear-gradient(135deg,#f2f4ff,#fff)}.contactpoints{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:30px 0}.contactpoints span{font-size:12px}.wa{display:inline-block;font-weight:800;color:#118a52;margin-top:10px}.contacthero form{animation:formGlow 5s ease-in-out infinite}form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:29px;box-shadow:0 20px 50px #2024360b}label{display:block;font-size:11px;font-weight:800;margin-bottom:15px}input,select,textarea{width:100%;margin-top:7px;border:1px solid #dddfe6;border-radius:9px;padding:12px 13px;font:inherit;font-size:12px;outline:none;background:#fff;transition:.25s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(63,92,255,.08)}.full{width:100%}.privacy{display:block;text-align:center;color:#999;font-size:9px;margin-top:12px}.faq{background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.steps>div{border:1px solid var(--line);padding:28px;border-radius:14px;transition:.3s}.steps>div:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.steps b{color:var(--blue)}footer{border-top:1px solid var(--line);padding:47px 7vw;display:grid;grid-template-columns:1fr 1.4fr auto;gap:25px;align-items:start;background:#fff}footer p{color:#777;font-size:12px;margin:0;max-width:330px}footer div:nth-of-type(2){display:flex;gap:20px;font-size:11px;color:#666;justify-content:flex-end}footer div:nth-of-type(2) a:hover{color:var(--blue)}footer small{grid-column:1/-1;color:#aaa;font-size:10px;padding-top:20px;border-top:1px solid var(--line)}.productof{color:#69707f!important}.productof strong{color:var(--ink)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}.reveal-scale{opacity:0;transform:scale(.96);transition:opacity .8s ease,transform .8s ease}.reveal-scale.in{opacity:1;transform:scale(1)}.delay-1{transition-delay:.06s}.delay-2{transition-delay:.12s}.delay-3{transition-delay:.18s}.delay-4{transition-delay:.24s}.delay-5{transition-delay:.30s}.delay-6{transition-delay:.36s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes pulseDot{0%,100%{box-shadow:0 0 0 5px rgba(63,92,255,.08)}50%{box-shadow:0 0 0 9px rgba(63,92,255,.03)}}@keyframes lineIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes formGlow{0%,100%{box-shadow:0 20px 50px rgba(32,36,54,.06)}50%{box-shadow:0 24px 65px rgba(63,92,255,.11)}}
@media(max-width:850px){.nav{padding:0 5vw}.menu{display:block;margin-left:auto}.nav nav{display:none;position:absolute;top:82px;left:0;right:0;padding:20px 7vw;background:#fff;flex-direction:column;gap:0;border-bottom:1px solid #eee;box-shadow:0 18px 35px #1111}.nav nav a{padding:11px 0}.navcta{display:none}.hero,.contacthero{grid-template-columns:1fr}.hero{padding-top:58px;gap:35px}.hero-card{padding:0}.section-head,.lightbox{display:block}.three,.service-grid,.workgrid,.featuregrid,.steps,.latest-grid{grid-template-columns:1fr}.specs{min-width:0;margin-top:30px}.process{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:1fr}.products i{height:110px}footer{grid-template-columns:1fr}footer div:nth-of-type(2){justify-content:flex-start;flex-wrap:wrap}.pagehero{padding-top:65px}.contacthero{gap:40px}.hero h1,.pagehero h1,.ecomhero h1,.contacthero h1{letter-spacing:-2.8px}.mock{height:340px}.mockbody strong{font-size:34px}.workitem{min-height:270px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.reveal-scale{opacity:1;transform:none}}