@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#020407;--bg2:#05080d;--card:#080c12;--blue:#087cff;--cyan:#13b4ff;--white:#f5f7fb;--text:#93a0b1;--border:rgba(255,255,255,.08);--container:1220px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--white);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%}.container{width:min(var(--container),calc(100% - 48px));margin:auto}.header{position:fixed;inset:0 0 auto;z-index:50;background:#020407b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{width:52px;height:52px;object-fit:contain}.brand strong{font-size:14px;letter-spacing:3px}.brand strong span{color:var(--blue)}.brand small{display:block;margin-top:4px;color:#5c6776;font-size:8px;letter-spacing:2px}.nav{display:flex;align-items:center;gap:30px}.nav a{font-size:12px;color:#aab4c1}.nav-cta{padding:12px 18px;border:1px solid rgba(8,124,255,.35);border-radius:6px;color:#fff!important}.menu{display:none;background:none;border:0}.menu span{display:block;width:22px;height:1px;background:#fff;margin:6px}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding-top:82px;background:linear-gradient(90deg,#020407e6,#0204078c),url(/zanoli-bg.png) center/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,var(--bg))}.hero-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(0,132,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0,132,255,.2) 1px,transparent 1px);background-size:70px 70px}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:70px 0}.badge{width:max-content;padding:8px 12px;border:1px solid var(--border);border-radius:20px;background:#05090fb3;color:#a9b3c0;font-size:11px}.badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#19f08c;box-shadow:0 0 12px #19f08c;margin-right:8px}.eyebrow{margin-top:28px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:3px}.eyebrow span{color:#596373}.hero h1{margin-top:16px;font-size:clamp(3.3rem,6vw,6.2rem);line-height:.98;letter-spacing:-5px}.hero h1 span,.section h2 span,.process h2 span,.about h2 span,.cta h2 span{color:#596573}.hero .lead{max-width:630px;margin-top:28px;color:#9ba6b4;font-size:15px;line-height:1.8}.actions{display:flex;gap:14px;margin-top:34px}.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:6px;font-size:13px;font-weight:700}.primary{background:linear-gradient(135deg,#0453ce,#087cff);box-shadow:0 14px 45px #0070ff40}.ghost{border:1px solid var(--border);background:#ffffff05}.hero-meta{display:flex;gap:36px;margin-top:42px}.hero-meta div{display:flex;align-items:center;gap:12px}.hero-meta b{font-size:24px}.hero-meta span{font-size:9px;letter-spacing:1px;color:#697586;text-transform:uppercase}.hero-visual{min-height:580px;position:relative;display:flex;align-items:center;justify-content:center}.hero-visual>img{width:min(390px,90%);position:relative;z-index:3;filter:drop-shadow(0 20px 40px #000);animation:float 5s ease-in-out infinite}.glow{position:absolute;width:360px;height:360px;background:#006eff2e;border-radius:50%;filter:blur(100px)}.code-card{position:absolute;right:-50px;top:8%;width:320px;padding:18px;background:#05090fb8;border:1px solid rgba(0,124,255,.15);border-radius:12px;transform:rotate(3deg);color:#617084;font-size:11px}.code-card pre{white-space:pre-wrap;line-height:1.8}.dots{margin-bottom:12px;color:#2c3744}.float{position:absolute;z-index:4;padding:8px 12px;border:1px solid rgba(0,125,255,.2);border-radius:6px;background:#04080ebf;color:var(--blue);font-size:10px;font-weight:700;letter-spacing:2px}.f1{left:5%;top:31%}.f2{right:4%;bottom:27%}.f3{left:15%;bottom:12%}@keyframes float{50%{transform:translateY(-14px)}}.strip{padding:20px;text-align:center;white-space:nowrap;overflow:hidden;border-block:1px solid var(--border);background:#05080d;color:#596573;font-size:10px;letter-spacing:3px}.section{padding:120px 0}.section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:60px}.section-head h2,.process h2,.about h2{margin-top:16px;font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.08;letter-spacing:-3px}.section-head>p{color:#7b8795;font-size:13px;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.service{min-height:320px;padding:36px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff03}.service-top{display:flex;justify-content:space-between;color:#4d5764}.service-top b{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(8,124,255,.25);border-radius:8px;color:var(--blue)}.service h3{font-size:23px;margin-bottom:12px}.service p{max-width:430px;color:#74808e;font-size:13px;line-height:1.8}.service small{color:#65707e}.projects,.about{background:var(--bg2)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project{border:1px solid var(--border);border-radius:12px;background:#070b10;overflow:hidden}.project.featured{grid-column:span 2}.project-art{height:300px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(0,116,255,.15),transparent 45%),#020408}.featured .project-art{height:400px}.project-mark{display:flex;flex-direction:column;align-items:center;color:var(--blue);font-size:60px;opacity:.55}.project-mark small{margin-top:12px;font-size:9px;letter-spacing:5px;color:#566171}.project-art>span{position:absolute;top:18px;left:18px;padding:8px 11px;border:1px solid var(--border);border-radius:20px;background:#020408b3;font-size:9px;color:#aab4c0}.project-info{padding:26px}.project-info small{color:var(--blue);letter-spacing:2px}.project-info h3{margin:10px 0;font-size:24px}.project-info p{color:#74808e;font-size:12px;line-height:1.8}.process .eyebrow{margin-top:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:70px}.process article>span{color:var(--blue);font-size:11px}.line{height:1px;background:var(--border);margin:22px 0 28px;position:relative}.line:before{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px var(--blue)}.process h3{font-size:20px}.process article p{margin-top:12px;color:#6f7a88;font-size:12px;line-height:1.8}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.about-card{aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid var(--border);border-radius:14px;background:radial-gradient(circle,rgba(0,110,255,.16),transparent 43%),#020408}.about-card img{width:68%}.about-card>span{position:absolute;left:24px;top:24px;color:var(--blue)}.about-copy .eyebrow{margin-top:0}.about-copy h3{margin-top:34px;font-size:21px}.about-copy>small{display:block;margin-top:8px;color:var(--blue);letter-spacing:2px}.about-copy>p{margin-top:24px;max-width:620px;color:#788492;font-size:14px;line-height:1.9}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.tags span{padding:8px 11px;border:1px solid var(--border);border-radius:4px;color:#778391;font-size:9px}.cta{padding:130px 0;text-align:center;background:radial-gradient(circle,rgba(0,99,255,.12),transparent 38%),var(--bg)}.cta .eyebrow{margin-top:0}.cta h2{max-width:900px;margin:18px auto 0;font-size:clamp(3rem,5vw,5.4rem);line-height:1.04;letter-spacing:-4px}.cta>div>p:not(.eyebrow){max-width:580px;margin:22px auto;color:#75808e;font-size:13px;line-height:1.8}.cta .btn{margin-top:28px}.footer{padding:40px 0;border-top:1px solid var(--border);background:#020305}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer p{color:#4a5460;font-size:9px}@media(max-width:950px){.nav{position:absolute;top:82px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:22px;background:#020407;border-bottom:1px solid var(--border)}.nav.open{display:flex}.menu{display:block}.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}.section-head,.about-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:calc(100% - 32px)}.header-inner{height:72px}.nav{top:72px}.hero{padding-top:72px;background-position:68% center}.hero-inner{padding:70px 0}.hero h1{font-size:clamp(3rem,14vw,4.5rem);letter-spacing:-3px}.actions{flex-direction:column}.btn{width:100%}.section{padding:85px 0}.section-head{gap:25px;margin-bottom:42px}.section-head h2,.process h2,.about h2{font-size:2.75rem;letter-spacing:-2px}.service-grid,.project-grid,.process-grid{grid-template-columns:1fr}.project.featured{grid-column:auto}.project-art,.featured .project-art{height:260px}.service{min-height:290px;padding:28px}.footer-inner{flex-direction:column;align-items:flex-start;gap:20px}.brand strong{font-size:12px}.hero-meta{gap:20px}.cta{padding:95px 0}.cta h2{font-size:3rem;letter-spacing:-2px}}.site{background:radial-gradient(circle at 12% 18%,rgba(0,112,255,.07),transparent 24%),radial-gradient(circle at 88% 42%,rgba(0,170,255,.055),transparent 20%),#020407}.section,.projects,.process,.about,.cta{position:relative;overflow:hidden;isolation:isolate}.section>.container,.cta>.container{position:relative;z-index:3}.section:after,.projects:after,.process:after,.about:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.32;background-image:radial-gradient(circle,rgba(0,133,255,.75) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(33,181,255,.42) 0 1px,transparent 1.4px);background-size:145px 145px,220px 220px;background-position:18px 32px,90px 120px;-webkit-mask-image:linear-gradient(to bottom,transparent 3%,#000 22%,#000 78%,transparent 98%);mask-image:linear-gradient(to bottom,transparent 3%,#000 22%,#000 78%,transparent 98%)}.services-section{padding:95px 0 120px;background:radial-gradient(ellipse at 8% 8%,rgba(0,109,255,.16),transparent 28%),radial-gradient(ellipse at 91% 23%,rgba(0,132,255,.12),transparent 22%),radial-gradient(ellipse at 52% 92%,rgba(0,91,255,.08),transparent 28%),linear-gradient(180deg,#02050a,#03070c,#020407)}.services-section:before{content:"";position:absolute;inset:-1px;z-index:0;pointer-events:none;background:linear-gradient(135deg,transparent 0 7%,rgba(0,124,255,.22) 7.05% 7.12%,transparent 7.18% 100%),linear-gradient(315deg,transparent 0 9%,rgba(0,124,255,.18) 9.05% 9.12%,transparent 9.18% 100%),radial-gradient(circle at 4% 74%,rgba(0,127,255,.6) 0 1px,transparent 2px),radial-gradient(circle at 94% 16%,rgba(0,127,255,.55) 0 1px,transparent 2px);opacity:.75}.services-section .section-head{margin-bottom:48px;align-items:center}.services-section .section-head h2{max-width:760px}.services-section .section-head h2 span{color:transparent;background:linear-gradient(90deg,#087cff,#469dff 44%,#66758b);-webkit-background-clip:text;background-clip:text}.services-section .section-head>p{position:relative;max-width:600px;padding-left:24px;color:#8d9aac;font-size:14px}.services-section .section-head>p:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:10px;background:linear-gradient(180deg,#0e95ff,#0664ff);box-shadow:0 0 16px #0080ffd9}.services-section .service-grid{position:relative;z-index:2;grid-template-columns:repeat(4,1fr);gap:14px;border:0;padding-top:22px}.services-section .service-grid:before{content:"";position:absolute;left:2%;right:2%;bottom:-48px;height:100px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(0,116,255,.18),transparent),repeating-linear-gradient(90deg,rgba(0,114,255,.18) 0 1px,transparent 1px 52px);transform:perspective(240px) rotateX(67deg);transform-origin:center bottom;filter:drop-shadow(0 0 18px rgba(0,112,255,.18));opacity:.5}.services-section .service{min-height:430px;padding:30px 30px 28px;position:relative;overflow:hidden;border:1px solid rgba(91,117,150,.42);border-radius:9px;background:linear-gradient(145deg,#080e16d1,#02060bb8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff05,0 18px 48px #0000002e;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease}.services-section .service:before{content:"";position:absolute;width:180px;height:180px;right:-95px;bottom:-110px;border-radius:50%;background:#0070ff38;filter:blur(48px);opacity:0;transition:opacity .35s ease}.services-section .service:after{content:"";position:absolute;top:-1px;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,#138fff,transparent);box-shadow:0 0 12px #007effcc;opacity:.32}.services-section .service:hover{transform:translateY(-7px);border-color:#0084ffc7;background:linear-gradient(145deg,#06162aeb,#02070dd1);box-shadow:0 0 0 1px #007aff1f,0 18px 55px #0056ff29,inset 0 0 40px #0070ff0b}.services-section .service:hover:before{opacity:1}.services-section .service-top{align-items:center;font-size:15px}.services-section .service-top>span{color:#647286;font-size:18px}.services-section .service-top b{width:58px;height:58px;border-color:#007dff61;background:#020912b8;font-size:20px;box-shadow:inset 0 0 18px #0074ff0a;transition:.35s ease}.services-section .service:hover .service-top b{color:#2ba4ff;border-color:#0091ffcc;box-shadow:0 0 24px #0079ff33,inset 0 0 20px #0079ff14}.services-section .service h3{font-size:21px;line-height:1.25;margin-bottom:14px}.services-section .service p{color:#7e8a9a;font-size:13px;line-height:1.85}.services-section .service small{width:max-content;position:relative;padding-bottom:5px;color:#168cff;font-size:12px;font-weight:500}.services-section .service small:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px dotted rgba(0,132,255,.48)}.projects{background:radial-gradient(circle at 88% 16%,rgba(0,119,255,.11),transparent 24%),radial-gradient(circle at 8% 88%,rgba(0,88,255,.07),transparent 22%),linear-gradient(180deg,#05080d,#03060a)}.projects:before{content:"";position:absolute;width:640px;height:640px;right:-370px;top:40px;border:1px solid rgba(0,122,255,.14);border-radius:50%;box-shadow:0 0 80px #0068ff0f,inset 0 0 80px #0068ff08;pointer-events:none}.process{background:radial-gradient(circle at 15% 42%,rgba(0,112,255,.08),transparent 20%),linear-gradient(180deg,#020407,#03070c)}.process:before{content:"";position:absolute;inset:0;z-index:0;opacity:.16;background-image:linear-gradient(rgba(0,119,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0,119,255,.2) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);pointer-events:none}.about{background:radial-gradient(circle at 22% 48%,rgba(0,127,255,.12),transparent 25%),radial-gradient(circle at 89% 88%,rgba(0,92,255,.07),transparent 20%),#05080d}.cta{background:radial-gradient(circle at 50% 50%,rgba(0,108,255,.19),transparent 34%),radial-gradient(circle at 12% 80%,rgba(0,158,255,.07),transparent 18%),linear-gradient(180deg,#020407,#03070c)}.cta:before{content:"";position:absolute;inset:0;z-index:0;opacity:.22;background-image:linear-gradient(rgba(0,124,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(0,124,255,.16) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(circle at center,#000 10%,transparent 72%);mask-image:radial-gradient(circle at center,#000 10%,transparent 72%)}.hero:before{content:"";position:absolute;z-index:1;width:520px;height:520px;right:-140px;top:12%;border:1px solid rgba(0,132,255,.15);border-radius:50%;box-shadow:0 0 80px #0071ff14,inset 0 0 90px #0071ff09;pointer-events:none}@media(max-width:1100px){.services-section .service-grid{grid-template-columns:repeat(2,1fr)}.services-section .service{min-height:350px}}@media(max-width:700px){.services-section{padding:75px 0 90px}.services-section .section-head{margin-bottom:30px}.services-section .section-head>p{padding-left:16px}.services-section .service-grid{grid-template-columns:1fr;gap:12px}.services-section .service{min-height:310px;padding:25px}.services-section .service-grid:before{display:none}.hero:before{width:320px;height:320px;right:-220px;top:20%}}