:root{--font-display:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-handwritten:"Caveat", cursive;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-hero:clamp(2.5rem, 5vw + 1rem, 4.5rem);--leading-tight:1.08;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--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;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.25, .46, .45, .94);--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-page:.5s;--container-xl:1200px;--container-2xl:1400px;--nav-height:72px;--nav-height-mobile:64px;--z-sticky:50;--z-nav:100;--z-mobile-menu:200;--z-toast:400}[data-theme=dark]{--bg-primary:#09090f;--bg-secondary:#111118;--bg-tertiary:#17171f;--bg-elevated:#1c1c26;--bg-hover:#22222e;--border-primary:#2a2a3a;--border-secondary:#1e1e2e;--border-hover:#3a3a50;--border-accent:#8b5cf64d;--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-tertiary:#6a6a80;--text-inverse:#0a0a0f;--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-light:#a78bfa;--accent-subtle:#8b5cf61a;--accent-muted:#8b5cf60f;--success:#34d399;--success-subtle:#34d3991a;--error:#f87171;--error-subtle:#f871711a;--nav-bg:#09090fcc;--nav-bg-scroll:#09090feb;--card-bg:#111118;--card-border:#2a2a3a;--card-shadow:0 4px 16px #0000004d;--input-bg:#17171f;--input-border:#2a2a3a;--input-focus:#8b5cf666;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 30px #0000004d;--shadow-accent:0 4px 20px #8b5cf640;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-tertiary:#f5f5f7;--bg-elevated:#fff;--bg-hover:#f0f0f2;--border-primary:#e5e5ea;--border-secondary:#ebebf0;--border-hover:#d1d1d6;--border-accent:#7c3aed40;--text-primary:#1a1a2e;--text-secondary:#4a4a60;--text-tertiary:#8a8a9a;--text-inverse:#f0f0f5;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-light:#8b5cf6;--accent-subtle:#7c3aed14;--accent-muted:#7c3aed0a;--success:#059669;--success-subtle:#05966914;--error:#dc2626;--error-subtle:#dc262614;--nav-bg:#fafafacc;--nav-bg-scroll:#fafafaeb;--card-bg:#fff;--card-border:#e5e5ea;--card-shadow:0 2px 8px #0000000f;--input-bg:#fff;--input-border:#e5e5ea;--input-focus:#7c3aed4d;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--shadow-accent:0 4px 20px #7c3aed26;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{min-height:100vh;line-height:var(--leading-normal);font-family:var(--font-body);font-weight:var(--weight-regular);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-slow) var(--ease-smooth), color var(--duration-normal) var(--ease-smooth);overflow-x:hidden}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:var(--leading-snug)}p,li,figcaption{text-wrap:pretty;max-width:75ch}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}textarea{resize:vertical}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--accent-subtle);color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{top:-100%;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-3) var(--space-6);background:var(--accent);color:#fff;border-radius:var(--radius-md);font-weight:var(--weight-semibold);transition:top var(--duration-normal) var(--ease-out);position:absolute}.skip-link:focus{top:var(--space-4)}.container{width:100%;max-width:var(--container-2xl);padding-inline:var(--space-5);margin-inline:auto}@media (width>=768px){.container{padding-inline:var(--space-8)}}@media (width>=1024px){.container{padding-inline:var(--space-12)}}@media (width>=1440px){.container{padding-inline:var(--space-16)}}.container--narrow{max-width:900px}.section{padding-block:var(--space-16)}@media (width>=768px){.section{padding-block:var(--space-20)}}@media (width>=1024px){.section{padding-block:var(--space-24)}}.section__header{margin-bottom:var(--space-10)}@media (width>=768px){.section__header{margin-bottom:var(--space-12)}}.main-content{min-height:calc(100vh - var(--nav-height));padding-top:var(--nav-height-mobile)}@media (width>=1024px){.main-content{padding-top:var(--nav-height)}}.section-label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.section-label:before{content:"";background:var(--accent);border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block}.text-accent{color:var(--accent)}.text-gradient{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;min-height:44px;transition:all var(--duration-normal) var(--ease-out);border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)}.btn--secondary{color:var(--text-primary);border-color:var(--border-primary);background:0 0}.btn--secondary:hover{border-color:var(--border-hover);background:var(--bg-hover);transform:translateY(-1px)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);min-height:36px}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);min-height:48px}.btn__arrow{transition:transform var(--duration-normal) var(--ease-out);display:inline-block}.btn:hover .btn__arrow{transform:translate(4px)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow);transform:translateY(-3px)}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-secondary);white-space:nowrap;display:inline-flex}.badge--accent{background:var(--accent-subtle);color:var(--accent-light);border-color:var(--border-accent)}.tech-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:.7rem;font-weight:var(--weight-medium);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-secondary);display:inline-flex}.availability{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--success);background:var(--success-subtle);border-radius:var(--radius-full);border:1px solid #34d39926;display:inline-flex}.availability-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.availability-dot:after{content:"";background:var(--success);opacity:.3;border-radius:50%;animation:2s ease-in-out infinite pulse-dot;position:absolute;inset:-3px}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.form-input,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);min-height:48px}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--input-focus);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-textarea{resize:vertical;min-height:120px}.form-error{font-size:var(--text-xs);color:var(--error);margin-top:var(--space-1)}.form-required{color:var(--error);font-weight:var(--weight-bold)}.form-input--error{border-color:var(--error)!important;box-shadow:0 0 0 3px var(--error-subtle)!important}.selection-group--error{outline:2px solid var(--error);outline-offset:4px;border-radius:var(--radius-md)}.form-field-error{font-size:var(--text-xs);color:var(--error);font-weight:var(--weight-medium);margin-top:var(--space-1);align-items:center;gap:var(--space-1);animation:.3s ease-out shakeError;display:flex}.form-error-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--error-subtle);color:var(--error);border:1px solid var(--error);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);display:flex}.btn__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shakeError{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.selection-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.selection-item{position:relative}.selection-item input{opacity:0;width:0;height:0;position:absolute}.selection-item label{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);align-items:center;min-height:44px;display:inline-flex}.selection-item label:hover{border-color:var(--border-hover);color:var(--text-primary)}.selection-item input:checked+label{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent-light)}.metric{text-align:center;padding:var(--space-3)}.metric__value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-1);line-height:1}.metric__label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--weight-medium)}.browser-mockup{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.browser-mockup__bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:flex}.browser-mockup__dot{border-radius:50%;width:10px;height:10px}.browser-mockup__dot:first-child{background:#ff5f57}.browser-mockup__dot:nth-child(2){background:#febc2e}.browser-mockup__dot:nth-child(3){background:#28c840}.browser-mockup__url{margin-left:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono);flex:1}.browser-mockup__content{aspect-ratio:16/10;background:var(--bg-tertiary);overflow:hidden}.browser-mockup__content img{object-fit:cover;width:100%;height:100%}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-spring), transform var(--duration-slow) var(--ease-spring);transform:translateY(20px)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-stagger>.reveal:first-child{transition-delay:0s}.reveal-stagger>.reveal:nth-child(2){transition-delay:80ms}.reveal-stagger>.reveal:nth-child(3){transition-delay:.16s}.reveal-stagger>.reveal:nth-child(4){transition-delay:.24s}.reveal-stagger>.reveal:nth-child(5){transition-delay:.32s}.reveal-stagger>.reveal:nth-child(6){transition-delay:.4s}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-animate{opacity:0;animation:heroFadeUp .6s var(--ease-spring) forwards}.hero-animate--1{animation-delay:.1s}.hero-animate--2{animation-delay:.2s}.hero-animate--3{animation-delay:.35s}.hero-animate--4{animation-delay:.5s}.hero-animate--5{animation-delay:.65s}.hero-animate--6{animation-delay:.8s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes flowLine{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}.flow-line{stroke-dasharray:8 4;animation:1s linear infinite flowLine}@keyframes pageIn{to{opacity:1;transform:translateY(0)}}.page-enter{opacity:0;animation:pageIn var(--duration-page) var(--ease-spring) forwards;transform:translateY(8px)}@media (prefers-reduced-motion:reduce){.reveal,.hero-animate,.page-enter{opacity:1;transition:none;animation:none;transform:none}.animate-float,.flow-line{animation:none}}.site-header{z-index:var(--z-nav);height:var(--nav-height-mobile);transition:background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);position:fixed;top:0;left:0;right:0}@media (width>=1024px){.site-header{height:var(--nav-height)}}.site-header.scrolled{background:var(--nav-bg-scroll);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-secondary)}.navbar__container{height:var(--nav-height-mobile);width:100%;max-width:var(--container-2xl);padding-inline:var(--space-5);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}@media (width>=768px){.navbar__container{padding-inline:var(--space-8)}}@media (width>=1024px){.navbar__container{height:var(--nav-height);padding-inline:var(--space-12)}}@media (width>=1440px){.navbar__container{padding-inline:var(--space-16)}}.navbar__logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.01em;transition:color var(--duration-fast) var(--ease-out)}.navbar__logo:hover{color:var(--accent)}.navbar__links{align-items:center;gap:var(--space-1);display:none}@media (width>=1024px){.navbar__links{display:flex}}.navbar__link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out)}.navbar__link:hover{color:var(--text-primary);background:var(--bg-hover)}.navbar__link.active{color:var(--text-primary);background:var(--bg-tertiary)}.navbar__actions{align-items:center;gap:var(--space-3);display:flex}.navbar__cta{display:none}@media (width>=1024px){.navbar__cta{display:inline-flex}}.theme-toggle{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--text-primary);background:var(--bg-hover)}[data-theme=dark] .theme-icon--moon{display:none}[data-theme=dark] .theme-icon--sun{display:block}[data-theme=light] .theme-icon--sun{display:none}[data-theme=light] .theme-icon--moon{display:block}.navbar__hamburger{border-radius:var(--radius-md);width:44px;height:44px;transition:background var(--duration-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}@media (width>=1024px){.navbar__hamburger{display:none}}.navbar__hamburger:hover{background:var(--bg-hover)}.navbar__hamburger-line{background:var(--text-primary);border-radius:2px;width:20px;height:2px;display:block}.mobile-menu{z-index:var(--z-mobile-menu);pointer-events:none;visibility:hidden;position:fixed;inset:0}.mobile-menu.open{pointer-events:all;visibility:visible}.mobile-menu__overlay{opacity:0;transition:opacity var(--duration-slow) var(--ease-out);background:#00000080;position:absolute;inset:0}.mobile-menu.open .mobile-menu__overlay{opacity:1}.mobile-menu__panel{background:var(--bg-secondary);border-left:1px solid var(--border-primary);width:min(320px,85vw);padding:var(--space-6);transition:transform var(--duration-slow) var(--ease-spring);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.mobile-menu.open .mobile-menu__panel{transform:translate(0)}.mobile-menu__header{margin-bottom:var(--space-10);justify-content:space-between;align-items:center;display:flex}.mobile-menu__close{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.mobile-menu__close:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-menu__links{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.mobile-menu__link{padding:var(--space-4);font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out)}.mobile-menu__link:hover,.mobile-menu__link.active{color:var(--text-primary);background:var(--bg-hover)}.mobile-menu__cta{text-align:center;width:100%;margin-top:auto}.sticky-cta{z-index:var(--z-sticky);padding:var(--space-4) var(--space-5);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--nav-bg-scroll);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-secondary);transition:transform var(--duration-slow) var(--ease-out);display:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.sticky-cta.visible{transform:translateY(0)}.sticky-cta__btn{text-align:center;width:100%}@media (width<=1023px){.sticky-cta{display:block}}.tech-marquee-section{padding-block:var(--space-8);border-top:1px solid var(--border-secondary);border-bottom:1px solid var(--border-secondary);overflow:hidden}.tech-marquee__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.tech-marquee{position:relative;overflow:hidden}.tech-marquee:before,.tech-marquee:after{content:"";z-index:2;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.tech-marquee:before{background:linear-gradient(to right, var(--bg-primary), transparent);left:0}.tech-marquee:after{background:linear-gradient(to left, var(--bg-primary), transparent);right:0}.tech-marquee__track{width:max-content;animation:35s linear infinite marqueeScroll;display:flex}.tech-marquee__track:hover{animation-play-state:paused}.tech-marquee__slide{gap:var(--space-10);padding-right:var(--space-10);display:flex}.tech-marquee__item{align-items:center;gap:var(--space-3);white-space:nowrap;transition:opacity var(--duration-fast) var(--ease-out);flex-shrink:0;display:flex}.tech-marquee__item:hover{opacity:.7}.tech-marquee__item svg{flex-shrink:0;width:28px;height:28px}.tech-marquee__item span{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero{padding-top:var(--space-12);padding-bottom:var(--space-16);overflow:hidden}@media (width>=768px){.hero{padding-top:var(--space-16)}}@media (width>=1024px){.hero{padding-top:var(--space-20);padding-bottom:var(--space-24);min-height:calc(100vh - var(--nav-height));align-items:center;display:flex}}.hero__grid{gap:var(--space-6);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=1024px){.hero__grid{gap:var(--space-16);grid-template-columns:1.15fr .85fr}}.hero__content{order:2}@media (width>=1024px){.hero__content{order:0}}.hero__availability{margin-bottom:var(--space-6)}.hero__headline{font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:-.025em;color:var(--text-primary);margin-bottom:var(--space-6)}.hero__subtitle{font-size:clamp(1rem, 2vw, var(--text-lg));line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-8);max-width:500px}.hero__actions{align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.hero__metrics{gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--border-primary);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=430px){.hero__metrics{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}.hero__visual{order:1;justify-content:center;align-items:center;display:flex;position:relative}@media (width>=1024px){.hero__visual{order:1}}.hero__portrait-wrapper{width:100%;max-width:400px;position:relative}@media (width<=1023px){.hero__portrait-wrapper{max-width:180px;margin:0 auto}}.hero__portrait{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-2xl);border:1px solid var(--border-primary);width:100%;box-shadow:var(--shadow-lg);background:var(--bg-tertiary)}@media (width<=1023px){.hero__portrait{aspect-ratio:1;border-radius:var(--radius-full);object-position:top}}.hero__code-float{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-md);display:none;position:absolute;top:10%;right:-16%}@media (width>=1024px){.hero__code-float{display:block}}.hero__code-float svg{color:var(--accent);margin-bottom:var(--space-2)}.hero__annotation{display:none;position:absolute;bottom:-10%;right:5%}@media (width>=1024px){.hero__annotation{display:block}}.services-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=768px){.services-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}.service-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-8);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);gap:var(--space-4);flex-direction:column;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(135deg, var(--accent-muted), transparent);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);position:absolute;inset:0}.service-card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow);transform:translateY(-3px)}.service-card:hover:before{opacity:1}.service-card__icon{background:var(--accent-subtle);border-radius:var(--radius-md);width:48px;height:48px;color:var(--accent);z-index:1;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.service-card__icon svg{width:24px;height:24px}.service-card__content{z-index:1;flex:1;position:relative}.service-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.service-card__desc{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.service-card__arrow{z-index:1;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--accent);opacity:0;transition:all var(--duration-normal) var(--ease-out);margin-top:auto;display:flex;position:relative;transform:translate(-8px)}.service-card:hover .service-card__arrow{opacity:1;transform:translate(0)}.work-filters{gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.work-filter{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;min-height:40px}.work-filter:hover{border-color:var(--border-hover);color:var(--text-primary)}.work-filter.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent-light)}.projects-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.projects-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr)}}.project-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-decoration:none;overflow:hidden}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow);transform:translateY(-4px)}.project-card__image{aspect-ratio:16/10;background:var(--bg-tertiary);width:100%;position:relative;overflow:hidden}.project-card__image img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.project-card:hover .project-card__image img{transform:scale(1.03)}.project-card__type{top:var(--space-4);left:var(--space-4);position:absolute}.project-card__body{padding:var(--space-6)}.project-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.project-card__desc{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-4)}.project-card__tech{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.project-card__link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent);transition:gap var(--duration-normal) var(--ease-out);display:inline-flex}.project-card:hover .project-card__link{gap:var(--space-3)}.project-detail__back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-8);transition:color var(--duration-fast) var(--ease-out);display:inline-flex}.project-detail__back:hover{color:var(--text-primary)}.project-detail__title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, var(--text-5xl));font-weight:var(--weight-extrabold);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-4)}.project-detail__subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:650px;margin-bottom:var(--space-8)}.project-detail__actions{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.project-detail__tech{gap:var(--space-2);flex-wrap:wrap;display:flex}.project-detail__screenshots{gap:var(--space-6);margin-block:var(--space-12);grid-template-columns:1fr;display:grid}@media (width>=768px){.project-detail__screenshots{gap:var(--space-8);grid-template-columns:1.5fr .5fr;align-items:start}}.phone-mockup{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-2);box-shadow:var(--shadow-lg);max-width:240px;margin:0 auto}@media (width>=768px){.phone-mockup{margin:0}}.phone-mockup__screen{border-radius:var(--radius-xl);aspect-ratio:9/19.5;background:var(--bg-tertiary);overflow:hidden}.phone-mockup__screen img{object-fit:cover;width:100%;height:100%}.project-section{padding-block:var(--space-10);border-top:1px solid var(--border-secondary)}.project-section__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-6);color:var(--text-primary)}.project-section__content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.project-section__content p+p{margin-top:var(--space-4)}.project-section__list{gap:var(--space-3);flex-direction:column;display:flex}.project-section__list li{align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);display:flex}.project-section__list li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.55em}.architecture{padding:var(--space-8);background:var(--bg-tertiary);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.architecture__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-8);text-align:center}.architecture__flow{flex-direction:column;align-items:center;gap:0;display:flex}@media (width>=768px){.architecture__flow{flex-direction:row;justify-content:center}}.architecture__node{padding:var(--space-4) var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);text-align:center;min-width:130px;transition:all var(--duration-normal) var(--ease-out);z-index:1;position:relative}.architecture__node:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-subtle);transform:scale(1.03)}.architecture__node-icon{width:32px;height:32px;margin:0 auto var(--space-2);color:var(--accent)}.architecture__node-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.architecture__connector{color:var(--accent);padding:var(--space-2);justify-content:center;align-items:center;display:flex}.architecture__connector svg{width:24px;height:24px}@media (width>=768px){.architecture__connector svg{transform:rotate(-90deg)}}.process__header{text-align:center;margin-bottom:var(--space-16)}.process__title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, var(--text-5xl));font-weight:var(--weight-extrabold);letter-spacing:-.02em;color:var(--text-primary);line-height:var(--leading-snug)}.process__title span{color:var(--accent);display:block}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline__line{background:var(--border-primary);width:2px;position:absolute;top:0;bottom:0;left:28px}.timeline__items{gap:var(--space-8);flex-direction:column;display:flex;position:relative}.timeline__item{gap:var(--space-5);grid-template-columns:56px 1fr;align-items:start;display:grid}.timeline__number{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-full);width:56px;height:56px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--accent);z-index:1;transition:all var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative}.timeline__item:hover .timeline__number{border-color:var(--accent);background:var(--accent-subtle)}.timeline__content{padding-top:var(--space-3)}.timeline__step-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.timeline__step-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}@media (width>=768px){.timeline__line{display:none}.timeline__items{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.timeline__item{text-align:center;grid-template-columns:1fr;position:relative}.timeline__number{margin:0 auto var(--space-4)}.timeline__content{padding-top:0}.timeline__item:not(:nth-child(3n)):after{content:"";background:var(--border-primary);width:40%;height:2px;position:absolute;top:28px;right:-20%}}.process__cta{text-align:center;margin-top:var(--space-16);padding-top:var(--space-12);border-top:1px solid var(--border-primary)}.process__cta-text{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6);max-width:500px;margin-inline:auto}.contact__title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, var(--text-5xl));font-weight:var(--weight-extrabold);letter-spacing:-.02em;color:var(--text-primary);line-height:var(--leading-snug);margin-bottom:var(--space-4)}.contact__grid{gap:var(--space-10);grid-template-columns:1fr;display:grid}@media (width>=1024px){.contact__grid{gap:var(--space-16);grid-template-columns:.8fr 1.2fr}}.contact__info{gap:var(--space-8);flex-direction:column;display:flex}.contact__methods{gap:var(--space-3);flex-direction:column;display:flex}.contact__method{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);transition:background var(--duration-fast) var(--ease-out);text-decoration:none;display:flex}.contact__method:hover{background:var(--bg-hover)}.contact__method-icon{background:var(--accent-subtle);border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact__method-icon svg{width:20px;height:20px}.contact__method-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.contact__method-value{font-size:var(--text-sm);color:var(--text-secondary)}.contact__availability{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.contact__availability-status{align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--success);display:flex}.contact__availability-location{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:var(--space-2);display:flex}.quote-form{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);padding:var(--space-8)}@media (width>=768px){.quote-form{padding:var(--space-10)}}.quote-form__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-8)}.quote-form__fields{gap:var(--space-6);flex-direction:column;display:flex}.quote-form__submit{margin-top:var(--space-4)}.form-success{text-align:center;padding:var(--space-12) var(--space-6)}.form-success__icon{width:64px;height:64px;margin:0 auto var(--space-6);background:var(--success-subtle);border-radius:var(--radius-full);color:var(--success);justify-content:center;align-items:center;display:flex}.form-success__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.form-success__message{font-size:var(--text-base);color:var(--text-secondary);max-width:400px;margin-inline:auto}.about__text{font-size:clamp(var(--text-lg), 2vw, var(--text-xl));line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:700px}.about__skills{gap:var(--space-4);margin-block:var(--space-12);grid-template-columns:1fr;display:grid}@media (width>=768px){.about__skills{grid-template-columns:repeat(2,1fr)}}.skill-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-out);display:flex}.skill-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.skill-card__icon{background:var(--accent-subtle);border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.skill-card__icon svg{width:22px;height:22px}.skill-card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.skill-card__desc{font-size:var(--text-sm);color:var(--text-secondary)}.experience{padding-top:var(--space-12);border-top:1px solid var(--border-primary)}.experience__title{margin-bottom:var(--space-8)}.experience__item{gap:var(--space-6);padding:var(--space-6);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);display:flex}.experience__logo{background:var(--accent-subtle);border-radius:var(--radius-md);width:56px;height:56px;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.experience__company{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.experience__role{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.experience__period{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-3)}.experience__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.site-footer{border-top:1px solid var(--border-primary);padding-block:var(--space-12);margin-top:var(--space-16)}@media (width<=1023px){.site-footer{padding-bottom:calc(var(--space-12) + 80px)}}.footer__top{gap:var(--space-10);margin-bottom:var(--space-10);grid-template-columns:1fr;display:grid}@media (width>=768px){.footer__top{grid-template-columns:1.5fr 1fr}}.footer__logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-3);display:inline-block}.footer__tagline{font-size:var(--text-sm);color:var(--text-tertiary);max-width:300px}.footer__nav{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.footer__nav-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.footer__nav-group{flex-direction:column;display:flex}.footer__link{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-1) 0;transition:color var(--duration-fast) var(--ease-out)}.footer__link:hover{color:var(--text-primary)}.footer__bottom{gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--border-secondary);flex-direction:column;display:flex}@media (width>=768px){.footer__bottom{flex-direction:row;justify-content:space-between;align-items:center}}.footer__copyright{font-size:var(--text-xs);color:var(--text-tertiary)}.footer__availability{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);display:flex}