:root{--color-bg:#09090b;--color-bg-elevated:#18181b;--color-bg-card:#111113;--color-bg-glass:rgba(9, 9, 11, 0.8);--color-border:#27272a;--color-border-hover:#3f3f46;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-accent:#818cf8;--color-accent-hover:#6366f1;--color-gradient-start:#6366f1;--color-gradient-end:#a855f7}[data-theme=light]{--color-bg:#ffffff;--color-bg-elevated:#f4f4f5;--color-bg-card:#ffffff;--color-bg-glass:rgba(255, 255, 255, 0.8);--color-border:#e4e4e7;--color-border-hover:#d4d4d8;--color-text-primary:#09090b;--color-text-secondary:#52525b;--color-text-tertiary:#a1a1aa;--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-gradient-start:#6366f1;--color-gradient-end:#a855f7}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--color-accent)var(--color-bg)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg)}.app{background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;transition:background-color.3s ease,color.3s ease}.section-inner{max-width:1200px;margin:0 auto;padding:0 24px}.section-title{font-size:48px;font-weight:700;letter-spacing:-.02em;margin-bottom:24px}@media(max-width:768px){.section-title{font-size:36px}}.gradient-text{background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;color:rgba(0,0,0,0)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;transition:all.2s ease;cursor:pointer;border:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));color:#fff}.btn-primary:hover{opacity:.9;transform:translatey(-1px)}.btn-outline{background:rgba(0,0,0,0);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-border-hover);background:var(--color-bg-elevated)}.controls-container{--highlight-width:auto;--highlight-x-pos:0;display:flex;justify-content:center;margin:40px 0 32px}.controls{display:inline-flex;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;padding:4px;position:relative;overflow:hidden}.controls:before{content:"";background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));border-radius:8px;width:var(--highlight-width);transform:translatex(var(--highlight-x-pos));position:absolute;top:4px;bottom:4px;left:0;z-index:0}.controls.ready:before{transition:transform.3s ease,width.3s ease}.segment{min-width:100px;position:relative;text-align:center;z-index:1}.segment label{cursor:pointer;display:block;font-weight:600;font-size:14px;padding:10px 20px;color:var(--color-text-secondary);transition:color.3s ease}.segment.active label{color:#fff}.segment input{opacity:0;margin:0;position:absolute;inset:0;width:100%;cursor:pointer;height:100%}.fade-section{opacity:0;transform:translatey(30px);transition:opacity.8s ease,transform.8s ease}.fade-section.is-visible{opacity:1;transform:translatey(0)}.ityped-cursor{color:var(--color-accent)}.footer{padding:40px 0;border-top:1px solid var(--color-border);text-align:center}.footer p{font-size:14px;color:var(--color-text-tertiary)}@media screen and (max-width:480px){.controls{max-width:100%}}:root{--color-bg:#09090b;--color-bg-elevated:#18181b;--color-bg-card:#111113;--color-bg-glass:rgba(9, 9, 11, 0.8);--color-border:#27272a;--color-border-hover:#3f3f46;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-accent:#818cf8;--color-accent-hover:#6366f1;--color-gradient-start:#6366f1;--color-gradient-end:#a855f7}[data-theme=light]{--color-bg:#ffffff;--color-bg-elevated:#f4f4f5;--color-bg-card:#ffffff;--color-bg-glass:rgba(255, 255, 255, 0.8);--color-border:#e4e4e7;--color-border-hover:#d4d4d8;--color-text-primary:#09090b;--color-text-secondary:#52525b;--color-text-tertiary:#a1a1aa;--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-gradient-start:#6366f1;--color-gradient-end:#a855f7}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;background:var(--color-bg-glass);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--color-border);transition:border-color.3s ease}.topbar .topbar-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.topbar .topbar-logo{font-size:18px;font-weight:700;color:var(--color-text-primary);text-decoration:none;letter-spacing:-.02em}.topbar .topbar-nav{display:flex;gap:32px}@media(max-width:768px){.topbar .topbar-nav{display:none}}.topbar .topbar-nav a{color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color.2s ease;position:relative}.topbar .topbar-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));border-radius:1px;transition:width.2s ease}.topbar .topbar-nav a:hover{color:var(--color-text-primary)}.topbar .topbar-nav a:hover:after{width:100%}.topbar .topbar-actions{display:flex;align-items:center;gap:16px}.topbar .topbar-hamburger{display:none;width:24px;height:18px;flex-direction:column;justify-content:space-between;cursor:pointer;background:none;border:none;padding:0}@media(max-width:768px){.topbar .topbar-hamburger{display:flex}}.topbar .topbar-hamburger span{display:block;width:100%;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all.3s ease;transform-origin:left}.topbar .topbar-hamburger.active span:first-child{transform:rotate(45deg)}.topbar .topbar-hamburger.active span:nth-child(2){opacity:0}.topbar .topbar-hamburger.active span:last-child{transform:rotate(315deg)}.theme-toggle{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.toggle-track{display:flex;align-items:center;justify-content:space-between;width:52px;height:28px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:9999px;padding:0 6px;position:relative;transition:all.3s ease}.toggle-icon{z-index:1;color:var(--color-text-tertiary);transition:color.3s ease;flex-shrink:0}.theme-toggle.dark .toggle-icon.moon{color:var(--color-accent)}.theme-toggle.light .toggle-icon.sun{color:#f59e0b}.toggle-thumb{position:absolute;width:22px;height:22px;background:var(--color-text-primary);border-radius:50%;transition:all.3s cubic-bezier(.4,0,.2,1);left:3px}.theme-toggle.light .toggle-thumb{left:27px}.hero{min-height:100vh;display:flex;align-items:center;padding-top:72px}.hero-content{max-width:1200px;margin:0 auto;padding:0 24px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-eyebrow{font-size:18px;color:var(--color-text-secondary);margin-bottom:8px;font-weight:400}.hero-name{font-size:72px;font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:16px;color:var(--color-text-primary)}.hero-role{font-size:28px;font-weight:500;margin-bottom:24px;min-height:40px}.hero-description{font-size:17px;color:var(--color-text-secondary);line-height:1.7;max-width:500px;margin-bottom:40px}.hero-cta{display:flex;gap:16px}.hero-image{display:flex;justify-content:center}.hero-image-wrapper{width:100%;max-width:420px;aspect-ratio:4/5;border-radius:24px;overflow:hidden;border:1px solid var(--color-border);position:relative}.hero-image-wrapper:before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));-webkit-mask:linear-gradient(#fff 0 0)content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4;z-index:1;pointer-events:none}.hero-image-wrapper img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center;gap:40px;padding-top:40px}.hero-name{font-size:48px}.hero-role{font-size:22px}.hero-description{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center;flex-wrap:wrap}.hero-image{order:-1}.hero-image-wrapper{max-width:280px}}@media screen and (max-width:480px){.hero-name{font-size:40px}.hero-description{font-size:15px}}:root{--color-bg:#09090b;--color-bg-elevated:#18181b;--color-bg-card:#111113;--color-bg-glass:rgba(9, 9, 11, 0.8);--color-border:#27272a;--color-border-hover:#3f3f46;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-accent:#818cf8;--color-accent-hover:#6366f1;--color-gradient-start:#6366f1;--color-gradient-end:#a855f7}[data-theme=light]{--color-bg:#ffffff;--color-bg-elevated:#f4f4f5;--color-bg-card:#ffffff;--color-bg-glass:rgba(255, 255, 255, 0.8);--color-border:#e4e4e7;--color-border-hover:#d4d4d8;--color-text-primary:#09090b;--color-text-secondary:#52525b;--color-text-tertiary:#a1a1aa;--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-gradient-start:#6366f1;--color-gradient-end:#a855f7}.pl{padding:120px 0}@media(max-width:768px){.pl{padding:80px 0}}.pl .pl-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center}.pl .pl-header{text-align:center;max-width:600px}.pl .pl-desc{font-size:17px;color:var(--color-text-secondary);line-height:1.7}.pl .pl-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1024px){.pl .pl-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pl .pl-grid{grid-template-columns:1fr}}.pl .pl-load-more{margin-top:40px}.product-card{display:block;position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--color-border);transition:all.3s ease;text-decoration:none}.product-card:hover{border-color:var(--color-border-hover);transform:translatey(-4px);box-shadow:0 20px 40px rgba(0,0,0,.2)}.product-card:hover .product-overlay{opacity:1}.product-card:hover .product-image img{transform:scale(1.03)}.product-image{height:280px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform.5s ease}.product-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);opacity:0;transition:opacity.3s ease;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px}.product-link-icon{width:44px;height:44px;border-radius:50%;background:#fff;color:#09090b;display:flex;align-items:center;justify-content:center;transition:transform.2s ease}.product-link-icon:hover{transform:scale(1.1)}@media screen and (max-width:768px){.product-image{height:220px}}.about{padding:120px 0}.about-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-image{border-radius:24px;overflow:hidden;aspect-ratio:3/4;border:1px solid var(--color-border)}.about-image img{width:100%;height:100%;object-fit:cover}.about-text{font-size:17px;color:var(--color-text-secondary);line-height:1.8;margin-bottom:16px}.about-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.skill-tag{padding:8px 16px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:9999px;font-size:14px;font-weight:500;color:var(--color-text-secondary);transition:all.2s ease}.skill-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}@media screen and (max-width:768px){.about{padding:80px 0}.about-inner{grid-template-columns:1fr;gap:40px}.about-image{max-height:350px}.about-content{text-align:center}.about-skills{justify-content:center}}:root{--color-bg:#09090b;--color-bg-elevated:#18181b;--color-bg-card:#111113;--color-bg-glass:rgba(9, 9, 11, 0.8);--color-border:#27272a;--color-border-hover:#3f3f46;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-accent:#818cf8;--color-accent-hover:#6366f1;--color-gradient-start:#6366f1;--color-gradient-end:#a855f7}[data-theme=light]{--color-bg:#ffffff;--color-bg-elevated:#f4f4f5;--color-bg-card:#ffffff;--color-bg-glass:rgba(255, 255, 255, 0.8);--color-border:#e4e4e7;--color-border-hover:#d4d4d8;--color-text-primary:#09090b;--color-text-secondary:#52525b;--color-text-tertiary:#a1a1aa;--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-gradient-start:#6366f1;--color-gradient-end:#a855f7}.testimonials{padding:120px 0}@media(max-width:768px){.testimonials{padding:80px 0}}.testimonials .testimonials-inner{max-width:1200px;margin:0 auto;padding:0 24px}.testimonials .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}@media(max-width:1024px){.testimonials .testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.testimonials .testimonials-grid{grid-template-columns:1fr}}.testimonials .testimonial-card{padding:32px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:16px;display:flex;flex-direction:column;gap:20px;transition:all.3s ease}.testimonials .testimonial-card:hover{border-color:var(--color-border-hover);transform:translatey(-2px)}.testimonials .quote-icon{color:var(--color-accent);opacity:.4}.testimonials .testimonial-text{font-size:16px;line-height:1.7;color:var(--color-text-secondary);flex:1}.testimonials .testimonial-author{display:flex;align-items:center;gap:12px}.testimonials .testimonial-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.testimonials .testimonial-name{font-size:15px;font-weight:600}.testimonials .testimonial-role{font-size:13px;color:var(--color-text-tertiary);margin-top:2px}:root{--color-bg:#09090b;--color-bg-elevated:#18181b;--color-bg-card:#111113;--color-bg-glass:rgba(9, 9, 11, 0.8);--color-border:#27272a;--color-border-hover:#3f3f46;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-accent:#818cf8;--color-accent-hover:#6366f1;--color-gradient-start:#6366f1;--color-gradient-end:#a855f7}[data-theme=light]{--color-bg:#ffffff;--color-bg-elevated:#f4f4f5;--color-bg-card:#ffffff;--color-bg-glass:rgba(255, 255, 255, 0.8);--color-border:#e4e4e7;--color-border-hover:#d4d4d8;--color-text-primary:#09090b;--color-text-secondary:#52525b;--color-text-tertiary:#a1a1aa;--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-gradient-start:#6366f1;--color-gradient-end:#a855f7}.contact{padding:120px 0}@media(max-width:768px){.contact{padding:80px 0}}.contact .contact-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:80px}@media(max-width:768px){.contact .contact-inner{grid-template-columns:1fr;gap:48px}}.contact .contact-desc{font-size:17px;color:var(--color-text-secondary);line-height:1.7;margin-bottom:40px}.contact .contact-details{display:flex;flex-direction:column;gap:20px}.contact .contact-detail{display:flex;align-items:center;gap:12px;color:var(--color-text-secondary);font-size:15px}.contact .contact-detail svg{color:var(--color-accent);flex-shrink:0}.contact .contact-form-wrapper form{display:flex;flex-direction:column;gap:16px}.contact .contact-form-wrapper .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.contact .contact-form-wrapper .form-row{grid-template-columns:1fr}}.contact .contact-form-wrapper input,.contact .contact-form-wrapper textarea{width:100%;padding:16px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);font-size:15px;font-family:inherit;transition:border-color.2s ease;outline:none}.contact .contact-form-wrapper input::placeholder,.contact .contact-form-wrapper textarea::placeholder{color:var(--color-text-tertiary)}.contact .contact-form-wrapper input:focus,.contact .contact-form-wrapper textarea:focus{border-color:var(--color-accent)}.contact .contact-form-wrapper textarea{resize:vertical;min-height:120px}.contact .contact-form-wrapper .btn{align-self:flex-start;margin-top:8px}:root{--color-bg:#09090b;--color-bg-elevated:#18181b;--color-bg-card:#111113;--color-bg-glass:rgba(9, 9, 11, 0.8);--color-border:#27272a;--color-border-hover:#3f3f46;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-accent:#818cf8;--color-accent-hover:#6366f1;--color-gradient-start:#6366f1;--color-gradient-end:#a855f7}[data-theme=light]{--color-bg:#ffffff;--color-bg-elevated:#f4f4f5;--color-bg-card:#ffffff;--color-bg-glass:rgba(255, 255, 255, 0.8);--color-border:#e4e4e7;--color-border-hover:#d4d4d8;--color-text-primary:#09090b;--color-text-secondary:#52525b;--color-text-tertiary:#a1a1aa;--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-gradient-start:#6366f1;--color-gradient-end:#a855f7}.menu{position:fixed;inset:0;background:var(--color-bg);z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity.4s cubic-bezier(.4,0,.2,1)}.menu.active{opacity:1;pointer-events:all}.menu ul{list-style:none;padding:0;margin:0;text-align:center}.menu ul li{margin-bottom:32px}.menu ul li a{font-size:36px;font-weight:600;color:var(--color-text-primary);text-decoration:none;transition:color.2s ease;letter-spacing:-.02em}.menu ul li a:hover{color:var(--color-accent)}