/* G CREATIVE — PREMIUM VISUAL SYSTEM */
:root{
  --ink:#071b14;--ink-2:#0b2a1f;--green:#18c968;--green-2:#83e5a8;
  --paper:#f7faf8;--muted:#718078;--line:#dfe8e2;--white:#fff;
  --shadow:0 24px 70px rgba(4,28,19,.10);--radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.header{position:sticky;top:0;z-index:50;height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;gap:28px;background:rgba(247,250,248,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,232,226,.8)}
.logo{width:148px;flex:none}.logo img{width:100%;height:auto}
.nav{display:flex;align-items:center;gap:25px;margin-left:auto}.nav a{font-size:12px;font-weight:700;color:#51625a;transition:.2s}.nav a:hover{color:var(--ink)}
.wa-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}
.wa-btn{padding:12px 17px;background:var(--ink);color:#fff}.wa-btn:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(4,28,19,.16)}
.menu{display:none;border:0;background:none;font-size:23px;color:var(--ink)}
.hero{position:relative;min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;overflow:hidden;padding:70px clamp(20px,7vw,100px)}
.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(24,201,104,.13),transparent 30%),linear-gradient(135deg,#f8fbf9,#edf5f0)}
.hero-content{position:relative;z-index:2;max-width:720px}.eyebrow,.label{font-size:10px;font-weight:900;letter-spacing:.18em;color:#557066;display:flex;gap:9px;align-items:center}.eyebrow i,.label i{width:24px;height:2px;background:var(--green);display:inline-block}
.hero h1{font:800 clamp(48px,6vw,86px)/.98 Manrope,Inter,sans-serif;letter-spacing:-.055em;margin:22px 0}.hero h1 strong{color:var(--green)}
.hero-content>p{max-width:590px;color:#66766e;font-size:15px}
.hero-actions{display:flex;align-items:center;gap:22px;margin:30px 0}.btn.primary{background:var(--green);color:#052116;padding:14px 21px}.play-link{font-size:12px;font-weight:800}.play-link b{display:inline-grid;place-items:center;width:35px;height:35px;border:1px solid #b9c8c0;border-radius:50%;margin-right:8px;font-size:10px}
.stats{display:flex;gap:42px;margin-top:48px}.stats div{display:grid;gap:3px}.stats b{font:800 28px Manrope}.stats span{font-size:10px;color:#7a8982}
.hero-visual{position:relative;min-height:560px;display:grid;place-items:center}.screen{width:min(520px,90%);aspect-ratio:1.15;background:#06251a;border:9px solid #0e3929;border-radius:26px;box-shadow:var(--shadow);display:grid;place-items:center;transform:rotate(2deg)}.screen img{width:48%;filter:brightness(1.05)}.desk{position:absolute;width:80%;height:70px;background:#d9e3dd;border-radius:50%;bottom:50px;filter:blur(1px)}.plant{position:absolute;width:95px;height:150px;border-radius:70% 30% 60% 40%;border-left:7px solid #244b39;right:4%;bottom:90px;transform:rotate(12deg)}.caption{position:absolute;left:4%;bottom:130px;font:800 17px/1 Manrope;letter-spacing:.1em;color:#fff;text-align:center;transform:rotate(-6deg)}.caption em{color:var(--green);font-style:normal}
.services,.about{padding:110px clamp(20px,7vw,100px)}.section-head{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end}.section-head h2,.portfolio-head h2,.about h2,.process h2,.contact h2{font:800 clamp(38px,4.5vw,62px)/1.02 Manrope;letter-spacing:-.045em;margin:18px 0}.head-right p,.portfolio-head p,.about-grid p,.contact-box>p{color:#718078;font-size:14px;max-width:500px}.outline{display:inline-block;margin-top:12px;border-bottom:1px solid var(--green);padding-bottom:5px;font-size:11px;font-weight:800}
.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:60px}.service-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px 22px;min-height:220px;transition:.25s}.service-grid article:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#bce8ca}.icon{font-size:26px;color:var(--green)}.service-grid h3{font:800 18px Manrope;margin:22px 0 8px}.service-grid p{font-size:11px;color:#7a8982}
.portfolio,.process{background:var(--ink);color:#fff;padding:110px clamp(20px,7vw,100px)}.portfolio-head{display:grid;grid-template-columns:1fr .65fr;gap:70px;align-items:end}.label.light{color:#a8b8b0}.portfolio-head p{color:#9eaea6}.portfolio-head a{font-size:11px;font-weight:800;color:var(--green-2)}
.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px}.project{min-width:0}.project-img{width:100%;aspect-ratio:16/10;border-radius:16px;object-fit:cover;background:#143b2c;display:grid;place-items:center;overflow:hidden;transition:.3s}.project:hover .project-img{transform:translateY(-5px)}.project-img span{font:800 clamp(22px,3vw,42px)/.9 Manrope;letter-spacing:-.04em}.project-img small{font-size:8px;letter-spacing:.18em;margin-top:8px}.project h3{font:800 18px Manrope;margin:17px 0 2px}.project p{margin:0;color:#91a099;font-size:11px}.project-img.red{background:linear-gradient(135deg,#341b1c,#0d1e18)}.project-img.green{background:linear-gradient(135deg,#0d5b3b,#071d15)}.project-img.brand{background:linear-gradient(135deg,#b9d7c5,#163b2c);color:#092218}.project-img.content{background:linear-gradient(135deg,#102f25,#183e2f)}.project-img.dashboard{background:linear-gradient(135deg,#0b241b,#246244)}
.about-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.about h2 strong,.process h2 strong,.contact h2 strong{color:var(--green)}
.text-link{display:inline-block;margin-top:15px;color:#0a8f45;font-weight:800;font-size:11px;border-bottom:1px solid #a9dfbd}
.process{background:linear-gradient(135deg,#061e16,#0b3425)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px}.steps>div{padding:28px;border-top:1px solid #2a5544;border-right:1px solid #2a5544}.steps>div:last-child{border-right:0}.steps b{color:var(--green);font:800 12px Manrope}.steps h3{font:800 20px Manrope;margin:22px 0 7px}.steps p{font-size:11px;color:#93a59d}
.contact{padding:110px clamp(20px,7vw,100px);background:#fff}.contact-box{max-width:900px;margin:auto}.contact-actions{display:flex;gap:18px;align-items:center;margin-top:28px}.email{font-size:12px;font-weight:800;border-bottom:1px solid #bbc9c2;padding-bottom:4px}.flash{padding:12px 15px;border-radius:8px;font-size:12px;margin-top:18px}.flash.success{background:#e7f8ed;color:#14683d}.flash.error{background:#fde8e8;color:#9a2727}
footer{background:#041811;color:#8fa39a;padding:45px clamp(20px,7vw,100px);display:flex;align-items:center;gap:30px}.footer-logo{width:125px}.footer-nav{display:flex;gap:20px;margin-left:auto}.footer-nav a{font-size:10px}.footer-nav a:hover{color:#fff}footer p{font-size:9px;margin-left:20px}
@media(max-width:1050px){.nav{gap:15px}.service-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-visual{min-height:430px}.projects{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header{height:68px}.nav{position:absolute;top:68px;left:0;right:0;background:#fff;padding:15px 20px;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);box-shadow:0 15px 35px rgba(4,28,19,.08)}.nav.open{display:flex}.wa-btn{display:none}.menu{display:block;margin-left:auto}.hero{padding:60px 20px 30px;min-height:auto}.hero h1{font-size:49px}.hero-visual{min-height:340px}.screen{width:85%}.stats{gap:22px;flex-wrap:wrap}.stats b{font-size:22px}.section-head,.portfolio-head,.about-grid{grid-template-columns:1fr;gap:25px}.services,.about,.portfolio,.process,.contact{padding:75px 20px}.service-grid{grid-template-columns:1fr}.projects{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps>div{border-right:0}.contact-actions{align-items:flex-start;flex-direction:column}footer{flex-direction:column;align-items:flex-start}.footer-nav{margin:0;flex-wrap:wrap}footer p{margin:0}}

.case-study{padding:100px clamp(20px,7vw,100px);max-width:1280px;margin:auto}.case-study h1{font:800 clamp(55px,8vw,110px)/.95 Manrope;letter-spacing:-.06em;margin:20px 0 10px}.case-meta{color:#6e7d75;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.case-cover{margin:55px 0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#0b2a1f}.case-cover img{width:100%;aspect-ratio:16/9;object-fit:cover}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin:70px 0}.case-grid h2{font:800 clamp(28px,3.5vw,48px)/1.05 Manrope;letter-spacing:-.04em}.case-grid p{color:#6f7e76;font-size:14px}.case-grid .btn{margin-top:15px}@media(max-width:760px){.case-study{padding:70px 20px}.case-grid{grid-template-columns:1fr;gap:25px;margin:45px 0}}