:root{--primary: #0A1128;--secondary: #0F172A;--background: #020617;--surface: #0a0f1e;--surface-elevated: #111827;--brand-purple: #6528F7;--brand-purple-hover: #5520D9;--brand-purple-active: #4518BB;--cta: #6528F7;--cta-hover: #5520D9;--cta-active: #4518BB;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-tertiary: #64748B;--black: #0F172A;--white: #FFFFFF;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--accent: var(--cta);--accent-hover: var(--cta-hover);--accent-active: var(--cta-active);--border: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--border-focus: var(--cta);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .2);--glass-blur: 20px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--gradient-start: var(--background);--gradient-mid: var(--primary);--gradient-end: var(--secondary);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-12: 96px;--space-16: 128px;--space-related: var(--space-2);--space-component: var(--space-4);--space-section: var(--space-12);--font-primary: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Space Grotesk", var(--font-primary);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.618rem;--font-size-xl: 2.618rem;--font-size-2xl: 3.5rem;--font-size-3xl: 5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-instant: .1s;--duration-fast: .2s;--duration-base: .3s;--duration-slow: .5s;--duration-slower: .7s;--transition-fast: var(--duration-fast) var(--ease-out);--transition-base: var(--duration-base) var(--ease-in-out);--transition-slow: var(--duration-slow) var(--ease-in-out);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .25);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .3);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .4);--shadow-glow: 0 0 24px rgba(101, 40, 247, .3);--shadow-glow-lg: 0 0 48px rgba(101, 40, 247, .4);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);background-color:var(--background);color:var(--text-primary);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);transition:background-color var(--transition-base),color var(--transition-base);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body{background-color:var(--background)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:80vh;background:radial-gradient(circle at 50% -20%,rgba(101,40,247,.08),transparent 70%);pointer-events:none;z-index:0}body:after{display:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-3);color:var(--text-primary)}h1{font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-4)}h2{font-size:var(--font-size-2xl);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-4)}h3{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-3)}h4{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}h5{font-size:var(--font-size-md);margin-bottom:var(--space-2)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3);color:var(--text-secondary)}.text-large{font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.text-small{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-3);width:100%}.section{padding:var(--space-section) 0}.section-small{padding:var(--space-8) 0}.grid{display:grid;gap:var(--space-component)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-full);background:#fff3;transform:translate(-50%,-50%);transition:width var(--duration-base) var(--ease-out),height var(--duration-base) var(--ease-out)}@media(hover:hover)and (pointer:fine){.btn:hover:before{width:300px;height:300px}}.btn-primary{background:var(--cta);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--cta-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow),var(--shadow-lg)}.btn-primary:active{background:var(--cta-active);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}.btn-secondary{background:transparent;color:var(--cta);border:2px solid var(--cta)}.btn-secondary:hover{background:var(--cta);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary:active{transform:translateY(0)}.btn-large{padding:.875rem 3rem;font-size:1.125rem;border-radius:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-component);transition:all var(--transition-fast);position:relative;box-shadow:var(--glass-shadow);cursor:pointer}.card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(34,197,94,.05) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--border-hover)}.card:hover:after{opacity:1}.card-elevated{background:var(--surface-elevated);box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-2xl)}@keyframes snowfall{0%{transform:translateY(-10vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(110vh) translate(100px);opacity:0}}@keyframes snowfallLeft{0%{transform:translateY(-10vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(110vh) translate(-100px);opacity:0}}.snowflake{position:fixed;top:-10vh;color:#6528f726;font-size:1em;pointer-events:none;z-index:var(--z-base);-webkit-user-select:none;user-select:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 8px rgba(101,40,247,.4))}50%{filter:drop-shadow(0 0 16px rgba(101,40,247,.7))}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .8s ease-out forwards}.animate-slide-in-right{animation:slideInRight .8s ease-out forwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.snowflake{display:none}}@media(max-width:768px){:root{--font-size-3xl: 3.5rem;--font-size-2xl: 2.5rem;--font-size-xl: 2rem}.section{padding:var(--space-8) 0}}@media(max-width:480px){:root{--font-size-3xl: 2.5rem;--font-size-2xl: 2rem}}.text-center{text-align:center}.text-accent{color:var(--accent)}.text-accent-secondary{color:var(--accent-secondary)}.gradient-text{background:linear-gradient(135deg,var(--cta),var(--cta-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.modal-overlay{position:fixed;inset:0;background:#020617d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.modal-content{background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;max-width:650px;max-height:90vh;width:100%;position:relative;box-shadow:var(--shadow-2xl),0 0 40px #6528f726;animation:scaleUp .4s cubic-bezier(.2,.8,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-title{font-size:2rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--white),var(--text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modal-subtitle{font-size:1.25rem;margin:2rem 0 1rem;color:var(--cta)}.modal-body p{font-size:1.05rem;line-height:1.7;margin-bottom:1.2rem;color:var(--text-secondary)}.modal-body strong{color:var(--text-primary);font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.modal-overlay{padding:10px}.modal-content{padding:2.5rem 1.5rem 1.5rem}.modal-title{font-size:1.5rem;margin-bottom:1rem}.modal-subtitle{margin:1.5rem 0 .75rem}}.hero{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:var(--background);padding-top:var(--space-16)}.hero-header{position:absolute;top:0;left:0;right:0;padding:var(--space-4);display:flex;justify-content:space-between;align-items:center;z-index:var(--z-fixed)}.hero-logo,.hero-top-right{display:flex;align-items:center}.btn-vibe-coding{background:#6528f70d;border:1.5px solid var(--cta);color:var(--white);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(hover:hover){.btn-vibe-coding:hover{background:var(--cta);color:var(--white);box-shadow:0 0 20px #6528f74d}}.logo-image{height:52px;width:auto;display:block}.hero-content{position:relative;z-index:var(--z-dropdown);text-align:center;max-width:1000px;padding:0 var(--space-3);margin-top:var(--space-8)}.hero-text{margin-bottom:var(--space-6)}.hero-title{font-size:5rem;font-weight:700;margin-bottom:var(--space-2);line-height:1.1;letter-spacing:-.04em;opacity:0;color:var(--text-primary)}.hero-subtitle{font-size:1.25rem;line-height:1.3;color:var(--text-secondary);max-width:650px;margin:0 auto 1.5rem;opacity:0;font-weight:var(--font-weight-normal)}.hero-description{max-width:750px;margin:0 auto 3rem;line-height:1.6;opacity:0;color:var(--text-tertiary)}.hero-cta{opacity:0;margin-bottom:2.5rem;width:100%}.hero-cta-buttons{display:flex;justify-content:center;align-items:center;gap:1.5rem}.btn-large{padding:.875rem 3rem;font-size:1.125rem;border-radius:12px;text-transform:none;letter-spacing:0;font-weight:600;transition:all .3s ease-out}.hero-cta-buttons .btn-primary{background:var(--cta);box-shadow:0 0 20px #6528f733}.cta-subtext{font-size:.875rem;color:var(--text-tertiary);opacity:.6}.btn-large:hover{transform:translateY(-2px);box-shadow:0 0 30px #6528f780;background:var(--cta-hover)}.hero-tags{display:flex;flex-wrap:wrap;gap:1.5rem 3.5rem;justify-content:center;align-items:center;max-width:700px;margin:4rem auto 0;opacity:0}.tech-logo-item{display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .3s cubic-bezier(.4,0,.2,1);height:48px;width:auto}@media(min-width:992px){.hero-tags{max-width:500px}}.tech-logo-item:hover{opacity:1;transform:translateY(-4px) scale(1.05)}.tech-logo-img{max-height:20px;max-width:140px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.8;transition:opacity .3s ease}.tech-logo-item[title="Google Antigravity"] .tech-logo-img{max-height:28px}.tech-logo-item[title=Gemini] .tech-logo-img,.tech-logo-item[title=Replit] .tech-logo-img{max-height:20px}.tech-logo-item[title=OpenAI] .tech-logo-img{max-height:22px}@media(max-width:768px){.hero-tags{gap:2.5rem;padding:0 1.5rem}.tech-logo-img{max-height:20px}.tech-logo-item[title="Google Antigravity"] .tech-logo-img{max-height:24px}.tech-logo-item[title=OpenAI] .tech-logo-img{max-height:20px}}.openclaw-icon{font-size:2.5rem;color:var(--text-primary);line-height:1}.scroll-indicator{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:var(--z-dropdown)}.scroll-arrow{width:24px;height:24px;border-left:1px solid var(--cta);border-bottom:1px solid var(--cta);transform:rotate(-45deg);animation:bounce 2s infinite;opacity:.5}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(-45deg)}40%{transform:translateY(-10px) rotate(-45deg)}60%{transform:translateY(-5px) rotate(-45deg)}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;will-change:transform,opacity}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero{padding-top:var(--space-12)}.hero-title{font-size:3.5rem}.hero-header{padding:var(--space-3) var(--space-4)}.logo-image{height:36px}.hero-cta-buttons{flex-direction:column;gap:1rem;padding:0 1rem}.hero-cta-buttons .btn{width:100%;max-width:400px}.hero-content{margin-top:var(--space-6)}}@media(max-width:480px){.hero{padding-top:var(--space-8)}.logo-image{height:32px}.hero-title{font-size:2.75rem}.hero-header{padding:var(--space-2) var(--space-4)}}.services{background:var(--background);position:relative}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem;max-width:800px;margin-left:auto;margin-right:auto}.service-card{opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;padding:2rem 1.5rem;text-align:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px}.service-card.visible{opacity:1;transform:translateY(0)}.service-card:hover{border-color:var(--cta);background:#ffffff0a}.service-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--cta);transform:scaleX(0);transition:transform .3s ease}.service-card:hover:before{transform:scaleX(1)}.service-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.service-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0 auto;max-width:280px}@media(max-width:768px){.services-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.service-card{padding:1.5rem}.service-description{max-width:100%;font-size:.9rem}}.process{background:var(--background);position:relative;overflow:hidden}.section-header{margin-bottom:var(--space-8)}.section-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);color:var(--text-primary)}.section-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:var(--line-height-relaxed)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;max-width:1000px;margin-left:auto;margin-right:auto;position:relative}.process-card{opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;padding:2rem 1.5rem;text-align:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:180px}.process-card.visible{opacity:1;transform:translateY(0)}.process-card:hover{border-color:var(--cta);background:#ffffff0f}.process-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--cta);transform:scaleX(0);transition:transform .3s ease}.process-card:hover:before{transform:scaleX(1)}.process-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.process-number{font-size:.85rem;font-weight:700;color:var(--cta);margin-bottom:.5rem;letter-spacing:.1em;opacity:.8}.process-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0 auto;max-width:280px}@media(max-width:1024px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.process-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem}.process-card{padding:1.5rem;min-height:auto}.process-description{max-width:100%;font-size:.9rem}}.cta{background:var(--background);position:relative;overflow:hidden;padding:2rem 0}.cta-content{position:relative;z-index:var(--z-dropdown);display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;text-align:center;padding:var(--space-4) 0}.cta-content .section-title{font-size:var(--font-size-2xl);margin-bottom:.75rem}.cta-content .btn{margin-bottom:.35rem}.cta-subtext{font-size:.8125rem;color:var(--text-tertiary);opacity:.8;margin-top:0}.cta-text{text-align:left}.cta-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary)}.cta-description{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.cta-benefits{display:flex;flex-direction:column;gap:var(--space-3)}.benefit{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--text-secondary)}.benefit-icon{color:var(--cta);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);flex-shrink:0}.cta-booking{display:flex;justify-content:center;align-items:center}.booking-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--glass-shadow);text-align:center;width:100%;max-width:500px;transition:all var(--transition-fast)}.booking-card:hover{box-shadow:var(--shadow-xl);border-color:var(--border-hover)}.booking-title{font-size:var(--font-size-xl);margin-bottom:var(--space-2);color:var(--text-primary)}.booking-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-4)}.booking-action{display:flex;flex-direction:column;gap:var(--space-2)}.booking-note{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0}.cta-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border);text-align:center}.footer-text{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}@media(max-width:1024px){.cta-content{grid-template-columns:1fr;gap:var(--space-6)}.cta-text{text-align:center}.cta-title{font-size:var(--font-size-xl)}.cta-benefits{align-items:center}}@media(max-width:768px){.cta-content{padding:var(--space-6) 0}.cta-title{font-size:var(--font-size-lg)}.cta-description,.cta-subtitle{font-size:var(--font-size-base)}.booking-card{padding:var(--space-4)}}.project-page{min-height:100vh;padding-bottom:0}.project-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);position:absolute;top:0;left:0;right:0;z-index:var(--z-fixed)}.back-link{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);text-decoration:none;font-family:var(--font-primary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.back-link:hover{color:var(--cta)}.logo-image-small{height:32px;width:auto}.project-hero{padding-top:var(--space-16);padding-bottom:var(--space-6);position:relative;z-index:10}.badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);background:#6528f726;color:var(--cta);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-4);border:1px solid rgba(101,40,247,.3)}.project-title{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.project-subtitle{font-size:var(--font-size-lg);max-width:800px;margin:0 auto;color:var(--text-secondary)}.showcase-card{position:relative;border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--glass-border);box-shadow:var(--shadow-2xl);background:var(--surface)}.showcase-image{width:100%;height:auto;display:block;object-fit:cover;transition:transform var(--transition-slow)}.showcase-card:hover .showcase-image{transform:scale(1.02)}.showcase-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4);background:linear-gradient(to top,rgba(15,23,42,.9),transparent);display:flex;justify-content:center}.tech-stack-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.pill{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 16px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--white);border:1px solid rgba(255,255,255,.2)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-component);margin-top:var(--space-6)}.content-column{display:flex;flex-direction:column;gap:var(--space-component)}.text-card p{margin-bottom:var(--space-3)}.pain-alert{background:#ef44441a;border-left:4px solid #ef4444;padding:var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start}.pain-alert svg{color:#ef4444;flex-shrink:0;margin-top:4px}.pain-alert p{margin:0;color:var(--text-primary);font-size:var(--font-size-sm)}.highlight-card{background:linear-gradient(145deg,var(--surface),rgba(101,40,247,.1));border-color:#6528f74d}.highlight-icon{font-size:2rem;margin-bottom:var(--space-3)}.feature-list{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.feature-item{display:flex;gap:var(--space-3);align-items:flex-start}.feature-dot{width:12px;height:12px;border-radius:50%;background:var(--cta);margin-top:6px;box-shadow:0 0 10px var(--cta);flex-shrink:0}.feature-item h4{margin-bottom:4px;font-size:var(--font-size-base)}.feature-item p{margin:0}.target-card{background:var(--surface-elevated)}.accent-quote{display:block;font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--cta);margin-top:var(--space-4);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.results-list{list-style:none;margin:var(--space-4) 0;padding:0}.results-list li{margin-bottom:var(--space-2);color:var(--text-secondary)}.results-list strong{color:var(--text-primary)}.mt-3{margin-top:var(--space-3)}@media(max-width:968px){.content-grid{grid-template-columns:1fr}}@media(max-width:768px){.project-hero{padding-top:var(--space-12)}.project-title{font-size:var(--font-size-2xl)}.project-subtitle{font-size:var(--font-size-md)}}