*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:#11131c;line-height:1.6}h1,h2,h3{font-family:Manrope,sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.header{height:78px;position:sticky;top:0;z-index:20;background:#090b13f2;backdrop-filter:blur(18px);color:white}.nav{height:100%;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px}.logo-mark{font:800 36px Manrope;color:#9b7cff}.logo b{display:block;letter-spacing:3px;font:800 18px Manrope}.logo small{display:block;color:#a78bfa;letter-spacing:5px;font-size:8px}.links{display:flex;gap:28px;align-items:center;font-size:13px}.links a:hover{color:#a78bfa}.nav-cta{background:#7659ed;padding:11px 18px;border-radius:8px}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{background:#090b13;color:#fff;padding:105px 0 85px;overflow:hidden;position:relative}.orb{position:absolute;width:600px;height:600px;right:-220px;top:-250px;border-radius:50%;background:radial-gradient(circle,#6042b755,transparent 68%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center;position:relative}.eyebrow{color:#a78bfa;font-size:11px;font-weight:700;letter-spacing:2px}.eyebrow.dark{color:#6d55e8}.hero h1{font-size:clamp(45px,6vw,70px);line-height:1.02;letter-spacing:-3px;margin:20px 0}.hero em,h2 em{color:#a78bfa;font-style:normal}.lead{font-size:18px;color:#b6bbc8;max-width:620px}.actions{display:flex;gap:24px;align-items:center;margin:34px 0 25px}.btn{display:inline-flex;padding:14px 20px;border-radius:9px;border:1px solid transparent;font-weight:700;font-size:13px;cursor:pointer;justify-content:center}.primary{background:linear-gradient(135deg,#6d55ed,#8b5cf6);color:#fff}.outline{border-color:#3d4251;color:#fff}.light{border-color:#dfe1e7}.white{background:#fff;color:#171923}.text-link{font-size:13px;font-weight:700}.trust{display:flex;flex-wrap:wrap;gap:18px;color:#9299a9;font-size:12px}.visual{position:relative}.browser{background:#171a26;border:1px solid #303547;padding:10px;border-radius:16px;box-shadow:0 35px 90px #0008;transform:rotate(-1deg)}.bar{height:32px;color:#73798a;font-size:9px;display:flex;justify-content:space-between;align-items:center;padding:0 8px}.mock{height:390px;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,#eceaf7,#c5c9d7);color:#161823;position:relative}.mocknav{height:55px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;font-size:8px}.mocknav b{font:800 14px Manrope}.mocknav button{border:0;background:#171923;color:#fff;padding:7px 12px;border-radius:4px;font-size:8px}.mockbody{padding:48px 42px}.mockbody small{font-size:8px;letter-spacing:2px}.mockbody h2{font-size:47px;line-height:.95;letter-spacing:-2px;margin:18px 0}.mockbody i{color:#6d55ed;font-style:normal}.mockbutton{width:80px;height:24px;background:#171923;border-radius:3px}.stats{position:absolute;bottom:0;left:0;right:0;padding:17px 30px;background:#fff9;color:#6d55ed;font-size:9px}.floating{position:absolute;right:-20px;bottom:-25px;background:#fff;color:#151823;border-radius:12px;padding:17px 20px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;box-shadow:0 20px 50px #0005}.floating strong{font:800 27px Manrope;grid-row:span 2}.floating span{font-size:11px;font-weight:700}.floating small{font-size:9px;color:#858b99}.strip{background:#f5f5f8;border-bottom:1px solid #e5e6eb}.strip .container{height:75px;display:flex;align-items:center;justify-content:space-between;color:#989ca7;font-size:10px;font-weight:700;letter-spacing:2px}.strip i{width:4px;height:4px;border-radius:50%;background:#c5c7cf}.section{padding:110px 0}.heading{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end;margin-bottom:50px}.heading h2,.contact h2{font-size:48px;line-height:1.05;letter-spacing:-2px;margin:12px 0}.heading>p,.contact>p{color:#707684;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid #e4e5ea;border-radius:14px;padding:27px;min-height:315px;position:relative;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #1517270e}.card.featured{background:#111421;color:#fff;border-color:#111421}.card>b{position:absolute;right:24px;top:23px;font-size:10px;color:#888e9d}.icon{display:block;font-size:28px;color:#775cf1;margin:5px 0 38px}.card h3{font-size:21px}.card p{font-size:13px;color:#777d8b;line-height:1.7}.featured p{color:#aeb3c0}.card a{position:absolute;bottom:27px;font-size:11px;font-weight:700}.dark{background:#090b13;color:#fff}.process{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.process h2,.why h2{font-size:52px;line-height:1.04;letter-spacing:-2px}.muted{color:#969dac;line-height:1.8;max-width:480px}.steps{border-top:1px solid #292d38}.step{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid #292d38}.step>b{color:#8670f5}.step h3{margin:0 0 5px;font-size:18px}.step p{margin:0;color:#8f96a4;font-size:13px}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project{height:430px;border-radius:15px;padding:25px;color:white;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.project:after{content:'';position:absolute;width:270px;height:270px;border-radius:50%;right:-90px;top:70px;background:#fff1}.purple{background:linear-gradient(145deg,#5c4bd4,#1c1d34)}.orange{background:linear-gradient(145deg,#d66c3d,#302027)}.blue{background:linear-gradient(145deg,#397bc4,#162437)}.project span{font-size:9px;letter-spacing:2px}.project h3{font-size:30px;margin:8px 0 0}.project small{color:#e0e0e4}.why{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.whylist{margin-top:38px}.whylist>div{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:18px 0;border-top:1px solid #292d38}.whylist b{color:#806af2;font-size:11px}.whylist span{display:grid;color:#8f96a4;font-size:12px}.whylist strong{color:#fff;font-size:14px}.quote{background:linear-gradient(145deg,#181c2a,#10131d);border:1px solid #2c3040;border-radius:18px;padding:45px}.quote>div{font:75px Georgia;color:#8068f3;line-height:.7}.quote blockquote{font:600 25px/1.35 Manrope;margin:25px 0 35px}.quote hr{width:35px;margin:0 0 15px;border:0;border-top:2px solid #8068f3}.quote small{letter-spacing:2px;color:#8f96a4}.pricing{background:#f7f7fa}.center{display:block;text-align:center;max-width:760px;margin:0 auto 50px}.center p{margin:15px auto 0}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pricecard{background:#fff;border:1px solid #e1e3e9;border-radius:15px;padding:32px;position:relative}.pricecard.popular{border:2px solid #7659ed;box-shadow:0 20px 50px #6955df17}.pricecard label{position:absolute;top:-13px;right:24px;background:#7659ed;color:white;padding:6px 12px;border-radius:20px;font-size:8px;letter-spacing:1px}.pricecard>small{letter-spacing:2px;color:#7d8492;font-size:9px}.pricecard h3{font-size:25px}.pricecard>strong{display:block;font:800 40px Manrope}.pricecard>strong em{font:400 11px 'DM Sans';color:#888;font-style:normal}.pricecard>p{font-size:12px;color:#777d8b;min-height:55px}.pricecard ul{list-style:none;padding:0;border-top:1px solid #ececf0}.pricecard li{font-size:12px;padding:9px 0;border-bottom:1px solid #ececf0}.pricecard li:before{content:'✓';color:#7659ed;margin-right:9px}.cta{padding:30px 0 0}.ctabox{background:linear-gradient(120deg,#4f46cf,#815cf4);border-radius:18px;padding:65px 70px;color:#fff;display:flex;justify-content:space-between;align-items:center}.ctabox h2{font-size:44px;line-height:1.08}.contactgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.details{display:grid;gap:17px;margin-top:35px}.details a,.details span{font-size:13px}.form{border:1px solid #e4e5ea;border-radius:15px;padding:32px;box-shadow:0 18px 50px #171a2708}.form label{display:block;font-size:11px;font-weight:700;margin-bottom:15px}.form input,.form select,.form textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #dfe1e7;border-radius:8px;font:inherit;font-size:13px}.form textarea{height:120px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form #status{font-size:12px;color:#6c56e8;min-height:18px}footer{background:#090b13;color:white;padding:65px 0 25px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:55px}.footgrid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footgrid h4{font-size:10px;letter-spacing:2px}.footgrid p,.footgrid a:not(.logo){font-size:12px;color:#838997}.bottom{border-top:1px solid #252936;padding-top:22px;color:#686f7d;font-size:10px;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){.links{gap:15px}.hero-grid,.process,.why,.contactgrid{grid-template-columns:1fr;gap:55px}.cards{grid-template-columns:1fr 1fr}.heading{grid-template-columns:1fr;gap:10px}.portfolio,.prices{grid-template-columns:1fr 1fr}.quote{max-width:650px}.footgrid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:720px){.menu{display:block}.links{display:none;position:absolute;top:70px;left:4%;right:4%;background:#11141e;padding:15px;border:1px solid #2b2f3b;border-radius:12px;flex-direction:column;align-items:stretch}.links.open{display:flex}.nav-cta{text-align:center}.hero{padding:65px 0}.hero h1{font-size:45px}.actions{flex-direction:column;align-items:flex-start}.strip .container{overflow:hidden;justify-content:flex-start;gap:18px;white-space:nowrap}.cards,.portfolio,.prices{grid-template-columns:1fr}.section{padding:80px 0}.heading h2,.process h2,.why h2,.contact h2{font-size:39px}.ctabox{padding:45px 28px;display:block}.ctabox h2{font-size:35px}.form{padding:23px}.row{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:1/-1}.bottom{display:block}.bottom span{display:block;margin-top:7px}}
