@import"https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&f[]=satoshi@300,400,500,700&display=swap";:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);--text-hero: clamp(3rem, .5rem + 7vw, 6rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--font-display: "Clash Display", "Arial Black", sans-serif;--font-body: "Satoshi", "Inter", sans-serif;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-interactive: .18s cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--content-narrow: 640px;--content-default: 960px;--content-wide: 1200px;--accent: #00d4ff;--accent-hover: #00b8e0;--accent-glow: rgba(0, 212, 255, .15);--accent-glow-strong: rgba(0, 212, 255, .25)}:root,[data-theme=dark]{--color-bg: #0a0a0a;--color-surface: #111111;--color-surface-2: #161616;--color-surface-3: #1a1a1a;--color-border: #222222;--color-border-subtle: #1a1a1a;--color-text: #f0f0f0;--color-text-muted: #888888;--color-text-faint: #555555;--color-divider: #1e1e1e;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.5)}[data-theme=light]{--color-bg: #fafafa;--color-surface: #ffffff;--color-surface-2: #f5f5f5;--color-surface-3: #eeeeee;--color-border: #e0e0e0;--color-border-subtle: #eaeaea;--color-text: #111111;--color-text-muted: #666666;--color-text-faint: #999999;--color-divider: #e8e8e8;--accent: #0099cc;--accent-hover: #007daa;--accent-glow: rgba(0, 153, 204, .1);--accent-glow-strong: rgba(0, 153, 204, .18);--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;hanging-punctuation:first last;scroll-padding-top:5rem}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body, sans-serif);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);transition:background-color .3s ease,color .3s ease}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}ul[role=list],ol[role=list]{list-style:none}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.15}p,li,figcaption{text-wrap:pretty;max-width:72ch}::selection{background:var(--accent-glow);color:var(--color-text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{cursor:pointer;background:none;border:none}table{border-collapse:collapse;width:100%}.container{max-width:var(--content-wide);margin:0 auto;padding-inline:var(--space-6)}@media(min-width:768px){.container{padding-inline:var(--space-8)}}.fade-in{opacity:1}@supports (animation-timeline: scroll()){.fade-in{opacity:0;animation:reveal-fade linear both;animation-timeline:view();animation-range:entry 0% entry 80%}}@keyframes reveal-fade{to{opacity:1}}.fade-in.js-reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1)}.fade-in.js-reveal.is-visible{opacity:1}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-4) 0;background:#0a0a0acc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .3s ease,background .3s ease}[data-theme=light] .header{background:#fafafad9}.header--scrolled{border-bottom-color:var(--color-border)}.header__inner{max-width:var(--content-wide);margin:0 auto;padding-inline:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}@media(min-width:768px){.header__inner{padding-inline:var(--space-8)}}.header__logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text)}.logo-text{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);letter-spacing:-.02em}.header__nav{display:none;align-items:center;gap:var(--space-8)}@media(min-width:768px){.header__nav{display:flex}}.nav-link{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-interactive);letter-spacing:.01em}.nav-link:hover{color:var(--color-text)}.nav-link--cta{color:var(--color-bg);background:var(--accent);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-weight:600;transition:background var(--transition-interactive),color var(--transition-interactive)}.nav-link--cta:hover{background:var(--accent-hover);color:var(--color-bg)}[data-theme=light] .nav-link--cta,[data-theme=light] .nav-link--cta:hover{color:#fff}.header__actions{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-muted);transition:color var(--transition-interactive),background var(--transition-interactive)}.theme-toggle:hover{color:var(--color-text);background:var(--color-surface-2)}.mobile-menu-toggle{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-full)}@media(min-width:768px){.mobile-menu-toggle{display:none}}.hamburger{display:block;width:20px;height:2px;background:var(--color-text);position:relative;transition:background .2s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--color-text);transition:transform .3s ease}.hamburger:before{top:-6px}.hamburger:after{top:6px}.mobile-menu-toggle[aria-expanded=true] .hamburger{background:transparent}.mobile-menu-toggle[aria-expanded=true] .hamburger:before{transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] .hamburger:after{transform:translateY(-6px) rotate(-45deg)}.mobile-nav{position:fixed;inset:0;z-index:99;background:var(--color-bg);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-nav.is-open{opacity:1;pointer-events:all}.mobile-nav__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.mobile-nav__link{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text);text-decoration:none;letter-spacing:-.02em}.mobile-nav__cta{color:var(--accent)}.hero{min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--space-32) var(--space-6) var(--space-16)}.hero__bg-orb{position:absolute;width:clamp(300px,50vw,700px);height:clamp(300px,50vw,700px);border-radius:50%;background:radial-gradient(circle,var(--accent-glow-strong),transparent 70%);top:10%;right:-10%;filter:blur(80px);animation:orb-float 12s ease-in-out infinite;pointer-events:none}.hero__bg-orb--2{width:clamp(200px,35vw,500px);height:clamp(200px,35vw,500px);background:radial-gradient(circle,rgba(0,212,255,.08),transparent 70%);inset:auto auto -5% -10%;animation-delay:-6s;animation-duration:15s}[data-theme=light] .hero__bg-orb{background:radial-gradient(circle,rgba(0,153,204,.12),transparent 70%)}[data-theme=light] .hero__bg-orb--2{background:radial-gradient(circle,rgba(0,153,204,.06),transparent 70%)}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,20px) scale(1.05)}66%{transform:translate(20px,-30px) scale(.95)}}.hero__grid-overlay{position:absolute;inset:0;background-image:linear-gradient(to right,var(--color-border-subtle) 1px,transparent 1px),linear-gradient(to bottom,var(--color-border-subtle) 1px,transparent 1px);background-size:80px 80px;opacity:.3;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);pointer-events:none}.hero__content{position:relative;z-index:2;text-align:center;max-width:900px}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);margin-bottom:var(--space-8);background:var(--accent-glow)}.hero__headline{font-family:var(--font-display);font-size:var(--text-hero);font-weight:600;color:var(--color-text);letter-spacing:-.03em;line-height:1.05;margin-bottom:var(--space-6)}.hero__sub{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-muted);font-weight:400;max-width:600px;margin:0 auto var(--space-10);line-height:1.6}.hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.hero__scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%)}.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.6);transform-origin:top}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);text-decoration:none;cursor:pointer;border:none;transition:all var(--transition-interactive);letter-spacing:.01em}.btn--primary{background:var(--accent);color:#0a0a0a}.btn--primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px var(--accent-glow-strong)}.btn--primary:active{transform:translateY(0)}[data-theme=light] .btn--primary{color:#fff}.btn--ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn--ghost:hover{border-color:var(--color-text-muted);background:var(--color-surface)}.btn--full{width:100%}.problem{padding:clamp(var(--space-16),10vw,var(--space-32)) 0;border-top:1px solid var(--color-divider)}.problem__grid{display:grid;gap:var(--space-12);align-items:center}@media(min-width:768px){.problem__grid{grid-template-columns:1.2fr 1fr;gap:var(--space-16)}}.problem__headline{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-text);letter-spacing:-.02em;margin-bottom:var(--space-6)}.problem__body{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7}.problem__solution{position:relative;padding-left:var(--space-8)}.solution__accent-line{position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--accent),transparent);border-radius:2px}.solution__text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text);letter-spacing:-.02em;line-height:1.3}.solution__highlight{color:var(--accent);font-size:var(--text-2xl)}.section-label{display:inline-block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-4)}.section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text);letter-spacing:-.02em;max-width:700px}.section-header{margin-bottom:clamp(var(--space-10),5vw,var(--space-16))}.services{padding:clamp(var(--space-16),10vw,var(--space-32)) 0;background:var(--color-surface)}.services__grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:600px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.services__grid{grid-template-columns:repeat(3,1fr)}}.service-card{padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg);transition:border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.service-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 24px var(--accent-glow)}.service-card:nth-child(1){--stagger: 0ms}.service-card:nth-child(2){--stagger: 60ms}.service-card:nth-child(3){--stagger: .12s}.service-card:nth-child(4){--stagger: .18s}.service-card:nth-child(5){--stagger: .24s}.service-card:nth-child(6){--stagger: .3s}@supports (animation-timeline: scroll()){.service-card.fade-in{animation-delay:var(--stagger, 0ms)}}.service-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-glow);border-radius:var(--radius-lg);color:var(--accent);margin-bottom:var(--space-5)}.service-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text);letter-spacing:-.01em;margin-bottom:var(--space-3)}.service-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.clients{padding:clamp(var(--space-16),10vw,var(--space-32)) 0;border-top:1px solid var(--color-divider)}.clients__tags{display:flex;flex-wrap:wrap;gap:var(--space-3);max-width:700px}.client-tag{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text);padding:var(--space-3) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);transition:all var(--transition-interactive);cursor:default}.client-tag:hover{border-color:var(--accent);background:var(--accent-glow);color:var(--accent)}.process{padding:clamp(var(--space-16),10vw,var(--space-32)) 0;background:var(--color-surface)}.process__steps{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:768px){.process__steps{grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:var(--space-6)}}.process__step{padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg)}.step__number{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--accent);letter-spacing:-.03em;margin-bottom:var(--space-4);line-height:1}.step__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text);letter-spacing:-.01em;margin-bottom:var(--space-3)}.step__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.process__connector{display:none}@media(min-width:768px){.process__connector{display:flex;align-items:center;justify-content:center;padding-top:var(--space-12);color:var(--color-text-faint)}.process__connector:after{content:"";width:40px;height:2px;background:linear-gradient(to right,var(--color-border),var(--accent),var(--color-border));border-radius:1px}}.work{padding:clamp(var(--space-16),10vw,var(--space-32)) 0;border-top:1px solid var(--color-divider)}.work__showcase{display:flex;flex-direction:column;gap:var(--space-8)}.browser-mockup{border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg)}.browser-mockup__bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.browser-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border)}.browser-dot:first-child{background:#ff5f57}.browser-dot:nth-child(2){background:#ffbd2e}.browser-dot:nth-child(3){background:#28ca41}.browser-mockup__url{flex:1;text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-body)}.browser-mockup__screen{background:var(--color-surface-3);line-height:0}.browser-mockup__screen img{width:100%;height:auto;object-fit:cover}.work__details{display:flex;flex-wrap:wrap;gap:var(--space-6)}.work__stat{display:flex;flex-direction:column;gap:var(--space-1)}.work__stat-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.08em}.work__stat-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text);letter-spacing:-.01em}.proof{padding:clamp(var(--space-16),10vw,var(--space-32)) 0;background:var(--color-surface)}.proof__inner{max-width:720px;margin-bottom:var(--space-12)}.proof__quote-mark{font-family:var(--font-display);font-size:5rem;line-height:1;color:var(--accent);margin-bottom:var(--space-4);opacity:.6}.proof__quote{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--color-text);letter-spacing:-.02em;line-height:1.4;font-style:normal;margin-bottom:var(--space-8)}.proof__attribution{display:flex;align-items:center;gap:var(--space-4)}.proof__avatar{width:44px;height:44px;border-radius:50%;background:var(--accent-glow);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--accent);flex-shrink:0}.proof__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);color:var(--color-text)}.proof__role{font-size:var(--text-sm);color:var(--color-text-muted)}.proof__trust{display:flex;flex-wrap:wrap;gap:var(--space-6)}.trust-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.trust-badge svg{color:var(--accent);flex-shrink:0}.contact{padding:clamp(var(--space-16),10vw,var(--space-32)) 0;border-top:1px solid var(--color-divider)}.contact__grid{display:grid;gap:var(--space-12)}@media(min-width:768px){.contact__grid{grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}}.contact__desc{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7;margin-top:var(--space-6);margin-bottom:var(--space-8)}.contact__email{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--accent);font-weight:500;font-size:var(--text-sm)}.contact__email svg{flex-shrink:0}.contact__email a{color:var(--accent);text-decoration:none;transition:color var(--transition-interactive)}.contact__email a:hover{color:var(--accent-hover)}.contact__form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.optional{color:var(--color-text-faint);font-weight:400}.form-group input,.form-group textarea{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-faint)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group textarea{resize:vertical;min-height:100px}.footer{padding:var(--space-12) 0 var(--space-8);border-top:1px solid var(--color-divider)}.footer__inner{display:flex;flex-direction:column;gap:var(--space-6)}.footer__brand{display:flex;flex-direction:column;gap:var(--space-2)}.footer__location{font-size:var(--text-xs);color:var(--color-text-muted)}.footer__links a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-interactive)}.footer__links a:hover{color:var(--accent)}.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-divider)}.footer__bottom p{font-size:var(--text-xs);color:var(--color-text-faint)}.footer__attribution{font-size:var(--text-xs);color:var(--color-text-faint);text-decoration:none;transition:color var(--transition-interactive)}.footer__attribution:hover{color:var(--color-text-muted)}