.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:120px 24px 80px}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);top:-200px;left:-100px}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--secondary) 0%,transparent 70%);bottom:-150px;right:-100px;animation-delay:-5s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);top:50%;right:10%;animation-delay:-10s}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:50px 50px;opacity:.1;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.hero-content{position:relative;z-index:1;max-width:900px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#986a441a;border:1px solid rgba(152,106,68,.3);border-radius:100px;color:var(--primary);font-size:14px;font-weight:500;margin-bottom:32px;animation:fadeInUp .8s ease-out}.hero-title{font-size:clamp(48px,8vw,88px);font-weight:800;margin-bottom:24px;line-height:1.1;animation:fadeInUp .8s ease-out .2s backwards}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 8s ease infinite}.hero-description{font-size:clamp(18px,2vw,22px);color:var(--text-secondary);max-width:700px;margin:0 auto 48px;line-height:1.7;animation:fadeInUp .8s ease-out .4s backwards}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:80px;animation:fadeInUp .8s ease-out .6s backwards}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;border-radius:16px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 8px 32px #986a444d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 48px #986a4466}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 8px 32px #986a4433}.hero-stats{display:flex;gap:64px;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .8s backwards}.stat{text-align:center}.stat-value{font-size:clamp(32px,4vw,48px);font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:500}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:2px;height:60px;background:linear-gradient(to bottom,var(--primary),transparent);animation:scrollPulse 2s ease-in-out infinite}.scroll-line{width:100%;height:20px;background:var(--primary);border-radius:2px;animation:scrollMove 2s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes scrollMove{0%{transform:translateY(0)}to{transform:translateY(40px)}}@media(max-width:768px){.hero{padding:100px 20px 60px}.hero-cta{flex-direction:column;align-items:stretch}.btn{width:100%;justify-content:center}.hero-stats{gap:40px}}.features-section{background:linear-gradient(180deg,var(--background) 0%,rgba(38,38,38,.3) 100%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto}.feature-card{position:relative;padding:40px;background:var(--surface);border:1px solid var(--border);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(30px);overflow:hidden}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-color),transparent);opacity:0;transition:opacity .4s;border-radius:24px}.feature-card:hover{transform:translateY(-8px);border-color:var(--accent-color);box-shadow:0 20px 60px #0006}.feature-card:hover:before{opacity:.05}.feature-icon-wrapper{position:relative;width:72px;height:72px;margin-bottom:24px}.feature-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-color);opacity:.1;border-radius:16px;transition:all .4s}.feature-card:hover .feature-icon-bg{opacity:.2;transform:scale(1.1) rotate(5deg)}.feature-icon{position:relative;z-index:1;color:var(--accent-color);margin:20px;transition:transform .4s}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-5deg)}.feature-title{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text)}.feature-description{font-size:16px;line-height:1.7;color:var(--text-secondary);font-family:Inter,sans-serif}.feature-glow{position:absolute;bottom:-50%;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,var(--accent-color),transparent);opacity:0;filter:blur(60px);transition:opacity .4s;pointer-events:none}.feature-card:hover .feature-glow{opacity:.3}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:32px}}.capabilities-section{background:var(--background);position:relative}.capabilities-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--border),transparent)}.capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1200px;margin:0 auto}.capability-card{position:relative;padding:32px;background:#26262680;border:1px solid var(--border);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.capability-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 16px 48px #986a4433}.capability-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.capability-category{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.capability-count{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#986a441a;border:1px solid rgba(152,106,68,.3);border-radius:8px;font-size:14px;font-weight:600;color:var(--primary)}.capability-list{list-style:none;display:flex;flex-direction:column;gap:16px}.capability-item{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--text-secondary);transition:all .3s}.capability-item:hover{color:var(--text);transform:translate(4px)}.check-icon{flex-shrink:0;color:var(--success);margin-top:2px}@media(max-width:768px){.capabilities-grid{grid-template-columns:1fr;gap:24px}.capability-card{padding:24px}}.tech-stack-section{background:linear-gradient(180deg,var(--background) 0%,rgba(38,38,38,.3) 100%);overflow:hidden}.tech-container{position:relative;max-width:1000px;margin:0 auto 80px}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.tech-card{position:relative;padding:24px 20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;animation:fadeInScale .6s ease-out forwards}.tech-card:hover{transform:translateY(-4px) scale(1.05);border-color:var(--primary);box-shadow:0 12px 40px #986a444d;background:linear-gradient(135deg,#986a441a,#b5835a1a)}.tech-name{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.tech-category{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:500}.tech-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;margin-top:60px}.tech-stat{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#26262680;border:1px solid var(--border);border-radius:16px;min-width:200px;transition:all .3s}.tech-stat:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 8px 32px #986a4433}.tech-stat-icon{font-size:40px;filter:grayscale(.3);transition:all .3s}.tech-stat:hover .tech-stat-icon{filter:grayscale(0);transform:scale(1.2)}.tech-stat-text{font-size:16px;font-weight:600;color:var(--text);text-align:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.tech-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.tech-card{padding:20px 16px}.tech-stats{gap:24px}.tech-stat{min-width:160px}}.showcase-section{background:var(--background)}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto}.showcase-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.showcase-card:hover{transform:translateY(-8px);box-shadow:0 24px 64px #00000080;border-color:var(--primary)}.showcase-image-wrapper{position:relative;width:100%;height:240px;overflow:hidden}.showcase-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.showcase-card:hover .showcase-image{transform:scale(1.1)}.showcase-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s}.showcase-card:hover .showcase-overlay{opacity:1}.showcase-link{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:var(--background);border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transform:translateY(10px);transition:all .3s}.showcase-card:hover .showcase-link{transform:translateY(0)}.showcase-link:hover{transform:scale(1.05);box-shadow:0 8px 24px #ffffff4d}.showcase-content{padding:24px}.showcase-title{font-size:22px;font-weight:700;margin-bottom:12px;color:var(--text)}.showcase-description{font-size:15px;line-height:1.6;color:var(--text-secondary);margin-bottom:16px;font-family:Inter,sans-serif}.showcase-tags{display:flex;flex-wrap:wrap;gap:8px}.showcase-tag{padding:6px 12px;background:#986a441a;border:1px solid rgba(152,106,68,.3);border-radius:8px;font-size:12px;font-weight:500;color:var(--primary)}@media(max-width:768px){.showcase-grid{grid-template-columns:1fr;gap:24px}}.cta-section{padding:160px 24px}.cta-container{position:relative;max-width:900px;margin:0 auto;padding:80px 60px;background:var(--surface);border:1px solid var(--border);border-radius:32px;overflow:hidden}.cta-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cta-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.cta-orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);top:-200px;right:-100px}.cta-orb-2{width:350px;height:350px;background:radial-gradient(circle,var(--secondary) 0%,transparent 70%);bottom:-150px;left:-100px}.cta-content{position:relative;z-index:1;text-align:center}.cta-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#986a441a;border:1px solid rgba(152,106,68,.3);border-radius:100px;color:var(--primary);font-size:14px;font-weight:500;margin-bottom:24px}.cta-title{font-size:clamp(40px,6vw,64px);font-weight:800;margin-bottom:24px;line-height:1.1}.cta-description{font-size:clamp(16px,2vw,20px);line-height:1.7;color:var(--text-secondary);max-width:600px;margin:0 auto 40px;font-family:Inter,sans-serif}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.btn-large{padding:18px 36px;font-size:17px}.cta-features{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}.cta-feature{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text-secondary);font-weight:500}.cta-feature-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:50%;color:var(--success);font-size:12px;font-weight:700}@media(max-width:768px){.cta-section{padding:100px 20px}.cta-container{padding:60px 32px}.cta-buttons{flex-direction:column;align-items:stretch}.btn-large{width:100%;justify-content:center}.cta-features{flex-direction:column;gap:16px}}.footer{background:var(--surface);border-top:1px solid var(--border);padding:80px 24px 32px}.footer-content{max-width:1200px;margin:0 auto 48px;display:grid;grid-template-columns:1.5fr 2fr 1fr;gap:64px}.footer-brand{display:flex;flex-direction:column;gap:12px}.footer-logo{font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{font-size:15px;color:var(--text-secondary);font-family:Inter,sans-serif}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-heading{font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.footer-link{font-size:15px;color:var(--text-secondary);text-decoration:none;transition:all .3s;font-family:Inter,sans-serif}.footer-link:hover{color:var(--primary);transform:translate(4px)}.footer-social{display:flex;gap:12px;align-items:flex-start}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#986a441a;border:1px solid rgba(152,106,68,.3);border-radius:12px;color:var(--primary);text-decoration:none;transition:all .3s}.social-link:hover{background:var(--primary);color:#fff;transform:translateY(-4px);box-shadow:0 8px 24px #986a4466}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:32px;border-top:1px solid var(--border);text-align:center}.footer-copyright{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:6px;font-family:Inter,sans-serif}.heart-icon{color:var(--error);animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-width:1024px){.footer-content{grid-template-columns:1fr;gap:48px}.footer-links{grid-template-columns:repeat(3,1fr)}.footer-social{justify-content:center}}@media(max-width:768px){.footer{padding:60px 20px 24px}.footer-links{grid-template-columns:1fr;gap:32px}.footer-copyright{flex-direction:column;gap:8px}}.app{position:relative;overflow-x:hidden}.section{position:relative;padding:120px 24px;max-width:1400px;margin:0 auto}.section-title{font-size:clamp(40px,5vw,64px);text-align:center;margin-bottom:24px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:clamp(18px,2vw,22px);text-align:center;color:var(--text-secondary);max-width:700px;margin:0 auto 80px;font-family:Ubuntu,sans-serif;font-weight:400}@media(max-width:768px){.section{padding:80px 20px}.section-subtitle{margin-bottom:60px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #986a44;--secondary: #b5835a;--accent: #cdab8f;--background: #171717;--surface: #262626;--text: #FFFFFF;--text-secondary: #A3A3A3;--border: #2F2F2F;--success: #10b981;--warning: #f59e0b;--error: #ef4444}body{font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:700;line-height:1.2}button{font-family:Ubuntu,sans-serif}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}