:root{--color-bg: #060608;--color-bg-elevated: #0d0d12;--color-bg-card: #121217;--color-fg: #f4f3ef;--color-fg-dim: #8e8e93;--color-gold: #c5a880;--color-gold-glow: rgba(197, 168, 128, .2);--color-border: rgba(255, 255, 255, .08);--color-border-bright: rgba(255, 255, 255, .22);--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Cinzel", "Cormorant Garamond", Georgia, serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-cinematic: cubic-bezier(.16, 1, .3, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-x:hidden;overscroll-behavior-y:none}#root{position:relative;width:100%;min-height:100vh}h1,h2,h3,h4,p{margin:0}button{font-family:inherit;background:none;border:none;color:inherit;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}::selection{background:var(--color-gold);color:var(--color-bg)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#060608}::-webkit-scrollbar-thumb{background:#c5a88059;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#c5a880b3}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.film-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}@media(hover:hover)and (pointer:fine){body.has-custom-cursor,body.has-custom-cursor a,body.has-custom-cursor button{cursor:none!important}}.custom-cursor-container{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow:hidden}.cursor-dot{position:fixed;top:0;left:0;margin-left:-3px;margin-top:-3px;width:6px;height:6px;border-radius:50%;background:var(--color-gold);box-shadow:0 0 8px #c5a880cc;will-change:transform}.cursor-ring{position:fixed;top:0;left:0;margin-left:-14px;margin-top:-14px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(244,243,239,.35);display:flex;align-items:center;justify-content:center;text-align:center;will-change:transform;transition:width .3s ease-out,height .3s ease-out,margin .3s ease-out,background-color .3s ease-out,border-color .3s ease-out}.cursor-ring--hover{margin-left:-23px;margin-top:-23px;width:46px;height:46px;border-color:#c5a880cc;background:#ffffff14;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cursor-ring--special{margin-left:-44px;margin-top:-44px;width:88px;height:88px;border-width:0;background:#c5a880eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cursor-label{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#060608;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;padding:0 6px;-webkit-user-select:none;user-select:none}.cursor-indicator{font-size:7px;letter-spacing:.2em;opacity:.7}.magnetic-wrapper{display:inline-block;will-change:transform}.architectural-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#040406;opacity:1;transition:opacity .6s var(--ease-cinematic)}.architectural-loader--done{opacity:0;pointer-events:none}.loader-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:380px;width:90%;-webkit-user-select:none;user-select:none}.loader-symbol{width:100px;height:100px;margin-bottom:1.75rem}.loader-svg{width:100%;height:100%;overflow:visible}.loader-circle-bg{fill:none;stroke:#ffffff14;stroke-width:1;stroke-dasharray:4 4}.loader-arch-path{fill:none;stroke:var(--color-gold);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .08s linear}.loader-crosshair{stroke:#ffffff1a;stroke-width:.75}.loader-center-dot{fill:var(--color-gold)}.loader-status-row{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-mono);font-size:.68rem;color:var(--color-fg-dim);letter-spacing:.15em;margin-bottom:.75rem}.loader-percent{color:var(--color-gold);font-weight:600}.loader-track{width:100%;height:2px;background:#ffffff14;border-radius:2px;overflow:hidden;position:relative}.loader-fill{position:absolute;top:0;left:0;bottom:0;background:var(--color-gold);box-shadow:0 0 10px #c5a88099;transition:width .08s linear}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:1.75rem 6vw;transition:padding .4s var(--ease-cinematic),background-color .4s var(--ease-cinematic),border-color .4s var(--ease-cinematic);pointer-events:none}.site-header *{pointer-events:auto}.site-header--scrolled{padding:1rem 6vw;background:#060608d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);box-shadow:0 10px 30px #0009}.site-header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-brand-wrap{display:flex;align-items:center;gap:1rem}.header-brand-btn{display:flex;align-items:center;gap:.75rem;text-align:left}.header-brand-icon{width:18px;height:18px;border:1px solid var(--color-gold);border-radius:2px;display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease-cinematic)}.header-brand-btn:hover .header-brand-icon{transform:rotate(45deg)}.header-brand-dot{width:5px;height:5px;background:var(--color-gold)}.header-brand-text{display:flex;flex-direction:column}.brand-name{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.25em;color:var(--color-fg);text-transform:uppercase;transition:color .2s ease}.header-brand-btn:hover .brand-name{color:var(--color-gold)}.brand-sub{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.2em;color:var(--color-fg-dim)}@keyframes eq-bounce{0%,to{height:3px}50%{height:10px}}svg{flex-shrink:0}.demo-tech-badge svg{width:13px!important;height:13px!important}.demo-url-badge svg{width:13px!important;height:13px!important}.action-icon-pill svg{width:22px!important;height:22px!important}.indicator-icon svg{width:16px!important;height:16px!important}.main-content-flow{position:relative;z-index:2;width:100%}.section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 6vw;pointer-events:none}.section-editorial-wrap{max-width:720px;position:relative;z-index:10;pointer-events:none}.section-editorial-wrap:before,.hero-headline-wrap:before,.hero-body-block:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-4rem;right:-6vw;bottom:-4rem;left:-6vw;background:radial-gradient(ellipse 88% 76% at 32% 50%,#060608e0,#060608d9 18%,#060608c2 32%,#0606089e,#06060873,#06060847,#06060824 80%,#0606080d 91%,#06060800)}.hero-headline-wrap,.hero-body-block{position:relative}.section a,.section button,.section input,.section textarea,.section select,.interaction-prompt-pill,.editorial-meta-card,.capability-card,.demo-card-item,.finale-action-card,.back-to-top-btn,.kicker-pill,.hero-scroll-prompt{pointer-events:auto}.reveal-line{display:block;line-height:1.18;margin-bottom:.25rem;overflow:visible}.reveal-line>span{display:inline-block}.editorial-heading{font-family:var(--font-display);font-size:clamp(2.2rem,4.6vw,4.2rem);line-height:1.18;font-weight:700;letter-spacing:-.015em;color:var(--color-fg);text-shadow:0 2px 20px rgba(0,0,0,.9);padding:.25rem 0;margin-bottom:.5rem}.editorial-heading--serif{font-family:var(--font-serif);font-weight:600;letter-spacing:.02em;line-height:1.2}.hero-section{justify-content:space-between;padding-top:8rem;padding-bottom:3.5rem}.hero-section-inner{width:100%;max-width:1400px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:10}.hero-headline-wrap{margin:auto 0;padding:3rem 0}.hero-title{display:flex;flex-direction:column;font-family:var(--font-display);font-size:clamp(2.6rem,7vw,6.2rem);line-height:1.12;font-weight:700;letter-spacing:-.015em;color:var(--color-fg);text-shadow:0 4px 30px rgba(0,0,0,.9)}.hero-title-line{display:block;line-height:1.12}.hero-title-line--accent{font-family:var(--font-serif);font-weight:600;letter-spacing:.02em;color:transparent;background:linear-gradient(135deg,#ffffff 30%,var(--color-gold) 100%);-webkit-background-clip:text;background-clip:text;margin-top:.35rem}.hero-meta-row{display:grid;grid-template-columns:1fr;gap:2rem;border-top:1px solid var(--color-border);padding-top:1.5rem;align-items:flex-end}@media(min-width:768px){.hero-meta-row{grid-template-columns:8fr 4fr}}.hero-body-block{max-width:580px}.hero-body-text{font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.55;color:#f4f3efe6;margin-bottom:1rem;text-shadow:0 1px 3px rgba(0,0,0,.95),0 2px 16px rgba(0,0,0,.85)}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #c5a880b3}70%{transform:scale(1);box-shadow:0 0 0 10px #c5a88000}to{transform:scale(.95);box-shadow:0 0 #c5a88000}}.creator-section .section-editorial-wrap{max-width:820px}.final-section{align-items:center;text-align:center}.final-section .section-editorial-wrap{max-width:820px}.final-sub-heading{font-size:clamp(1.1rem,2vw,1.5rem);color:#f4f3efe6;margin-top:1.5rem;text-shadow:0 1px 3px rgba(0,0,0,.95),0 2px 16px rgba(0,0,0,.85)}.final-transition-indicator{display:inline-flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:3.5rem}.indicator-text{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.25em;color:var(--color-gold)}.indicator-icon{width:36px;height:36px;border-radius:50%;border:1px solid rgba(197,168,128,.4);display:flex;align-items:center;justify-content:center;animation:bounce-subtle 2s infinite}.demos-section-wrap{display:block!important;min-height:100vh;padding:0!important;background:#08080c;border-top:1px solid var(--color-border);overflow:hidden}.demos-horizontal-container{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:4rem 0}.demos-header-row{max-width:1400px;width:100%;margin:0 auto;padding:0 6vw 2rem;display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid var(--color-border)}@media(min-width:768px){.demos-header-row{flex-direction:row;align-items:flex-end;justify-content:space-between}}.demos-main-title{font-family:var(--font-display);font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.15;font-weight:700;letter-spacing:-.01em;color:var(--color-fg)}.demos-header-spec{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;color:var(--color-fg-dim)}.spec-callout{color:var(--color-gold)}.demos-track-viewport{width:100%;overflow-x:auto;overflow-y:hidden;padding:3rem 0;scrollbar-width:none}.demos-track-viewport::-webkit-scrollbar{display:none}.demos-horizontal-track{display:flex;align-items:center;gap:2.5rem;padding:0 6vw;width:max-content;will-change:transform}.demo-card-item{position:relative;width:clamp(300px,32vw,440px);height:500px;border-radius:20px;background:#111116;border:1px solid var(--color-border);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:all .4s var(--ease-cinematic);-webkit-user-select:none;user-select:none}.demo-card-item:hover{border-color:#c5a88099;transform:translateY(-8px);box-shadow:0 25px 50px #000c,0 0 30px #c5a8801f}.demo-card-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(197,168,128,.08),transparent 70%);pointer-events:none}.demo-card-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:10}.demo-card-tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;color:var(--color-gold);display:block;margin-bottom:.25rem}.demo-card-name{font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.01em;color:var(--color-fg)}.demo-card-icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:var(--color-fg-dim);transition:all .3s ease}.demo-card-item:hover .demo-card-icon-btn{border-color:var(--color-gold);color:var(--color-gold)}.demo-card-preview{position:relative;z-index:10;width:100%;height:200px;border-radius:12px;overflow:hidden;border:1px solid var(--color-border);background:#09090c}.demo-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-cinematic)}.demo-card-item:hover .demo-card-img{transform:scale(1.06)}.demo-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#0d0d12}.placeholder-num{font-family:var(--font-display);font-size:3.5rem;font-weight:800;color:#ffffff1a;letter-spacing:.05em}.placeholder-badge{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.25em;color:var(--color-gold);margin-top:.25rem}.demo-card-bottom{position:relative;z-index:10;border-top:1px solid var(--color-border);padding-top:1.25rem}.demo-card-subtitle{font-size:.85rem;color:var(--color-fg-dim);line-height:1.4;margin-bottom:.75rem}.demo-card-specs{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em}.demo-tech-badge{display:flex;align-items:center;gap:.35rem;color:var(--color-fg)}.demo-url-badge{display:flex;align-items:center;gap:.25rem;color:var(--color-fg-dim)}.demos-footer-row{max-width:1400px;width:100%;margin:0 auto;padding:2rem 6vw 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.15em;color:var(--color-fg-dim)}.demos-control-hint{display:flex;align-items:center;gap:.5rem}.demos-branding{color:var(--color-gold)}.contact-finale-section{background:#040406;border-top:1px solid var(--color-border);padding:6rem 6vw 3rem;position:relative;z-index:10}.contact-finale-inner{max-width:1400px;margin:0 auto}.finale-actions-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding-bottom:4.5rem;border-bottom:1px solid var(--color-border)}@media(min-width:768px){.finale-actions-grid{grid-template-columns:repeat(2,1fr)}}.finale-action-card{display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem;border-radius:20px;border:1px solid var(--color-border);background:#0d0d12;transition:all .4s var(--ease-cinematic)}.finale-action-card--primary{background:linear-gradient(135deg,#14141c,#0a0a0f);border-color:#c5a88066}.finale-action-card:hover{transform:translateY(-6px);border-color:var(--color-gold);box-shadow:0 20px 40px #000000b3,0 0 30px #c5a88026}.action-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.action-icon-pill{width:48px;height:48px;border-radius:12px;background:var(--color-gold);display:flex;align-items:center;justify-content:center}.finale-action-card--secondary .action-icon-pill{background:#ffffff14}.action-card-content{display:flex;flex-direction:column}.action-value{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,2rem);font-weight:700;color:var(--color-fg);letter-spacing:-.01em;transition:color .2s ease}.finale-action-card:hover .action-value{color:var(--color-gold)}.finale-bottom-bar{display:flex;flex-direction:column;gap:1.5rem;padding-top:2rem;border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;color:var(--color-fg-dim)}@media(min-width:768px){.finale-bottom-bar{flex-direction:row;align-items:center;justify-content:space-between}}.bottom-copyright{display:flex;align-items:center;gap:.75rem}@keyframes pulse-dot{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}@keyframes dock-appear{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blueprint-enter{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.site-header{padding:1.1rem 6vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}