:root{--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--color-orange-500: #f97316;--color-orange-600: #ea580c;--color-orange-100: #ffedd5;--color-orange-200: #fed7aa;--color-orange-300: #fdba74;--color-orange-700: #c2410c;--color-orange-800: #9a3412;--color-stone-50: #fafaf9;--color-stone-100: #f5f5f4;--color-stone-200: #e7e5e4;--color-stone-600: #57534e;--color-stone-700: #44403c;--color-stone-800: #292524;--color-stone-900: #1c1917;--color-stone-400: #a8a29e;--color-stone-500: #78716c;--color-white: #ffffff}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}:root{--color-background: var(--background);--color-foreground: var(--foreground);--color-card: var(--card);--color-card-foreground: var(--card-foreground);--color-popover: var(--popover);--color-popover-foreground: var(--popover-foreground);--color-primary: var(--primary);--color-primary-foreground: var(--primary-foreground);--color-secondary: var(--secondary);--color-secondary-foreground: var(--secondary-foreground);--color-muted: var(--muted);--color-muted-foreground: var(--muted-foreground);--color-accent: var(--accent);--color-accent-foreground: var(--accent-foreground);--color-destructive: var(--destructive);--color-destructive-foreground: var(--destructive-foreground);--color-border: var(--border);--color-input: var(--input);--color-ring: var(--ring);--color-chart-1: var(--chart-1);--color-chart-2: var(--chart-2);--color-chart-3: var(--chart-3);--color-chart-4: var(--chart-4);--color-chart-5: var(--chart-5);--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--color-sidebar: var(--sidebar);--color-sidebar-foreground: var(--sidebar-foreground);--color-sidebar-primary: var(--sidebar-primary);--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);--color-sidebar-accent: var(--sidebar-accent);--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);--color-sidebar-border: var(--sidebar-border);--color-sidebar-ring: var(--sidebar-ring)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-stone-50);color:var(--color-stone-900);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.header{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-stone-200);box-shadow:0 1px 3px #0000000d}.header-content{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.25rem;color:var(--color-stone-900)}.logo-text{white-space:nowrap}.mobile-menu-button{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-button span{display:block;width:24px;height:2px;background:var(--color-stone-900);transition:all .3s ease}.nav{display:none;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:var(--color-white);border-bottom:1px solid var(--color-stone-200);padding:24px;box-shadow:0 4px 6px #0000001a}.nav.nav-open{display:flex}.nav a{padding:12px 0;font-size:1rem;font-weight:500;color:var(--color-stone-600);transition:color .2s ease}.nav a:hover{color:var(--color-orange-500)}@media(min-width:768px){.mobile-menu-button{display:none}.nav{display:flex;flex-direction:row;position:static;gap:32px;padding:0;border:none;box-shadow:none;background:transparent}.nav a{padding:0;font-size:.938rem}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:.938rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--color-orange-500);color:var(--color-white)}.btn-primary:hover{background:var(--color-orange-600);transform:translateY(-1px);box-shadow:0 4px 12px #f973164d}.btn-secondary{background:var(--color-orange-100);color:var(--color-orange-800)}.btn-secondary:hover{background:var(--color-orange-200)}.btn-link{background:none;color:var(--color-orange-500);padding:0;font-weight:600}.btn-link:hover{color:var(--color-orange-600)}.btn-full{width:100%}.page{min-height:100vh}.hero{padding:80px 0 100px;background:linear-gradient(180deg,#fff7ed 0%,var(--color-stone-50) 100%)}.hero-content{text-align:center;max-width:900px;margin:0 auto}.hero-title{font-size:2.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;color:var(--color-stone-900)}.highlight{color:var(--color-orange-500)}.hero-description{font-size:1.125rem;color:var(--color-stone-600);margin-bottom:40px;line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;flex-direction:column;gap:16px;justify-content:center;margin-bottom:60px;align-items:center}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:32px;max-width:700px;margin:0 auto}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;color:var(--color-orange-500);margin-bottom:8px}.stat-label{font-size:.938rem;color:var(--color-stone-500)}@media(min-width:640px){.hero{padding:120px 0 140px}.hero-title{font-size:3.5rem}.hero-buttons{flex-direction:row}}@media(min-width:1024px){.hero-title{font-size:4rem}}.section{padding:80px 0}.section.services{background:var(--color-white)}.section.products{background:var(--color-stone-50)}.section.about{background:var(--color-white)}.section.contact{background:var(--color-stone-50)}.section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:16px;color:var(--color-stone-900)}.section-subtitle{font-size:1.063rem;color:var(--color-stone-500);text-align:center;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}@media(min-width:640px){.section{padding:100px 0}.section-title{font-size:2.5rem}}.services-grid{display:grid;grid-template-columns:1fr;gap:24px}.service-card{background:var(--color-white);border-radius:12px;padding:32px;border:1px solid var(--color-stone-200);transition:all .3s ease;text-align:center}.service-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a;border-color:var(--color-orange-200)}.service-icon{font-size:3rem;margin-bottom:16px}.service-card h3{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:var(--color-stone-900)}.service-card p{font-size:.938rem;color:var(--color-stone-500);line-height:1.6}@media(min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.services-grid{grid-template-columns:repeat(4,1fr)}}.products-grid{display:grid;grid-template-columns:1fr;gap:32px}.product-card{background:var(--color-white);border-radius:12px;padding:32px;border:1px solid var(--color-stone-200);transition:all .3s ease;position:relative}.product-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.product-badge{display:inline-block;padding:6px 12px;background:var(--color-orange-100);color:var(--color-orange-800);font-size:.75rem;font-weight:600;border-radius:100px;margin-bottom:16px}.product-title{font-size:1.5rem;font-weight:700;margin-bottom:12px;color:var(--color-stone-900)}.product-description{font-size:.938rem;color:var(--color-stone-500);line-height:1.6;margin-bottom:24px}.product-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--color-stone-200)}.product-platform{font-size:.875rem;font-weight:500;color:var(--color-stone-500)}@media(min-width:640px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}.about-grid{display:grid;grid-template-columns:1fr;gap:60px;align-items:center}.about-content h2{text-align:left;margin-bottom:24px}.about-text{font-size:1rem;color:var(--color-stone-600);line-height:1.7;margin-bottom:20px}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:40px}.about-stat-number{font-size:2rem;font-weight:800;color:var(--color-orange-500);margin-bottom:8px}.about-stat-label{font-size:.875rem;color:var(--color-stone-500)}.about-image{aspect-ratio:4 / 3;background:linear-gradient(135deg,var(--color-orange-200) 0%,var(--color-orange-300) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center}.about-image-placeholder{display:flex;align-items:center;justify-content:center}@media(min-width:768px){.about-grid{grid-template-columns:1fr 1fr}}.contact-grid{display:grid;grid-template-columns:1fr;gap:40px;max-width:1000px;margin:0 auto}.contact-info{display:grid;grid-template-columns:1fr;gap:20px}.contact-card{background:var(--color-white);border-radius:12px;padding:32px 24px;border:1px solid var(--color-stone-200);text-align:center;transition:all .3s ease}.contact-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:var(--color-orange-200)}.contact-card-icon{font-size:2.5rem;margin-bottom:16px}.contact-card h3{font-size:1.125rem;font-weight:600;margin-bottom:8px;color:var(--color-stone-900)}.contact-card p{font-size:.938rem;color:var(--color-stone-500);margin-bottom:16px}.contact-link{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;font-weight:600;color:var(--color-orange-500);transition:all .2s ease}.contact-link:hover{color:var(--color-orange-600);gap:8px}.contact-form{background:var(--color-white);border-radius:12px;padding:40px 32px;border:1px solid var(--color-stone-200);box-shadow:0 2px 8px #0000000a}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--color-stone-900);margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;font-size:1rem;font-family:inherit;border:1px solid var(--color-stone-200);border-radius:8px;background:var(--color-stone-50);color:var(--color-stone-900);transition:all .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-stone-400)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-orange-500);box-shadow:0 0 0 3px #f973161a;background:var(--color-white)}.form-group textarea{resize:vertical;min-height:120px}@media(min-width:768px){.contact-grid{grid-template-columns:1fr 1fr;gap:32px}.contact-info{grid-column:1 / 2;grid-row:1}.contact-form{grid-column:2 / 3;grid-row:1}}@media(min-width:1024px){.contact-info{grid-template-columns:1fr}}.footer{background:var(--color-stone-900);color:#d6d3d1;padding:60px 0 24px}.footer-content{display:grid;grid-template-columns:1fr;gap:40px;margin-bottom:40px}.footer-brand .logo{color:var(--color-white);margin-bottom:16px}.footer-tagline{font-size:.938rem;color:var(--color-stone-400);line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.footer-column h4{font-size:.875rem;font-weight:600;color:var(--color-white);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.footer-column a{display:block;font-size:.938rem;color:var(--color-stone-400);margin-bottom:12px;transition:color .2s ease}.footer-column a:hover{color:#fb923c}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid var(--color-stone-700);font-size:.875rem;color:var(--color-stone-400)}@media(min-width:768px){.footer-content{grid-template-columns:2fr 3fr}.footer-links{grid-template-columns:repeat(3,1fr)}}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-stone-500);margin-bottom:32px}.breadcrumb a{color:var(--color-orange-500);transition:color .2s ease}.breadcrumb a:hover{color:var(--color-orange-600)}.breadcrumb span:not(:last-child){color:var(--color-stone-400)}.project-header{padding:40px 0 60px;background:linear-gradient(180deg,#fff7ed 0%,var(--color-white) 100%)}.project-header-content{display:grid;grid-template-columns:1fr;gap:40px}.project-status-badge{display:inline-block;padding:6px 16px;background:var(--color-orange-500);color:var(--color-white);font-size:.75rem;font-weight:600;border-radius:100px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.project-title{font-size:2.5rem;font-weight:800;color:var(--color-stone-900);margin-bottom:12px;line-height:1.1}.project-subtitle{font-size:1.25rem;color:var(--color-stone-600);margin-bottom:32px}.project-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:24px;margin-bottom:32px;padding:24px;background:var(--color-white);border-radius:12px;border:1px solid var(--color-stone-200)}.project-meta-item{display:flex;flex-direction:column;gap:4px}.project-meta-label{font-size:.75rem;font-weight:600;color:var(--color-stone-500);text-transform:uppercase;letter-spacing:.05em}.project-meta-value{font-size:1.125rem;font-weight:700;color:var(--color-stone-900)}.project-actions{display:flex;flex-direction:column;gap:12px}.project-info-card{background:var(--color-white);border-radius:12px;padding:32px;border:1px solid var(--color-stone-200);box-shadow:0 2px 8px #0000000a}.project-info-card h3{font-size:1.125rem;font-weight:700;color:var(--color-stone-900);margin-bottom:20px}.project-info-item{padding:16px 0;border-bottom:1px solid var(--color-stone-100);display:flex;flex-direction:column;gap:8px}.project-info-item:last-child{border-bottom:none}.project-info-item strong{font-size:.875rem;font-weight:600;color:var(--color-stone-900)}.project-info-item span{font-size:.938rem;color:var(--color-stone-600)}.project-info-item ul{list-style:none;padding:0;margin:0}.project-info-item li{font-size:.875rem;color:var(--color-stone-600);padding:4px 0 4px 20px;position:relative}.project-info-item li:before{content:"•";position:absolute;left:8px;color:var(--color-orange-500)}.project-tabs{background:var(--color-white);border-bottom:1px solid var(--color-stone-200);position:sticky;top:72px;z-index:50}.tabs{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:16px 24px;font-size:.938rem;font-weight:600;color:var(--color-stone-500);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab:hover{color:var(--color-stone-900)}.tab-active{color:var(--color-orange-500);border-bottom-color:var(--color-orange-500)}.project-content{padding:60px 0;background:var(--color-stone-50);min-height:500px}.tab-content{max-width:900px;margin:0 auto}.tab-content h2{font-size:2rem;font-weight:700;color:var(--color-stone-900);margin-bottom:24px}.tab-content h3{font-size:1.5rem;font-weight:600;color:var(--color-stone-900);margin-bottom:16px}.project-description{font-size:1.125rem;color:var(--color-stone-600);line-height:1.7;margin-bottom:32px}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{font-size:1rem;color:var(--color-stone-600);padding:12px 0 12px 32px;position:relative;line-height:1.6}.feature-list li:before{content:"✓";position:absolute;left:8px;color:var(--color-orange-500);font-weight:700;font-size:1.125rem}.features-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:40px}.feature-card{background:var(--color-white);border-radius:12px;padding:24px;border:1px solid var(--color-stone-200);display:flex;gap:16px;align-items:flex-start;transition:all .3s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:var(--color-orange-200)}.feature-icon{flex-shrink:0;width:32px;height:32px;background:var(--color-orange-100);color:var(--color-orange-600);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.feature-card p{font-size:.938rem;color:var(--color-stone-600);line-height:1.6;margin:0}.screenshot-viewer{background:var(--color-white);border-radius:12px;padding:24px;border:1px solid var(--color-stone-200)}.screenshot-main{width:100%;aspect-ratio:16 / 10;background:var(--color-stone-100);border-radius:8px;overflow:hidden;margin-bottom:20px}.screenshot-main img{width:100%;height:100%;object-fit:cover}.screenshot-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.screenshot-thumbnail{aspect-ratio:16 / 10;background:var(--color-stone-100);border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .2s ease;padding:0}.screenshot-thumbnail:hover{border-color:var(--color-orange-300)}.screenshot-thumbnail.active{border-color:var(--color-orange-500)}.screenshot-thumbnail img{width:100%;height:100%;object-fit:cover}.docs-links{display:grid;grid-template-columns:1fr;gap:16px}.doc-link{background:var(--color-white);border-radius:12px;padding:24px;border:1px solid var(--color-stone-200);transition:all .3s ease;display:block}.doc-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:var(--color-orange-200)}.doc-link h3{font-size:1.125rem;font-weight:600;color:var(--color-stone-900);margin-bottom:8px}.doc-link p{font-size:.938rem;color:var(--color-stone-600);margin:0}.cta-section{background:linear-gradient(135deg,var(--color-orange-500) 0%,var(--color-orange-600) 100%);border-radius:12px;padding:48px 32px;text-align:center;margin-top:60px;color:var(--color-white)}.cta-section h3{font-size:1.75rem;font-weight:700;margin-bottom:12px;color:var(--color-white)}.cta-section p{font-size:1.063rem;margin-bottom:24px;opacity:.95}.cta-section .btn-primary{background:var(--color-white);color:var(--color-orange-600)}.cta-section .btn-primary:hover{background:var(--color-stone-100)}.related-projects{background:var(--color-white)}@media(min-width:640px){.project-actions{flex-direction:row}.features-grid,.docs-links{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.project-header-content{grid-template-columns:2fr 1fr}}@media(min-width:1024px){.project-title{font-size:3rem}}