:root{--bg-deep:#080808;--bg-primary:#080808;--bg-secondary:#111;--bg-tertiary:#111;--bg-card:#1119;--bg-card-hover:#111111d9;--accent-primary:#e8593c;--accent-primary-dim:#d85a30;--accent-secondary:#f2a623;--accent-green:#e8593c;--accent-green-dim:#d85a30;--accent-cyan:#e8593c;--accent-cyan-dim:#d85a30;--accent-orange:#e8593c;--accent-orange-dim:#d85a30;--accent-violet:#d85a30;--accent-pink:#f2a623;--text-primary:#f1efe8;--text-secondary:#f1efe8d1;--text-muted:#f1efe88c;--border-subtle:#e8593c0f;--border-glow:#e8593c26;--border-card:#e8593c14;--gradient-primary:linear-gradient(135deg, #e8593c 0%, #f2a623 100%);--gradient-warm:linear-gradient(135deg, #e8593c 0%, #d85a30 100%);--gradient-cool:linear-gradient(135deg, #f2a623 0%, #e8593c 100%);--gradient-surface:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-deep) 100%);--font-display:"DM Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-serif:"DM Sans", -apple-system, sans-serif;--section-padding:clamp(56px, 7vh, 96px);--container-width:1200px;--container-padding:clamp(20px, 5vw, 48px);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 24px #0000004d;--shadow-xl:0 16px 48px #00000059;--shadow-glow-xs:none;--shadow-glow-sm:none;--shadow-glow-md:none;--shadow-glow-lg:none;--shadow-inset-highlight:inset 0 1px 0 #ffffff08;--shadow-card:none;--shadow-card-hover:0 8px 24px #0003;--shadow-cta-hover:0 4px 16px #0003;--shadow-transition:box-shadow .3s ease;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:#ffffff26 var(--bg-deep)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}.section.process,.section.tech,.section.work,.section.arch-section,.section.testimonials,.section.shuttle-section,.section.db-section,.manifesto-strip,.footer{content-visibility:auto;contain-intrinsic-size:1px 900px}#page-particles{z-index:0;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.work-card-visual{transition:transform .5s cubic-bezier(.22,1,.36,1),filter .4s}.work-card:hover .work-card-visual{filter:brightness(1.08)saturate(1.1);transform:scale(1.03)}.service-card{cursor:pointer}.service-card .card-flip-hint{font-size:.68rem;font-family:var(--font-mono);color:#e8593c73;letter-spacing:.06em;opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;bottom:14px;right:16px}.service-card:hover .card-flip-hint{opacity:1}.service-modal{z-index:2000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s linear .3s;position:fixed;top:0;bottom:0;left:0;right:0}.service-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s,visibility linear}.service-modal-backdrop{-webkit-backdrop-filter:blur(10px);background:#050507c7;position:absolute;top:0;bottom:0;left:0;right:0}.service-modal-panel{background:var(--bg-secondary);border:1px solid #e8593c40;border-top:3px solid #e8593c;border-radius:16px;width:min(680px,92vw);max-height:85vh;padding:40px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-48%)scale(.97);box-shadow:0 24px 80px #00000080}.service-modal.is-open .service-modal-panel{transform:translate(-50%,-50%)scale(1)}.service-modal-close{width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:#e8593c1a;border:1px solid #e8593c4d;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:background .2s,border-color .2s,transform .2s;display:flex;position:absolute;top:16px;right:16px}.service-modal-close:hover{background:#e8593c38;border-color:#e8593c99;transform:rotate(90deg)}.service-modal-header{align-items:baseline;gap:20px;margin-bottom:18px;padding-right:48px;display:flex}.service-modal-number{font-family:var(--font-mono);color:#e8593cd9;font-size:2.4rem;font-weight:600}.service-modal-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:700}.service-modal-desc{color:var(--text-secondary);margin-bottom:20px;font-size:1rem;line-height:1.7}.service-modal-tags{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.service-modal-tags span{font-family:var(--font-mono);color:#f1efe8d9;letter-spacing:.04em;background:#e8593c14;border:1px solid #e8593c33;border-radius:999px;padding:6px 12px;font-size:11px}.service-modal-projects h4{font-family:var(--font-mono);color:#e8593c;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:11px}.service-modal-projects-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.service-modal-projects-list li{background:#1a1a1a99;border:1px solid #e8593c14;border-left:2px solid #e8593c99;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;transition:border-color .25s,background .25s;display:flex}.service-modal-projects-list li:hover{background:#2c2c2acc;border-left-color:#f2a623}.service-modal-projects-list strong{color:var(--text-primary);font-size:.95rem;font-weight:500}.service-modal-projects-list span{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:11px}body.has-service-modal{overflow:hidden}@media (max-width:640px){.service-modal-panel{max-height:90vh;padding:28px 20px}.service-modal-header{flex-direction:column;gap:8px}.service-modal-projects-list li{flex-direction:column;align-items:flex-start;gap:4px}}.st-wrap{vertical-align:bottom;line-height:1.1em;display:inline-block;overflow:hidden}.st-word,.st-char{display:inline-block}::selection{color:var(--text-primary);background:#ffffff26}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}:focus{outline:none}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:3px;border-radius:3px}.noise-overlay,.noise-overlay:after,.cursor{display:none}@media (hover:hover) and (pointer:fine){body,a,button,.btn,.service-card,.work-card,.nav-link,.nav-toggle,.tech-item,.testimonial-card,.scroll-dot,input,textarea{cursor:none}.cursor{z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s;display:block;position:fixed;top:0;left:0}.cursor-dot{background:#f1efe8;border-radius:50%;width:6px;height:6px;transition:transform .15s,background .2s,width .15s,height .15s;position:absolute;transform:translate(-50%,-50%)}.cursor-ring{width:36px;height:36px;transition:border-color .3s ease, background-color .3s ease, width .3s var(--ease-out-expo), height .3s var(--ease-out-expo);will-change:transform;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border:1.5px solid #ffffff2e;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(1)}.cursor.cursor--hover .cursor-ring{background-color:#e8593c0a;border-color:#e8593c59;width:48px;height:48px}.cursor.cursor--hover .cursor-dot{background:#e8593c;transform:translate(-50%,-50%)scale(.8)}.cursor.cursor--click .cursor-ring{border-color:#ffffff59;width:28px;height:28px}.cursor.cursor--click .cursor-dot{transform:translate(-50%,-50%)scale(.6)}}.container{max-width:var(--container-width);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--section-padding) 0;position:relative}.hero-extended{margin-top:0}.marquee-section{margin:40px 0}.manifesto-strip{margin:60px 0}.gradient-text,.gradient-text .st-word,.gradient-text .st-char{background:linear-gradient(135deg,#e8593c 0%,#f2a623 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.serif-accent{font-family:var(--font-display);letter-spacing:-.02em;font-style:normal;font-weight:600}.section-header{margin-bottom:clamp(48px,6vw,80px)}.section-tag{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffffa6;text-transform:uppercase;margin-bottom:20px;font-size:12px;font-weight:500;display:inline-block}.section-title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:none;text-wrap:balance;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.1}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-glow,.shadow-glow:hover,.shadow-card{box-shadow:none}.shadow-inset{box-shadow:var(--shadow-inset-highlight)}.btn{font-family:var(--font-body);letter-spacing:0;border-radius:8px;align-items:center;gap:10px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:transform .3s,background-color .3s,border-color .3s,color .3s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden}.btn svg{transition:transform .3s}.btn:hover svg{transform:translate(3px)}.btn--primary{color:#f1efe8;background:#e8593c}.btn--primary:before,.btn--primary:hover:before{display:none}.btn--primary span,.btn--primary svg{z-index:1;position:relative}.btn--primary:hover{opacity:.9;background:#d85a30;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn--ghost{color:#e8593c;background:0 0;border:1px solid #e8593c4d}.btn--ghost:hover{background:#e8593c0f;border-color:#e8593c80;transform:translateY(-1px)}.btn--large{padding:14px 32px;font-size:.95rem}.btn--full{justify-content:center;width:100%}.nav{z-index:1000;opacity:0;padding:16px 0;transition:background-color .4s,border-color .4s,opacity .4s,transform .4s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.nav.scrolled{-webkit-backdrop-filter:blur(18px)saturate(160%);opacity:1;background:#1a1a1a8c;border-bottom:1px solid #e8593c1f;padding:12px 0;transform:translateY(0)}.nav-inner{max-width:var(--container-width);padding:0 var(--container-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-display);align-items:center;gap:10px;font-size:1.15rem;font-weight:600;display:flex}.logo-symbol{font-family:var(--font-mono);color:var(--text-primary);background:#ffffff0a;border:1px solid #e8593c33;border-radius:8px;padding:6px 10px;font-size:.85rem;font-weight:500}.logo-text{letter-spacing:.04em}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{color:var(--text-secondary);border-radius:6px;padding:8px 14px;font-size:.85rem;font-weight:450;transition:color .2s,background-color .2s}.nav-link:hover{color:var(--text-primary);background:#ffffff0a}.nav-link--cta{color:#f1efe8;background:#e8593c;border:1px solid #e8593c;border-radius:8px;margin-left:4px}.nav-link--cta:hover{color:#f1efe8;background:#d85a30}.nav-toggle{flex-direction:column;gap:5px;padding:8px;display:none}.nav-toggle span{background:var(--text-primary);border-radius:1px;width:22px;height:1.5px;transition:transform .3s,opacity .3s;display:block}.hero{background:var(--bg-deep);isolation:isolate;align-items:center;min-height:100vh;margin-bottom:0;padding-top:180px;padding-bottom:80px;display:flex;position:relative;overflow:hidden}.hero:before{display:none}.hero-poster,.hero-poster img,.hero-video{object-fit:cover;object-position:center;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero-video-overlay{z-index:1;background:linear-gradient(135deg, #1a1a1ac7 0%, rgba(232, 89, 60, calc(.2 + var(--audio-mid,0) * .15)) 100%), linear-gradient(to bottom, #1a1a1a59 0%, #1a1a1a99 70%, var(--bg-deep) 100%);pointer-events:none;transition:background 80ms linear;position:absolute;top:0;bottom:0;left:0;right:0}.hero:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(ellipse calc(35% + var(--audio-bass,0) * 25%) calc(45% + var(--audio-bass,0) * 30%) at 50% 55%, rgba(232, 89, 60, calc(var(--audio-bass,0) * .55)) 0%, transparent 70%);opacity:calc(var(--audio-bass,0) * 1.2);transition:opacity .1s linear;position:absolute;top:0;bottom:0;left:0;right:0}.hero-eq{opacity:0;pointer-events:none;align-items:center;max-width:0;padding-right:0;transition:max-width .55s cubic-bezier(.22,1,.36,1),padding-right .55s cubic-bezier(.22,1,.36,1),opacity .4s ease-out .1s;display:flex;overflow:hidden}.hero-eq.is-active{opacity:1;pointer-events:auto;max-width:200px;padding-right:14px}.hero-eq-viz{background:0 0;flex-shrink:0;width:140px;height:32px;display:block}@media (max-width:640px){.hero-eq.is-active{max-width:140px}.hero-eq-viz{width:110px;height:28px}}@media (prefers-reduced-motion:reduce){.hero:after,.hero-eq{display:none}}.hero-content{z-index:2;position:relative}@media (prefers-reduced-motion:reduce){.hero-video{display:none}.hero{background:linear-gradient(to bottom, var(--bg-deep) 0%, var(--bg-secondary) 100%)}}.hero:after{content:"";background:linear-gradient(to top, var(--bg-deep) 0%, transparent 100%);pointer-events:none;z-index:3;height:180px;position:absolute;bottom:0;left:0;right:0}@keyframes aurora-shift{0%{opacity:.3}50%{opacity:.6}to{opacity:.4}}.hero-glow{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hero-glow-orb{filter:blur(120px);will-change:transform;border-radius:50%;position:absolute}.hero-glow-orb--1{background:radial-gradient(circle,#e8593c38 0%,#e8593c14 50%,#0000 70%);width:800px;height:800px;animation:14s ease-in-out infinite alternate orb-drift-1;top:-10%;left:50%;transform:translate(-50%)}.hero-glow-orb--2{background:radial-gradient(circle,#f2a62314 0%,#0000 70%);width:500px;height:500px;animation:18s ease-in-out infinite alternate orb-drift-2;top:10%;right:-10%}.hero-glow-orb--3{background:radial-gradient(circle,#e8593c47 0%,#e8593c1a 45%,#0000 70%);width:700px;height:700px;animation:12s ease-in-out infinite alternate orb-drift-3;bottom:0%;left:50%;transform:translate(-50%)}@keyframes orb-drift-1{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-45%)translateY(30px)}}@keyframes orb-drift-2{0%{transform:translateY(0)scale(1)}to{transform:translateY(-40px)scale(1.05)}}@keyframes orb-drift-3{0%{transform:translateY(0)translate(0)}to{transform:translateY(-20px)translate(20px)}}.hero-grid{z-index:0;pointer-events:none;background-image:radial-gradient(#ffffff09 1px,#0000 1px);background-size:32px 32px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 70%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 70%)}.hero-liquid{z-index:1;pointer-events:none;filter:url(#liquid);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.liquid-blob{will-change:transform;border-radius:50%;position:absolute}.liquid-blob--1{background:radial-gradient(circle at 40% 40%,#e8593c0d 0%,#e8593c05 50%,#0000 70%);width:400px;height:400px;animation:20s ease-in-out infinite blob-morph-1;top:8%;right:5%}.liquid-blob--2{filter:url(#liquid-soft);background:radial-gradient(circle at 60% 60%,#ffffff08 0%,#ffffff03 50%,#0000 70%);width:350px;height:350px;animation:24s ease-in-out infinite blob-morph-2;bottom:12%;left:4%}.liquid-blob--3{background:radial-gradient(circle,#e8593c0a 0%,#0000 70%);width:280px;height:280px;animation:16s ease-in-out infinite blob-morph-3;top:35%;left:50%}.liquid-blob--4{filter:url(#liquid-soft);background:radial-gradient(circle,#ffffff05 0%,#0000 70%);width:200px;height:200px;animation:18s ease-in-out infinite blob-morph-4;top:20%;left:18%}@keyframes blob-morph-1{0%{border-radius:50%;transform:translate(0)scale(1)rotate(0)}25%{border-radius:42% 58% 55% 45%;transform:translate(-30px,20px)scale(1.15)rotate(45deg)}50%{border-radius:55% 45% 48% 52%;transform:translate(15px,-15px)scale(.95)rotate(90deg)}75%{border-radius:48% 52% 58% 42%;transform:translate(25px,30px)scale(1.08)rotate(135deg)}to{border-radius:50%;transform:translate(0)scale(1)rotate(0)}}@keyframes blob-morph-2{0%{border-radius:50%;transform:translate(0)scale(1)rotate(0)}33%{border-radius:58% 42% 45% 55%;transform:translate(40px,-25px)scale(1.2)rotate(-60deg)}66%{border-radius:45% 55% 52% 48%;transform:translate(-20px,35px)scale(.9)rotate(-120deg)}to{border-radius:50%;transform:translate(0)scale(1)rotate(0)}}@keyframes blob-morph-3{0%{border-radius:50%;transform:translate(-50%)scale(1)}50%{border-radius:42% 58% 50% 50%;transform:translate(-45%,25px)scale(1.3)}to{border-radius:50%;transform:translate(-50%)scale(1)}}@keyframes blob-morph-4{0%{border-radius:50%;transform:scale(1)rotate(0)}50%{border-radius:55% 45% 42% 58%;transform:scale(1.25)rotate(90deg)}to{border-radius:50%;transform:scale(1)rotate(0)}}.liquid-blob--5{background:radial-gradient(circle,#e8593c08 0%,#e8593c03 40%,#0000 70%);width:400px;height:400px;animation:22s ease-in-out infinite blob-morph-5;top:15%;right:2%}@keyframes blob-morph-5{0%{border-radius:50%;transform:translate(0)scale(1)rotate(0)}33%{border-radius:44% 56% 52% 48%;transform:translate(-40px,30px)scale(1.18)rotate(40deg)}66%{border-radius:52% 48% 44% 56%;transform:translate(20px,-20px)scale(.92)rotate(-30deg)}to{border-radius:50%;transform:translate(0)scale(1)rotate(0)}}.hero-showcase{z-index:3;pointer-events:none;perspective:1200px;width:420px;height:380px;position:absolute;top:50%;right:6%;transform:translateY(-50%)}.hero-browser-card{-webkit-backdrop-filter:blur(24px)saturate(1.2);width:100%;transform-style:preserve-3d;background:#e8593c08;border:1px solid #e8593c2e;border-radius:16px;animation:6s ease-in-out infinite card-float;position:relative;overflow:hidden;transform:rotateY(-8deg)rotateX(4deg);box-shadow:0 32px 64px #0006,inset 0 0 0 1px #e8593c0f,inset 0 1px #e8593c14}@keyframes card-float{0%,to{transform:rotateY(-8deg)rotateX(4deg)translateY(0)}50%{transform:rotateY(-8deg)rotateX(4deg)translateY(-14px)}}.browser-topbar{background:#e8593c0a;border-bottom:1px solid #e8593c1f;align-items:center;gap:12px;padding:12px 16px;display:flex}.browser-dots{gap:6px;display:flex}.browser-dot{border-radius:50%;width:10px;height:10px}.browser-dot--red{background:#ff5f57}.browser-dot--yellow{background:#febc2e}.browser-dot--green{background:#28c840}.browser-url{font-family:var(--font-mono);color:#ffffff59;letter-spacing:.02em;background:#ffffff0a;border-radius:6px;flex:1;padding:5px 12px;font-size:11px}.browser-content{padding:20px}.browser-code{font-family:var(--font-mono);font-size:12px;line-height:1.75}.code-line{white-space:nowrap;opacity:0;animation:.5s forwards code-appear}.code-line:first-child{animation-delay:.6s}.code-line:nth-child(2){animation-delay:.8s}.code-line:nth-child(3){animation-delay:1s}.code-line:nth-child(4){animation-delay:1.2s}.code-line:nth-child(5){animation-delay:1.4s}.code-line:nth-child(6){animation-delay:1.8s}.code-line:nth-child(7){animation-delay:2s}.code-line:nth-child(8){animation-delay:2.2s}@keyframes code-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.code-indent{padding-left:24px}.code-blank{height:12px}.code-keyword{color:#e8593ccc}.code-var{color:#f1efe8e6}.code-op{color:#fff6}.code-fn{color:#ffffffb3}.code-prop{color:#e8593c99}.code-string{color:#ffffff8c}.code-num{color:#e8593cb3}.code-comment{color:#ffffff40;font-style:italic}.browser-preview-bar{opacity:0;background:#e8593c0d;border:1px solid #e8593c1a;border-radius:8px;justify-content:space-between;align-items:center;margin-top:16px;padding:8px 12px;animation:.5s 2.6s forwards code-appear;display:flex}.preview-tag{font-family:var(--font-mono);color:#e8593cb3;letter-spacing:.02em;font-size:11px}.preview-status{background:#e8593c;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}.hero-float{-webkit-backdrop-filter:blur(16px);font-family:var(--font-mono);color:#fff9;opacity:0;background:#e8593c0a;border:1px solid #e8593c26;border-radius:12px;font-size:11px;position:absolute;box-shadow:0 8px 32px #0000004d}@keyframes float-in{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-float--button{color:#e8593ccc;background:#e8593c14;border-color:#e8593c26;align-items:center;gap:8px;padding:10px 18px;font-weight:500;animation:.6s 1.4s forwards float-in,5s ease-in-out 2s infinite float-drift-1;display:flex;top:-10px;left:-50px}.hero-float--button .float-btn-icon{font-size:13px}@keyframes float-drift-1{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-float--chart{flex-direction:column;gap:8px;padding:14px 16px 10px;animation:.6s 1.8s forwards float-in,7s ease-in-out 2.4s infinite float-drift-2;display:flex;bottom:20px;left:-70px}@keyframes float-drift-2{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-chart-bars{align-items:flex-end;gap:4px;height:40px;display:flex}.float-bar{width:8px;height:var(--h,50%);transform-origin:bottom;background:#ffffff1f;border-radius:3px;animation:1s 2.2s forwards bar-grow;transform:scaleY(0)}.float-bar--accent{background:#e8593c66}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.float-chart-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.hero-float--metric{flex-direction:column;align-items:center;gap:4px;padding:12px 16px;animation:.6s 2s forwards float-in,6s ease-in-out 2.6s infinite float-drift-3;display:flex;top:20px;right:-40px}@keyframes float-drift-3{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(1deg)}}.float-metric-value{color:#f1efe8e6;font-size:18px;font-weight:600;font-family:var(--font-display)}.float-metric-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.hero-float--badge{align-items:center;gap:8px;padding:8px 14px;animation:.6s 2.4s forwards float-in,8s ease-in-out 3s infinite float-drift-4;display:flex;bottom:60px;right:-30px}@keyframes float-drift-4{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.float-badge-dot{background:#28c840;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@media (max-width:1200px){.hero-showcase{width:360px;height:340px;right:3%}}@media (max-width:1024px){.hero-showcase{display:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-canvas{z-index:1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hero-canvas canvas{pointer-events:auto;width:100%!important;height:100%!important}.hero-content{z-index:5;max-width:var(--container-width);padding:0 var(--container-padding);width:100%;margin:0 auto;position:relative}.hero-content--centered{text-align:center;will-change:transform, opacity;flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-brand{color:inherit;align-items:center;gap:22px;margin:40px 0 16px;padding:0;text-decoration:none;transition:transform .5s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.hero-brand:before,.hero-brand:after{content:"";background:linear-gradient(90deg,#0000,#e8593c99,#0000);width:72px;height:1px;transition:width .5s cubic-bezier(.22,1,.36,1),background .4s}.hero-brand:hover{transform:translateY(-1px)}.hero-brand:hover:before,.hero-brand:hover:after{background:linear-gradient(90deg,#0000,#f2a623,#0000);width:100px}.hero-brand-text{flex-direction:column;align-items:center;gap:6px;line-height:1;display:flex}.hero-brand-title{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#f1efe8eb 0%,#fff 45%,#f1efe8eb 55% 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;animation:6s linear infinite brand-shimmer}@keyframes brand-shimmer{to{background-position:-200% 0}}.hero-brand-sub{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#e8593c 0%,#f2a623 100%);-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:600}.hero-content--centered .hero-brand+.hero-subtitle{margin-top:36px}@media (max-width:640px){.hero-brand{gap:14px;margin:30px 0 12px}.hero-brand:before,.hero-brand:after{width:40px}.hero-brand-title{letter-spacing:.16em;font-size:1.18rem}.hero-brand-sub{letter-spacing:.28em;font-size:.78rem}.hero-content--centered .hero-brand+.hero-subtitle{margin-top:28px}}@media (prefers-reduced-motion:reduce){.hero-brand-title{animation:none}}.hero-badge{font-family:var(--font-mono);color:#ffffff73;letter-spacing:.08em;text-transform:uppercase;background:#e8593c0a;border:1px solid #e8593c2e;border-radius:40px;align-items:center;gap:10px;margin-bottom:40px;padding:6px 16px;font-size:12px;font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--accent-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;text-transform:none;text-wrap:balance;text-shadow:0 2px 30px #00000080;margin-bottom:24px;font-size:clamp(48px,5.8vw,72px);font-weight:700;line-height:1.08}.hero-title--centered{text-align:center;max-width:900px}.hero-title .char{opacity:0;display:inline-block}.hero-subtitle{color:var(--text-secondary);max-width:640px;min-height:2em;margin-bottom:48px;font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.7}.hero-subtitle--centered{text-align:center;margin-bottom:0}.typewriter-cursor{color:#ffffff59;margin-left:2px;animation:1s step-end infinite blink-cursor;display:inline-block}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.hero-cta-inline{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.mid-cta{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:64px 24px;display:flex}.mid-cta p{color:var(--text-secondary);font-size:clamp(1rem,1.4vw,1.15rem)}@media (max-width:480px){.mid-cta{padding:48px 24px}.hero-cta-inline{flex-direction:column;align-items:center}.hero-cta-inline .btn{justify-content:center;width:100%}}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:64px;display:flex}.hero-stats{align-items:stretch;gap:0;display:flex}.hero-stat{flex-direction:column;justify-content:center;padding:0 clamp(24px,4vw,52px);display:flex;position:relative}.hero-stat:first-child{padding-left:0}.hero-stat:last-child{padding-right:0}.hero-stat+.hero-stat:before{content:"";background:#ffffff1f;width:1px;height:80%;position:absolute;top:10%;left:0}.hero-stat-value{align-items:baseline;gap:2px;line-height:1;display:flex}.hero-stat-number{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.04em;font-size:clamp(2.4rem,4vw,4rem);font-weight:900;line-height:1}.hero-stat-suffix{font-family:var(--font-display);letter-spacing:-.03em;color:var(--accent-orange);font-size:clamp(1.2rem,2vw,1.8rem);font-weight:900;line-height:1}.hero-stat-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:8px;font-size:12px;font-weight:500}.hero-scroll-indicator{opacity:0;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero-scroll-indicator span{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:#fff3;font-size:10px}.scroll-line{background:linear-gradient(#e8593c80,#0000);width:1px;height:40px;animation:2.5s ease-in-out infinite scroll-line}@keyframes scroll-line{0%{transform-origin:top;opacity:0;transform:scaleY(0)}30%{transform-origin:top;opacity:1;transform:scaleY(1)}60%{transform-origin:bottom;opacity:1;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}.hero-extended{background:var(--bg-deep);padding:clamp(60px,8vh,100px) 0 clamp(48px,6vh,72px);position:relative;overflow:hidden}.hero-extended:before{display:none}.hero-extended:after{content:"";background:linear-gradient(90deg,#0000,#e8593c2e,#0000);height:1px;position:absolute;top:0;left:15%;right:15%}.hero-extended-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:36px;display:flex;position:relative}.hero-extended .hero-actions,.hero-extended .hero-stats{justify-content:center}.scroll-dots{z-index:999;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.scroll-dot{cursor:pointer;background:#e8593c14;border:1px solid #e8593c33;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:transform .3s,background-color .3s,border-color .3s;display:flex;position:relative}.scroll-dot:hover{background:#ffffff40;transform:scale(1.2)}.scroll-dot.active{background:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.15)}.scroll-dot span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;opacity:0;pointer-events:none;font-size:11px;transition:opacity .2s,transform .2s;position:absolute;top:50%;right:20px;transform:translateY(-50%)translate(4px)}.scroll-dot:hover span{opacity:1;transform:translateY(-50%)translate(0)}@media (max-width:768px){.scroll-dots{display:none}}.marquee-section{background:var(--bg-deep);border-top:1px solid #e8593c1a;border-bottom:1px solid #e8593c1a;padding:12px 0;position:relative;overflow:hidden}.marquee-section:before,.marquee-section:after{content:"";z-index:2;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.marquee-section:before{background:linear-gradient(to right, var(--bg-deep), transparent);left:0}.marquee-section:after{background:linear-gradient(to left, var(--bg-deep), transparent);right:0}.marquee-track{width:max-content;animation:35s linear infinite marquee-scroll;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-content{flex-shrink:0;align-items:center;gap:0;display:flex}.marquee-content span{font-family:var(--font-mono);color:#fff3;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:0 20px;font-size:11px;font-weight:400;transition:color .3s}.marquee-content span:hover{color:#fff6}.marquee-sep{opacity:.5;color:#ffffff1f!important;padding:0!important;font-size:.5rem!important}.services{background:var(--bg-deep);contain:layout style;position:relative}.services:before{content:"";background:linear-gradient(90deg,#0000,#e8593c2e,#0000);height:1px;position:absolute;top:0;left:0;right:0}.services-bento{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.services-bento .service-card:first-child{grid-column:1/8}.services-bento .service-card:nth-child(2){grid-column:8/13}.services-bento .service-card:nth-child(3){grid-column:1/7}.services-bento .service-card:nth-child(4){grid-column:7/13}.service-card{background:var(--bg-card);contain:content;border:1px solid #e8593c14;border-top:3px solid #e8593c;border-radius:12px;padding:20px 24px;transition:border-color .3s,background-color .3s;position:relative;overflow:hidden}.service-card:before{content:"";border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #e8593c0f, transparent 40%);opacity:0;pointer-events:none;z-index:0;transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.service-card:hover:before{opacity:1}.service-card:hover{background:var(--bg-card-hover);border-color:#e8593c33}.service-card>*{z-index:1;position:relative}.service-card--featured{padding:48px}.service-card--featured:after,.service-card--featured:hover:after{display:none}@keyframes gradient-border-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.service-card-bg-code{opacity:.02;-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:column;gap:3px;transition:opacity .3s;display:flex;position:absolute;bottom:-10px;right:16px}.service-card:hover .service-card-bg-code{opacity:.04}.service-card-bg-code span{font-family:var(--font-mono);color:#ffffff80;white-space:nowrap;font-size:.7rem;line-height:1.6}.service-card-icon{color:#e8593cb3;background:#e8593c0f;border:1px solid #e8593c33;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;transition:background-color .3s,border-color .3s,color .3s;display:flex}.service-card:hover .service-card-icon{color:var(--accent-primary);background:#e8593c1f;border-color:#e8593c59}.service-card-iso{border-radius:12px;width:100%;height:180px;margin-bottom:16px;position:relative;overflow:hidden}.service-card-iso canvas{display:block;width:100%!important;height:100%!important}.service-card--featured .service-card-iso{height:220px}.service-card-number{font-family:var(--font-display);color:#ffffff04;-webkit-user-select:none;user-select:none;letter-spacing:-.04em;font-size:clamp(5rem,8vw,7rem);font-weight:700;line-height:1;transition:color .3s;position:absolute;top:20px;right:24px}.service-card:hover .service-card-number{color:#ffffff06}.service-card-title{font-family:var(--font-display);letter-spacing:0;margin-bottom:12px;font-size:clamp(18px,1.6vw,22px);font-weight:600;line-height:1.2}.service-card--featured .service-card-title{letter-spacing:-.025em;font-size:clamp(1.4rem,2.2vw,1.8rem)}.service-card-desc{color:var(--text-secondary);max-width:640px;margin-bottom:20px;font-size:.9rem;line-height:1.7}.service-card-tags{flex-wrap:wrap;gap:6px;display:flex}.service-card-tags span{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;background:#e8593c0a;border:1px solid #e8593c26;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:border-color .3s,color .3s}.service-card:hover .service-card-tags span{color:#e8593ccc;border-color:#e8593c40}.lusion-dotted-line{background:#ffffff0f;width:100%;height:1px;margin:0}.manifesto-strip{background:var(--bg-deep);text-align:center;padding:clamp(80px,14vh,160px) 0;position:relative;overflow:hidden}.manifesto-strip:before,.manifesto-strip:after{content:"";background:linear-gradient(90deg,#0000,#e8593c59,#0000);height:1px;position:absolute;left:0;right:0}.manifesto-strip:before{top:0}.manifesto-strip:after{bottom:0}.manifesto-text{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(135deg,#e8593c 0%,#f2a623 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,5rem);font-weight:600;line-height:1.1;position:relative}.process{background:var(--bg-deep);contain:layout style;overflow:hidden}.process-timeline{max-width:700px;margin:0 auto;position:relative}.process-line{background:repeating-linear-gradient(#e8593c2e 0 2px,#0000 2px 10px);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:31px}.process-line:before{content:"";width:100%;height:var(--line-progress,0%);background:linear-gradient(to bottom, var(--accent-primary) 0%, var(--accent-primary) 50%, var(--accent-secondary) 100%);border-radius:2px;transition:height .12s linear;position:absolute;top:0;left:0;box-shadow:0 0 8px #e8593c73,0 0 18px #f2a6232e}.process-line:after{content:"";left:50%;top:var(--line-progress,0%);background:radial-gradient(circle, #ffd58a 0%, var(--accent-secondary) 45%, transparent 70%);opacity:.95;pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 16px #f2a623a6}.process-step{gap:36px;padding:40px 0;display:flex;position:relative}.process-step-marker{background:var(--bg-deep);z-index:2;border:1.5px solid #e8593c4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:border-color .3s,background-color .3s,box-shadow .3s;display:flex;position:relative}.process-step-marker:before{content:"";pointer-events:none;border:1px dashed #e8593c00;border-radius:50%;transition:border-color .4s;animation:12s linear infinite marker-ring-rotate;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.process-step-marker span{font-family:var(--font-mono);color:var(--accent-primary);font-size:.9rem;font-weight:600;transition:color .3s}.process-step-chip{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#e8593c8c;white-space:nowrap;font-size:.62rem;font-style:normal;transition:color .3s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.process-step.is-active .process-step-marker{border-color:var(--accent-primary);background:var(--bg-deep);box-shadow:0 0 0 6px #e8593c0f,0 0 0 12px #f2a6230a,0 0 28px #e8593c38}.process-step.is-active .process-step-marker:before{border-color:#e8593c8c}.process-step.is-active .process-step-marker span,.process-step.is-active .process-step-chip{color:var(--accent-primary)}@keyframes marker-ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.process-step-content{padding-top:4px}.process-step-content h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:10px;font-size:1.35rem;font-weight:700}.process-step-content p{color:var(--text-secondary);max-width:640px;font-size:.95rem;line-height:1.7}@media (max-width:640px){.process-line{background:repeating-linear-gradient(#e8593c2e 0 2px,#0000 2px 8px)}.process-line:after{width:8px;height:8px}.process-step-chip{display:none}}.tech{background:var(--bg-deep);contain:layout style;overflow:hidden}.tech-orbit{aspect-ratio:1;width:100%;max-width:500px;margin:0 auto 64px;position:relative}.tech-orbit-center{width:88px;height:88px;font-family:var(--font-display);letter-spacing:.04em;color:#ffffffd9;z-index:3;background:linear-gradient(135deg,#1e1e24 10%,#050505 60%) 0 0/200% 200%;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:600;animation:5s ease-in-out infinite orbit-center-gradient;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tech-orbit-center:before,.tech-orbit-center:after{--size:5px;content:"";top:calc(var(--size) / -2);left:calc(var(--size) / -2);width:calc(100% + var(--size));height:calc(100% + var(--size));background:radial-gradient(circle at 0 0,#f8903a,#0000),radial-gradient(circle at 100% 0,#00a6ff,#0000),radial-gradient(circle at 0 100%,#ff0056,#0000),radial-gradient(circle at 100% 100%,#6500ff,#0000);border-radius:50%;position:absolute}.tech-orbit-center:after{--size:2px;z-index:-1}.tech-orbit-center:before{--size:14px;z-index:-2;filter:blur(8px);animation:3s ease-in-out infinite alternate orbit-center-blur}@keyframes orbit-center-blur{to{filter:blur(16px);transform:scale(1.1)}}@keyframes orbit-center-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.tech-orbit-center .logo-symbol{font-size:1.4rem;line-height:1}.tech-orbit-ring{pointer-events:none;border:1px solid #e8593c1a;border-radius:50%;position:absolute;top:50%;left:50%}.tech-orbit-ring .tech-item{pointer-events:auto}.tech-orbit-ring--1{width:80%;height:80%;animation:60s linear infinite orbit-spin;transform:translate(-50%,-50%)}.tech-orbit-ring--2{width:110%;height:110%;animation:80s linear infinite reverse orbit-spin;transform:translate(-50%,-50%)}@keyframes orbit-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.tech-item{cursor:pointer;box-sizing:content-box;width:64px;height:64px;margin:-32px 0 0 -32px;padding:8px;position:absolute;top:50%;left:50%}.tech-orbit-ring--1 .tech-item{animation:60s linear infinite counter-spin-1}.tech-orbit-ring--2 .tech-item{animation:80s linear infinite counter-spin-2}.tech-orbit:hover .tech-orbit-ring,.tech-orbit:hover .tech-item,.tech-orbit:focus-within .tech-orbit-ring,.tech-orbit:focus-within .tech-item{animation-play-state:paused}@keyframes counter-spin-1{0%{transform:rotate(calc(var(--angle) + 0deg)) translateX(min(38vw, 190px)) rotate(calc(-1 * (var(--angle) + 0deg)))}to{transform:rotate(calc(var(--angle) + 360deg)) translateX(min(38vw, 190px)) rotate(calc(-1 * (var(--angle) + 360deg)))}}@keyframes counter-spin-2{0%{transform:rotate(calc(var(--angle) - 0deg)) translateX(min(50vw, 250px)) rotate(calc(-1 * (var(--angle) - 0deg)))}to{transform:rotate(calc(var(--angle) - 360deg)) translateX(min(50vw, 250px)) rotate(calc(-1 * (var(--angle) - 360deg)))}}.tech-item-inner{width:100%;height:100%;font-size:1.1rem;font-family:var(--font-mono);color:#e8593ccc;background:#e8593c0d;border:1px solid #e8593c38;border-radius:12px;justify-content:center;align-items:center;font-weight:500;transition:transform .3s,background-color .3s,border-color .3s;display:flex}.tech-item:hover .tech-item-inner{background:#e8593c1f;border-color:#e8593c73;transform:scale(1.1)}.tech-item:after{content:attr(data-label);font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;opacity:0;font-size:10px;transition:opacity .2s;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.tech-item:hover:after{opacity:1}.tech-categories{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.tech-cat{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;padding:28px;transition:border-color .3s}.tech-cat:hover{border-color:#ffffff1f}.tech-cat h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:.95rem;font-weight:600}.tech-cat p{color:var(--text-secondary);font-size:.88rem;line-height:1.7}.work{background:var(--bg-deep);contain:layout style}.work-grid{gap:24px;display:grid}.work-card{contain:content;background:#e8593c08;border:1px solid #e8593c1a;border-radius:16px;grid-template-columns:1fr 1fr;transition:border-color .3s,background-color .3s;display:grid;position:relative;overflow:hidden}.work-card:hover{background:#ffffff0a;border-color:#ffffff1f}.work-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(105deg,#0000 30%,#ffffff0a 45%,#ffffff14 50%,#ffffff0a 55%,#0000 70%);width:60%;height:100%;transition:none;position:absolute;top:0;left:-100%}.work-card:hover:after{animation:.8s forwards card-shine}@keyframes card-shine{0%{left:-100%}to{left:200%}}.work-card:before{content:"";border-radius:inherit;background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff0a, transparent 40%);opacity:0;pointer-events:none;z-index:0;transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.work-card:hover:before{opacity:1}.work-card-visual{z-index:2;background:linear-gradient(135deg,#2c2c2a,#1a1a1a);min-height:260px;position:relative;overflow:hidden}.work-card-visual:after{content:"";background:radial-gradient(circle,#ffffff05,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0}.work-card-3d{position:absolute;top:0;bottom:0;left:0;right:0}.work-card-3d canvas{width:100%!important;height:100%!important}.work-card-content{z-index:2;flex-direction:column;justify-content:center;padding:40px;display:flex;position:relative}.work-card-category{font-family:var(--font-mono);color:#ffffff59;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:500}.work-card-content h3{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:600;line-height:1.15}.work-card-content p{color:var(--text-secondary);max-width:640px;margin-bottom:24px;font-size:.9rem;line-height:1.7}.work-card-metrics{gap:28px;display:flex}.work-card-metrics div{flex-direction:column;display:flex}.work-card-metrics strong{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:600}.work-card-metrics span{color:var(--text-muted);font-size:12px}.arch-section{background:linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-secondary) 100%);contain:layout style}.arch-container{grid-template-columns:1fr 320px;align-items:start;gap:32px;display:grid}.arch-canvas{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#1a1a1a80;border:1px solid #e8593c1a;border-radius:12px;min-height:520px;position:relative;overflow:hidden}.arch-canvas.is-panning{cursor:grabbing}.arch-svg{width:100%;height:100%;font-family:var(--font-display);display:block}.arch-grid-bg{pointer-events:none}#arch-viewport{transition:none}.arch-controls{z-index:2;background:#0a0a0ceb;border:1px solid #e8593c2e;border-radius:8px;flex-direction:column;gap:6px;padding:6px;display:flex;position:absolute;bottom:14px;right:14px}.arch-ctrl{color:#f1efe8b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;line-height:1;transition:background .2s,color .2s;display:flex}.arch-ctrl:hover{color:var(--text-primary);background:#e8593c2e}.arch-ctrl--reset{font-size:18px}.arch-hint{font-family:var(--font-mono);color:#f1efe88c;letter-spacing:.04em;pointer-events:none;z-index:2;opacity:1;background:#0a0a0cd9;border:1px solid #e8593c26;border-radius:999px;padding:6px 12px;font-size:11px;transition:opacity .5s;position:absolute;bottom:14px;left:14px}.arch-canvas.has-interacted .arch-hint{opacity:0}.arch-iso-top{fill:#e8593c14;stroke:#e8593c47;stroke-width:1px;stroke-linejoin:round;transition:fill .3s,stroke .3s}.arch-iso-right{fill:#0a0a0c8c;stroke:#e8593c38;stroke-width:1px;stroke-linejoin:round;transition:fill .3s,stroke .3s}.arch-node:hover .arch-iso-top,.arch-node.is-active .arch-iso-top{fill:#f2a6232e;stroke:#f2a62399}.arch-node:focus-visible .arch-iso-top{fill:#f2a6232e;stroke:#f2a62399}.arch-node:hover .arch-iso-right,.arch-node.is-active .arch-iso-right{fill:#0f0805bf;stroke:#e8593c8c}.arch-node:focus-visible .arch-iso-right{fill:#0f0805bf;stroke:#e8593c8c}.arch-lane-rect{fill:#e8593c08;stroke:#e8593c73;stroke-dasharray:6 6;stroke-width:1.25px}.arch-lane-rect--region{fill:#f2a62305;stroke:#f2a62359;stroke-dasharray:8 6;stroke-width:1.25px}.arch-lane-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;fill:#e8593cb8;font-size:11px}.arch-lane-label--region{fill:#f2a623b3;letter-spacing:.22em}.arch-paths path{fill:none;stroke-linecap:square;stroke-linejoin:miter}.arch-path--primary{stroke:#e8593c99;stroke-width:1.5px}.arch-path--secondary{stroke:#e8593c59;stroke-width:1.25px;stroke-dasharray:3 4}.arch-path--deploy{stroke:#f2a623b3;stroke-width:1.4px;stroke-dasharray:5 5}.arch-flow-badge circle{fill:#e8593c;stroke:#0f0805e6;stroke-width:1.5px}.arch-flow-badge text{fill:#0f0805;font-family:var(--font-mono);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:11px;font-weight:700}@media (prefers-reduced-motion:reduce){.arch-paths path{animation:none}}.arch-cluster-rect{fill:#f2a6230a;stroke:#f2a62359;stroke-width:1px;stroke-dasharray:3 5}.arch-cluster-label{font-family:var(--font-mono);fill:#f2a623b3;letter-spacing:.14em;text-transform:uppercase;font-size:10px}.arch-node-icon{color:#e8593c;pointer-events:none;transition:color .3s}.arch-node:hover .arch-node-icon,.arch-node.is-active .arch-node-icon{color:#f2a623}.arch-node:focus-visible .arch-node-icon{color:#f2a623}.arch-node{cursor:pointer;transition:transform .3s var(--ease-out-expo);outline:none}.arch-node-rect{fill:#2c2c2ab3;stroke:#e8593c26;stroke-width:1px;transition:fill .3s,stroke .3s}.arch-node-accent{fill:#e8593c;transition:fill .3s}.arch-node-label{fill:#f1efe8;pointer-events:none;font-size:13px;font-weight:600}.arch-node-sub{fill:#f1efe866;font-family:var(--font-mono);letter-spacing:.04em;pointer-events:none;font-size:10px}.arch-node:hover .arch-node-rect,.arch-node.is-active .arch-node-rect{fill:#e8593c1f;stroke:#e8593c8c}.arch-node:focus-visible .arch-node-rect{fill:#e8593c1f;stroke:#e8593c8c}.arch-node:hover .arch-node-accent,.arch-node.is-active .arch-node-accent{fill:#f2a623}.arch-node:focus-visible .arch-node-accent{fill:#f2a623}.arch-panel{background:var(--bg-card);border:1px solid #e8593c14;border-top:3px solid #e8593c;border-radius:12px;min-height:360px;padding:24px;position:sticky;top:96px}.arch-panel-tag{font-family:var(--font-mono);color:#e8593c;letter-spacing:.08em;text-transform:uppercase;font-size:11px;display:block}.arch-panel-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin:10px 0 14px;font-size:20px;font-weight:700;line-height:1.2}.arch-panel-desc{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.6}.arch-panel-specs{flex-direction:column;gap:8px;display:flex}.arch-panel-spec{background:#1a1a1a99;border:1px solid #e8593c14;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:12px;display:flex}.arch-panel-spec-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.arch-panel-spec-value{color:var(--text-primary);text-align:right;font-weight:500}@media (max-width:960px){.arch-container{grid-template-columns:1fr}.arch-panel{min-height:auto;position:static}}.testimonials{background:var(--bg-deep);contain:layout style}.testimonials-track{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.testimonial-card{background:linear-gradient(var(--bg-deep), var(--bg-deep)) padding-box, linear-gradient(135deg, #e8593c26, #e8593c0f) border-box;contain:content;border:1px solid #0000;border-radius:16px;padding:40px;transition:background .4s;position:relative}.testimonial-card:hover{background:linear-gradient(var(--bg-deep), var(--bg-deep)) padding-box, linear-gradient(135deg, #e8593c66, #f2a62326, #e8593c4d) border-box}.testimonial-stars{color:#e8593c59;letter-spacing:3px;margin-bottom:20px;font-size:.85rem}.testimonial-quote{color:#ffffff0f;background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;margin-bottom:12px;font-family:Georgia,Times New Roman,serif;font-size:4rem;font-weight:400;line-height:.8}.testimonial-card p{font-family:var(--font-display);color:#ffffffb3;letter-spacing:-.01em;margin-bottom:36px;font-size:clamp(1.05rem,1.6vw,1.25rem);font-style:normal;font-weight:400;line-height:1.65}.testimonial-author{align-items:center;gap:14px;display:flex}.testimonial-avatar{width:40px;height:40px;font-family:var(--font-display);color:var(--text-secondary);background:#ffffff0f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:500;display:flex}.testimonial-author strong{font-family:var(--font-display);font-size:.9rem;font-weight:500;display:block}.testimonial-author span{color:var(--text-muted);font-size:13px}.shuttle-section,.build-section{background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-deep) 100%);position:relative;overflow:hidden}.build-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.build-checklist{flex-direction:column;gap:18px;margin:32px 0 0;padding:0;list-style:none;display:flex}.build-task{background:#1a1a1a99;border:1px solid #e8593c14;border-radius:10px;grid-template-columns:28px 1fr;gap:16px;padding:14px 16px;transition:border-color .3s,background .3s;display:grid}.build-task.is-done{background:#e8593c0d;border-color:#e8593c2e}.build-task.is-active{background:#e8593c12;border-color:#e8593c6b}.build-task h4{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.005em;margin:0 0 4px;font-size:.95rem;font-weight:600}.build-task p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.55}.build-check{background:#0000004d;border:1.5px solid #e8593c59;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin-top:2px;transition:border-color .3s,background .3s;position:relative}.build-task.is-done .build-check{background:#e8593c;border-color:#e8593c}.build-task.is-done .build-check:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:4px;left:7px;transform:rotate(45deg)}.build-task.is-active .build-check:before{content:"";background:#e8593cb3;border-radius:50%;animation:1.6s ease-in-out infinite build-pulse;position:absolute;top:4px;bottom:4px;left:4px;right:4px}@keyframes build-pulse{0%,to{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.build-stage-wrap{width:100%;position:relative}.build-stage{aspect-ratio:1;background:radial-gradient(#e8593c1a 0%,#0000 65%);justify-content:center;align-items:center;width:100%;max-height:480px;display:flex;position:relative}.build-stage canvas{display:block;width:100%!important;height:100%!important}.build-hint{text-align:center;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;margin-top:12px;font-size:11px;display:block}.build-task{cursor:pointer;-webkit-user-select:none;user-select:none}.build-task:hover{background:#e8593c14;border-color:#e8593c47}.build-task:focus-visible{outline-offset:2px;outline:2px solid #e8593c80}@media (max-width:900px){.build-inner{grid-template-columns:1fr;gap:32px}.build-stage{max-height:360px}}@media (prefers-reduced-motion:reduce){.build-task.is-active .build-check:before{animation:none}}.shuttle-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 15%,#e8593c21 0%,#0000 60%);width:700px;height:700px;position:absolute;top:50%;left:-120px;transform:translateY(-50%)}.shuttle-section .container{z-index:1;position:relative}.shuttle-inner{grid-template-columns:1fr 1.15fr;align-items:center;gap:56px;display:grid}.shuttle-canvas{border:1px solid #e8593c1a;border-radius:16px;width:100%;height:520px;overflow:hidden;box-shadow:0 0 80px #e8593c0d,inset 0 0 40px #0006}.shuttle-canvas canvas{width:100%!important;height:100%!important}.shuttle-info{text-align:left;flex-direction:column;gap:20px;display:flex}.shuttle-step{margin-top:16px}.shuttle-step-label{font-family:var(--font-display);color:var(--text-primary);min-height:1.6em;margin-bottom:6px;font-size:1.3rem;font-weight:600}.shuttle-step-desc{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem}.shuttle-progress-track{background:#ffffff0f;border-radius:4px;width:100%;height:4px;overflow:hidden}.shuttle-progress-bar{background:linear-gradient(90deg,#e8593c,#f2a623);border-radius:4px;width:0%;height:100%;transition:width .8s}.shuttle-steps-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.shuttle-step-item{font-family:var(--font-mono);color:#ffffff40;letter-spacing:.04em;border-bottom:1px solid #ffffff0a;padding:6px 0;font-size:.78rem}@media (max-width:900px){.shuttle-inner{grid-template-columns:1fr;gap:32px}.shuttle-info{text-align:center}.shuttle-canvas{height:350px}}@media (max-width:480px){.shuttle-canvas{height:280px}}.cta{background:var(--bg-deep);padding:calc(var(--section-padding) * 1.2) 0;contain:layout style;position:relative;overflow:hidden}.cta-glow{pointer-events:none;background:radial-gradient(50% 60% at 30%,#e8593c14 0%,#0000 70%),radial-gradient(40% 50% at 70% 60%,#f2a6230a 0%,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0}.cta-lm-canvas{border-radius:12px;width:100%;height:280px;margin-top:24px;overflow:hidden}.cta-lm-canvas canvas{width:100%!important;height:100%!important}@media (max-width:900px){.cta-lm-canvas{height:200px}}.cta-particles{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.cta-inner{z-index:2;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(48px,7vw,100px);display:grid;position:relative}.cta-text{padding-top:8px}.cta-title{font-family:var(--font-display);letter-spacing:-.025em;margin:24px 0 20px;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.1}.cta-desc{color:var(--text-secondary);max-width:640px;margin-bottom:32px;font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.7}.cta-info{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.cta-info-item{color:var(--text-muted);align-items:center;gap:10px;font-size:.88rem;display:flex}.cta-info-item svg{color:#ffffff59;flex-shrink:0}.cta-available{color:#ffffff73;font-size:13px;font-family:var(--font-mono);background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:10px;padding:6px 14px;display:inline-flex}.available-dot{background:var(--accent-green);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse-dot}.contact-form{background:var(--bg-deep);background-clip:padding-box;border:1px solid #0000;border-radius:20px;flex-direction:column;gap:0;padding:40px;display:flex;position:relative}.contact-form:before{content:"";background:linear-gradient(var(--form-border-angle,0deg), #e8593c59, #f2a6231a, #e8593c33, #f2a6230f);-webkit-mask-composite:xor;pointer-events:none;background-size:300% 300%;border-radius:20px;padding:1px;animation:6s linear infinite form-border-rotate;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes form-border-rotate{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.contact-form .btn--primary{position:relative;overflow:hidden}.contact-form .btn--primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:50%;height:100%;position:absolute;top:0;left:-100%}.contact-form .btn--primary:hover:after{animation:.7s forwards btn-shimmer}@keyframes btn-shimmer{0%{left:-100%}to{left:200%}}.form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.form-group{margin-bottom:12px;position:relative}.form-group input,.form-group textarea{width:100%;color:var(--text-primary);font-family:var(--font-body);resize:vertical;background:#e8593c08;border:1px solid #e8593c26;border-radius:10px;outline:none;padding:22px 16px 8px;font-size:.9rem;line-height:1.5;transition:border-color .2s,background .2s}.form-group textarea{min-height:120px}.form-group input:focus,.form-group textarea:focus{background:#e8593c0a;border-color:#e8593c;box-shadow:0 0 0 3px #e8593c1a}.form-group label{color:var(--text-muted);pointer-events:none;transform-origin:0 0;font-size:.85rem;transition:transform .2s,color .2s;position:absolute;top:15px;left:16px}.form-group input:not(:placeholder-shown)~label,.form-group input:focus~label,.form-group textarea:not(:placeholder-shown)~label,.form-group textarea:focus~label{color:var(--text-secondary);transform:translateY(-9px)scale(.76)}.form-row .form-group{margin-bottom:0}.contact-form .btn--full{margin-top:8px}.form-note{text-align:center;color:var(--text-muted);font-size:12px;font-family:var(--font-mono);margin-top:12px}.footer{background:var(--bg-deep);contain:layout style;border-top:1px solid #ffffff0f;padding:48px 0 0;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(to bottom, transparent, var(--bg-deep));pointer-events:none;z-index:1;height:80px;position:absolute;top:-80px;left:0;right:0}.footer-inner{grid-template-columns:1fr 2fr;gap:48px;margin-bottom:20px;display:grid}.footer-brand p{color:#ffffff59;margin-top:16px;font-size:.88rem;line-height:1.6}.footer-links{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.footer-col h4{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.02em;margin-bottom:14px;font-size:13px;font-weight:500}.footer-col a{color:#ffffff59;padding:3px 0;font-size:.85rem;transition:color .2s;display:block}.footer-col a:hover{color:#e8593c}.footer-watermark{font-family:var(--font-display);letter-spacing:-.04em;color:#ffffff08;text-align:center;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-size:clamp(5rem,14vw,12rem);font-weight:700;line-height:1}.footer-bottom{color:#ffffff4d;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 0 24px;font-size:13px;display:flex}.footer-built{font-family:var(--font-mono);font-size:12px}@media (max-width:1024px){.work-card{grid-template-columns:1fr}.work-card-visual{min-height:220px}.footer-inner{grid-template-columns:1fr}.services-bento .service-card:first-child{grid-column:1/8}.services-bento .service-card:nth-child(2){grid-column:8/13}.services-bento .service-card:nth-child(3){grid-column:1/7}.services-bento .service-card:nth-child(4){grid-column:7/13}}@media (max-width:900px){.services-bento{grid-template-columns:1fr}.services-bento .service-card:nth-child(n){grid-column:1/-1}.cta-inner{grid-template-columns:1fr;gap:48px}}@media (max-width:768px){.hero{padding-top:120px}.hero-content{padding-top:0;padding-bottom:0}.hero-extended-inner{gap:28px}.nav-links{-webkit-backdrop-filter:blur(20px);width:100vw;height:100vh;transition:transform .4s var(--ease-out-expo);background:#1a1a1afa;border-left:none;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;padding:120px 32px 32px;position:fixed;top:0;right:0;transform:translate(100%)}.nav-links.open{transform:translate(0)}.nav-link{border-radius:8px;padding:14px 16px;font-size:1.1rem}.nav-link:hover{background:#ffffff0a}.nav-toggle{display:flex}.nav-toggle.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.hero-stats{flex-direction:column;gap:0}.hero-stat{padding:16px 0}.hero-stat:first-child{padding-top:0}.hero-stat:last-child{padding-bottom:0}.hero-stat+.hero-stat:before{width:40px;height:1px;top:0;left:0}.hero-title{font-size:clamp(2.2rem,9vw,3.5rem)}.tech-orbit{max-width:340px}.testimonials-track{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{text-align:center;flex-direction:column;gap:10px}.manifesto-text{font-size:clamp(1.6rem,6vw,2.5rem)}}@media (max-width:480px){.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center;width:100%}.form-row{grid-template-columns:1fr}.form-row .form-group{margin-bottom:0}.work-card-metrics{flex-wrap:wrap;gap:16px}.footer-links{grid-template-columns:1fr}.cta-info{flex-wrap:wrap}}.audio-dock{z-index:9000;-webkit-backdrop-filter:blur(14px)saturate(160%);box-shadow:0 0 0 1px rgba(232, 89, 60, calc(.1 + var(--audio-bass,0) * .18)), 0 0 calc(14px + var(--audio-bass,0) * 16px) rgba(232, 89, 60, calc(.1 + var(--audio-bass,0) * .18)), 0 8px 24px #00000073;background:#050507eb;border:1px solid #e8593c38;border-radius:999px;align-items:center;gap:0;padding:4px;transition:box-shadow .15s linear;display:flex;position:fixed;bottom:24px;left:24px}.audio-toggle{color:#e8593cd9;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.7rem;transition:color .3s,background .3s;display:flex}.audio-toggle:hover{color:var(--accent-primary);background:#e8593c1f;border-color:#e8593c73}.audio-toggle.is-playing{color:#e8593c99;border-color:#e8593c33}.audio-toggle.is-playing:hover{color:#e8593ccc;border-color:#e8593c59}.audio-toggle .audio-icon{flex-shrink:0}.audio-label{line-height:1}.audio-toggle.is-playing .audio-icon--on{animation:2s ease-in-out infinite audio-pulse}@keyframes audio-pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:480px){.audio-toggle .audio-label{display:none}.audio-toggle{padding:10px 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.marquee-track{animation:none}.noise-overlay:after{display:none}.service-card:before,.work-card:before,.work-card:after{display:none!important}.contact-form:before{animation:none}.contact-form .btn--primary:after{display:none}.process-step.is-active .process-step-marker,.process-step-marker:before{animation:none}.process-line:after{display:none}.process-line:before{transition:none}}.tech-hologram{z-index:9000;justify-content:center;align-items:center;padding:clamp(16px,4vw,40px);display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.tech-hologram[hidden]{display:none}.tech-hologram-backdrop{-webkit-backdrop-filter:blur(10px);background:#080808e0;position:absolute;top:0;bottom:0;left:0;right:0}.tech-hologram-panel{border:1px solid var(--holo-color,var(--accent-primary));width:100%;max-width:640px;box-shadow:0 0 40px color-mix(in srgb, var(--holo-color,var(--accent-primary)) 25%, transparent), 0 0 80px color-mix(in srgb, var(--holo-color,var(--accent-primary)) 8%, transparent), inset 0 0 60px #08080899;opacity:0;background:#080808f7;border-radius:6px;padding:clamp(28px,5vw,48px);transition:opacity .28s,transform .28s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:scale(.95)translateY(14px)}.tech-hologram-panel.is-visible{opacity:1;transform:scale(1)translateY(0)}.tech-hologram-scanlines{pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff03 3px 4px);position:absolute;top:0;bottom:0;left:0;right:0}.holo-sweep{background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--holo-color,var(--accent-primary)) 5%, transparent) 50%, transparent 100%);pointer-events:none;z-index:1;height:50%;animation:4s ease-in-out infinite holo-sweep;position:absolute;top:-50%;left:0;right:0}@keyframes holo-sweep{0%{top:-50%}to{top:120%}}.holo-corners{pointer-events:none;z-index:2;position:absolute;top:0;bottom:0;left:0;right:0}.holo-corner{width:16px;height:16px;position:absolute}.holo-corner--tl{border-top:2px solid var(--holo-color,var(--accent-primary));border-left:2px solid var(--holo-color,var(--accent-primary));top:10px;left:10px}.holo-corner--tr{border-top:2px solid var(--holo-color,var(--accent-primary));border-right:2px solid var(--holo-color,var(--accent-primary));top:10px;right:10px}.holo-corner--bl{border-bottom:2px solid var(--holo-color,var(--accent-primary));border-left:2px solid var(--holo-color,var(--accent-primary));bottom:10px;left:10px}.holo-corner--br{border-bottom:2px solid var(--holo-color,var(--accent-primary));border-right:2px solid var(--holo-color,var(--accent-primary));bottom:10px;right:10px}.tech-hologram-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;z-index:10;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;transition:background .2s,color .2s,border-color .2s;display:flex;position:absolute;top:16px;right:16px}.tech-hologram-close:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#e8593c26}.tech-hologram-body{z-index:5;align-items:flex-start;gap:clamp(20px,4vw,36px);margin-top:8px;display:flex;position:relative}.tech-holo-icon{background:color-mix(in srgb, var(--holo-color,var(--accent-primary)) 10%, transparent);border:1px solid color-mix(in srgb, var(--holo-color,var(--accent-primary)) 30%, transparent);width:80px;height:80px;font-family:var(--font-mono);color:var(--holo-color,var(--accent-primary));filter:drop-shadow(0 0 10px color-mix(in srgb, var(--holo-color,var(--accent-primary)) 50%, transparent));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;display:flex}.tech-holo-info{flex:1;min-width:0}.tech-holo-tag{font-family:var(--font-mono);letter-spacing:.12em;color:var(--holo-color,var(--accent-primary));opacity:.75;margin-bottom:6px;font-size:.68rem}.tech-holo-name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:4px;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;line-height:1.1}.tech-holo-tagline{color:var(--holo-color,var(--accent-primary));margin-bottom:14px;font-size:.88rem;font-weight:600}.tech-holo-desc{color:var(--text-secondary);margin-bottom:18px;font-size:.875rem;line-height:1.7}.tech-holo-facts{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tech-holo-facts li{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:.82rem;line-height:1.5;display:flex}.holo-fact-dot{background:var(--holo-color,var(--accent-primary));width:6px;height:6px;box-shadow:0 0 6px var(--holo-color,var(--accent-primary));border-radius:50%;flex-shrink:0;margin-top:5px}.tech-holo-badge{z-index:5;text-align:center;font-family:var(--font-mono);letter-spacing:.16em;color:var(--holo-color,var(--accent-primary));opacity:.55;border-top:1px solid #e8593c26;margin-top:24px;padding-top:16px;font-size:.65rem;position:relative}.tech-item{cursor:pointer}.db-section{padding:8rem 0 6rem}.db-window{background:#0d0d0d;border:1px solid #ffffff14;border-radius:1rem;margin-top:3rem;overflow:hidden;box-shadow:0 32px 100px #00000080,0 0 0 1px #ffffff0a}.db-window-bar{-webkit-user-select:none;user-select:none;background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.db-window-dots{flex-shrink:0;gap:6px;display:flex}.db-window-dots span{border-radius:50%;width:11px;height:11px}.db-window-dots span:first-child{background:#ff5f57}.db-window-dots span:nth-child(2){background:#ffbd2e}.db-window-dots span:nth-child(3){background:#28ca42}.db-window-title{font-family:var(--font-mono);color:#fff6;letter-spacing:.02em;flex:1;align-items:center;gap:7px;font-size:.72rem;display:flex}.db-window-period{font-family:var(--font-mono);color:#ffffff38;font-size:.65rem}.db-filters{background:#ffffff04;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:.85rem 1.25rem;display:flex}.db-filter-group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.db-filter-label{font-family:var(--font-mono);color:#ffffff47;letter-spacing:.08em;white-space:nowrap;font-size:.65rem}.db-btn-group{flex-wrap:wrap;gap:4px;display:flex}.db-btn{font-family:var(--font-mono);color:#ffffff61;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff14;border-radius:5px;padding:4px 10px;font-size:.68rem;transition:all .15s}.db-btn:hover{color:#ffffffb8;border-color:#fff3}.db-btn--active{color:#e8593c;background:#e8593c1f;border-color:#e8593c80}.db-export-btn{font-family:var(--font-mono);color:#ffffff8c;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:5px 14px;font-size:.68rem;transition:all .15s;display:flex}.db-export-btn:hover{color:#e8593c;background:#e8593c0f;border-color:#e8593c80}.db-kpis{border-bottom:1px solid #ffffff0d;grid-template-columns:repeat(4,1fr);display:grid}.db-kpi-card{border-right:1px solid #ffffff0d;flex-direction:column;gap:4px;padding:1.2rem 1.4rem;transition:background .2s;display:flex}.db-kpi-card:last-child{border-right:none}.db-kpi-card:hover{background:#ffffff05}.db-kpi-label{font-family:var(--font-mono);letter-spacing:.06em;color:#ffffff52;text-transform:uppercase;align-items:center;gap:5px;font-size:.64rem;display:flex}.db-kpi-value{letter-spacing:-.03em;color:#ffffffeb;font-family:Inter Tight,sans-serif;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;line-height:1.1}.db-kpi-value--up{color:#10b981}.db-kpi-value--down{color:#ef4444}.db-kpi-sub{font-family:var(--font-mono);color:#ffffff2e;font-size:.6rem}.db-charts-wrap{border-bottom:1px solid #ffffff0d;grid-template-columns:1fr .52fr;gap:0;display:grid}.db-chart-main{border-right:1px solid #ffffff0d;padding:1.25rem 1.4rem 1rem}.db-chart-side{padding:1.25rem 1.25rem 1rem}.db-chart-header{align-items:baseline;gap:.5rem;margin-bottom:.75rem;display:flex}.db-chart-title{font-family:var(--font-mono);color:#ffffff80;letter-spacing:.04em;font-size:.7rem}.db-chart-sub{font-family:var(--font-mono);color:#fff3;font-size:.6rem}.db-chart-main canvas,.db-chart-side canvas{display:block}.db-window-footer{font-family:var(--font-mono);color:#ffffff2e;background:#0003;justify-content:space-between;align-items:center;padding:.6rem 1.4rem;font-size:.62rem;display:flex}.showcase-playground{margin-top:clamp(3rem,6vw,5rem);position:relative}.showcase-playground-head{text-align:center;max-width:720px;margin:0 auto clamp(1.5rem,3vw,2.5rem)}.showcase-playground-head .section-tag{margin-bottom:.75rem;display:inline-block}.showcase-playground-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin:0 0 .75rem;font-size:clamp(1.5rem,3.2vw,2.25rem);font-weight:700;line-height:1.1}.showcase-playground-sub{color:var(--text-secondary);margin:0;font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.5}.showcase-playground-sub strong{color:var(--accent-primary);font-weight:600}.playground-stage{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(24px,4vw,72px);display:flex;position:relative}.mac-playground{contain:layout paint;flex-direction:column;flex:560px;align-items:center;max-width:720px;display:flex}.mac-lid{aspect-ratio:16/10.3;background:linear-gradient(160deg,#1f2024,#0e0f11);border:1px solid #e8593c2e;border-radius:14px 14px 4px 4px;width:100%;padding:14px;position:relative;box-shadow:0 30px 60px -20px #000000b3,inset 0 0 0 1px #ffffff08}.mac-screen{background:#050506;border-radius:6px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.mac-notch{z-index:2;background:#000;border-radius:0 0 8px 8px;width:18%;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mac-app{background:linear-gradient(#0c0d10,#080809);grid-template-columns:34% 1fr;width:100%;height:100%;display:grid}.mac-sidebar{background:#ffffff04;border-right:1px solid #ffffff0a;flex-direction:column;gap:3px;padding:12px 10px;display:flex}.mac-sidebar-brand{border-bottom:1px solid #ffffff0a;align-items:center;gap:6px;margin-bottom:6px;padding:6px 8px 10px;display:flex}.mac-sidebar-logo{color:var(--accent-primary);font-size:14px}.mac-sidebar-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-size:.82rem;font-weight:700}.mac-nav-item{-webkit-appearance:none;appearance:none;color:var(--text-secondary);text-align:left;font-family:var(--font-display);cursor:pointer;transition:background .14s var(--ease-out-expo), color .14s;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:7px 9px;font-size:.72rem;display:flex}.mac-nav-item:hover{color:var(--text-primary);background:#e8593c14}.mac-nav-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.mac-nav-item.is-active{color:var(--text-primary);background:linear-gradient(135deg,#e8593c38,#f2a6231a);box-shadow:inset 0 0 0 1px #e8593c40}.mac-nav-icon{color:var(--accent-primary);text-align:center;width:14px;font-size:11px}.mac-main{font-family:var(--font-display);padding:14px;position:relative;overflow:hidden}.mac-view{animation:macViewIn .16s var(--ease-out-expo);flex-direction:column;gap:8px;display:flex}@keyframes macViewIn{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.mac-view h4{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:.82rem}.mac-view p{color:var(--text-muted);margin:0;font-size:.62rem;line-height:1.4}.mac-view-kpis{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:2px;display:grid}.mac-kpi{background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;padding:6px 7px}.mac-kpi-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.5rem;display:block}.mac-kpi-val{color:var(--text-primary);margin-top:2px;font-size:.82rem;font-weight:700;display:block}.mac-kpi-trend{color:var(--accent-secondary);font-size:.5rem}.mac-chart{background:linear-gradient(#e8593c2e,#0000 80%),repeating-linear-gradient(90deg,#0000 0 19%,#ffffff0a 19% 20%);border:1px solid #ffffff0a;border-radius:6px;height:60px;position:relative;overflow:hidden}.mac-chart:after{content:"";clip-path:polygon(0 80%,10% 55%,20% 65%,30% 35%,45% 48%,60% 22%,75% 30%,88% 12%,100% 20%,100% 100%,0 100%);background:linear-gradient(#0000,#e8593c4d);height:56%;position:absolute;top:auto;bottom:0;left:0;right:0}.mac-list{flex-direction:column;gap:4px;max-height:72px;display:flex;overflow:hidden}.mac-list-row{color:var(--text-secondary);background:#ffffff05;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:.58rem;display:flex}.mac-list-row .mac-dot{background:var(--accent-primary);border-radius:50%;width:6px;height:6px}.mac-list-row .mac-dot--warn{background:var(--accent-secondary)}.mac-list-row .mac-dot--ok{background:#4ade80}.mac-list-row small{color:var(--text-muted);margin-left:auto;font-size:.5rem}.mac-pills{flex-wrap:wrap;gap:4px;display:flex}.mac-pill{color:var(--accent-secondary);background:#e8593c1f;border:1px solid #e8593c38;border-radius:999px;padding:2px 6px;font-size:.55rem}.mac-hinge{background:linear-gradient(#25262a,#0a0a0c);border-radius:0 0 3px 3px;width:100%;height:6px;box-shadow:0 2px 4px #0006}.mac-base{opacity:.9;background:#050505;border-radius:0 0 20px 20px;width:60%;height:5px;margin-top:1px}.iphone-playground{contain:layout paint;flex:none;width:clamp(220px,22vw,280px)}.iphone-frame{aspect-ratio:9/19.5;background:linear-gradient(160deg,#2a2a2e,#0c0c0e);border-radius:44px;width:100%;padding:10px;position:relative;box-shadow:0 40px 60px -20px #000000bf,inset 0 0 0 1px #ffffff0d,0 0 0 2px #0009}.iphone-side{pointer-events:none;flex-direction:column;gap:6px;width:3px;display:flex;position:absolute;top:15%}.iphone-side--left{left:-2px}.iphone-side--right{top:22%;right:-2px}.iphone-btn{background:linear-gradient(90deg,#1a1a1c,#2e2e32);border-radius:2px}.iphone-btn--mute{height:16px}.iphone-btn--volup,.iphone-btn--voldown{height:36px}.iphone-btn--power{height:60px}.iphone-screen{background:#000;border-radius:34px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.iphone-dynamic-island{z-index:5;width:30%;height:18px;transition:width .2s var(--ease-out-expo), height .2s var(--ease-out-expo);background:#000;border-radius:999px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.iphone-playground:hover .iphone-dynamic-island{width:38%;height:20px}.iphone-home-indicator{z-index:5;pointer-events:none;background:#ffffff73;border-radius:3px;width:34%;height:3px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.xgram-status{color:var(--text-primary);font-size:.6rem;font-weight:600;font-family:var(--font-display);z-index:4;justify-content:space-between;align-items:center;height:26px;padding:5px 22px 2px;display:flex}.xgram-status-right{color:var(--text-primary);align-items:center;gap:3px;display:flex}.xgram-batt{border:1px solid var(--text-primary);border-radius:2px;width:18px;height:8px;padding:1px;position:relative}.xgram-batt:after{content:"";background:var(--text-primary);border-radius:1px;width:1px;height:2px;position:absolute;top:2px;right:-3px}.xgram-batt span{background:var(--text-primary);border-radius:1px;width:80%;height:100%;display:block}.xgram-app{color:#f5f5f5;min-height:0;font-family:var(--font-display);background:#0a0a0a;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.xgram-topbar{letter-spacing:-.01em;border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.82rem;font-weight:700;display:flex}.xgram-topbar-brand{background:linear-gradient(135deg,#e8593c,#f2a623,#d85a30);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.92rem;font-style:italic}.xgram-topbar-icons{color:#f5f5f5;gap:10px;font-size:.8rem;display:flex}.xgram-view{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;flex:1;overflow:hidden auto}.xgram-view::-webkit-scrollbar{display:none}.xgram-tabbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0ae6;border-top:1px solid #ffffff0d;flex-shrink:0;justify-content:space-around;align-items:center;padding:6px 0 10px;display:flex}.xgram-tab{-webkit-appearance:none;appearance:none;color:#ffffff8c;cursor:pointer;background:0 0;border:0;padding:3px 8px;font-size:.95rem;line-height:1;transition:color .12s,transform .12s}.xgram-tab:hover{color:#fff}.xgram-tab:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.xgram-tab.is-active{color:#fff;transform:scale(1.08)}.xgram-profile-head{align-items:center;gap:12px;padding:12px;display:flex}.xgram-avatar{background:conic-gradient(#e8593c,#f2a623,#d85a30,#e8593c);border-radius:50%;flex-shrink:0;width:58px;height:58px;padding:2px}.xgram-avatar-inner{color:#fff;background:radial-gradient(circle at 30% 30%,#f2a623,#e8593c 60%,#7a2617);border:2px solid #0a0a0a;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.1rem;font-weight:800;display:flex}.xgram-profile-stats{text-align:center;gap:14px;font-size:.7rem;display:flex}.xgram-stat strong{color:#fff;font-size:.85rem;font-weight:700;display:block}.xgram-stat span{color:#ffffffa6;font-size:.62rem}.xgram-profile-meta{padding:0 12px 10px;font-size:.72rem}.xgram-profile-name{color:#fff;align-items:center;gap:4px;font-weight:700;display:flex}.xgram-verified{background:#3897f0;border-radius:50%;width:12px;height:12px;display:inline-block;position:relative}.xgram-verified:after{content:"✓";color:#fff;justify-content:center;align-items:center;font-size:8px;font-weight:900;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.xgram-profile-bio{color:#ffffffc7;margin-top:2px;font-size:.66rem;line-height:1.35}.xgram-profile-actions{grid-template-columns:2fr 2fr auto;gap:6px;padding:0 12px 12px;display:grid}.xgram-btn{-webkit-appearance:none;appearance:none;color:#fff;font-size:.7rem;font-weight:600;font-family:var(--font-display);cursor:pointer;background:#ffffff14;border:0;border-radius:7px;padding:6px 0;transition:background .12s}.xgram-btn:hover{background:#ffffff24}.xgram-btn--primary{color:#fff;background:linear-gradient(135deg,#e8593c,#f2a623)}.xgram-btn--primary.is-following{background:#ffffff14}.xgram-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.xgram-stories{scrollbar-width:none;gap:10px;padding:2px 12px 12px;display:flex;overflow-x:auto}.xgram-stories::-webkit-scrollbar{display:none}.xgram-story{color:#ffffffbf;flex-direction:column;flex:none;align-items:center;gap:4px;font-size:.56rem;display:flex}.xgram-story-ring{background:conic-gradient(#e8593c,#f2a623,#d85a30,#e8593c);border-radius:50%;width:48px;height:48px;padding:2px}.xgram-story-thumb{background:linear-gradient(135deg, var(--tint,#e8593c), #1a1a1a);border:2px solid #0a0a0a;border-radius:50%;width:100%;height:100%}.xgram-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.xgram-tile{aspect-ratio:1;background:var(--tile-bg,linear-gradient(135deg, #1a1a1c, #2a1511));cursor:pointer;color:#ffffff40;font-size:1.5rem;font-family:var(--font-mono);border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.xgram-tile:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.xgram-tile:after{content:"";opacity:.8;pointer-events:none;background:radial-gradient(circle at 50% 120%,#e8593c59,#0000 60%);position:absolute;top:0;bottom:0;left:0;right:0}.xgram-modal{z-index:6;animation:xgramModalIn .18s var(--ease-out-expo);background:#0a0a0a;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes xgramModalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.xgram-modal-head{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-size:.7rem;display:flex}.xgram-modal-close{color:#fff;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 4px;font-size:1rem}.xgram-modal-close:focus-visible{outline:2px solid var(--accent-primary)}.xgram-modal-avatar{background:conic-gradient(#e8593c,#f2a623,#d85a30);border-radius:50%;width:26px;height:26px;padding:1.5px}.xgram-modal-avatar-inner{background:radial-gradient(circle at 30% 30%,#f2a623,#e8593c 60%,#7a2617);border:1.5px solid #0a0a0a;border-radius:50%;width:100%;height:100%}.xgram-modal-username{font-size:.72rem;font-weight:700}.xgram-modal-media{aspect-ratio:1;background:var(--tile-bg);cursor:pointer;-webkit-user-select:none;user-select:none;color:#ffffff2e;font-size:3rem;font-family:var(--font-mono);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.xgram-heart-burst{color:#fff;pointer-events:none;opacity:0;filter:drop-shadow(0 0 10px #0006);font-size:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.xgram-heart-burst.is-active{animation:.9s cubic-bezier(.34,1.56,.64,1) xgramHeartBurst}@keyframes xgramHeartBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}40%{opacity:1;transform:translate(-50%,-50%)scale(.95)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.1)}}.xgram-modal-actions{color:#fff;flex-shrink:0;gap:12px;padding:8px 12px 4px;font-size:1rem;display:flex}.xgram-modal-actions button{color:#fff;cursor:pointer;background:0 0;border:0;padding:0;line-height:1;transition:transform .12s}.xgram-modal-actions button:hover{transform:scale(1.1)}.xgram-modal-actions button.is-liked{color:#e8593c}.xgram-modal-actions .xgram-bookmark{margin-left:auto}.xgram-modal-meta{color:#ffffffd9;scrollbar-width:none;flex:1;padding:4px 12px 10px;font-size:.62rem;line-height:1.4;overflow-y:auto}.xgram-modal-meta::-webkit-scrollbar{display:none}.xgram-modal-likes{color:#fff;margin-bottom:2px;font-weight:700;display:block}.xgram-modal-caption strong{color:#fff}.xgram-modal-comments{color:#ffffff80;margin-top:6px}.xgram-modal-comments .xgram-comment{color:#ffffffbf;display:block}.xgram-modal-comments .xgram-comment strong{color:#fff;margin-right:4px}.xgram-reels{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto}.xgram-reels::-webkit-scrollbar{display:none}.xgram-reel{scroll-snap-align:start;scroll-snap-stop:always;background:var(--reel-bg,linear-gradient(180deg, #1a0d0a, #050505));flex:0 0 100%;align-items:flex-end;height:100%;display:flex;position:relative;overflow:hidden}.xgram-reel-canvas{color:#ffffff40;font-size:3rem;font-family:var(--font-mono);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.xgram-reel-canvas:before{content:"";background:radial-gradient(circle at 30% 40%,#e8593c59,#0000 55%),radial-gradient(circle at 70% 65%,#f2a62340,#0000 55%);animation:6s ease-in-out infinite reelPulse;position:absolute;top:0;bottom:0;left:0;right:0}.xgram-reel.is-playing .xgram-reel-canvas:before{animation-play-state:running}.xgram-reel:not(.is-playing) .xgram-reel-canvas:before{animation-play-state:paused}@keyframes reelPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.xgram-reel-overlay{z-index:2;background:linear-gradient(#0000 20%,#000000b3 100%);justify-content:space-between;align-items:flex-end;gap:8px;width:100%;padding:10px 12px 14px;display:flex;position:relative}.xgram-reel-info{flex:1;min-width:0;font-size:.62rem}.xgram-reel-user{color:#fff;font-size:.7rem;font-weight:700}.xgram-reel-caption{color:#ffffffe6;margin-top:3px;line-height:1.3}.xgram-reel-audio{color:#ffffffa6;align-items:center;gap:3px;margin-top:4px;font-size:.55rem;display:flex}.xgram-reel-actions{color:#fff;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;font-size:.55rem;display:flex}.xgram-reel-action{color:#fff;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;font-size:1rem;line-height:1;display:flex}.xgram-reel-action small{color:#ffffffe6;font-size:.52rem}.xgram-reel-action:hover{transform:scale(1.08)}.xgram-reel-action.is-liked{color:#e8593c}.telemetry-panel{background:var(--bg-deep);min-width:240px;max-width:320px;font-family:var(--font-mono);color:#ffffffd1;contain:layout paint;border:1px solid #e8593c2e;border-radius:4px;flex-direction:column;flex:0 280px;align-self:stretch;gap:12px;padding:14px;font-size:11px;line-height:1.45;display:flex}.telemetry-head{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:10px;display:flex}.telemetry-tag{letter-spacing:.08em;color:var(--accent-primary);font-size:10px;font-weight:600}.telemetry-badge{color:#ffffffb3;align-items:center;gap:5px;margin-left:auto;font-size:10px;display:inline-flex}.telemetry-dot{background:#ff4a4a;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite telemetry-pulse;box-shadow:0 0 6px #ff4a4a99}@keyframes telemetry-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.telemetry-clock{color:#ffffff8c;flex-basis:100%;font-size:10px}.telemetry-kpis{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.telemetry-kpi{background:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;flex-direction:column;padding:8px 6px;display:flex}.telemetry-kpi-label{color:#ffffff73;text-transform:lowercase;letter-spacing:.04em;font-size:9px}.telemetry-kpi-val{color:var(--accent-primary);margin-top:2px;font-size:16px;font-weight:600}.telemetry-spark{align-self:center;width:100%;max-width:120px;height:32px;display:block}.telemetry-stream{color:#ffffffc7;background:#00000059;border-radius:4px;flex-direction:column;gap:2px;min-height:130px;padding:8px;font-size:10px;display:flex}.telemetry-row{white-space:pre;text-overflow:ellipsis;min-height:14px;overflow:hidden}.telemetry-row.is-empty:before{content:"·";color:#ffffff26}.telemetry-footer{color:#fff9;border-top:1px solid #ffffff0f;padding-top:10px;font-size:10.5px;line-height:1.5}.telemetry-footer p{margin:0 0 6px}.telemetry-cta{color:var(--accent-primary);font-weight:600;text-decoration:none}.telemetry-cta:hover{text-decoration:underline}.telemetry-panel.is-reduced .telemetry-dot{animation:none}@media (min-width:1280px){.playground-stage{flex-wrap:nowrap;align-items:stretch}.mac-playground{flex:2 1 0;max-width:640px}.iphone-playground{flex:none}.telemetry-panel{flex:1 1 0;max-width:300px}}@media (max-width:1279px){.telemetry-panel{flex:100%;max-width:640px;margin:0 auto}}@media (max-width:900px){.playground-stage{flex-direction:column;align-items:center;gap:28px}.mac-playground{flex:none;width:min(88vw,560px)}.iphone-playground{width:min(250px,60vw)}.telemetry-panel{width:min(88vw,560px);max-width:560px}}@media (prefers-reduced-motion:reduce){.mac-view,.xgram-modal{animation:none}.xgram-heart-burst.is-active{opacity:1;animation:none;transform:translate(-50%,-50%)scale(1)}.xgram-reel-canvas:before{animation:none}.iphone-playground:hover .iphone-dynamic-island{width:30%;height:18px}.telemetry-dot{animation:none}}@media (max-width:900px){.db-kpis{grid-template-columns:repeat(2,1fr)}.db-kpi-card:nth-child(2){border-right:none}.db-kpi-card:nth-child(3),.db-kpi-card:nth-child(4){border-top:1px solid #ffffff0d}.db-charts-wrap{grid-template-columns:1fr}.db-chart-main{border-bottom:1px solid #ffffff0d;border-right:none}}@media (max-width:600px){.db-section{padding:5rem 0 4rem}.db-kpis{grid-template-columns:1fr 1fr}.db-filters{gap:.75rem 1rem}.db-export-btn{margin-left:0}.db-window-period{display:none}.db-window-footer{text-align:center;flex-direction:column;gap:4px}}@media (max-width:480px){.tech-hologram-body{text-align:center;flex-direction:column;align-items:center}.tech-holo-facts li{justify-content:center}}