:root{color-scheme:dark;--bg: #09090b;--bg-elevated: #111116;--surface: rgba(255, 255, 255, .055);--surface-strong: rgba(255, 255, 255, .1);--surface-hover: rgba(255, 255, 255, .12);--text: #f5f5f2;--text-muted: #b7b7be;--text-subtle: #85858e;--border: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .28);--accent: #93c5fd;--accent-strong: #60a5fa;--accent-ink: #07111f;--accent-wash: rgba(37, 99, 235, .18);--focus: #facc15;--shadow: 0 18px 70px rgba(0, 0, 0, .32);--shadow-soft: 0 10px 36px rgba(0, 0, 0, .2);--radius-sm: .6rem;--radius-md: 1rem;--radius-lg: 1.5rem;--container: 76rem;--gutter: clamp(1rem, 3vw, 2.5rem);--section-space: clamp(4.5rem, 10vw, 9rem);--header-height: 4.75rem;--ease: cubic-bezier(.2, .75, .25, 1);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: var(--font-sans)}:root[data-theme=light]{color-scheme:light;--bg: #f5f5f2;--bg-elevated: #fff;--surface: rgba(20, 20, 24, .045);--surface-strong: rgba(20, 20, 24, .09);--surface-hover: rgba(20, 20, 24, .12);--text: #19191d;--text-muted: #55555d;--text-subtle: #6b6b73;--border: rgba(20, 20, 24, .14);--border-strong: rgba(20, 20, 24, .3);--accent: #1d4ed8;--accent-strong: #2563eb;--accent-ink: #ffffff;--accent-wash: rgba(37, 99, 235, .11);--focus: #1d4ed8;--shadow: 0 18px 70px rgba(20, 20, 24, .13);--shadow-soft: 0 10px 36px rgba(20, 20, 24, .1)}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:6rem}body{min-width:320px;margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.65;text-rendering:optimizeLegibility;transition:background-color .18s ease,color .18s ease}body:before{position:fixed;z-index:-1;inset:0;pointer-events:none;content:"";background:radial-gradient(circle at 85% 8%,var(--accent-wash),transparent 24rem),radial-gradient(circle at 5% 50%,rgba(99,102,241,.08),transparent 28rem)}body.menu-is-open{overflow:hidden}::selection{background:var(--accent);color:var(--accent-ink)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,a,input,textarea,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}h1,h2,h3,h4,p,dl,dt,dd,ol,ul,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3,h4,.wordmark{font-family:var(--font-display);letter-spacing:-.045em}h1{max-width:18ch;font-size:clamp(2.9rem,8.4vw,6.4rem);line-height:.96}h1 em{color:var(--accent);font-style:normal}h2{font-size:clamp(2rem,4.4vw,3.9rem);line-height:1}h3{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.15}p{color:var(--text-muted)}.container{width:min(100% - (var(--gutter) * 2),var(--container));margin-inline:auto}.section{padding-block:var(--section-space)}.section-heading{display:grid;gap:1rem;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.section-heading>*{max-width:46rem}.section-heading p{font-size:clamp(1rem,1.6vw,1.15rem)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.65rem 1rem;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);transform:translateY(-150%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}.eyebrow{display:flex;align-items:center;gap:.6rem;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.site-header{position:sticky;z-index:20;top:0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px)}.nav-shell{display:flex;min-height:var(--header-height);align-items:center;gap:1rem}.wordmark{flex:0 0 auto;font-size:1.55rem;font-weight:700}.wordmark span{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:clamp(.65rem,1.6vw,1.4rem);margin-inline:auto}.nav-links a:not(.button),.locale-link{color:var(--text-muted);font-size:.86rem;font-weight:600;transition:color .15s ease}.nav-links a:not(.button):hover,.nav-links a:not(.button):focus-visible,.locale-link:hover,.locale-link:focus-visible{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:.65rem}.locale-link{padding:.3rem}.icon-button{display:grid;width:2.6rem;height:2.6rem;place-items:center;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.icon-button:hover{border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-1px)}.icon-button svg{width:1.15rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.theme-toggle .theme-icon-moon,.theme-toggle[data-theme=light] .theme-icon-sun{display:none}.theme-toggle[data-theme=light] .theme-icon-moon{display:block}.menu-toggle{display:none;margin-left:auto}.nav-links .nav-cta-mobile{display:none}.button{display:inline-flex;min-height:2.9rem;align-items:center;justify-content:center;gap:.65rem;padding:.7rem 1.15rem;border:1px solid transparent;border-radius:999px;font-size:.84rem;font-weight:700;line-height:1.1;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 18%,transparent)}.button-primary:hover{background:var(--accent-strong);box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 28%,transparent)}.button-secondary,.button-quiet{border-color:var(--border);background:var(--surface);color:var(--text)}.button-secondary:hover,.button-quiet:hover{border-color:var(--border-strong);background:var(--surface-hover)}.button-small{min-height:2.3rem;padding:.5rem .85rem;font-size:.75rem}.hero{display:grid;min-height:min(46rem,calc(100svh - var(--header-height)));align-content:center}.hero-inner{display:grid;gap:1.6rem;max-width:56rem}.hero-body{max-width:40rem;font-size:clamp(1.05rem,1.8vw,1.3rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero-proof{display:flex;flex-wrap:wrap;gap:1.5rem clamp(1.4rem,4vw,3.8rem);padding-top:1.2rem}.proof-item{display:grid;gap:.15rem}.proof-item dt{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.proof-item dd{color:var(--text-subtle);font-size:.76rem}.portfolio-card{position:relative;height:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--surface-strong),var(--surface));box-shadow:var(--shadow-soft);transition:border-color .18s ease,transform .18s ease}.portfolio-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.portfolio-card-link{display:flex;height:100%;flex-direction:column;padding:clamp(1rem,2.4vw,1.5rem)}.project-visual{position:relative;display:grid;aspect-ratio:4 / 3;place-items:center;margin-bottom:1.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:radial-gradient(circle at 30% 20%,var(--accent-wash),transparent 60%),linear-gradient(140deg,var(--surface-strong),transparent)}.project-visual[data-project-image=tokomadura]{background:radial-gradient(circle at 28% 22%,rgba(250,204,21,.22),transparent 62%),linear-gradient(140deg,#785a1452,#1e1a1080)}.project-visual[data-project-image=kreo]{background:radial-gradient(circle at 72% 24%,rgba(244,114,182,.22),transparent 62%),linear-gradient(140deg,#701a7557,#1c122680)}.project-visual[data-project-image=sbi]{background:radial-gradient(circle at 24% 26%,rgba(94,234,212,.22),transparent 62%),linear-gradient(140deg,#0d5a5857,#0e1a1e80)}.project-visual[data-project-image=shopvibe]{background:radial-gradient(circle at 70% 22%,rgba(253,186,116,.22),transparent 62%),linear-gradient(140deg,#6e341452,#1e141080)}.project-visual[data-project-image=showroom]{background:radial-gradient(circle at 30% 24%,rgba(147,197,253,.22),transparent 62%),linear-gradient(140deg,#1734705c,#0f142280)}.project-visual[data-project-image=erp]{background:radial-gradient(circle at 68% 26%,rgba(196,181,253,.22),transparent 62%),linear-gradient(140deg,#34246e57,#14122280)}.project-visual[data-project-image=cafe]{background:radial-gradient(circle at 30% 22%,rgba(252,211,77,.22),transparent 62%),linear-gradient(140deg,#603c1857,#1c161080)}.project-visual img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:calc(var(--radius-sm) - 1px)}.project-visual span{color:var(--text-subtle);font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.16em}.portfolio-card-content{display:flex;flex:1;flex-direction:column;gap:.5rem}.project-meta{display:flex;flex-wrap:wrap;gap:.4rem .8rem;color:var(--text-subtle);font-size:.78rem}.portfolio-card p{margin-top:0}.project-role{color:var(--text-subtle);font-size:.82rem;font-weight:600}.project-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:1rem;color:var(--accent);font-size:.85rem;font-weight:700}.portfolio-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.filter-list{display:flex;flex-wrap:wrap;gap:.55rem}.filter-button,[data-filter],[data-project-filter]{padding:.55rem .9rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.filter-button:hover{border-color:var(--border-strong);color:var(--text)}.filter-button.is-active,[data-filter].is-active,[data-project-filter].is-active{border-color:var(--accent);background:var(--accent-wash);color:var(--accent)}.filter-status,[data-filter-status],[data-project-filter-status]{color:var(--text-subtle);font-size:.82rem}.portfolio-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}[data-project-card][hidden],[data-project][hidden]{display:none}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.tag-list li{padding:.25rem .6rem;border:1px solid var(--border);border-radius:999px;color:var(--text-subtle);font-size:.72rem;font-weight:600}html.gallery-open{overflow:hidden}.gallery-dialog{width:min(96vw,66rem);max-width:66rem;max-height:92vh;margin:auto;padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow);overflow:hidden}.gallery-dialog::backdrop{background:#040408b8;backdrop-filter:blur(6px)}.gallery-shell{display:grid;gap:1rem;max-height:92vh;padding:clamp(1rem,2.2vw,1.5rem);overflow-y:auto}.gallery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.gallery-heading{display:grid;gap:.35rem}.gallery-kicker{margin:0;color:var(--text-subtle);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.gallery-heading h2{margin:0;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.15}.gallery-focus{max-width:48ch;margin:0;color:var(--text-muted);font-size:.92rem}.gallery-close{display:grid;flex:none;width:2.4rem;height:2.4rem;place-items:center;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.gallery-close:hover{border-color:var(--border-strong);background:var(--surface-hover)}.gallery-close svg{width:1.05rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.gallery-rail{position:relative;display:flex;gap:.75rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;border-radius:var(--radius-md)}.gallery-slide{flex:0 0 100%;margin:0;scroll-snap-align:center}.gallery-slide img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:top center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.gallery-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.gallery-nav{display:flex;align-items:center;gap:.5rem}.gallery-step{display:grid;width:2.3rem;height:2.3rem;place-items:center;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font-size:.95rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.gallery-step:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-hover)}.gallery-step:disabled{opacity:.4;cursor:not-allowed}.gallery-counter{min-width:4.5rem;margin:0;color:var(--text-subtle);font-size:.82rem;font-variant-numeric:tabular-nums;text-align:center}.gallery-tools{margin:0}.gallery-visit{margin-left:auto}.project-count{display:inline-grid;min-width:1.35rem;height:1.35rem;place-items:center;padding:0 .35rem;border-radius:999px;background:var(--accent-wash);color:var(--accent);font-size:.7rem;font-weight:700}@media(max-width:720px){.gallery-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.gallery-shell{max-height:100dvh;padding:1rem}.gallery-visit{margin-left:0}}.about-layout{display:grid;align-items:start;gap:clamp(2rem,6vw,4.5rem);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.about-media{position:relative}.about-media img{width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.about-portrait-placeholder{display:grid;aspect-ratio:4 / 5;place-items:center;border:1px solid var(--border);border-radius:var(--radius-md);background:radial-gradient(circle at 40% 30%,var(--accent-wash),transparent 65%),linear-gradient(150deg,var(--surface-strong),var(--surface));color:var(--accent);font-family:var(--font-display);font-size:clamp(4rem,12vw,8rem);font-weight:700}.about-content{display:grid;gap:1rem;align-content:start}.about-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;margin:0;color:var(--text);font-size:1.05rem;font-weight:650;letter-spacing:.01em}.about-role{color:var(--text-subtle);font-size:.88rem;font-weight:500}.about-content p:not(.eyebrow){max-width:42rem}.about-stats{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;margin:.5rem 0}.about-stats div{display:grid;gap:.15rem}.about-stats dt{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.about-stats dd{color:var(--text-subtle);font-size:.78rem}.about-content .button{justify-self:start}.services-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.service-card{display:grid;gap:.6rem;align-content:start;padding:clamp(1.25rem,3vw,1.75rem);border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--surface-strong),var(--surface))}.service-number,.process-number{color:var(--accent);font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.16em}.process-list{display:grid;gap:0;border-top:1px solid var(--border)}.process-step{display:grid;gap:clamp(1rem,4vw,2.5rem);grid-template-columns:4rem minmax(0,1fr);padding:1.75rem 0;border-bottom:1px solid var(--border)}.process-step div{display:grid;gap:.4rem}.process-step p{max-width:42rem}.tools-list{display:flex;flex-wrap:wrap;gap:.6rem}.tools-list li{padding:.5rem .9rem;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.85rem;font-weight:600}.tools-list a{display:inline-flex;align-items:center;gap:.4rem}.tools-list a:hover,.tools-list a:focus-visible{color:var(--accent)}.contact-panel{display:grid;gap:1.25rem;padding:clamp(2rem,5vw,3.5rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(150deg,var(--surface-strong),var(--surface));box-shadow:var(--shadow-soft)}.contact-panel p:not(.eyebrow){max-width:40rem}.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.contact-availability{color:var(--text-subtle);font-size:.85rem}.contact-meta{color:var(--text-subtle);font-size:.85rem;letter-spacing:.01em}.social-links{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.social-links a{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.88rem;font-weight:600}.social-links a:hover,.social-links a:focus-visible{color:var(--accent)}.site-footer{margin-top:var(--section-space);border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 60%,transparent)}.footer-grid{display:grid;gap:clamp(2rem,5vw,3.5rem);padding-block:clamp(2.5rem,6vw,4rem);grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr)) minmax(0,1.2fr)}.footer-intro p{max-width:24rem;margin-top:.75rem;font-size:.9rem}.footer-grid h2{margin-bottom:.9rem;color:var(--text-subtle);font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.footer-grid ul{display:grid;gap:.5rem}.footer-grid li a{color:var(--text-muted);font-size:.88rem}.footer-grid li a:hover,.footer-grid li a:focus-visible{color:var(--accent)}.footer-contact>a{display:inline-block;margin-bottom:1rem;font-size:.9rem;font-weight:600}.footer-contact>a:hover,.footer-contact>a:focus-visible{color:var(--accent)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.5rem;border-top:1px solid var(--border)}.footer-bottom small{color:var(--text-subtle);font-size:.8rem}.footer-bottom a{color:var(--text-muted);font-size:.82rem;font-weight:600}.footer-bottom a:hover,.footer-bottom a:focus-visible{color:var(--accent)}html.js .reveal,html.js [data-reveal]{opacity:0;transform:translateY(1.2rem);transition:opacity .7s var(--ease),transform .7s var(--ease)}html.js .reveal.is-visible,html.js [data-reveal].is-visible{opacity:1;transform:none}@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.site-header{background:var(--bg)}html.js .menu-toggle{display:grid}html.js .nav-links{position:fixed;z-index:19;top:var(--header-height);right:0;left:0;display:grid;gap:0;max-height:0;margin:0;overflow:hidden;border-bottom:1px solid transparent;background:var(--bg-elevated);transition:max-height .24s var(--ease),border-color .24s ease}html.js .nav-links.is-open{max-height:calc(100svh - var(--header-height));border-color:var(--border);overflow:auto}html.js .nav-links a{padding:1rem var(--gutter);border-bottom:1px solid var(--border);font-size:1rem}html:not(.js) .nav-shell{flex-wrap:wrap;padding-block:.75rem}html:not(.js) .nav-links{flex-wrap:wrap;width:100%}.nav-actions{margin-left:0}.nav-cta{display:none}html.js .nav-links a.nav-cta-mobile{display:inline-flex;width:auto;margin:1rem var(--gutter);justify-content:center;border-bottom:0;font-size:.84rem}html:not(.js) .nav-links .nav-cta-mobile{display:inline-flex;width:auto;margin:.5rem 0;font-size:.84rem}.about-layout{grid-template-columns:1fr}.about-media{max-width:20rem}.hero{min-height:auto}}@media(max-width:480px){:root{--gutter: 1rem;--header-height: 4.25rem}.hero{padding-top:3rem}h1{font-size:clamp(2.6rem,13vw,4rem)}.proof-item dt{font-size:1.3rem}.button{width:100%}.hero-actions,.contact-actions{flex-direction:column;align-items:stretch}.about-content .button{justify-self:stretch}.process-step{grid-template-columns:1fr;gap:.4rem}.footer-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html.js .reveal,html.js [data-reveal],html.js .reveal.is-visible,html.js [data-reveal].is-visible{opacity:1;transform:none}}.demo-page{padding-top:clamp(3rem,7vw,5rem)}.demo-back{display:inline-block;width:min(100% - (var(--gutter) * 2),var(--container));margin-inline:auto;color:var(--text-muted);font-size:.86rem;font-weight:600}.demo-back:hover,.demo-back:focus-visible{color:var(--accent)}.demo-grid{display:grid;gap:clamp(1.25rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.demo-card{display:flex;height:100%;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--surface-strong),var(--surface));box-shadow:var(--shadow-soft);overflow:hidden;transition:border-color .18s ease,transform .18s ease}.demo-card:hover,.demo-card:focus-visible{border-color:var(--border-strong);transform:translateY(-2px)}.demo-card__visual{display:block;aspect-ratio:4 / 3;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.demo-card__visual img{width:100%;height:100%;object-fit:cover;object-position:top center}.demo-card__body{display:flex;flex:1;flex-direction:column;gap:.45rem;padding:clamp(1rem,2.4vw,1.4rem)}.demo-card__meta{display:flex;flex-wrap:wrap;gap:.35rem .8rem;color:var(--text-subtle);font-size:.75rem;font-weight:600}.demo-card__title{color:var(--text);font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.03em}.demo-card__text{color:var(--text-muted);font-size:.92rem;line-height:1.6}.demo-card__link{margin-top:auto;padding-top:.9rem;color:var(--accent);font-size:.85rem;font-weight:700}