*{margin:0;padding:0;box-sizing:border-box}
:root{--green:#062a21;--green-2:#0b3a2d;--green-3:#0f4a39;--lime:#d4ef43;--yellow:#f2bb18;--cream:#f5f6f1;--white:#fff;--ink:#0c1714;--muted:#6c7773}
html{scroll-behavior:smooth}
body{font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(1160px,calc(100% - 48px));margin:auto}
.section{padding:120px 0}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;padding:18px 0;transition:.3s}
.site-header.scrolled{background:rgba(245,246,241,.86);backdrop-filter:blur(20px);padding:12px 0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.5px}
.brand img{width:37px;height:37px;object-fit:cover;border-radius:11px}
.brand>span>span{color:var(--green-3)}
.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}
.nav-links a{position:relative;color:#52605a;transition:.25s}
.nav-links a:hover,.nav-links a.active{color:var(--green)}
.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--green);border-radius:10px}
.nav-cta{display:flex;align-items:center;gap:8px;background:var(--green);color:#fff;padding:13px 18px;border-radius:100px;font-size:12px;font-weight:700;box-shadow:0 12px 30px #062a2125}
.nav-cta i{font-size:16px}
.menu-btn{display:none;border:0;background:var(--green);color:white;width:43px;height:43px;border-radius:50%}
.hero{min-height:100vh;padding-top:145px;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 85% 35%,#d9edbf 0,transparent 30%),radial-gradient(circle at 10% 90%,#e4eddb 0,transparent 27%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}
.eyebrow,.kicker{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:#597069}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:50px;background:#fff;margin-bottom:24px}
.pulse{width:7px;height:7px;border-radius:50%;background:#9bc321;box-shadow:0 0 0 5px #dce9a7}
h1{font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-4px;max-width:760px}
h1 em,h2 em{font-style:normal;color:var(--green-3)}
.hero-text{max-width:590px;margin:25px 0 30px;color:#64716c;font-size:15px;line-height:1.9}
.hero-actions,.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:100px;padding:15px 21px;font-size:12px;font-weight:700;transition:.25s;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 16px 30px #062a2128}
.btn-ghost{background:#fff;color:var(--green)}
.hero-proof{display:flex;align-items:center;gap:12px;margin-top:44px}
.avatars{display:flex}
.avatars span{width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;border:2px solid var(--cream);margin-left:-7px}
.avatars span:first-child{margin-left:0;background:var(--lime);color:var(--green)}
.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:11px}.hero-proof small{font-size:9px;color:#82908a;margin-top:3px}
.hero-visual{height:610px;position:relative;display:grid;place-items:center}
.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:410px;height:410px;background:#d7edc3;right:30px;top:50px}.orb-two{width:120px;height:120px;background:var(--lime);right:0;bottom:60px}
.device{position:relative;z-index:3;width:min(440px,75%);height:560px;border-radius:34px;background:var(--green);padding:10px;box-shadow:35px 40px 80px #062a2130;transform:rotate(4deg);overflow:hidden}
.device-top{height:34px;display:flex;align-items:center;gap:5px;padding:0 10px;color:#a9bdb6;font-size:7px}.device-top span{width:5px;height:5px;background:#5d786e;border-radius:50%}.device-top b{margin-left:auto;font-weight:500}
.device-content{height:calc(100% - 34px);border-radius:25px;background:linear-gradient(145deg,#eef4e8,#dcebcf);padding:25px;position:relative;overflow:hidden}
.mini-nav{display:flex;justify-content:space-between;color:var(--green);font-size:18px}.mini-logo{width:24px;height:24px;border-radius:7px;background:var(--green)}
.mock-title{font-size:34px;line-height:1.05;font-weight:600;margin-top:100px;letter-spacing:-1px;color:var(--green)}.mock-title strong{color:#78941b}.mock-line{width:100%;height:110px;background:var(--green);border-radius:22px;margin-top:30px}.mock-cards{display:flex;gap:7px;margin-top:12px}.mock-cards span{height:42px;flex:1;border-radius:10px;background:#fff}.mock-stat{position:absolute;right:20px;bottom:20px;background:#fff;padding:12px 15px;border-radius:14px;box-shadow:0 15px 30px #062a2115}.mock-stat strong{display:block;font-size:17px;color:var(--green)}.mock-stat small{font-size:8px;color:#77827e}
.floating-card{position:absolute;z-index:5;background:#fff;border-radius:18px;padding:14px 17px;display:flex;align-items:center;gap:10px;box-shadow:0 20px 50px #062a2120}.floating-card i{width:35px;height:35px;border-radius:12px;background:#edf5dd;color:var(--green);display:grid;place-items:center;font-size:17px}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:11px}.floating-card small{font-size:8px;color:#85908b;margin-top:2px}.card-top{top:110px;left:10px}.card-bottom{bottom:105px;right:15px}
.scroll-note{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#89948f;display:flex;align-items:center;gap:8px}.scroll-note span{width:5px;height:5px;border-radius:50%;background:var(--green)}
.marquee{background:var(--green);color:#dbe8df;overflow:hidden;padding:17px 0}.marquee-track{display:flex;align-items:center;gap:25px;width:max-content;animation:marquee 25s linear infinite;font-size:11px;font-weight:700;letter-spacing:2px}.marquee i{color:var(--lime);font-size:13px}@keyframes marquee{to{transform:translateX(-50%)}}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.section-head h2,.about-copy h2,.cta h2{font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-3px;margin-top:12px}.section-head>p{max-width:420px;color:var(--muted);font-size:13px;line-height:1.8}.text-link{font-size:11px;font-weight:700;border-bottom:1px solid #b5beb9;padding-bottom:7px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce1dc}.service-card{background:var(--cream);padding:35px 28px;min-height:330px;position:relative;transition:.3s}.service-card:hover{background:#fff;transform:translateY(-6px);z-index:2;box-shadow:0 25px 50px #062a2112}.service-card>span{position:absolute;right:25px;top:35px;font-size:9px;color:#a1aaa6}.service-icon{width:48px;height:48px;border-radius:15px;background:#e4edd9;color:var(--green);display:grid;place-items:center;font-size:22px;margin-bottom:60px}.service-card h3{font-size:19px;letter-spacing:-.5px;margin-bottom:12px}.service-card p{font-size:11px;line-height:1.8;color:var(--muted)}.service-card a{display:inline-flex;gap:7px;align-items:center;margin-top:22px;font-size:10px;font-weight:700;color:var(--green)}
.projects{background:#fff}.project-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}.project-large{grid-row:span 2}.project-art{height:350px;border-radius:25px;position:relative;overflow:hidden}.project-large .project-art{height:560px}.art-taxi{background:#dcebd2;padding:28px;color:var(--green)}.art-label{font-size:9px;letter-spacing:2px;font-weight:700}.art-word{font-size:clamp(55px,7vw,100px);font-weight:800;letter-spacing:-7px;position:absolute;left:30px;bottom:35px}.art-phone{position:absolute;width:190px;height:370px;background:var(--green);border:7px solid #fff;border-radius:28px;right:65px;top:70px;transform:rotate(8deg);box-shadow:20px 25px 50px #062a2125}.art-phone:before{content:"";position:absolute;left:12px;right:12px;top:10px;height:20px;border-radius:0 0 10px 10px;background:#081e18}.art-phone div{position:absolute;left:14px;right:14px;top:55px;height:155px;border-radius:15px;background:#bcdba8}.art-phone span{position:absolute;left:20px;bottom:22px;font-size:48px;font-weight:800;color:var(--lime)}
.art-commerce{background:#f1e7d7}.floating-product{position:absolute;width:190px;height:235px;background:#fff;border-radius:22px;left:50%;top:50%;transform:translate(-50%,-45%) rotate(-7deg);box-shadow:0 25px 50px #3332}.floating-product:before{content:"";position:absolute;width:85px;height:85px;border-radius:50%;background:#d6b28a;left:52px;top:40px}.art-commerce>span,.art-ai>span{position:absolute;left:25px;bottom:22px;font-size:12px;font-weight:800;letter-spacing:2px}
.art-ai{background:var(--green);color:#fff}.ai-core{position:absolute;width:155px;height:155px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:radial-gradient(circle,#d8ef73,#4e6f30 45%,#17382c 70%);box-shadow:0 0 80px #cde85b55}.ai-core i{font-size:38px;color:#fff}.project-meta{display:flex;justify-content:space-between;align-items:center;padding:17px 4px}.project-meta h3{font-size:16px}.project-meta p{font-size:9px;color:#7d8883;margin-top:4px}.project-meta a{width:37px;height:37px;border-radius:50%;background:var(--cream);display:grid;place-items:center}
.about{background:var(--cream)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-visual{height:600px;background:var(--green);border-radius:30px;position:relative;overflow:hidden;display:grid;place-items:center}.about-visual:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid #ffffff20;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.about-logo{width:180px;height:180px;border-radius:45px;background:#fff;padding:20px;z-index:1;transform:rotate(-7deg);box-shadow:0 30px 70px #0003}.about-logo img{width:100%;height:100%;object-fit:cover;border-radius:28px}.about-number{position:absolute;right:28px;top:28px;color:#cfe0d7;font-size:11px}.about-number span{margin:0 5px;color:#789187}.about-copy>p{color:var(--muted);font-size:13px;line-height:1.9;margin:28px 0 34px;max-width:530px}.values{display:grid;gap:17px}.values>div{display:flex;gap:15px;align-items:center}.values i{width:43px;height:43px;border-radius:13px;background:#e2ecd9;color:var(--green);display:grid;place-items:center;font-size:19px}.values strong,.values span{display:block}.values strong{font-size:11px}.values span{font-size:9px;color:#8a9590;margin-top:3px}
.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.process-item{padding:20px 28px 30px;border-left:1px solid #e0e5e0;position:relative}.process-item:first-child{border-left:0}.process-item>span{font-size:9px;color:#98a29e}.process-item i{display:block;font-size:30px;color:var(--green);margin:35px 0 20px}.process-item h3{font-size:17px}.process-item p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:9px}
.cta{padding-top:30px}.cta-box{background:var(--green);border-radius:35px;padding:85px 70px;text-align:center;color:#fff;position:relative;overflow:hidden}.cta-box>*{position:relative;z-index:2}.cta-box .kicker{color:#b9d0c7}.cta-box h2{margin:12px 0 20px}.cta-box h2 em{color:var(--lime)}.cta-box p{color:#afc1ba;font-size:12px;margin-bottom:30px}.cta-actions{justify-content:center}.btn-light{background:var(--lime);color:var(--green)}.btn-outline-light{border:1px solid #ffffff35;color:#fff}.cta-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:#83a92b30;filter:blur(40px);right:-180px;top:-250px}
footer{padding:55px 0 25px;background:var(--green);color:#fff}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-grid .brand>span{color:#fff}.footer-grid .brand>span>span{color:var(--lime)}.footer-grid p{font-size:10px;color:#91aaa0}.socials{display:flex;gap:8px}.socials a{width:34px;height:34px;border-radius:50%;background:#ffffff0d;display:grid;place-items:center;color:#c5d5ce;font-size:16px}.footer-bottom{border-top:1px solid #ffffff12;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;color:#789187;font-size:9px}
.reveal{opacity:0;transform:translateY(25px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}.cursor-glow{position:fixed;pointer-events:none;width:180px;height:180px;border-radius:50%;background:#b9db7a22;filter:blur(25px);transform:translate(-50%,-50%);z-index:0}
@media(max-width:950px){.nav-links{gap:17px}.nav-cta{display:none}.hero-grid{gap:20px}.service-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.project-large{grid-row:auto}.project-large .project-art{height:500px}.about-grid{gap:45px}.process-grid{grid-template-columns:1fr 1fr}.process-item:nth-child(3){border-left:0;border-top:1px solid #e0e5e0}.process-item:nth-child(4){border-top:1px solid #e0e5e0}}
@media(max-width:700px){.container{width:min(100% - 32px,1160px)}.section{padding:80px 0}.site-header{padding:12px 0}.nav-links{display:none;position:absolute;top:65px;left:16px;right:16px;background:#fff;border-radius:20px;padding:18px;box-shadow:0 25px 60px #062a2120;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:13px}.nav-links a.active:after{display:none}.menu-btn{display:block}.hero{padding-top:105px;min-height:auto;padding-bottom:80px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:left}.hero-visual{height:470px;margin-top:15px}.device{width:260px;height:390px;border-radius:26px}.device-content{border-radius:19px;padding:17px}.mock-title{font-size:25px;margin-top:65px}.mock-line{height:80px}.floating-card{transform:scale(.86)}.card-top{left:0;top:55px}.card-bottom{right:0;bottom:45px}h1{letter-spacing:-2.5px}.hero-text{font-size:13px}.scroll-note{display:none}.section-head{display:block;margin-bottom:35px}.section-head>p{margin-top:18px}.service-grid{grid-template-columns:1fr}.service-card{min-height:270px}.service-icon{margin-bottom:45px}.project-large .project-art,.project-art{height:390px}.art-phone{width:150px;height:300px;right:35px;top:45px}.art-word{font-size:58px;letter-spacing:-4px}.about-grid{grid-template-columns:1fr;gap:45px}.about-visual{height:420px}.about-copy h2{letter-spacing:-2px}.process-grid{grid-template-columns:1fr}.process-item,.process-item:nth-child(3),.process-item:nth-child(4){border-left:0;border-top:1px solid #e0e5e0;padding:25px 0}.process-item:first-child{border-top:0}.process-item i{margin:22px 0 13px}.cta-box{padding:65px 22px;border-radius:25px}.cta-box h2{letter-spacing:-2px}.footer-grid{flex-direction:column;align-items:flex-start}.footer-bottom{gap:10px;flex-direction:column}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.marquee-track{animation:none}}