@import "https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap";:root{--grafito:#101b1b;--carbon:#1e2e3d;--lima:#7cfc00;--blanco:#fff;--muted:#a9b6b4;--line:#ffffff24;--line-soft:#ffffff14;--max:1220px;--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--grafito);color:var(--blanco);margin:0;font-family:Raleway,sans-serif;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:10;opacity:.025;background-image:radial-gradient(#fffc .5px,#0000 .5px);background-size:5px 5px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit}.navbar{height:76px;width:min(100% - 48px, var(--max));z-index:4;border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(18px);background:#101b1ba3;border-radius:14px;align-items:center;gap:36px;margin:auto;padding:0 18px;display:flex;position:absolute;top:18px;left:0;right:0;box-shadow:0 12px 35px #0000001f}.logo{letter-spacing:.14em;white-space:nowrap;align-items:center;gap:10px;font-size:10px;line-height:1.35;display:flex}.logo svg{fill:none;width:36px;height:30px;stroke:var(--blanco);stroke-width:2px;stroke-linecap:square;stroke-linejoin:round}.logo .logo-s{stroke:var(--lima)}.logo b{font-weight:800}nav{color:var(--muted);gap:31px;margin-left:auto;font-size:12px;font-weight:600;display:flex}nav a,.footer a{transition:color .3s var(--ease)}nav a:hover,.footer a:hover{color:var(--lima)}.nav-cta,.button{border:1px solid var(--lima);transition:background .3s var(--ease), color .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);padding:13px 17px;font-size:11px;font-weight:700}.nav-cta span,.button span{color:var(--lima);margin-left:12px;font-size:16px}.nav-cta:hover,.button.primary:hover{background:var(--lima);color:var(--grafito);transform:translateY(-2px);box-shadow:0 8px 22px #7cfc0029}.nav-cta:hover span,.button.primary:hover span{color:var(--grafito)}.nav-cta:active,.button:active{transform:translateY(0)}.menu-button{border:1px solid var(--line);background:0 0;border-radius:8px;width:38px;height:38px;margin-left:auto;padding:10px 8px;display:none}.menu-button span{background:var(--blanco);height:1px;margin:5px 0;display:block}.hero{min-height:760px;max-width:var(--max);align-items:center;margin:auto;padding:155px 48px 88px;display:flex;position:relative;overflow:hidden}.hero-grid{opacity:.72;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:94px 0 0;-webkit-mask-image:linear-gradient(90deg,#000 5%,#0000 93%);mask-image:linear-gradient(90deg,#000 5%,#0000 93%)}.hero:before{content:"";filter:blur(8px);background:radial-gradient(circle,#7cfc001a,#1e2e3d4d 34%,#0000 68%);width:720px;height:720px;position:absolute;top:70px;right:-260px}.hero-content{z-index:1;width:61%;position:relative}.kicker,.eyebrow{color:var(--lima);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700}.pulse{background:var(--lima);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #7cfc001f}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.07em;max-width:780px;margin:28px 0;font-size:clamp(48px,7.1vw,88px);font-weight:600;line-height:.98}h1 em,h2 em{color:var(--lima);font-style:normal}h1 em{background:linear-gradient(110deg, var(--blanco), #dce4df 58%, var(--lima));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-lead{max-width:475px;color:var(--muted);font-size:15px;line-height:1.78}.hero-actions{align-items:center;gap:28px;margin-top:39px;display:flex}.button.primary{background:var(--lima);color:var(--grafito)}.button.primary span{color:var(--grafito)}.text-button{color:var(--blanco);border-color:#0000;padding-left:0}.text-button:hover,.text-button span{color:var(--lima)}.hero-aside{border:1px solid var(--line);opacity:.9;border-radius:50%;place-items:center;width:360px;height:360px;display:grid;position:absolute;top:205px;right:50px;transform:rotate(-14deg)}.hero-aside:before,.hero-aside:after{content:"";border:1px solid var(--line);border-radius:50%;position:absolute}.hero-aside:before{inset:34px}.hero-aside:after{border-color:#7cfc0073;inset:83px;box-shadow:0 0 32px #7cfc000f}.orbital{background:var(--lima);border-radius:50%;width:10px;height:10px;position:absolute}.orbital-a{top:38px;left:70px}.orbital-b{width:6px;height:6px;bottom:48px;right:28px}.hero-mark{letter-spacing:-.15em;font-size:43px;font-weight:800;transform:rotate(14deg)}.hero-mark b{color:var(--lima)}.hero-aside small{letter-spacing:.2em;color:var(--muted);font-size:8px;position:absolute;bottom:58px;transform:rotate(14deg)}.hero-foot{letter-spacing:.18em;color:var(--muted);justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:30px;left:48px;right:48px}.hero-foot:first-letter{color:var(--lima)}.hero-foot span{text-transform:uppercase}.section{max-width:var(--max);margin:auto;padding:132px 48px;position:relative}.section:not(.hero):before{content:"";background:linear-gradient(90deg, transparent, var(--line), transparent);height:1px;position:absolute;top:0;left:48px;right:48px}.section-head{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:end;padding-bottom:34px;display:grid}.section-head h2{letter-spacing:-.07em;margin:18px 0 0;font-size:clamp(44px,5.7vw,72px);font-weight:600;line-height:.95}.section-note{color:var(--muted);justify-self:end;max-width:270px;margin:0;font-size:13px;line-height:1.75}.service-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;display:grid}.service-card{border:1px solid var(--line);min-height:245px;transition:border-color .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);background:linear-gradient(145deg,#1e2e3dd1,#101b1bb8);border-radius:14px;padding:23px;position:relative;box-shadow:0 14px 30px #0000001a}.service-card:hover{border-color:#7cfc00cc;transform:translateY(-6px);box-shadow:0 18px 34px #0000002e,0 0 22px #7cfc0012}.service-top{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.service-top svg{fill:none;width:24px;height:24px;stroke:var(--lima);stroke-width:1.4px}.service-card h3{max-width:190px;margin:45px 0 12px;font-size:19px;line-height:1.15}.service-card p{max-width:220px;color:var(--muted);font-size:11px;line-height:1.65}.card-arrow,.project-arrow{color:var(--lima);transition:transform .3s var(--ease);font-size:18px;position:absolute;bottom:20px;right:22px}.service-card:hover .card-arrow,.project-card:hover .project-arrow{transform:translate(2px,-2px)}.portfolio,.testimonials{padding-top:78px}.portfolio-head{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:27px;display:grid}.project-card{border:1px solid var(--line-soft);transition:border-color .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);background:linear-gradient(145deg,#1e2e3df2,#101b1bcc);border-radius:14px;overflow:hidden}.project-card:hover{border-color:#7cfc00cc;transform:translateY(-6px);box-shadow:0 18px 34px #0003,0 0 22px #7cfc0012}.project-visual{background:#263b4b;height:270px;padding:25px}.mockup{height:100%;color:var(--grafito);background:#e6e7de;padding:22px 17px;position:relative;overflow:hidden}.mockup-bar{gap:4px;display:flex;position:absolute;top:10px;left:12px}.mockup-bar i{background:#92a09c;border-radius:50%;width:4px;height:4px}.mockup b{letter-spacing:-.08em;font-size:19px;position:absolute}.mockup-fashion-shape{background:var(--lima);border-radius:90px 90px 0 0;width:160px;height:200px;position:absolute;bottom:-45px;right:-10px;transform:rotate(18deg)}.mockup-fashion b{top:48px;left:17px}.mockup-fashion span,.mockup-ai span{letter-spacing:.16em;font-size:7px;position:absolute;bottom:18px;left:17px}.mockup-tech{background:var(--lima)}.mockup-tech b{font-size:25px;bottom:22px;left:19px}.mockup-tech small{letter-spacing:.2em;font-size:7px}.tech-ring{border:2px solid var(--grafito);border-radius:50%;width:180px;height:180px;position:absolute;top:20px;right:-20px;box-shadow:inset 0 0 0 22px #101b1b14,inset 0 0 0 47px #101b1b14}.mockup-ai{background:#dce4df}.mockup-ai b{top:45px;left:17px}.mockup-ai b em{color:#26703e;font-style:normal}.ai-grid{grid-template-columns:repeat(2,32px);gap:7px;display:grid;position:absolute;top:42px;right:15px}.ai-grid i{background:#7cfc0066;border:1px solid #43804d;height:32px;display:block}.ai-grid i:nth-child(2),.ai-grid i:nth-child(3){background:#43804d}.project-info{justify-content:space-between;gap:15px;padding:21px 20px 23px;display:flex;position:relative}.project-tag{color:var(--lima);letter-spacing:.14em;text-transform:uppercase;font-size:9px}.project-info h3{margin:8px 0 0;font-size:21px}.project-info p{color:var(--muted);max-width:125px;margin:0;font-size:10px;line-height:1.55}.demo-note{color:var(--muted);letter-spacing:.15em;margin:22px 0 0;font-size:8px}.demo-note span{color:var(--lima);margin:0 8px}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:27px;display:grid}.testimonial-card{border:1px solid var(--line);min-height:285px;transition:border-color .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);background:linear-gradient(145deg,#1e2e3db3,#101b1b8c);border-radius:14px;flex-direction:column;padding:25px;display:flex}.testimonial-card:hover{border-color:#7cfc00cc;transform:translateY(-5px);box-shadow:0 16px 30px #00000029,0 0 20px #7cfc000f}.quote{color:var(--lima);font-size:42px;line-height:.7}.testimonial-card p{max-width:290px;margin:30px 0;font-size:15px;line-height:1.7}.testimonial-card footer{align-items:center;gap:10px;margin-top:auto;display:flex}.avatar{border:1px solid var(--lima);width:38px;height:38px;color:var(--lima);border-radius:50%;place-items:center;font-size:10px;display:grid}.testimonial-card strong,.testimonial-card footer small{display:block}.testimonial-card strong{font-size:11px}.testimonial-card footer small{color:var(--muted);margin-top:4px;font-size:9px}.testimonial-number{margin-left:auto;color:var(--lima)!important}.cta{background:var(--lima);min-height:390px;color:var(--grafito);border-radius:16px;justify-content:space-between;align-items:center;margin-top:45px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #0003}.cta:before{content:"04";letter-spacing:-.12em;opacity:.045;font-size:230px;font-weight:800;line-height:1;position:absolute;top:-45px;right:34%}.cta .eyebrow{color:var(--grafito)}.cta h2{letter-spacing:-.07em;margin:18px 0;font-size:clamp(44px,5vw,68px);line-height:.95}.cta h2 em{color:var(--carbon)}.cta p:not(.eyebrow){margin-bottom:25px;font-size:13px;line-height:1.6}.dark-button{border-color:var(--grafito);display:inline-block}.dark-button span{color:var(--grafito)}.dark-button:hover{background:var(--grafito);color:var(--blanco)}.dark-button:hover span{color:var(--lima)}.cta-decoration{text-align:center;border:1px solid #101b1b59;border-radius:50%;place-content:center;width:220px;height:220px;font-size:47px;font-weight:800;line-height:.8;display:grid;transform:rotate(12deg)}.cta-decoration small{letter-spacing:.2em;margin-top:16px;font-size:8px;line-height:1.3}.footer{max-width:var(--max);grid-template-columns:2fr 1fr 1fr;gap:30px;min-height:280px;margin:auto;padding:72px 48px 25px;display:grid;position:relative}.footer p{color:var(--muted);margin-top:25px;font-size:11px;line-height:1.7}.footer-nav,.social{flex-direction:column;gap:12px;font-size:11px;display:flex}.footer-nav span,.social span{color:var(--lima);letter-spacing:.15em;margin-bottom:6px;font-size:9px}.social{align-items:flex-start}.social a{display:inline-block}.social svg{fill:none;width:20px;height:20px;stroke:var(--blanco);stroke-width:1.5px}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.12em;grid-column:1/-1;justify-content:space-between;align-self:end;padding-top:18px;font-size:8px;display:flex}.reveal{opacity:0;transition:opacity .85s var(--ease), transform .85s var(--ease);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.service-card:nth-child(2),.project-card:nth-child(2),.testimonial-card:nth-child(2){transition-delay:80ms}.service-card:nth-child(3),.project-card:nth-child(3),.testimonial-card:nth-child(3){transition-delay:.16s}@media (width<=800px){.navbar{width:calc(100% - 32px);top:12px}.nav-cta{display:none}.menu-button{display:block}nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1e2e3df5;border-radius:12px;flex-direction:column;gap:20px;margin:0;padding:22px;display:none;position:absolute;top:70px;left:0;right:0}nav.nav-open{display:flex}.hero{min-height:730px;padding:145px 24px 70px}.hero-content{width:100%}.hero-aside{opacity:.3;top:250px;right:-150px}.hero-foot{left:24px;right:24px}.section{padding:100px 24px}.section:not(.hero):before{left:24px;right:24px}.service-grid,.project-grid,.testimonial-grid{grid-template-columns:1fr 1fr}.project-visual{height:220px;padding:18px}.section-head{grid-template-columns:1fr;gap:22px}.section-note{justify-self:start}.cta{margin-left:16px;margin-right:16px;padding:70px 25px}.cta-decoration{opacity:.5;position:absolute;bottom:-60px;right:-60px}.footer{grid-template-columns:1fr 1fr;padding:55px 24px 22px}.footer-bottom{margin-top:25px}}@media (width<=480px){.hero{min-height:700px}.hero-lead{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:17px}.hero-foot span{display:none}.service-grid,.project-grid,.testimonial-grid{grid-template-columns:1fr}.service-card{min-height:215px}.project-visual{height:250px}.testimonial-card{min-height:255px}.portfolio,.testimonials{padding-top:62px}.cta h2{font-size:43px}.footer{grid-template-columns:1fr 1fr;gap:40px 20px}.footer>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px;font-size:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}*,:before,:after{transition:none!important}}
