/* Local CSS generated for this static site. No external CDN required. */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}img,svg,video{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.local-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#022c22\]{--tw-gradient-from:#022c22;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgb(2 44 34 / 0))}.via-\[\#064e3b\]{--tw-gradient-stops:var(--tw-gradient-from),#064e3b,var(--tw-gradient-to, rgb(6 78 59 / 0))}.to-\[\#022c22\]{--tw-gradient-to:#022c22}.from-\[\#a3e635\]{--tw-gradient-from:#a3e635;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgb(163 230 53 / 0))}.to-\[\#10b981\]{--tw-gradient-to:#10b981}.backdrop-blur-xl{backdrop-filter:blur(24px)}.blur-3xl{filter:blur(64px)}.rotate-3{transform:rotate(3deg)}.-rotate-2{transform:rotate(-2deg)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}
.-top-6{top:-1.5rem;}
.absolute{position:absolute;}
.bg-\[\#022c22\]{background-color:#022c22;}
.bg-\[\#a3e635\]{background-color:#a3e635;}
.bg-\[\#a3e635\]\/10{background-color:rgb(163 230 53 / 0.1);}
.bg-\[\#a3e635\]\/15{background-color:rgb(163 230 53 / 0.15);}
.bg-\[\#a3e635\]\/5{background-color:rgb(163 230 53 / 0.05);}
.bg-\[\#f8faf5\]{background-color:#f8faf5;}
.bg-\[\#fafaf9\]{background-color:#fafaf9;}
.bg-emerald-500\/10{background-color:rgb(16 185 129 / 0.1);}
.bg-white{background-color:#fff;}
.bg-white\/10{background-color:#fff;}
.bg-white\/5{background-color:#fff;}
.bg-white\/95{background-color:#fff;}
.bg-yellow-400\/80{background-color:rgb(250 204 21 / 0.8);}
.block{display:block;}
.border{border-width:1px;}
.border-2{border-width:2px;}
.border-\[\#a3e635\]\/20{border-color:rgb(163 230 53 / 0.2);}
.border-\[\#a3e635\]\/30{border-color:rgb(163 230 53 / 0.3);}
.border-white\/10{border-color:#fff;}
.border-white\/5{border-color:#fff;}
.bottom-0{bottom:0;}
.bottom-20{bottom:5rem;}
.bottom-32{bottom:8rem;}
.bottom-4{bottom:1rem;}
.bottom-40{bottom:10rem;}
.bottom-8{bottom:2rem;}
.duration-300{transition-duration:300ms;}
.duration-400{transition-duration:400ms;}
.duration-500{transition-duration:500ms;}
.fixed{position:fixed;}
.flex{display:flex;}
.flex-1{flex:1 1 0%;}
.flex-col{flex-direction:column;}
.flex-shrink-0{flex-shrink:0;flex-shrink:0;}
.flex-wrap{flex-wrap:wrap;}
.font-bold{font-weight:700;}
.font-display{font-family:Inter,Manrope,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;}
.font-extrabold{font-weight:800;}
.font-medium{font-weight:500;}
.font-sans{font-family:Inter,Manrope,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;}
.font-semibold{font-weight:600;}
.gap-1\.5{gap:.375rem;}
.gap-10{gap:2.5rem;}
.gap-16{gap:4rem;}
.gap-2{gap:.5rem;}
.gap-2\.5{gap:.625rem;}
.gap-3{gap:.75rem;}
.gap-4{gap:1rem;}
.gap-5{gap:1.25rem;}
.gap-6{gap:1.5rem;}
.gap-8{gap:2rem;}
.grid{display:grid;}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.h-0\.5{height:.125rem;}
.h-1\.5{height:.375rem;}
.h-10{height:2.5rem;}
.h-11{height:2.75rem;}
.h-12{height:3rem;}
.h-14{height:3.5rem;}
.h-16{height:4rem;}
.h-2{height:.5rem;}
.h-20{height:5rem;}
.h-3{height:.75rem;}
.h-32{height:8rem;}
.h-40{height:10rem;}
.h-72{height:18rem;}
.h-8{height:2rem;}
.h-9{height:2.25rem;}
.h-96{height:24rem;}
.h-\[500px\]{height:500px;}
.h-\[600px\]{height:600px;}
.h-full{height:100%;}
.hidden{display:none;}
.inline-block{display:inline-block;}
.inline-flex{display:inline-flex;}
.inset-0{inset:0;}
.items-center{align-items:center;}
.items-start{align-items:flex-start;}
.justify-between{justify-content:space-between;}
.justify-center{justify-content:center;}
.leading-relaxed{line-height:1.625;}
.left-0{left:0;}
.left-1\/2{left:50.0%;}
.left-10{left:2.5rem;}
.left-4{left:1rem;}
.left-\[10%\]{left:10%;}
.left-\[20%\]{left:20%;}
.max-w-2xl{max-width:42rem;}
.max-w-3xl{max-width:48rem;}
.max-w-4xl{max-width:56rem;}
.max-w-5xl{max-width:64rem;}
.max-w-7xl{max-width:80rem;}
.max-w-md{max-width:28rem;}
.max-w-xl{max-width:36rem;}
.mb-1\.5{margin-bottom:.375rem;}
.mb-10{margin-bottom:2.5rem;}
.mb-14{margin-bottom:3.5rem;}
.mb-16{margin-bottom:4rem;}
.mb-2{margin-bottom:.5rem;}
.mb-3{margin-bottom:.75rem;}
.mb-4{margin-bottom:1rem;}
.mb-5{margin-bottom:1.25rem;}
.mb-6{margin-bottom:1.5rem;}
.mb-8{margin-bottom:2rem;}
.min-h-screen{min-height:100vh;}
.mt-10{margin-top:2.5rem;}
.mt-12{margin-top:3rem;}
.mt-2{margin-top:.5rem;}
.mt-3{margin-top:.75rem;}
.mt-4{margin-top:1rem;}
.mt-8{margin-top:2rem;}
.mx-3{margin-left:.75rem;margin-right:.75rem;}
.mx-auto{margin-left:auto;margin-right:auto;}
.opacity-30{opacity:0.3;}
.opacity-40{opacity:0.4;}
.opacity-60{opacity:0.6;}
.overflow-hidden{overflow:hidden;}
.overflow-x-hidden{overflow-x:hidden;}
.p-1{padding:.25rem;}
.p-4{padding:1rem;}
.p-6{padding:1.5rem;}
.p-7{padding:1.75rem;}
.p-8{padding:2rem;}
.pb-3{padding-bottom:.75rem;}
.pl-6{padding-left:1.5rem;}
.pt-20{padding-top:5rem;}
.pt-4{padding-top:1rem;}
.pt-8{padding-top:2rem;}
.px-10{padding-left:2.5rem;padding-right:2.5rem;}
.px-2{padding-left:.5rem;padding-right:.5rem;}
.px-3{padding-left:.75rem;padding-right:.75rem;}
.px-4{padding-left:1rem;padding-right:1rem;}
.px-5{padding-left:1.25rem;padding-right:1.25rem;}
.px-6{padding-left:1.5rem;padding-right:1.5rem;}
.px-8{padding-left:2rem;padding-right:2rem;}
.py-1{padding-top:.25rem;padding-bottom:.25rem;}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem;}
.py-12{padding-top:3rem;padding-bottom:3rem;}
.py-16{padding-top:4rem;padding-bottom:4rem;}
.py-2{padding-top:.5rem;padding-bottom:.5rem;}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem;}
.py-24{padding-top:6rem;padding-bottom:6rem;}
.py-3{padding-top:.75rem;padding-bottom:.75rem;}
.py-3\.5{padding-top:.875rem;padding-bottom:.875rem;}
.py-4{padding-top:1rem;padding-bottom:1rem;}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}
.relative{position:relative;}
.right-0{right:0;}
.right-10{right:2.5rem;}
.right-4{right:1rem;}
.right-6{right:1.5rem;}
.right-\[15%\]{right:15%;}
.right-\[25%\]{right:25%;}
.right-\[8%\]{right:8%;}
.rounded{border-radius:0.25rem;}
.rounded-2xl{border-radius:1rem;}
.rounded-3xl{border-radius:1.5rem;}
.rounded-\[1\.5rem\]{border-radius:1.5rem;}
.rounded-\[2rem\]{border-radius:2rem;}
.rounded-full{border-radius:9999px;}
.rounded-lg{border-radius:0.5rem;}
.rounded-xl{border-radius:0.75rem;}
.shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);}
.shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);}
.shadow-sm{box-shadow:0 1px 2px 0 rgb(0 0 0 / .05);}
.shadow-xl{box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);}
.text-2xl{font-size:1.5rem;}
.text-3xl{font-size:1.875rem;}
.text-4xl{font-size:2.25rem;}
.text-6xl{font-size:3.75rem;}
.text-\[\#022c22\]{color:#022c22;}
.text-\[\#1c1917\]{color:#1c1917;}
.text-\[\#57534e\]{color:#57534e;}
.text-\[\#78716c\]{color:#78716c;}
.text-\[\#a3a39e\]{color:#a3a39e;}
.text-\[\#a3e635\]{color:#a3e635;}
.text-\[\#a3e635\]\/80{color:rgb(163 230 53 / 0.8);}
.text-\[10px\]{color:10px;}
.text-base{font-size:1rem;}
.text-center{text-align:center;}
.text-green-600{color:#16a34a;}
.text-lg{font-size:1.125rem;}
.text-sm{font-size:.875rem;}
.text-white{color:#fff;}
.text-white\/25{color:#fff;}
.text-white\/30{color:#fff;}
.text-white\/40{color:#fff;}
.text-white\/5{color:#fff;}
.text-white\/50{color:#fff;}
.text-white\/60{color:#fff;}
.text-white\/70{color:#fff;}
.text-xl{font-size:1.25rem;}
.text-xs{font-size:.75rem;}
.top-0{top:0;}
.top-1\/2{top:50.0%;}
.top-20{top:5rem;}
.top-32{top:8rem;}
.top-48{top:12rem;}
.top-5{top:1.25rem;}
.tracking-tight{letter-spacing:-.025em;}
.tracking-wider{letter-spacing:.05em;}
.transition-all{transition:all .2s ease;}
.transition-colors{transition:all .2s ease;}
.transition-transform{transition:all .2s ease;}
.underline{text-decoration:underline;}
.uppercase{text-transform:uppercase;}
.w-1{width:.25rem;}
.w-1\.5{width:.375rem;}
.w-1\/2{width:50.0%;}
.w-10{width:2.5rem;}
.w-11{width:2.75rem;}
.w-12{width:3rem;}
.w-14{width:3.5rem;}
.w-16{width:4rem;}
.w-2{width:.5rem;}
.w-20{width:5rem;}
.w-3{width:.75rem;}
.w-3\.5{width:.875rem;}
.w-3\/4{width:75.0%;}
.w-32{width:8rem;}
.w-40{width:10rem;}
.w-5{width:1.25rem;}
.w-72{width:18rem;}
.w-8{width:2rem;}
.w-9{width:2.25rem;}
.w-96{width:24rem;}
.w-\[500px\]{width:500px;}
.w-\[600px\]{width:600px;}
.w-full{width:100%;}
.z-0{z-index:0;}
.z-10{z-index:10;}
.z-20{z-index:20;}
.z-50{z-index:50;}
.z-\[60\]{z-index:60;}
.z-\[80\]{z-index:80;}
.hover\:bg-\[\#a3e635\]:hover{background-color:#a3e635;}
.hover\:bg-white:hover{background-color:#fff;}
.hover\:bg-white\/10:hover{background-color:#fff;}
.hover\:border-\[\#a3e635\]\/30:hover{border-color:rgb(163 230 53 / 0.3);}
.hover\:border-\[\#a3e635\]\/40:hover{border-color:rgb(163 230 53 / 0.4);}
.hover\:border-\[\#a3e635\]\/50:hover{border-color:rgb(163 230 53 / 0.5);}
.hover\:shadow-\[0_10px_30px_-5px_rgba(163,230,53,0\.4)\]:hover{box-shadow:0 10px 30px -5px rgba(163,230,53,0.4);}
.hover\:shadow-\[0_20px_50px_-15px_rgba(163,230,53,0\.25)\]:hover{box-shadow:0 20px 50px -15px rgba(163,230,53,0.25);}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);}
.hover\:text-\[\#022c22\]:hover{color:#022c22;}
.hover\:text-\[\#84cc16\]:hover{color:#84cc16;}
.hover\:text-\[\#a3e635\]:hover{color:#a3e635;}
.hover\:underline:hover{text-decoration:underline;}
.group:hover .group-hover\:bg-\[\#a3e635\]\/20{background-color:rgb(163 230 53 / 0.2);}
.group:hover .group-hover\:scale-110{transform:scale(1.1);}
.group:hover .group-hover\:text-\[\#a3e635\]\/10{color:rgb(163 230 53 / 0.1);}
@media (min-width:640px){.sm\:flex-row{flex-direction:row;}}
@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:640px){.sm\:items-center{align-items:center;}}
@media (min-width:640px){.sm\:text-4xl{font-size:2.25rem;}}
@media (min-width:640px){.sm\:text-5xl{font-size:3rem;}}
@media (min-width:768px){.md\:flex{display:flex;}}
@media (min-width:768px){.md\:gap-6{gap:1.5rem;}}
@media (min-width:768px){.md\:gap-8{gap:2rem;}}
@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (min-width:768px){.md\:h-20{height:5rem;}}
@media (min-width:768px){.md\:hidden{display:none;}}
@media (min-width:768px){.md\:justify-end{justify-content:flex-end;}}
@media (min-width:768px){.md\:mb-20{margin-bottom:5rem;}}
@media (min-width:768px){.md\:p-12{padding:3rem;}}
@media (min-width:768px){.md\:px-8{padding-left:2rem;padding-right:2rem;}}
@media (min-width:768px){.md\:py-0{padding-top:0;padding-bottom:0;}}
@media (min-width:768px){.md\:py-16{padding-top:4rem;padding-bottom:4rem;}}
@media (min-width:768px){.md\:py-20{padding-top:5rem;padding-bottom:5rem;}}
@media (min-width:768px){.md\:py-32{padding-top:8rem;padding-bottom:8rem;}}
@media (min-width:768px){.md\:text-5xl{font-size:3rem;}}
@media (min-width:768px){.md\:text-6xl{font-size:3.75rem;}}
@media (min-width:768px){.md\:text-lg{font-size:1.125rem;}}
@media (min-width:768px){.md\:text-right{text-align:right;}}
@media (min-width:1024px){.lg\:block{display:block;}}
@media (min-width:1024px){.lg\:flex{display:flex;}}
@media (min-width:1024px){.lg\:gap-16{gap:4rem;}}
@media (min-width:1024px){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr));}}
@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (min-width:1024px){.lg\:text-7xl{font-size:4.5rem;}}
@media (min-width:1280px){.xl\:block{display:block;}}
/* Extra local Tailwind-compatible helpers */
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.whitespace-nowrap{white-space:nowrap}.tracking-widest{letter-spacing:.1em}.origin-center{transform-origin:center}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-stone-100{border-color:#f5f5f4}.border-stone-200{border-color:#e7e5e4}.border-stone-300{border-color:#d6d3d1}.border-emerald-300\/25{border-color:rgb(110 231 183 / .25)}.border-emerald-400\/30{border-color:rgb(52 211 153 / .3)}.bg-stone-50{background-color:#fafaf9}.bg-stone-100{background-color:#f5f5f4}.bg-stone-200{background-color:#e7e5e4}.bg-green-100{background-color:#dcfce7}.bg-emerald-300\/10{background-color:rgb(110 231 183 / .1)}.bg-emerald-300\/5{background-color:rgb(110 231 183 / .05)}.bg-emerald-400\/5{background-color:rgb(52 211 153 / .05)}.bg-green-400\/80{background-color:rgb(74 222 128 / .8)}.bg-red-400\/80{background-color:rgb(248 113 113 / .8)}.bg-white\/95{background-color:rgb(255 255 255 / .95)}.bg-white\/10{background-color:rgb(255 255 255 / .1)}.bg-white\/5{background-color:rgb(255 255 255 / .05)}.text-stone-400{color:#a8a29e}.text-\[10px\]{font-size:10px}.leading-\[1\.02\]{line-height:1.02}.leading-\[1\.05\]{line-height:1.05}.max-w-xs{max-width:20rem}.space-y-2>*+*{margin-top:.5rem}.space-y-2\.5>*+*{margin-top:.625rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-8>*+*{margin-top:2rem}.-bottom-2{bottom:-.5rem}.-bottom-8{bottom:-2rem}.-left-8{left:-2rem}.-right-6{right:-1.5rem}.rotate-45{transform:rotate(45deg)}.-translate-x-1\/2{transform:translateX(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.hover\:-translate-y-0\.5:hover{transform:translateY(-.125rem)}.hover\:-translate-y-2:hover{transform:translateY(-.5rem)}.hover\:bg-stone-100:hover{background-color:#f5f5f4}.backdrop-blur-sm{backdrop-filter:blur(4px)}.blur-\[50px\]{filter:blur(50px)}.blur-\[60px\]{filter:blur(60px)}.blur-\[100px\]{filter:blur(100px)}.blur-\[120px\]{filter:blur(120px)}.blur-\[150px\]{filter:blur(150px)}.shadow-stone-300\/50{box-shadow:0 20px 25px -5px rgb(214 211 209 / .5),0 8px 10px -6px rgb(214 211 209 / .5)}.from-\[\#a3e635\]\/20{--tw-gradient-from:rgb(163 230 53 / .2);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgb(163 230 53 / 0))}.to-emerald-100\/30{--tw-gradient-to:rgb(209 250 229 / .3)}.delay-100{transition-delay:100ms}.delay-200{transition-delay:200ms}.delay-300{transition-delay:300ms}.delay-400{transition-delay:400ms}.delay-500{transition-delay:500ms}.delay-600{transition-delay:600ms}@media (min-width:768px){.md\:col-span-1{grid-column:span 1 / span 1}}@media (min-width:1024px){.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-7{grid-column:span 7 / span 7}}
.social-logo{display:block;width:62%;height:62%;object-fit:contain;border-radius:9999px}.chan-logo{display:inline-block;width:22px;height:22px;object-fit:contain;border-radius:9999px;vertical-align:middle;margin-right:7px}


/* ===== Fixes 05.07.2026: correct layers, mobile menu, cookie notice ===== */
#header{z-index:1000;}
#mobileNav{z-index:9998;}
#mobileNav.open{transform:translateX(0);}
#cookieNotice{z-index:10000;}
#burger{position:relative;z-index:10001;}
body.mobile-menu-open{overflow:hidden;}
#burger.active .burger-line:nth-child(1){transform:translateY(8px) rotate(45deg);width:1.35rem;}
#burger.active .burger-line:nth-child(2){opacity:0;}
#burger.active .burger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg);width:1.35rem;}
@media (max-width:767px){
  #mobileNav{padding-top:4rem;}
  #mobileNav > div:first-child{display:none;}
  #cookieNotice{left:1rem;right:1rem;bottom:1rem;max-width:calc(100% - 2rem);}
  #cookieNotice button{width:100%;}
}


/* ===== Fixes 2: menu close, icons, hover, no external icon fonts ===== */
.icon-svg{display:inline-block;width:1em;height:1em;color:currentColor;object-fit:contain;vertical-align:-.12em;flex-shrink:0}
img.icon-svg{filter:none}
#mobileNav{z-index:20000;}
#mobileNav > div:first-child{display:flex!important;}
#mobileNav.open{transform:translateX(0)!important;}
#burger{z-index:20001;}
#closeNav{position:relative;z-index:20002;}
@media (max-width:767px){
  #mobileNav{padding-top:0!important;}
  #mobileNav nav{padding-bottom:2rem;}
}
#process .group:hover .relative{background-color:rgba(255,255,255,.10)!important;color:#fff!important;}
#process .group:hover h3{color:#fff!important;}
#process .group:hover p{color:rgba(255,255,255,.72)!important;}
#process .group:hover .text-white\/5{color:rgba(163,230,53,.12)!important;}
.service-card .icon-wrap img{width:28px;height:28px;}

/* Emoji icons instead of SVG assets */
.icon-emoji{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;line-height:1;font-size:1em;vertical-align:-.12em;flex-shrink:0;color:inherit;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif}
.icon-wrap .icon-emoji{font-size:1.65rem;width:1em;height:1em}
.logo-icon .icon-emoji{font-size:1.25rem}

/* ===== DEVELOPER BLOCK ===== */
.dev-section{position:relative;padding:6rem 0;background:#fafaf9;overflow:hidden}
@media(min-width:768px){.dev-section{padding:8rem 0}}
.dev-inner{position:relative;z-index:10;max-width:80rem;margin:0 auto;padding:0 1.25rem}
@media(min-width:768px){.dev-inner{padding:0 2rem}}
.dev-glow{position:absolute;top:-6rem;right:-6rem;width:26rem;height:26rem;background:rgba(163,230,53,.12);border-radius:9999px;filter:blur(110px);pointer-events:none}
.dev-glow2{position:absolute;bottom:-8rem;left:-6rem;width:24rem;height:24rem;background:rgba(16,185,129,.10);border-radius:9999px;filter:blur(120px);pointer-events:none}
.dev-grid{display:grid;gap:3rem;align-items:center}
@media(min-width:1024px){.dev-grid{grid-template-columns:5fr 7fr;gap:4.5rem}}
.dev-photo-wrap{position:relative;max-width:24rem;margin:0 auto;width:100%}
.dev-photo-frame{position:relative;border-radius:2rem;overflow:hidden;box-shadow:0 30px 70px -20px rgba(2,44,34,.28);border:1px solid rgba(163,230,53,.25);background:#fff;transition:transform .6s cubic-bezier(.23,1,.32,1)}
.dev-photo-wrap:hover .dev-photo-frame{transform:translateY(-8px)}
.dev-photo-frame img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.dev-photo-deco{position:absolute;inset:auto -.9rem -.9rem auto;width:100%;height:100%;border:2px solid rgba(163,230,53,.35);border-radius:2rem;z-index:-1}
.dev-exp-badge{position:absolute;left:-1rem;bottom:1.75rem;z-index:20;background:#022c22;color:#fff;border-radius:1.25rem;padding:.9rem 1.15rem;box-shadow:0 18px 40px -12px rgba(2,44,34,.5);display:flex;align-items:center;gap:.7rem}
.dev-exp-num{font-size:1.75rem;font-weight:800;color:#a3e635;line-height:1}
.dev-exp-txt{font-size:.7rem;line-height:1.25;color:rgba(255,255,255,.6);max-width:5.5rem}
.dev-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(163,230,53,.12);border-radius:9999px;padding:.4rem 1rem;margin-bottom:1.5rem}
.dev-badge span{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#022c22}
.dev-title{font-weight:800;font-size:2rem;letter-spacing:-.02em;line-height:1.1;margin:0 0 1.25rem}
@media(min-width:768px){.dev-title{font-size:3rem}}
.dev-title em{font-style:normal;color:#a3e635}
.dev-text{color:#78716c;font-size:1rem;line-height:1.75;margin:0 0 1rem;max-width:36rem}
@media(min-width:768px){.dev-text{font-size:1.0625rem}}
.dev-text strong{color:#022c22;font-weight:600}
.dev-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:2rem 0}
.dev-stat{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:1.25rem;padding:1.1rem;text-align:center;transition:all .4s cubic-bezier(.23,1,.32,1)}
.dev-stat:hover{border-color:rgba(163,230,53,.45);transform:translateY(-5px);box-shadow:0 20px 45px -18px rgba(163,230,53,.35)}
.dev-stat b{display:block;font-size:1.5rem;font-weight:800;color:#022c22;line-height:1.2}
.dev-stat span{display:block;margin-top:.25rem;font-size:.72rem;color:#78716c;line-height:1.3}
.dev-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.dev-btn{display:inline-flex;align-items:center;gap:.6rem;background:#022c22;color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:1rem 2rem;border-radius:9999px;transition:all .4s cubic-bezier(.23,1,.32,1)}
.dev-btn:hover{background:#a3e635;color:#022c22;transform:translateY(-3px);box-shadow:0 18px 38px -12px rgba(163,230,53,.5)}
.dev-social{width:2.75rem;height:2.75rem;border-radius:9999px;background:rgba(163,230,53,.15);display:inline-flex;align-items:center;justify-content:center;transition:background .3s}
.dev-social:hover{background:#a3e635}