@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing: .25rem;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.block{display:block}.inline{display:inline}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}}@font-face{font-family:Clash Display;src:url(/fonts/ClashDisplay-Bold.woff2) format("woff2");font-weight:700 800;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Kode Mono;src:url(/fonts/KodeMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Kode Mono;src:url(/fonts/KodeMono-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--bg-0: #0d0d0d;--bg-1: #121212;--bg-2: #1a1a1a;--bg-3: #232323;--fg-0: #f5f5f4;--fg-1: #b8b8b5;--fg-2: #7a7a77;--fg-3: #4a4a47;--border-1: #1f1f1f;--border-2: #2a2a2a;--border-3: #3a3a3a;--accent: #a3e635;--accent-hi: #bef264;--accent-lo: #65a30d;--warm: #e8b77a;--warm-lo: #8a6a3f;--wave: #1dc8f4;--orange-money: #ff7900;--font-display: "Clash Display", "Arial Black", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--font-mono: "Kode Mono", "Consolas", monospace;--container: 1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg-0)}body{margin:0;min-width:320px;background:var(--bg-0);color:var(--fg-0);font-family:var(--font-body);font-weight:400;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--bg-0)}.site-shell{overflow:hidden}.container{width:min(100% - 40px,var(--container));margin-inline:auto}.section-pad{padding-block:64px}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;border-bottom:1px solid rgba(42,42,42,.72);background:#0d0d0de0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-inner{display:grid;grid-template-columns:1fr auto;align-items:center;width:min(100% - 32px,var(--container));min-height:72px;margin-inline:auto;padding:12px 0}.brand,.nav-cta,.nav-links a,.button,.email-link{transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}.brand{display:inline-flex;align-items:center;gap:10px;width:max-content;font-family:var(--font-mono);color:var(--fg-0);font-size:13px;letter-spacing:.04em}.brand:hover,.nav-links a:hover,.email-link:hover{color:var(--accent)}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--border-3);border-radius:4px;background:var(--bg-1);color:var(--accent)}.nav-links{display:none}.nav-cta{justify-self:end;padding:10px 14px;border:1px solid var(--border-3);border-radius:4px;background:#121212d6;color:var(--fg-0);font-family:var(--font-mono);font-size:12px}.nav-cta:hover{border-color:var(--accent);color:var(--accent)}.hero{position:relative;overflow:hidden;min-height:92vh;padding-top:116px;display:grid;align-items:center}.hero-layout{position:relative;display:grid;gap:40px;padding-inline:5%;justify-items:center;text-align:center}.eyebrow,.console-kicker,.project-stack,.project-meta{margin:0;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.eyebrow,.project-stack{color:var(--accent)}h1,h2,h3{margin:0;color:var(--fg-0);font-family:var(--font-display);font-weight:800;line-height:.96;letter-spacing:0}h1{max-width:900px;margin-top:18px;overflow-wrap:normal;white-space:normal;font-size:clamp(2.8rem,6vw,6rem);line-height:1.05}h2{font-size:clamp(40px,7vw,78px)}h3{font-size:28px}.hero-subtitle{max-width:780px;margin:24px 0 0;color:var(--fg-1);font-size:17px}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-actions{justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 18px;border-radius:4px;font-weight:500}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:var(--bg-0)}.button-primary:hover{background:var(--accent-hi)}.button-ghost{border:1px solid var(--border-3);color:var(--fg-0)}.button-ghost:hover{border-color:var(--accent);color:var(--accent)}.hero-console{width:100%;max-width:440px;border-top:1px solid var(--border-2);padding-top:18px;text-align:left}.console-kicker{color:var(--warm)}.console-window{display:grid;gap:12px;margin-top:16px}.console-row{display:flex;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid var(--border-1);color:var(--fg-2);font-family:var(--font-mono);font-size:12px}.console-row strong{color:var(--fg-0);font-weight:400;text-align:right}.section-heading{display:grid;gap:14px;margin-bottom:36px}.section-heading p:not(.eyebrow){max-width:620px;margin:0;color:var(--fg-1);font-size:18px}.service-grid,.project-grid{display:grid;gap:14px}.service-card,.project-card{border:1px solid var(--border-2);border-radius:8px;background:var(--bg-1)}.service-card{min-height:260px;padding:24px}.line-icon{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--border-3);border-radius:4px;color:var(--accent);font-family:var(--font-mono);font-size:12px}.service-card h3{margin-top:54px;font-size:29px;line-height:1}.service-card p,.project-card p,.about-copy p,.contact-card p{color:var(--fg-1)}.service-card p{margin:16px 0 0}.project-band{background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.018) 20%,transparent 100%)}.project-card{display:grid;min-height:360px;overflow:hidden}.project-preview{position:relative;min-height:132px;border-bottom:1px solid var(--border-2);background:linear-gradient(90deg,transparent 22px,rgba(163,230,53,.14) 23px,transparent 24px),linear-gradient(var(--bg-2),var(--bg-1))}.project-preview span{position:absolute;left:24px;right:24px;height:1px;background:var(--border-3)}.project-preview span:nth-child(1){top:34px}.project-preview span:nth-child(2){top:66px;right:32%;background:var(--accent)}.project-preview span:nth-child(3){top:98px;right:18%;background:var(--warm)}.project-content{display:grid;align-content:end;gap:14px;padding:24px}.project-content h3{font-size:34px}.project-content p{margin:0}.project-meta{color:var(--fg-2)}.about-layout{display:grid;gap:34px}.about-copy{max-width:720px}.about-copy p{margin:0 0 18px;font-size:20px}.payment-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.badge{display:inline-flex;align-items:center;min-height:34px;padding:8px 10px;border-radius:4px;color:var(--bg-0);font-family:var(--font-mono);font-size:12px}.badge-wave{background:var(--wave)}.badge-orange{background:var(--orange-money)}.contact-section{padding-bottom:88px}.site-footer{border-top:1px solid var(--border-1);padding-block:28px}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.footer-link{font-family:var(--font-body);font-weight:400;font-size:.75rem;color:var(--fg-2);transition:color .15s ease}.footer-link:hover{color:var(--fg-0)}.footer-sep{font-size:.75rem;color:var(--fg-3);-webkit-user-select:none;user-select:none}.contact-card{border-top:1px solid var(--border-2);padding-top:40px}.contact-card h2{max-width:860px;margin-top:14px}.contact-card p:not(.eyebrow){max-width:660px;margin:22px 0 0;font-size:18px}.email-link{display:inline-flex;align-items:center;min-height:48px;color:var(--fg-1);font-family:var(--font-mono);font-size:13px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .62s ease,transform .62s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(min-width:768px){.container{width:min(100% - 64px,var(--container))}.section-pad{padding-block:120px}.topbar{min-height:76px}.topbar-inner{grid-template-columns:auto 1fr auto;gap:28px;width:min(100% - 64px,var(--container))}.nav-links{display:flex;justify-content:center;gap:24px;color:var(--fg-1);font-family:var(--font-mono);font-size:12px;text-transform:uppercase}.hero{min-height:92vh;padding-top:140px;padding-bottom:84px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-layout{grid-template-columns:.72fr 1fr;align-items:start}}@media(min-width:1024px){.hero-layout{grid-template-columns:minmax(0,3fr) minmax(320px,2fr);align-items:center;justify-items:stretch;gap:48px;padding-inline:0;text-align:left}.hero-actions{justify-content:flex-start}.hero-console{justify-self:end;border-top:0;border-left:1px solid var(--border-2);padding-top:0;padding-left:18px}}@media(max-width:520px){.hero-subtitle,.section-heading p:not(.eyebrow),.about-copy p,.contact-card p:not(.eyebrow){font-size:16px}.button,.email-link{width:100%}.console-row{display:grid;gap:4px}.console-row strong{text-align:left}}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-outline-style: solid}}}