*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Plus Jakarta Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-20{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-7{margin-bottom:1.75rem}.ml-3{margin-left:.75rem}.mt-0\.5{margin-top:.125rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-8{height:2rem}.w-8{width:2rem}.max-w-screen-xl{max-width:1280px}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.p-12{padding:3rem}.p-2{padding:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-16{padding-bottom:4rem}.pb-20{padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden;transition:background .3s ease,color .3s ease}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--nav-bg: rgba(255, 255, 255, .92);--nav-border: #e5e7eb;--nav-name: #0f172a;--nav-link: #71717a;--nav-link-hover: #0f172a;--logo-bg: #18181b;--logo-text: #ffffff;--body-bg: #f8f9fb;--hero-bg: #f0f7f4;--hero-text: #0f172a;--hero-sub: #4b6b5a;--hero-cta-sec-bg: #daeee4;--hero-cta-sec-color: #1c3d2e;--hero-cta-sec-hover: #c8e2d5;--badge-bg: #daeee4;--badge-color: #1c3d2e;--section-label: #2a6049;--dashboard-bg: #ffffff;--dashboard-border: #7ab09a;--cards-bg: #ffffff;--connect-section-bg: #ffffff;--card-bg: #e8f4ef;--card-border: #b8d8c8;--card-border-hover: #2a6049;--card-img-bg: #f8fafc;--card-body-border: #e2e8f0;--card-text: #0f172a;--card-sub: #64748b;--card-arrow: #e2e8f0;--card-num: #cbd5e1;--tag-bg: #f0f7f4;--tag-color: #1c3d2e;--footer-border: #e5e7eb;--footer-text: #9ca3af;--footer-link-hover: #2a6049;--toggle-bg: #f1f5f9;--toggle-border: #e2e8f0;--toggle-icon-color: #64748b}html.dark{--nav-bg: rgba(8, 20, 13, .95);--nav-border: rgba(42, 96, 73, .2);--nav-name: #d4ede2;--nav-link: #5a8a72;--nav-link-hover: #6aaf8e;--logo-bg: #2a6049;--logo-text: #ffffff;--body-bg: #0a1a10;--hero-bg: #0a1a10;--hero-text: #d4ede2;--hero-sub: #a8c8b8;--hero-cta-sec-bg: #0f2218;--hero-cta-sec-color: #6a9a7e;--hero-cta-sec-hover: #142d20;--badge-bg: rgba(42, 96, 73, .25);--badge-color: #6aaf8e;--section-label: #6aaf8e;--dashboard-bg: transparent;--dashboard-border: transparent;--cards-bg: #0f2218;--connect-section-bg: #0f2218;--card-bg: #f0f7f4;--card-border: rgba(42, 96, 73, .2);--card-border-hover: #2a6049;--card-img-bg: #e2eeea;--card-body-border: rgba(42, 96, 73, .18);--card-text: #0f2218;--card-sub: #4b6b5a;--card-arrow: #b8d4c8;--card-num: #8aab99;--tag-bg: #daeee4;--tag-color: #1c3d2e;--footer-border: rgba(42, 96, 73, .15);--footer-text: #3a6050;--footer-link-hover: #6aaf8e;--toggle-bg: #0f2218;--toggle-border: rgba(42, 96, 73, .3);--toggle-icon-color: #6a9a7e}body{background:var(--body-bg);color:var(--hero-text)}nav{background:var(--nav-bg);border-bottom:1px solid var(--nav-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,border-color .3s ease}.nav-name{color:var(--nav-name);transition:color .3s}.nav-link{font-size:.875rem;color:var(--nav-link);font-weight:600;transition:color .15s;text-decoration:none}.nav-link:hover{color:var(--nav-link-hover)}.logo-box{background:var(--logo-bg);transition:background .3s}.logo-text{color:var(--logo-text)}.theme-toggle{background:var(--toggle-bg);border:1px solid var(--toggle-border);color:var(--toggle-icon-color);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.theme-toggle:hover{border-color:#2a6049;color:#2a6049}.cta-green{background:#2a6049;color:#fff;padding:13px 28px;border-radius:10px;font-size:.875rem;font-weight:700;display:inline-block;transition:background .15s;text-decoration:none}.cta-green:hover{background:#1c3d2e}.cta-secondary{background:var(--hero-cta-sec-bg);color:var(--hero-cta-sec-color);padding:13px 28px;border-radius:10px;font-size:.875rem;font-weight:600;display:inline-block;transition:background .15s;text-decoration:none}.cta-secondary:hover{background:var(--hero-cta-sec-hover)}.hero-section{background:var(--hero-bg);transition:background .3s ease}.hero-sub{color:var(--hero-sub);transition:color .3s}.hero-badge{background:var(--badge-bg);color:var(--badge-color);font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:999px;display:inline-block;transition:background .3s,color .3s}.hero-badge--role{background:#2a6049;color:#fff}.hero-title-main{transition:color .3s;color:var(--hero-text)}.hero-title-accent{display:inline-block;transition:all .3s}html.dark .hero-title-accent{background:linear-gradient(135deg,#fff 30%,#6aaf8e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html:not(.dark) .hero-title-accent{color:#2a6049;-webkit-text-fill-color:#2a6049}.section-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--section-label);transition:color .3s}.dashboard-wrap{background:var(--dashboard-bg);border:1px solid var(--dashboard-border);border-radius:14px;overflow:hidden;transition:background .3s,border-color .3s}html.dark .dashboard-wrap{background:transparent;border-color:transparent}.cards-section{background:var(--cards-bg);transition:background .3s}html:not(.dark) .project-card{box-shadow:0 4px 20px #00000017,0 1px 4px #0000000d}html.dark .project-card{box-shadow:0 4px 24px #00000080}.project-card{border:1px solid var(--card-border);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:480px 1fr;height:260px;background:var(--card-bg);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;text-decoration:none;color:var(--card-text)}.project-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 16px 48px #16a34a24;border-color:var(--card-border-hover)}.project-card:hover .card-arrow{color:#2a6049}.card-img-wrap{background:var(--card-img-bg);overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%;transition:background .3s}.card-img-wrap img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;padding:4px}.card-body{padding:28px 32px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid var(--card-body-border);transition:border-color .3s}.card-title{color:var(--card-text);font-size:1.125rem;font-weight:700;line-height:1.35;transition:color .3s}.card-desc{color:var(--card-sub);font-size:.975rem;line-height:1.6;transition:color .3s}.card-arrow{color:var(--card-arrow);transition:color .2s}.card-num{font-size:.65rem;font-weight:800;letter-spacing:.1em;color:var(--card-num);font-family:monospace;transition:color .3s}.tag{font-size:.72rem;padding:4px 12px;border-radius:6px;background:var(--tag-bg);color:var(--tag-color);font-weight:700;display:inline-block;transition:background .3s,color .3s}.connect-section{background:var(--connect-section-bg);transition:background .3s}.connect-card{background:#1a3d28;border-radius:20px}.connect-btn-white{background:#fff;color:#0f1f19;padding:13px 28px;border-radius:10px;font-size:.875rem;font-weight:700;display:inline-block;transition:background .15s;text-decoration:none}.connect-btn-white:hover{background:#f0f7f4}.connect-btn-outline{border:1.5px solid rgba(255,255,255,.2);color:#fffc;padding:11px 26px;border-radius:9px;font-size:.875rem;font-weight:600;display:inline-block;transition:all .2s;text-decoration:none}.connect-btn-outline:hover{border-color:#fff9;color:#fff}.site-footer{border-top:1px solid var(--footer-border);transition:border-color .3s,background .3s}.footer-text{color:var(--footer-text);transition:color .3s}.footer-link{color:var(--footer-text);text-decoration:none;transition:color .15s;font-size:.75rem}.footer-link:hover{color:var(--footer-link-hover)}#cycling-word{display:inline-block;transition:opacity .2s ease,transform .2s ease}#cycling-word.word-exit{opacity:0;transform:translateY(-12px)}@keyframes word-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#cycling-word.word-enter{animation:word-in .25s ease forwards}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.07s}.stagger-2{transition-delay:.17s}.stagger-3{transition-delay:.27s}#mobile-menu{display:none;background:var(--nav-bg);transition:background .3s}#mobile-menu.open{display:flex}@media(max-width:640px){.project-card{grid-template-columns:1fr;grid-template-rows:220px 1fr;height:auto}.card-body{border-left:none;border-top:1px solid var(--card-body-border)}}.project-hero-section{background:var(--hero-bg);transition:background .3s}.project-back-link{font-size:.72rem;font-weight:700;color:var(--section-label);text-decoration:none;display:inline-flex;align-items:center;gap:6px;letter-spacing:.1em;text-transform:uppercase;transition:color .15s}.project-back-link:hover{color:var(--nav-link-hover)}.project-heading{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.15;color:var(--hero-text);transition:color .3s}.project-desc{color:var(--hero-sub);font-size:1.1rem;line-height:1.7;max-width:640px;transition:color .3s}.project-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}@media(max-width:640px){.project-content-grid{grid-template-columns:1fr;gap:32px}}.project-content-body{font-size:1rem;line-height:1.8;color:var(--hero-sub);transition:color .3s}.project-content-body p+p{margin-top:.75rem}.project-content-body strong{color:var(--hero-text);font-weight:700}.project-content-body a{color:var(--section-label);text-decoration:underline}.project-content-body a:hover{color:var(--nav-link-hover)}.project-content-body ul{list-style:none;padding:0;margin:.5rem 0}.project-content-body ul li{position:relative;padding-left:18px;margin-bottom:6px}.project-content-body ul li:before{content:"•";position:absolute;left:0;color:var(--section-label)}.project-screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:640px){.project-screenshots{grid-template-columns:1fr;gap:12px}}.project-screenshot{border-radius:12px;overflow:hidden;border:1px solid var(--dashboard-border);transition:border-color .3s}.project-screenshot img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}@media(min-width:640px){.sm\:-mx-10{margin-left:-2.5rem;margin-right:-2.5rem}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-row{flex-direction:row}.sm\:p-20{padding:5rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:pt-24{padding-top:6rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:1024px){.lg\:text-8xl{font-size:6rem;line-height:1}}