@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Bold.woff2) format("woff2"),url(/fonts/SpaceMono-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Light.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Medium.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Bold.woff2) format("woff2"),url(/fonts/PlusJakartaSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}:root{--slate-900: #0F1419;--slate-800: #1A1F26;--slate-700: #252B33;--slate-600: #3A4149;--slate-500: #4F5760;--amber-600: #D4A574;--amber-500: #E0B888;--amber-300: #EDD1AA;--white: #FFFFFF;--grey-100: #F5F5F6;--grey-300: #D1D5DB;--grey-500: #6B7280;--grey-700: #374151;--success: #4F6F52;--error: #8B4F47;--primary-color: #D4A574;--secondary-color: #C99A66;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .6);--bg-primary: #0F1419;--bg-secondary: #1A1F26;--border-color: rgba(255, 255, 255, .06);--dark-navy: #0F1419;--slate-blue: #1A1F26;--gradient-dark: linear-gradient(160deg, #1A1F26 0%, #0F1419 100%);--gradient-accent: linear-gradient(120deg, #D4A574 0%, #C99A66 100%);--gradient-card: linear-gradient(145deg, rgba(37, 43, 51, .6) 0%, rgba(26, 31, 38, .8) 100%);--overlay-film: linear-gradient(180deg, rgba(15, 20, 25, 0) 0%, rgba(15, 20, 25, .4) 50%, rgba(15, 20, 25, .75) 100%);--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 12px rgba(0, 0, 0, .12), 0 20px 40px rgba(0, 0, 0, .2);--shadow-card: 0 4px 6px rgba(0, 0, 0, .1), 0 12px 24px rgba(0, 0, 0, .15);--shadow-card-hover: 0 8px 12px rgba(0, 0, 0, .12), 0 20px 40px rgba(0, 0, 0, .2);--shadow-glow: 0 0 0 1px rgba(212, 165, 116, .08);--shadow-button: 0 4px 12px rgba(0, 0, 0, .15);--opacity-ghost: .04;--opacity-subtle: .08;--opacity-muted: .15;--opacity-visible: .3;--opacity-strong: .6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-xxl: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 6px;--blur-sm: 8px;--blur-md: 12px;--blur-lg: 24px;--transition-fast: .2s ease;--transition-default: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--font-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Space Mono", "SF Mono", monospace;--font-mono: "Space Mono", "SF Mono", "Roboto Mono", "Courier New", monospace;--filter-desaturate: brightness(.75) contrast(1.1) saturate(.6) grayscale(.2);--filter-desaturate-hover: brightness(.8) contrast(1.15) saturate(.7) grayscale(.1)}[data-theme=light]{--slate-900: #F8F9FA;--slate-800: #E9ECEF;--slate-700: #CED4DA;--slate-600: #6C757D;--slate-500: #495057;--amber-600: #B8935F;--amber-500: #C99A66;--amber-300: #D4A574;--white: #1A1F26;--grey-100: #212529;--grey-300: #495057;--grey-500: #6C757D;--grey-700: #ADB5BD;--primary-color: #B8935F;--secondary-color: #A67C52;--text-primary: rgba(0, 0, 0, .95);--text-secondary: rgba(0, 0, 0, .7);--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--border-color: rgba(0, 0, 0, .12);--dark-navy: #FFFFFF;--slate-blue: #F8F9FA;--gradient-dark: linear-gradient(160deg, #F8F9FA 0%, #FFFFFF 100%);--gradient-accent: linear-gradient(120deg, #B8935F 0%, #A67C52 100%);--gradient-card: linear-gradient(145deg, rgba(255, 255, 255, .9) 0%, rgba(248, 249, 250, .95) 100%);--overlay-film: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .6) 100%);--shadow: 0 4px 6px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 12px rgba(0, 0, 0, .12), 0 20px 40px rgba(0, 0, 0, .15);--shadow-card: 0 4px 6px rgba(0, 0, 0, .08), 0 12px 24px rgba(0, 0, 0, .12);--shadow-card-hover: 0 8px 12px rgba(0, 0, 0, .12), 0 20px 40px rgba(0, 0, 0, .18);--shadow-glow: 0 0 0 1px rgba(184, 147, 95, .25);--shadow-button: 0 4px 12px rgba(0, 0, 0, .15);--filter-desaturate: brightness(.95) contrast(1.1) saturate(.85) grayscale(.1);--filter-desaturate-hover: brightness(1) contrast(1.15) saturate(.95) grayscale(0)}body{margin:0;font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{color:var(--text-primary);background-color:var(--bg-primary);line-height:1.7;font-size:16px;font-weight:400;transition:background-color .3s ease,color .3s ease}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)"/></svg>');mix-blend-mode:overlay;z-index:9999}[data-theme=light] body:before{opacity:.015}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit;cursor:pointer}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1{font-family:var(--font-display);font-size:clamp(42px,5vw,64px);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:#fffffff2}h2{font-family:var(--font-display);font-size:clamp(28px,3.5vw,42px);font-weight:600;letter-spacing:-.02em;color:#ffffffeb}h3{font-family:var(--font-display);font-size:clamp(20px,2.5vw,28px);font-weight:600;letter-spacing:-.01em}.lead-text{font-size:17px;line-height:1.8;font-weight:400;color:#fff9;letter-spacing:.01em}.text-on-image{text-shadow:0 1px 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.2)}.label,.caption{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#d4a574cc}.section-title{font-family:var(--font-display);font-size:clamp(28px,3.5vw,42px);font-weight:600;text-align:center;margin-bottom:3rem;color:#ffffffeb;position:relative;letter-spacing:.05em;text-transform:uppercase}.section-title:after{content:"";display:block;width:60px;height:1px;background:#d4a57499;margin:1.5rem auto 0}[data-theme=light] h1{color:#000000f2}[data-theme=light] h2,[data-theme=light] h3{color:#000000e6}[data-theme=light] .lead-text{color:#000000b3}[data-theme=light] .section-title{color:#000000e6}[data-theme=light] .label,[data-theme=light] .caption{color:#b8935fe6}[data-theme=light] .section-title:after{background:#b8935fb3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--yellow-glow)}50%{box-shadow:0 0 40px var(--yellow-glow),0 0 60px var(--yellow-glow)}}.animate-in{animation:fadeInUp .6s ease-out forwards}.app{min-height:100vh;position:relative;overflow-x:hidden}.app>div[style*=opacity]{width:100%;will-change:transform,opacity,filter}.navigation{position:fixed;top:0;left:0;right:0;background:#0f1419d9;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(150%);backdrop-filter:blur(var(--blur-lg)) saturate(150%);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:none;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:16px 2rem;display:flex;justify-content:space-between;align-items:center}.logo-box{font-family:var(--font-mono);font-weight:700;font-size:18px;letter-spacing:-.02em;color:#fff;border:1.5px solid rgba(255,255,255,.15);padding:8px 12px;border-radius:var(--radius-sm);transition:var(--transition-default)}.logo-box:hover{border-color:#d4a57466}.logo-svg{height:40px;width:auto;filter:brightness(0) invert(1);transition:var(--transition-default)}.logo-svg:hover{filter:brightness(0) invert(1);opacity:.9}[data-theme=light] .logo-svg{filter:brightness(0) invert(0)}[data-theme=light] .logo-svg:hover{filter:brightness(0) invert(0);opacity:.9}.nav-menu{display:flex;list-style:none;gap:0;align-items:center;justify-content:center;flex:1}.nav-menu li{flex:1;display:flex;justify-content:center}.nav-menu li a{position:relative;font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#ffffffb3;text-decoration:none;transition:var(--transition-default);cursor:pointer;padding:.5rem 1rem}.nav-menu li a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#d4a57499;transition:width var(--transition-default)}.nav-menu li a:hover{color:#fffffff2}.nav-menu li a:hover:after{width:100%}.nav-menu li a.active{color:#d4a574}.nav-login{display:flex;align-items:center;gap:.5rem;padding:8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);transition:var(--transition-default)}.nav-login:hover{background:#d4a57414;border-color:#d4a5744d;color:#d4a574}.nav-login svg{flex-shrink:0}.nav-toggle{display:none;flex-direction:column;gap:4px;background:transparent;padding:.5rem}.nav-toggle span{width:25px;height:3px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxl) 2rem var(--spacing-xl);background:var(--dark-navy);overflow:hidden}.hero-shader-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.6}.shader-animation-container{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.shader-animation-container canvas{width:100%!important;height:100%!important;display:block}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0%,rgba(26,35,50,.4) 100%);pointer-events:none;z-index:1}.hero-content{position:relative;max-width:1200px;text-align:center;z-index:2}.hero-logo{display:flex;gap:1.5rem;justify-content:center;margin-bottom:3rem}.hero-logo-svg{height:120px;width:auto;filter:brightness(0) invert(1);transition:var(--transition-slow);animation:fadeInScale 1s ease-out}[data-theme=light] .hero-logo-svg{filter:brightness(0) invert(0)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.logo-box-large{width:100px;height:100px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);color:#fffffff2;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:3rem;font-family:var(--font-mono);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));box-shadow:var(--shadow-card);transition:var(--transition-slow)}.logo-box-large:hover{transform:translateY(-4px);background:#d4a57414;border-color:#d4a5744d;box-shadow:var(--shadow-card-hover)}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;margin-bottom:1.5rem;line-height:1.1;letter-spacing:.05em;text-shadow:0 4px 20px rgba(0,0,0,.5)}.hero-subtitle{font-size:clamp(1.25rem,3vw,1.75rem);color:var(--text-secondary);margin-bottom:2rem;font-weight:400;letter-spacing:.02em}.hero-description{font-size:1.125rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.8}.btn{padding:14px 32px;font-size:14px;font-weight:500;border-radius:var(--radius-full);letter-spacing:.3px;text-transform:uppercase;transition:var(--transition-default);cursor:pointer;font-family:var(--font-primary)}.btn-primary{background:#d4a5741f;border:1px solid rgba(212,165,116,.3);color:#edd1aa;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));box-shadow:none}.btn-primary:hover{background:#d4a5742e;border-color:#d4a57480;transform:translateY(-1px);box-shadow:0 8px 16px #00000026}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fffc;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.btn-secondary:hover{border-color:#ffffff4d;background:#ffffff0d;color:#fff}[data-theme=light] .btn-primary{background:#b8935f26;border:1.5px solid rgba(184,147,95,.5);color:#6b4e2a;font-weight:600}[data-theme=light] .btn-primary:hover{background:#b8935f40;border-color:#b8935fb3;color:#5a3d1f}[data-theme=light] .btn-secondary{background:transparent;border:1.5px solid rgba(0,0,0,.2);color:#000c}[data-theme=light] .btn-secondary:hover{border-color:#0006;background:#0000000d;color:#000000f2}[data-theme=light] .navigation{background:#b8935ff2;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(150%);backdrop-filter:blur(var(--blur-lg)) saturate(150%);border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .logo-box{color:#000000f2;border-color:#0003}[data-theme=light] .logo-box:hover{border-color:#0006}[data-theme=light] .nav-menu li a{color:#000c}[data-theme=light] .nav-menu li a:hover,[data-theme=light] .nav-menu li a.active{color:#000000f2}[data-theme=light] .nav-menu li a:after{background:#000c}[data-theme=light] .nav-login{background:#00000014;border-color:#0003;color:#000000e6}[data-theme=light] .nav-login:hover{background:#00000026;border-color:#0000004d;color:#000000f2}[data-theme=light] .logo-box-large{background:#00000014;border-color:#00000026;color:#000000f2}[data-theme=light] .logo-box-large:hover{background:#b8935f14;border-color:#b8935f4d}[data-theme=light] .hero-title,[data-theme=light] .hero-subtitle,[data-theme=light] .hero-description{color:#000000e6;text-shadow:none}[data-theme=light] .social-link{background:#0000000a;border-color:#0000001a;color:#0009}[data-theme=light] .social-link:hover{background:#b8935f14;border-color:#b8935f4d;color:#b8935f}.about{padding:6rem 2rem;background:var(--bg-primary)}.about-content{display:grid;grid-template-columns:300px 1fr;gap:4rem;max-width:1200px;margin:0 auto}.about-profile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.profile-image{width:280px;height:280px;border-radius:50%;overflow:hidden;background:var(--slate-blue);border:2px solid rgba(212,165,116,.2);box-shadow:0 8px 24px #0003,0 0 0 8px #d4a5740a;transition:var(--transition-default)}.profile-image:hover{border-color:#d4a57459;box-shadow:0 12px 32px #00000040,0 0 0 12px #d4a5740f}.profile-image img{width:100%;height:100%;object-fit:cover;filter:brightness(1.1) contrast(1.05) saturate(.95);transition:var(--transition-slow)}.profile-image:hover img{filter:brightness(1.15) contrast(1.1) saturate(1)}.social-links{display:flex;gap:1rem}.social-link{width:44px;height:44px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff9;transition:var(--transition-default)}.social-link svg{flex-shrink:0}.social-link:hover{background:#d4a57414;border-color:#d4a5744d;color:#d4a574;transform:translateY(-2px)}.service-item{padding:2rem;background:#2d3e5080;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:var(--transition-slow)}.service-item:hover{background:#2d3e50b3;border-color:#d4a5744d;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.service-icon{font-size:2rem;margin-bottom:1rem;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#d4a57426,#d4a57414);border:1px solid rgba(212,165,116,.25);border-radius:50%;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff1a}.service-icon svg{color:#d4a574;opacity:.9}.service-item h3{font-size:1.1rem;margin-bottom:.75rem;font-weight:600;color:var(--white)}.service-item p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.services{padding:6rem 2rem;background:var(--slate-blue)}.services-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto 3rem}.service-card-flip{perspective:1000px;aspect-ratio:4/5;cursor:pointer}.service-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.service-card-flip:hover .service-card-inner{transform:rotateY(180deg)}.service-card-front,.service-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-lg);overflow:hidden}.service-card-front{background:#1a1f2666;-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(120%);backdrop-filter:blur(var(--blur-lg)) saturate(120%);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-card),inset 0 1px #ffffff08}.service-card-back{background:#1a1f26f2;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));border:1px solid rgba(212,165,116,.2);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;padding:2.5rem;box-shadow:var(--shadow-card-hover)}.service-image{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.service-image img{width:100%;height:100%;object-fit:cover;filter:var(--filter-desaturate);transition:var(--transition-slow)}.service-card-front:hover .service-image img{filter:var(--filter-desaturate-hover);transform:scale(1.02)}.service-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-film)}.service-back-content{text-align:center;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.service-back-main{font-size:1.125rem;line-height:1.7;color:#ffffffe6;font-weight:400;margin-bottom:.5rem}.service-back-sub{font-size:1rem;line-height:1.6;color:#ffffffb3;font-weight:300}.service-back-btn{margin-top:1rem;padding:14px 32px;background:transparent;border:1.5px solid rgba(255,255,255,.8);color:#fffffff2;font-family:var(--font-display);font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-default)}.service-back-btn:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}[data-theme=light] .service-card-front{background:#fffc;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .service-card-back{background:#f8f9fafa;border:1.5px solid rgba(184,147,95,.4)}[data-theme=light] .service-back-main{color:#000000e6}[data-theme=light] .service-back-sub{color:#000000b3}[data-theme=light] .service-back-btn{border:1.5px solid rgba(0,0,0,.6);color:#000000e6;font-weight:700}[data-theme=light] .service-back-btn:hover{background:#00000014;border-color:#000c}[data-theme=light] .service-overlay h3{color:#fffffff2;text-shadow:0 2px 8px rgba(0,0,0,.5)}[data-theme=light] .service-overlay p{color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.4)}.service-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem;z-index:2;color:#fff}.service-overlay h3{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin-bottom:.75rem;letter-spacing:.05em;text-shadow:0 2px 12px rgba(0,0,0,.4)}.service-overlay p{font-size:1rem;line-height:1.6;color:var(--text-secondary);text-shadow:0 2px 8px rgba(0,0,0,.3)}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.workspace{padding:6rem 2rem;background:var(--dark-navy);text-align:center}.workspace-intro{font-size:1.125rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:400}.workspace-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:2.5rem;font-weight:300}.workspace-mockup{max-width:1000px;margin:4rem auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 40px 100px #00000080,0 0 0 1px #ffffff1a;transition:var(--transition-slow)}.workspace-mockup:hover{transform:translateY(-8px);box-shadow:0 50px 120px #0009,0 0 60px #ffb8001a}.workspace-mockup img{width:100%;height:auto;display:block}.workspace-footer{max-width:800px;margin:4rem auto 0}.workspace-footer h3{font-family:var(--font-display);font-size:2rem;margin-bottom:1.5rem;color:var(--white)}.workspace-footer p{font-size:1.125rem;color:var(--text-secondary);line-height:1.8}.clients{position:relative;padding:6rem 2rem;background:var(--slate-blue);background-image:url(/content/hero-background.jpg);background-size:cover;background-position:center;overflow:hidden}.clients:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1a2332d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.clients .container{position:relative;z-index:1}.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;max-width:1200px;margin:0 auto}.client-item{text-align:center;transition:var(--transition-default)}.client-item:hover{transform:translateY(-8px)}.client-logo{height:140px;display:flex;align-items:center;justify-content:center;padding:2rem;border-radius:var(--radius-md);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;transition:var(--transition-default)}.client-item:hover .client-logo{background:transparent;box-shadow:none;border:none;transform:scale(1.05)}.client-logo img{max-width:100%;max-height:100%;width:auto;height:auto;filter:grayscale(100%) brightness(.9);opacity:.7;transition:var(--transition-default)}.client-item:hover .client-logo img{filter:grayscale(0%) brightness(1);opacity:1}.client-logo-large img{transform:scale(1.4)}.client-logo-normal img{transform:scale(1)}.client-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:300}.client-services{font-size:.875rem;color:var(--text-secondary);font-weight:400}[data-theme=light] .clients:before{background:#ffffffbf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}[data-theme=light] .client-logo,[data-theme=light] .client-item:hover .client-logo{background:transparent;border:none}[data-theme=light] .client-logo img{filter:brightness(0) saturate(100%) invert(0);opacity:.7}[data-theme=light] .client-item:hover .client-logo img{filter:brightness(0) saturate(100%) invert(0);opacity:1}.contact{padding:4rem 2rem;background:var(--dark-navy);border-top:1px solid rgba(255,255,255,.1)}.contact-footer{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:2rem}.footer-info{text-align:left}.footer-text{font-size:.95rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.8;font-weight:300}.footer-copyright{font-size:.875rem;color:#fff6;font-weight:300}.footer-eco{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#d4a57414;border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-secondary)}.eco-icon{color:#d4a574cc;flex-shrink:0}.footer-links{display:flex;align-items:center;gap:1rem}.footer-links a{color:var(--text-secondary);text-decoration:underline;transition:color var(--transition-default);font-weight:400;cursor:pointer}.footer-links a:hover{color:#d4a574}.footer-separator{color:#ffffff4d;font-size:.875rem}@media (max-width: 768px){.navigation{display:none}.contact-footer{flex-direction:column;align-items:center;gap:1.5rem}.footer-info{text-align:center}.footer-eco,.footer-links{width:100%;justify-content:center}.hero{padding:var(--spacing-xl) 1.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.logo-box-large{width:70px;height:70px;font-size:2.2rem}.about-content{grid-template-columns:1fr;gap:2rem}.service-item{padding:1.5rem;margin-bottom:1.5rem}.service-item:last-child{margin-bottom:0}.services-grid{grid-template-columns:1fr}.services-cards{grid-template-columns:1fr;gap:1.5rem}.service-card{aspect-ratio:3/4}.service-card-back{padding:1.5rem}.service-back-content{gap:1rem}.service-back-main{font-size:.95rem;line-height:1.6;margin-bottom:.25rem}.service-back-sub{font-size:.85rem;line-height:1.5}.service-back-btn{margin-top:.5rem;padding:12px 24px;font-size:.8rem}.clients-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.section-title{font-size:1.75rem}.btn{padding:14px 32px;font-size:.95rem}.container{max-width:100%;padding:0 1rem}.workspace{padding:6rem 0 2rem;margin-top:2rem}.workspace-mockup{margin:1rem 0;max-width:100%;padding:0;min-height:70vh;display:flex;align-items:center}.workspace-mockup img{border-radius:0;width:100%;height:auto;min-height:70vh;object-fit:contain}.workspace-intro,.workspace-subtitle{padding:0 1rem}}.features-grid-wrapper{display:grid;grid-template-columns:repeat(2,1fr);position:relative;z-index:10;max-width:1400px;margin:3rem auto 0}.feature-card{display:flex;flex-direction:column;padding:2.5rem;position:relative;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);transition:var(--transition-default);overflow:hidden}.feature-card.feature-left{border-left:1px solid rgba(255,255,255,.08)}.feature-card.feature-top{border-top:1px solid rgba(255,255,255,.08)}.feature-gradient{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;opacity:0;transition:opacity .2s ease;pointer-events:none}.feature-gradient-top{background:linear-gradient(to top,transparent 0%,rgba(212,165,116,.05) 100%)}.feature-gradient-bottom{background:linear-gradient(to bottom,transparent 0%,rgba(212,165,116,.05) 100%)}.feature-card:hover .feature-gradient{opacity:1}.feature-icon{margin-bottom:1rem;position:relative;z-index:10;color:#d4a574b3;transition:var(--transition-default)}.feature-card:hover .feature-icon{color:#d4a574e6;transform:scale(1.1)}.feature-content{position:relative;z-index:10;margin-bottom:.5rem}.feature-bar{position:absolute;left:-2.5rem;top:0;height:1.5rem;width:4px;border-radius:0 9999px 9999px 0;background:#d4a5744d;transition:all .2s ease;transform-origin:center}.feature-card:hover .feature-bar{height:2rem;background:#d4a574cc}.feature-title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--text-primary);transition:transform .2s ease;display:inline-block}.feature-card:hover .feature-title{transform:translate(.5rem)}.feature-description{font-size:.875rem;color:var(--text-secondary);max-width:32rem;position:relative;z-index:10;line-height:1.6}[data-theme=light] .feature-card{border-color:#0000001a}[data-theme=light] .feature-gradient-top{background:linear-gradient(to top,transparent 0%,rgba(184,147,95,.05) 100%)}[data-theme=light] .feature-gradient-bottom{background:linear-gradient(to bottom,transparent 0%,rgba(184,147,95,.05) 100%)}[data-theme=light] .feature-icon{color:#b8935fb3}[data-theme=light] .feature-card:hover .feature-icon{color:#b8935fe6}[data-theme=light] .feature-bar{background:#b8935f4d}[data-theme=light] .feature-card:hover .feature-bar{background:#b8935fcc}@media (max-width: 768px){.features-grid-wrapper{grid-template-columns:1fr;gap:2rem}.feature-card{border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:2rem 1.5rem;border-radius:var(--radius-md)}.feature-card:first-child{border-top:1px solid rgba(255,255,255,.08)}.feature-gradient-top,.feature-gradient-bottom{background:linear-gradient(to bottom,transparent 0%,rgba(212,165,116,.05) 100%)}[data-theme=light] .feature-gradient-top,[data-theme=light] .feature-gradient-bottom{background:linear-gradient(to bottom,transparent 0%,rgba(184,147,95,.05) 100%)}}.container-scroll-wrapper{height:60rem;display:flex;align-items:center;justify-content:center;position:relative;padding:.5rem}.container-scroll-inner{padding:2.5rem 0;width:100%;position:relative;perspective:1000px}.container-scroll-header{max-width:65%;margin:0 auto;text-align:center}.container-scroll-card{max-width:65%;width:65%;margin:-3rem auto 0;height:35rem;border:4px solid #6C6C6C;padding:.5rem;background:#222;border-radius:30px;box-shadow:0 20px 60px #00000080}.container-scroll-card-inner{height:100%;width:100%;overflow:hidden;border-radius:1rem;background:var(--slate-800);padding:1rem}.container-scroll-card-inner img{width:100%;height:100%;object-fit:cover;object-position:left top;border-radius:.5rem;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}[data-theme=light] .container-scroll-card{background:#e8e8e8;border-color:#aaa}[data-theme=light] .container-scroll-card-inner{background:#f5f5f5}@media (min-width: 768px){.container-scroll-wrapper{height:80rem;padding:5rem}.container-scroll-inner{padding:10rem 0}.container-scroll-card{height:45rem;padding:1.5rem}.container-scroll-card-inner{padding:1rem;border-radius:1rem}}@media (max-width: 768px){.container-scroll-wrapper{height:50rem}.container-scroll-card{height:25rem}}.design-content-page{min-height:100vh;overflow-x:hidden}.dc-hero{padding:var(--spacing-xxl) 2rem var(--spacing-xl);background:var(--slate-blue);text-align:center}.dc-hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;color:#fffffff2;letter-spacing:-.02em}.dc-services-overview{padding:4rem 2rem;background:var(--dark-navy)}.dc-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1400px;margin:0 auto}.dc-service-card{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer;transition:var(--transition-default)}.dc-service-card:hover{transform:scale(1.02);z-index:10}.dc-service-image{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.dc-service-image img{width:100%;height:100%;object-fit:cover;filter:var(--filter-desaturate);transition:var(--transition-slow)}.dc-service-card:hover .dc-service-image img{filter:var(--filter-desaturate-hover);transform:scale(1.02)}.dc-service-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;z-index:2}.dc-service-content h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:#fffffff2;margin-bottom:1.5rem;text-shadow:0 1px 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.2)}.dc-portfolio-btn{padding:12px 28px;background:transparent;border:1.5px solid rgba(212,165,116,.4);color:#edd1aa;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.dc-portfolio-btn:hover{background:#d4a57414;border-color:#d4a57499;letter-spacing:1.2px}.dc-brand-section{padding:6rem 2rem;background:transparent}.dc-brand-section h2{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,2.75rem);font-weight:600;color:#ffffffeb;text-align:center;margin-bottom:1.5rem;letter-spacing:-.01em;line-height:1.2}.dc-subtitle{text-align:center;max-width:900px;margin:0 auto 3rem;font-size:1.125rem;color:var(--text-secondary);line-height:1.8}.dc-cta-buttons{display:flex;gap:1.5rem;justify-content:center;margin-bottom:5rem;flex-wrap:wrap}.dc-brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:1200px;margin:0 auto 4rem}.dc-brand-text{position:relative;padding-left:2rem;padding:2rem 2rem 2rem 3rem;background:#ffffff05;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);transition:var(--transition-default)}.dc-brand-text:hover{background:#ffffff0a;border-color:#d4a57433;transform:translateY(-2px)}.dc-brand-gallery{max-width:1200px;margin:0 auto}[data-theme=light] .dc-hero{background:var(--slate-blue)}[data-theme=light] .dc-hero h1,[data-theme=light] .scroll-expand-title-first,[data-theme=light] .scroll-expand-title-rest{color:#fffffff2}[data-theme=light] .dc-brand-section h2{color:#b8935ff2}[data-theme=light] .dc-brand-text{background:#00000005;border-color:#00000014}[data-theme=light] .dc-brand-text:hover{background:#0000000a;border-color:#b8935f4d}[data-theme=light] .dc-brand-text h3{color:#000000f2}[data-theme=light] .dc-brand-text p{color:#000000b3}[data-theme=light] .dc-timeline-dot{background:#b8935f;box-shadow:0 0 0 3px #b8935f33}.dc-timeline-dot{position:absolute;left:1rem;top:2rem;width:10px;height:10px;background:#d4a574;border-radius:50%;box-shadow:0 0 0 3px #d4a57433}.dc-brand-text h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:#fffffff2;margin-bottom:1rem;letter-spacing:.02em}.dc-brand-text p{font-size:1rem;color:var(--text-secondary);line-height:1.8}.dc-brand-gallery{position:relative}.dc-gallery-scroll{display:flex;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem 0;scrollbar-width:none}.dc-gallery-scroll::-webkit-scrollbar{display:none}.dc-gallery-item{flex:0 0 300px;height:300px;border-radius:var(--radius-md);overflow:hidden;background:var(--dark-navy);border:1px solid rgba(255,255,255,.08)}.dc-gallery-item img{width:100%;height:100%;object-fit:cover;filter:var(--filter-desaturate);transition:var(--transition-slow)}.dc-gallery-item:hover img{filter:var(--filter-desaturate-hover)}.dc-gallery-controls{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.dc-gallery-btn{width:40px;height:40px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:1.2rem;cursor:pointer;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:var(--transition-default)}.dc-gallery-btn:hover{background:#d4a57414;color:#d4a574;border-color:#d4a5744d;transform:translateY(-2px)}.dc-photography{padding:6rem 2rem;background:transparent}.dc-photo-header{text-align:left;margin-bottom:4rem}.dc-photo-header h2{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--dark-navy);margin-bottom:.5rem}.dc-photo-subtitle{font-size:1rem;color:var(--text-secondary);font-weight:600;letter-spacing:2px}.dc-photo-showcase{position:relative;max-width:1000px;margin:0 auto;text-align:center}.dc-photo-main{position:relative;width:500px;height:500px;margin:0 auto;border-radius:50%;overflow:hidden;box-shadow:0 30px 80px #0000004d}.dc-photo-main img{width:100%;height:100%;object-fit:cover}.dc-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;color:var(--white)}.dc-lock-icon{font-size:3rem;margin-bottom:1rem}.dc-photo-circles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dc-photo-circle{position:absolute;width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--white);box-shadow:0 8px 24px #0003;pointer-events:all;cursor:pointer;transition:var(--transition-default)}.dc-photo-circle:hover{transform:scale(1.1);z-index:10}.dc-photo-circle img{width:100%;height:100%;object-fit:cover}.dc-circle-1{top:10%;left:50%;transform:translate(-50%)}.dc-circle-2{top:50%;right:5%;transform:translateY(-50%)}.dc-circle-3{bottom:10%;left:50%;transform:translate(-50%)}.dc-circle-4{top:50%;left:5%;transform:translateY(-50%)}.dc-photo-hint{margin-top:3rem;font-size:.875rem;color:var(--text-secondary);letter-spacing:1px}.dc-videography{padding:6rem 2rem;background:var(--dark-navy)}.dc-videography h2{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--white);margin-bottom:1.5rem;text-align:center}.dc-video-description{max-width:900px;font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin-bottom:4rem;text-align:center;margin-left:auto;margin-right:auto}.dc-video-content{display:flex;justify-content:center;align-items:center;margin-bottom:4rem}.dc-video-player{position:relative;width:100%;max-width:900px;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:var(--slate-blue);cursor:pointer}.dc-video-player img{width:100%;height:100%;object-fit:cover}.dc-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:#ffb800e6;border:none;color:var(--dark-navy);font-size:2rem;cursor:pointer;transition:var(--transition-default);display:flex;align-items:center;justify-content:center;padding-left:.3rem}.dc-play-button:hover{background:var(--primary-yellow);transform:translate(-50%,-50%) scale(1.1)}.dc-video-services{display:flex;flex-direction:column;gap:2rem}.dc-video-service-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#2d3e5080;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--white);font-size:1rem}.dc-service-icon{font-size:1.5rem}.dc-back-btn{display:block;margin:0 auto}.video-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .3s ease}.video-popup-content{background:var(--bg-primary);border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-lg);padding:3rem 2rem;max-width:500px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.video-popup-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-default);border-radius:var(--radius-sm)}.video-popup-close:hover{background:#d4a5741a;color:var(--primary-yellow)}.video-popup-content h3{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.video-popup-content p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem}.video-popup-content .btn{margin:0 auto}[data-theme=light] .video-popup-content{background:#fffffffa;border-color:#b8935f4d}[data-theme=light] .video-popup-content h3{color:#000000f2}[data-theme=light] .video-popup-content p{color:#000000b3}[data-theme=light] .video-popup-close{color:#0009}[data-theme=light] .video-popup-close:hover{background:#b8935f1a;color:#b8935f}@media (max-width: 768px){.design-content-page{padding-top:0}.dc-services-grid{grid-template-columns:1fr}.dc-brand-grid{grid-template-columns:1fr;gap:2rem}.dc-cta-buttons{flex-direction:column;width:100%}.dc-cta-buttons .btn{width:100%}.dc-brand-text{padding:1.5rem 1.5rem 1.5rem 2.5rem}.dc-timeline-dot{left:.75rem;top:1.5rem}.dc-brand-content{grid-template-columns:1fr;gap:3rem}.dc-video-content{grid-template-columns:1fr;gap:2rem}.dc-photo-main{width:300px;height:300px}.dc-photo-circle{width:80px;height:80px}}.systeme-page{min-height:100vh;overflow-x:hidden}.su-hero{position:relative;min-height:100vh;background:var(--dark-navy)}.su-hero-overlay-content{max-width:900px;margin:0 auto;text-align:center;padding:0 2rem;pointer-events:auto}.su-hero-animated-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:700;color:#fffffff2;margin-bottom:3rem;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(to bottom,#fffffff2,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.su-hero-grid{display:grid;grid-template-columns:1fr;gap:1rem;max-width:600px;margin:0 auto}.su-hero-item{padding:1.5rem;background:#d4a5741f;border:1px solid rgba(212,165,116,.3);border-radius:var(--radius-md);font-family:var(--font-display);font-size:.85rem;font-weight:600;color:#edd1aa;text-align:center;transition:var(--transition-default);cursor:pointer;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md))}.su-hero-item:hover{background:#d4a5742e;border-color:#d4a57480;transform:translateY(-2px);box-shadow:0 8px 16px #0003}.su-websites{padding:6rem 2rem;background:var(--slate-blue)}.su-websites h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#fffffff2;text-align:center;margin-bottom:.5rem;letter-spacing:.02em}.su-subtitle{text-align:center;font-size:1rem;color:#d4a574cc;margin-bottom:4rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.su-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.su-feature-card{padding:2rem;background:#2d3e5080;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:var(--transition-slow);text-align:center}.su-feature-card:hover{background:#2d3e50b3;border-color:#d4a5744d;transform:translateY(-4px);box-shadow:var(--shadow-card)}.su-feature-icon{font-size:3rem;margin-bottom:1.5rem;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#d4a57426,#d4a57414);border:1px solid rgba(212,165,116,.25);border-radius:50%;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.su-feature-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:#fffffff2;margin-bottom:1rem}.su-feature-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.su-webapps{padding:6rem 2rem;background:var(--dark-navy)}.su-webapps-content{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;max-width:1400px;margin:0 auto;align-items:start}.su-webapps-text h2{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,2.75rem);font-weight:600;color:#fffffff2;margin-bottom:2rem;line-height:1.2;letter-spacing:-.01em}.su-description{font-size:1.125rem;color:#fffc;line-height:1.8;margin-bottom:2rem}.su-tech-note{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.su-webapps-steps{display:flex;flex-direction:column;gap:1.5rem}.su-step-card{display:flex;gap:1.5rem;padding:2rem;background:#d4a57414;border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:var(--transition-default)}.su-step-card:hover{background:#d4a5741f;border-color:#d4a5744d;transform:translate(8px)}.su-step-icon{font-size:2.5rem;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#d4a57426;border-radius:50%}.su-step-content h3{font-family:var(--font-mono);font-size:.875rem;font-weight:600;letter-spacing:.08em;color:#d4a574;margin-bottom:.5rem;text-transform:uppercase}.su-step-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.su-ai-chapter{padding:6rem 2rem;background:var(--slate-blue)}.su-ai-content{display:grid;grid-template-columns:300px 1fr;gap:4rem;max-width:1200px;margin:0 auto;align-items:center}.su-ai-logo{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.su-ai-logo:hover{transform:scale(1.05)}.su-ai-logo-img{width:100%;max-width:250px;height:auto;filter:brightness(0) saturate(100%) invert(85%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(90%);transition:filter .3s ease}.su-ai-text{font-family:var(--font-display);font-size:12rem;font-weight:800;color:#ffffff14;letter-spacing:-.05em;line-height:1}.su-ai-text-content h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#d4a574e6;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.02em}.su-ai-text-content h3{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;color:#fffffff2;margin-bottom:2rem}.su-ai-text-content p{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.su-ai-text-content .btn{margin-top:1rem}.su-tutorials{padding:6rem 2rem;background:var(--dark-navy)}.su-tutorial-image{max-width:800px;margin:0 auto 3rem;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.su-tutorial-image img{width:100%;height:auto;display:block;filter:var(--filter-desaturate)}.su-tutorial-content{max-width:700px;margin:0 auto 4rem;text-align:center}.su-tutorial-content h3{font-family:var(--font-display);font-size:2rem;font-weight:600;color:#fffffff2;margin-bottom:1.5rem}.su-tutorial-content p{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.su-tutorial-note{font-size:1rem;color:#d4a574cc;font-style:italic}.su-cta-section{max-width:600px;margin:0 auto;text-align:center;padding-top:4rem;border-top:1px solid rgba(255,255,255,.06)}.su-cta-section h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#d4a574e6;margin-bottom:2rem}.su-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.su-cta-final{padding:6rem 2rem;background:var(--dark-navy)}[data-theme=light] .su-hero-animated-title{background:linear-gradient(to bottom,#b8935ff2,#b8935fb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .su-websites h2{color:#b8935ff2}[data-theme=light] .su-subtitle{color:#000c}[data-theme=light] .su-ai-text-content h3{color:#000000d9}[data-theme=light] .su-ai-logo-img{filter:brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%)}@media (max-width: 768px){.systeme-page{padding-top:0;width:100%;max-width:100vw}.su-hero,.su-websites,.su-webapps,.su-ai-chapter,.su-cta-final{width:100%;max-width:100vw;overflow-x:hidden}.su-hero-animated-title{font-size:clamp(2rem,8vw,3rem);margin-bottom:2rem}.su-hero-overlay-content{padding:0 1rem;max-width:100%}.su-hero-grid{grid-template-columns:1fr;gap:.75rem;max-width:100%}.su-hero-item{padding:1.25rem;font-size:.8rem;word-break:break-word}.su-cta-buttons{flex-direction:column;width:100%}.su-cta-buttons .btn,.su-cta-buttons a{width:100%}.su-webapps-content{grid-template-columns:1fr;gap:3rem}.su-ai-content{grid-template-columns:1fr;gap:2rem}.su-ai-text{font-size:8rem}.su-step-card{flex-direction:column;text-align:center}}.imprint-page{min-height:100vh;padding:8rem 2rem 4rem;background:var(--bg-primary)}.imprint-content{max-width:800px;margin:0 auto}.imprint-content h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--text-primary);margin-bottom:3rem;letter-spacing:-.02em}.imprint-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}.imprint-section:last-of-type{border-bottom:none}.imprint-section h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:#d4a574e6;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.imprint-section p{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:.5rem}.imprint-section strong{color:var(--text-primary);font-weight:500}.imprint-section a{color:#d4a574e6;text-decoration:none;transition:var(--transition-default)}.imprint-section a:hover{color:#d4a574;text-decoration:underline}.imprint-section ul{list-style:none;padding:0;margin:0}.imprint-section ul li{font-size:1rem;color:var(--text-secondary);line-height:1.8;padding-left:1.5rem;position:relative;margin-bottom:.5rem}.imprint-section ul li:before{content:"→";position:absolute;left:0;color:#d4a57499}.imprint-back-btn{margin-top:3rem}[data-theme=light] .imprint-section{border-bottom-color:#00000014}[data-theme=light] .imprint-section h2,[data-theme=light] .imprint-section a{color:#b8935fe6}[data-theme=light] .imprint-section a:hover{color:#b8935f}[data-theme=light] .imprint-section ul li:before{color:#b8935f99}@media (max-width: 768px){.imprint-page{padding:6rem 1.5rem 3rem}.imprint-content h1{margin-bottom:2rem}.imprint-section{margin-bottom:2rem;padding-bottom:1.5rem}}.privacy-page{min-height:100vh;padding:8rem 2rem 4rem;background:var(--bg-primary)}.privacy-content{max-width:900px;margin:0 auto}.privacy-content h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--text-primary);margin-bottom:3rem;letter-spacing:-.02em}.privacy-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}.privacy-section:last-of-type{border-bottom:none}.privacy-section h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:#d4a574e6;margin-bottom:1.5rem;margin-top:0}.privacy-section h3{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;margin-top:1.5rem}.privacy-section p{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.privacy-section strong{color:var(--text-primary);font-weight:500}.privacy-section ul{list-style:none;padding:0;margin:1rem 0}.privacy-section ul li{font-size:1rem;color:var(--text-secondary);line-height:1.8;padding-left:1.5rem;position:relative;margin-bottom:.5rem}.privacy-section ul li:before{content:"•";position:absolute;left:0;color:#d4a57499;font-size:1.2rem}.privacy-update{font-size:.875rem;color:#fff6;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}.privacy-back-btn{margin-top:2rem}[data-theme=light] .privacy-section{border-bottom-color:#00000014}[data-theme=light] .privacy-section h2{color:#b8935fe6}[data-theme=light] .privacy-section ul li:before{color:#b8935f99}[data-theme=light] .privacy-update{color:#0006;border-top-color:#00000014}@media (max-width: 768px){.privacy-page{padding:6rem 1.5rem 3rem}.privacy-content h1{margin-bottom:2rem}.privacy-section{margin-bottom:2rem;padding-bottom:1.5rem}.privacy-section h2{font-size:1.25rem}.privacy-section h3{font-size:1rem}}.fluid-navigation-wrapper{position:fixed;bottom:2rem;right:2rem;z-index:9999}.fluid-menu-container{position:relative;width:64px}.fluid-menu-items{position:relative}.fluid-menu-toggle{position:relative;width:64px;height:64px;background:#d4a574e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-default);z-index:50;box-shadow:0 8px 24px #0000004d;border:2px solid rgba(255,255,255,.2)}.fluid-menu-toggle:hover{background:#d4a574;transform:scale(1.05);box-shadow:0 12px 32px #0006}.fluid-menu-item-wrapper{position:absolute;bottom:0;left:0;width:64px;height:64px;background:#1a1f26f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0000004d;border:2px solid rgba(212,165,116,.2);will-change:transform,opacity;backface-visibility:hidden}.fluid-menu-item{position:relative;display:block;width:100%;height:100%;background:none;border:none;cursor:pointer;color:#fffc;transition:var(--transition-default);border-radius:50%}.fluid-menu-item:hover{color:#d4a574;background:#d4a5741a}.fluid-menu-item.disabled{color:#ffffff4d;cursor:not-allowed}.fluid-menu-item.active{background:#d4a57426}.fluid-menu-item-content{display:flex;align-items:center;justify-content:center;height:100%}.fluid-menu-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:all .2s ease}.fluid-menu-item:hover .fluid-menu-icon svg{stroke-width:2.5}.fluid-menu-label{position:absolute;right:76px;top:50%;transform:translateY(-50%) translate(10px);background:#1a1f26f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffe6;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;border:1px solid rgba(212,165,116,.2);box-shadow:0 4px 12px #0000004d;z-index:1}@media (min-width: 769px){.fluid-menu-item:hover .fluid-menu-label{opacity:1;transform:translateY(-50%) translate(0)}}@media (max-width: 768px){.fluid-menu-label{opacity:1;transform:translateY(-50%) translate(0);pointer-events:auto}}.fluid-menu-multi-icon{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.fluid-menu-multi-icon svg{cursor:pointer;transition:all .2s ease}.fluid-menu-multi-icon svg:hover{color:#d4a574;transform:scale(1.1)}.toggle-icon-wrapper{position:relative;width:24px;height:24px}.toggle-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff}.menu-icon{opacity:1;transform:scale(1) rotate(0)}.close-icon{opacity:0;transform:scale(0) rotate(-180deg)}[data-expanded=true] .menu-icon{opacity:0;transform:scale(0) rotate(180deg)}[data-expanded=true] .close-icon{opacity:1;transform:scale(1) rotate(0)}[data-theme=light] .fluid-menu-toggle{background:#b8935fe6;border-color:#0000001a}[data-theme=light] .fluid-menu-toggle:hover{background:#b8935f}[data-theme=light] .fluid-menu-item-wrapper{background:#fffffff2;border-color:#b8935f33}[data-theme=light] .fluid-menu-item{color:#000000b3}[data-theme=light] .fluid-menu-item:hover{color:#b8935f;background:#b8935f1a}[data-theme=light] .fluid-menu-item.disabled{color:#0000004d}[data-theme=light] .fluid-menu-label{background:#fffffff2;color:#000000e6;border-color:#b8935f40}@media (max-width: 768px){.fluid-navigation-wrapper{bottom:1rem;right:1rem}.fluid-menu-toggle,.fluid-menu-item-wrapper{width:56px;height:56px}.fluid-menu-container{width:56px}.fluid-menu-item-wrapper{transform:translateY(0)!important}[data-expanded=true] .fluid-menu-item-wrapper:nth-child(2){transform:translateY(-68px)!important}[data-expanded=true] .fluid-menu-item-wrapper:nth-child(3){transform:translateY(-136px)!important}[data-expanded=true] .fluid-menu-item-wrapper:nth-child(4){transform:translateY(-204px)!important}[data-expanded=true] .fluid-menu-item-wrapper:nth-child(5){transform:translateY(-272px)!important}[data-expanded=true] .fluid-menu-item-wrapper:nth-child(6){transform:translateY(-340px)!important}[data-expanded=true] .fluid-menu-item-wrapper:nth-child(7){transform:translateY(-408px)!important}[data-expanded=true] .fluid-menu-item-wrapper:nth-child(8){transform:translateY(-476px)!important}[data-expanded=true] .fluid-menu-item-wrapper:nth-child(9){transform:translateY(-544px)!important}}.chat-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.chat-popup-content{background:var(--bg-primary);border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-lg);padding:3rem 2.5rem;max-width:500px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.chat-popup-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#fff9;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-default);border-radius:var(--radius-sm)}.chat-popup-close:hover{background:#d4a5741a;color:var(--primary-yellow)}.chat-popup-icon{color:#d4a574cc;margin:0 auto 1.5rem;display:block}.chat-popup-content h3{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--white);margin-bottom:1rem}.chat-popup-content p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem}.chat-popup-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.chat-popup-content .btn{margin:0;min-width:150px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .chat-popup-content{background:#fffffffa;border-color:#b8935f4d}[data-theme=light] .chat-popup-content h3{color:#000000f2}[data-theme=light] .chat-popup-content p{color:#000000b3}[data-theme=light] .chat-popup-close{color:#0009}[data-theme=light] .chat-popup-close:hover{background:#b8935f1a;color:#b8935f}[data-theme=light] .chat-popup-icon{color:#b8935fcc}.scroll-expand-container{transition:background-color .7s ease-in-out;overflow-x:hidden}.scroll-expand-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh}.scroll-expand-wrapper{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;min-height:100vh}.scroll-expand-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;height:100%}.scroll-expand-bg-image{width:100vw;height:100vh;object-fit:cover;object-position:center;filter:var(--filter-desaturate)}.scroll-expand-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.scroll-expand-content-wrapper{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;z-index:10;width:100%}.scroll-expand-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;position:relative}.scroll-expand-media{position:absolute;z-index:0;top:50%;left:50%;transform:translate(-50%,-50%);transition:none;border-radius:var(--radius-lg);max-width:95vw;max-height:85vh;box-shadow:0 0 50px #00000080}.scroll-expand-video-wrapper,.scroll-expand-image-wrapper{position:relative;width:100%;height:100%;pointer-events:none}.scroll-expand-video,.scroll-expand-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.scroll-expand-video-overlay,.scroll-expand-video-darken,.scroll-expand-image-darken{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);pointer-events:none}.scroll-expand-video-overlay{z-index:10}.scroll-expand-video-darken{background:#0000004d}.scroll-expand-image-darken{background:#00000080}.scroll-expand-hints{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:10;margin-top:1rem;transition:none}.scroll-expand-subtitle,.scroll-expand-hint{font-size:1.125rem;color:#d4a574e6;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:.875rem}.scroll-expand-hint{font-weight:500;margin-top:.5rem}.scroll-expand-title-wrapper{display:flex;align-items:center;justify-content:center;text-align:center;gap:1rem;width:100%;position:relative;z-index:10;transition:none;flex-direction:column;mix-blend-mode:difference}.scroll-expand-title-first,.scroll-expand-title-rest{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:700;color:#fffffff2;transition:none;letter-spacing:-.02em;line-height:1.1}.scroll-expand-children{display:flex;flex-direction:column;width:100%;padding:2.5rem 2rem}@media (max-width: 768px){.scroll-expand-title-first,.scroll-expand-title-rest{font-size:clamp(2rem,8vw,3rem)}.scroll-expand-subtitle,.scroll-expand-hint{font-size:.75rem}.scroll-expand-children{padding:2rem 1.5rem}}.interactive-selector-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--bg-primary);font-family:var(--font-primary)}.selector-header{width:100%;max-width:800px;padding:0 1.5rem;margin-bottom:3rem;text-align:center}.selector-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em;opacity:0;transform:translateY(-20px);animation:fadeInFromTop .8s ease-in-out .3s forwards}.selector-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);font-weight:400;max-width:600px;margin:0 auto;line-height:1.6;opacity:0;transform:translateY(-20px);animation:fadeInFromTop .8s ease-in-out .6s forwards}.selector-options{display:flex;width:100%;max-width:800px;min-width:500px;height:600px;margin:0;align-items:stretch;overflow:hidden;position:relative;border-radius:24px;box-shadow:0 20px 60px #0006,0 8px 24px #0000004d,0 0 0 1px #d4a57426;border:2px solid rgba(212,165,116,.2)}.selector-option{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:all .7s cubic-bezier(.4,0,.2,1);background-size:cover;background-position:center;backface-visibility:hidden;opacity:0;transform:translate(-60px);min-width:60px;min-height:100px;margin:0;border-radius:0;border:none;border-right:1px solid rgba(255,255,255,.08);cursor:pointer;background-color:var(--slate-700);box-shadow:none;flex:1 1 0%;z-index:1;will-change:flex-grow,box-shadow,background-size}.selector-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;background-size:inherit;background-position:inherit;filter:brightness(.85) contrast(1.05) saturate(.7) sepia(.15);transition:filter .7s cubic-bezier(.4,0,.2,1);z-index:-1}.selector-option.animated{opacity:1;transform:translate(0)}.selector-option.active{flex:7 1 0%;background-size:cover;border-right:1px solid rgba(212,165,116,.3);box-shadow:inset 0 0 0 1px #d4a57433;z-index:10}.selector-option.active:before{filter:brightness(.95) contrast(1.1) saturate(.85) sepia(.08)}.selector-option:last-child{border-right:none}.selector-shadow{position:absolute;left:0;right:0;bottom:-40px;height:120px;pointer-events:none;transition:all .7s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 -120px 0 -120px #000,inset 0 -120px 0 -80px #000}.selector-option.active .selector-shadow{bottom:0;box-shadow:inset 0 -120px 120px -120px #000,inset 0 -120px 120px -80px #000}.selector-label{position:absolute;left:0;right:0;bottom:1.25rem;display:flex;align-items:center;justify-content:flex-start;height:3rem;z-index:2;pointer-events:none;padding:0 1rem;gap:.75rem;width:100%}.selector-icon{min-width:44px;max-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#202020d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 4px #0000002e;border:2px solid rgba(212,165,116,.4);flex-shrink:0;flex-grow:0;transition:all .2s ease}.selector-icon .icon-svg{color:#d4a574e6}.selector-info{color:#fff;white-space:pre;position:relative}.selector-main{font-weight:700;font-size:1.125rem;transition:all .7s cubic-bezier(.4,0,.2,1);opacity:0;transform:translate(25px)}.selector-option.active .selector-main{opacity:1;transform:translate(0)}.selector-sub{font-size:1rem;color:#fffc;transition:all .7s cubic-bezier(.4,0,.2,1);opacity:0;transform:translate(25px)}.selector-option.active .selector-sub{opacity:1;transform:translate(0)}@keyframes fadeInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .selector-title{color:#000000f2}[data-theme=light] .selector-subtitle{color:#000000b3}[data-theme=light] .selector-options{box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a,0 0 0 1px #b8935f33;border-color:#b8935f40}[data-theme=light] .selector-option{border-right-color:#00000014;background-color:var(--slate-700)}[data-theme=light] .selector-option.active{border-right-color:#b8935f4d;box-shadow:inset 0 0 0 1px #b8935f40}@media (max-width: 768px){.interactive-selector-container{padding:3rem 0}.selector-header{max-width:100%;padding:0 1rem;margin-bottom:2rem}.selector-options{min-width:100%;max-width:calc(100vw - 2rem);width:calc(100% - 2rem);height:600px;flex-direction:column;border-radius:16px;margin:0 1rem}.selector-option{min-height:80px;width:100%}.selector-option.active{flex:7 1 0%}.selector-label{flex-direction:row;bottom:1rem;padding:0 1rem}.selector-info{overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 60px)}.selector-main{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-sub{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.sticky-scroll-container{height:30rem;overflow-y:auto;display:flex;justify-content:flex-start;position:relative;gap:2.5rem;border-radius:var(--radius-lg);padding:2.5rem;transition:background-color .5s ease}.sticky-scroll-content{position:relative;display:flex;align-items:flex-start;padding:0 1rem}.sticky-scroll-text-wrapper{max-width:600px;margin-right:auto;margin-left:0}.sticky-scroll-item{margin:5rem 0}.sticky-scroll-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fffffff2;transition:opacity .3s ease;margin-bottom:2.5rem;text-align:left!important}.sticky-scroll-description{font-size:1rem;color:#fffc;max-width:500px;line-height:1.7;transition:opacity .3s ease;text-align:left}.sticky-scroll-spacer{height:10rem}.sticky-scroll-visual{display:none;height:15rem;width:20rem;border-radius:var(--radius-lg);background:#fff;position:sticky;top:2.5rem;overflow:hidden;box-shadow:var(--shadow-card-hover)}@media (min-width: 1024px){.sticky-scroll-visual{display:block}}.sticky-visual-content{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.sticky-visual-icon{margin-bottom:1rem;color:#fffffff2;display:flex;align-items:center;justify-content:center}.sticky-visual-text{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:#fffffff2}.sticky-visual-image{width:100%;height:100%;object-fit:cover}[data-theme=light] .sticky-scroll-title{color:#000000f2}[data-theme=light] .sticky-scroll-description{color:#000000bf}.sticky-scroll-container::-webkit-scrollbar{width:8px}.sticky-scroll-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.sticky-scroll-container::-webkit-scrollbar-thumb{background:#d4a57466;border-radius:4px}.sticky-scroll-container::-webkit-scrollbar-thumb:hover{background:#d4a57499}@media (max-width: 1024px){.sticky-scroll-container{padding:2rem 1.5rem}.sticky-scroll-text-wrapper{max-width:100%}}@media (max-width: 768px){.sticky-scroll-container{height:35rem;padding:2rem .5rem;width:100%;max-width:100vw;border-radius:0}.sticky-scroll-content{padding:0 .5rem;width:100%}.sticky-scroll-text-wrapper{width:100%;max-width:100%}.sticky-scroll-item{margin:3rem 0}.sticky-scroll-title{font-size:1.25rem}.sticky-scroll-description{font-size:.95rem;max-width:100%}}.background-cells-container{position:relative;height:100vh;display:flex;justify-content:center;overflow:hidden;background:var(--dark-navy)}.background-cells-content{position:relative;z-index:50;margin-top:10rem;pointer-events:none;-webkit-user-select:none;user-select:none}.background-cells-core{height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.background-cells-wrapper{position:absolute;height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden}.background-cells-mask{position:absolute;height:100%;width:100%;pointer-events:none;bottom:0;z-index:40;background:var(--dark-navy);mask-image:linear-gradient(to bottom,transparent 0%,transparent 66%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 66%,black 100%)}.background-cells-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:transparent;pointer-events:none}.pattern-grid{display:flex;flex-direction:row;position:relative;z-index:30}.pattern-base{opacity:.5}.pattern-column{display:flex;flex-direction:column;position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.1)}.pattern-cell{background:transparent;border-left:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer}.pattern-cell.border-neutral{border-color:#7373734d}.pattern-cell.border-blue{border-color:#3b82f699;position:relative;z-index:100}.pattern-cell-inner{background:#d4a5744d;height:48px;width:48px}@media (max-width: 768px){.background-cells-content{margin-top:6rem;padding:0 1rem}}.cyber-bento-container{width:100%;display:flex;justify-content:center;align-items:center;padding:2rem 1rem}.cyber-bento-wrapper{width:100%;max-width:1200px;z-index:10}.cyber-bento-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2rem}.cyber-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:1rem}.cyber-bento-item{position:relative;padding:1.5rem;background:#1a1f2699;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:var(--transition-default);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.cyber-bento-item:before{content:"";position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(212,165,116,.15) 0%,transparent 70%);left:var(--mouse-x, 50%);top:var(--mouse-y, 50%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.cyber-bento-item:hover:before{opacity:1}.cyber-bento-item:hover{border-color:#d4a5744d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.cyber-bento-item.span-2-2{grid-column:span 2;grid-row:span 2}.cyber-bento-item.span-2-1{grid-column:span 2;grid-row:span 1}.cyber-bento-item.span-1-2{grid-column:span 1;grid-row:span 2}.cyber-bento-item.span-1-1{grid-column:span 1;grid-row:span 1}.cyber-bento-content{z-index:2;position:relative}.cyber-bento-item-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.cyber-bento-item-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.cyber-bento-visual{margin-top:1rem;height:12rem;background:#0003;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.875rem;z-index:2;position:relative}[data-theme=light] .cyber-bento-item{background:#fffc;border-color:#0000001a}[data-theme=light] .cyber-bento-item:before{background:radial-gradient(circle,rgba(184,147,95,.15) 0%,transparent 70%)}[data-theme=light] .cyber-bento-item:hover{border-color:#b8935f4d}[data-theme=light] .cyber-bento-visual{background:#0000000d}@media (max-width: 1024px){.cyber-bento-grid{grid-template-columns:repeat(2,1fr)}.cyber-bento-item.span-2-2,.cyber-bento-item.span-2-1{grid-column:span 2}.cyber-bento-item.span-1-2{grid-column:span 1;grid-row:span 2}}@media (max-width: 768px){.cyber-bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.cyber-bento-item,.cyber-bento-item.span-2-2,.cyber-bento-item.span-2-1,.cyber-bento-item.span-1-2{grid-column:span 1;grid-row:span 1;min-height:180px}.cyber-bento-visual{height:8rem}}.timeline-container{width:100%;background:var(--bg-primary);font-family:var(--font-primary);padding:0 2.5rem}.timeline-header{max-width:1400px;margin:0 auto;padding:5rem 1rem 0}.timeline-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;margin-bottom:1rem;color:var(--text-primary);max-width:64rem}.timeline-subtitle{color:var(--text-secondary);font-size:clamp(.875rem,1.5vw,1rem);max-width:100%;line-height:1.6}.timeline-content{position:relative;max-width:1400px;margin:0 auto;padding-bottom:5rem}.timeline-item{display:flex;justify-content:flex-start;padding-top:2.5rem;gap:2.5rem}.timeline-marker-wrapper{position:sticky;display:flex;flex-direction:column;align-items:center;top:10rem;align-self:flex-start;max-width:20rem;width:100%;z-index:40}.timeline-marker-outer{position:absolute;left:.75rem;height:2.5rem;width:2.5rem;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center}.timeline-marker-inner{height:1rem;width:1rem;border-radius:50%;background:#d4a5744d;border:1px solid rgba(212,165,116,.5);padding:.5rem}.timeline-item-title-desktop{display:none;font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,3rem);font-weight:700;color:#d4a574b3;padding-left:5rem}.timeline-item-title-mobile{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:left;color:#d4a574cc}.timeline-item-content{position:relative;padding-left:5rem;padding-right:1rem;width:100%}.timeline-text{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:1rem}.timeline-text:last-child{margin-bottom:0}.timeline-line{position:absolute;left:2rem;top:0;overflow:hidden;width:2px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.1) 10%,rgba(255,255,255,.1) 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%)}.timeline-line-progress{position:absolute;left:0;right:0;top:0;width:2px;background:linear-gradient(to top,rgba(212,165,116,.8) 0%,rgba(212,165,116,.6) 10%,transparent 100%);border-radius:9999px}[data-theme=light] .timeline-line{background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 10%,rgba(0,0,0,.1) 90%,transparent 100%)}[data-theme=light] .timeline-line-progress{background:linear-gradient(to top,rgba(184,147,95,.8) 0%,rgba(184,147,95,.6) 10%,transparent 100%)}[data-theme=light] .timeline-marker-inner{background:#b8935f4d;border-color:#b8935f80}[data-theme=light] .timeline-item-title-desktop,[data-theme=light] .timeline-item-title-mobile{color:#b8935fcc}@media (min-width: 768px){.timeline-item{padding-top:10rem;gap:2.5rem}.timeline-item-title-desktop{display:block}.timeline-item-title-mobile{display:none}.timeline-item-content{padding-left:1rem}.timeline-marker-wrapper{flex-direction:row}}@media (max-width: 768px){.timeline-container{padding:0 .5rem}.timeline-header{padding:3rem 1rem 0}.timeline-content{padding-bottom:2rem;overflow:hidden}.timeline-line{left:1.25rem;max-height:calc(100% - 4rem)}.timeline-marker-outer{left:50%;transform:translate(-50%)}.timeline-marker-wrapper{max-width:2.5rem;width:2.5rem;min-width:2.5rem;flex-shrink:0}.timeline-item-content{padding-left:0;padding-right:.5rem;flex:1}.timeline-item{gap:1rem}.timeline-item-title-mobile{font-size:1.25rem}.timeline-text{font-size:.95rem;line-height:1.6}}