:root{--bg-pattern-opacity-dim: .18;--bg-pattern-opacity-mid: .32;--bg-pattern-opacity-bright: .5;--bg-pattern-glow: drop-shadow(0 0 5px rgba(var(--color-accent-rgb), .45))}.case-bg-patterns-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;overflow:hidden;pointer-events:none;mix-blend-mode:screen}.bg-pattern-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-size:80px 80px;background-position:center top;pointer-events:none;transition:background-image .5s ease}.bg-pattern-dots{position:absolute;top:0;left:0;width:100%;height:100%;background-size:40px 40px;background-position:center top;pointer-events:none;transition:background-image .5s ease}.bg-pattern-decal{position:absolute;font-family:var(--font-mono),monospace;color:var(--color-accent);opacity:var(--bg-pattern-opacity-dim);filter:var(--bg-pattern-glow);transition:color .5s ease,opacity .5s ease,filter .5s ease;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:4}.bg-anim-rotate-clockwise{animation:bgRotateCW 120s linear infinite}.bg-anim-rotate-counter{animation:bgRotateCCW 90s linear infinite}.bg-anim-pulse{animation:bgPulse 6s ease-in-out infinite}.bg-anim-glitch{animation:bgGlitch 8s step-end infinite}.bg-barcode-wrapper{position:relative;display:inline-block}.bg-barcode-scanner{position:absolute;top:0;left:0;width:100%;height:2px;background-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent);animation:bgScanVertical 4s ease-in-out infinite}.bg-pattern-telemetry{position:absolute;font-family:var(--font-mono),monospace;font-size:9px;line-height:1.4;color:var(--color-accent);opacity:calc(var(--bg-pattern-opacity-dim) * 1.15);filter:var(--bg-pattern-glow);background:rgba(var(--color-surface-1-rgb),.15);border:1px solid rgba(var(--color-accent-rgb),.22);border-radius:4px;padding:10px;box-sizing:border-box;width:280px;max-height:220px;overflow:hidden;transition:color .5s ease,border-color .5s ease,opacity .5s ease,filter .5s ease;pointer-events:none;z-index:4}.bg-telemetry-header{border-bottom:1px dashed rgba(var(--color-accent-rgb),.3);padding-bottom:4px;margin-bottom:6px;font-weight:700;display:flex;justify-content:space-between;letter-spacing:1px}.bg-telemetry-row{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;opacity:.85}.bg-pattern-decal.case-side-left{left:max(20px,calc(50vw - 810px))}.bg-pattern-decal.case-side-right{right:max(20px,calc(50vw - 810px))}.bg-pattern-telemetry.case-side-left{left:max(20px,calc(50vw - 890px))}.bg-pattern-telemetry.case-side-right{right:max(20px,calc(50vw - 890px))}.case-bg-patterns-container{--color-accent-rgb: 34, 197, 94}.brutal-only{display:block}.normis-only{display:none}html[data-vibe=normis] .case-bg-patterns-container{--color-accent-rgb: 37, 99, 235;--bg-pattern-opacity-dim: .12;--bg-pattern-opacity-mid: .22;--bg-pattern-opacity-bright: .35;--bg-pattern-glow: none}html[data-vibe=normis] .bg-pattern-grid{background-image:linear-gradient(to right,rgba(var(--color-accent-rgb),.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(var(--color-accent-rgb),.025) 1px,transparent 1px)}html[data-vibe=normis] .bg-pattern-dots{background-image:radial-gradient(rgba(var(--color-accent-rgb),.04) 1px,transparent 1px)}html[data-vibe=normis] .bg-pattern-telemetry{border-color:rgba(var(--color-accent-rgb),.12);background:rgba(var(--color-surface-1-rgb),.08)}html[data-vibe=normis] .brutal-only{display:none!important}html[data-vibe=normis] .normis-only{display:block!important}html[data-vibe=normis] .bg-anim-glitch{animation:none!important}@keyframes bgRotateCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bgRotateCCW{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes bgPulse{0%,to{opacity:var(--bg-pattern-opacity-dim)}50%{opacity:var(--bg-pattern-opacity-mid)}}@keyframes bgScanVertical{0%,to{top:0%;opacity:.3}50%{top:100%;opacity:.9}}@keyframes bgGlitch{0%,94%,98%,to{opacity:var(--bg-pattern-opacity-dim);filter:var(--bg-pattern-glow)}95%{opacity:.05}96%{opacity:var(--bg-pattern-opacity-bright);filter:drop-shadow(0 0 8px rgba(var(--color-accent-rgb),.75))}97%{opacity:.08}}@media (max-width: 1200px){.bg-pattern-telemetry{width:230px}.bg-pattern-telemetry.case-side-left{left:max(20px,calc(50vw - 840px))}.bg-pattern-telemetry.case-side-right{right:max(20px,calc(50vw - 840px))}}@media (max-width: 1024px){.bg-pattern-decal,.bg-pattern-telemetry,.bg-pattern-grid-coordinates{display:none!important}.bg-pattern-grid{background-size:120px 120px;opacity:.5}}@keyframes spinFan{to{transform:rotate(360deg)}}@font-face{font-family:Widock Trial;src:url(./WidockTrial-Bold-CU61_NUh.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg: #020617;--color-surface-1: #0F172A;--color-surface-2: #1E293B;--color-accent: #22C55E;--color-accent-rgb: 34, 197, 94;--color-accent-dim: #16A34A;--light-beam-color-1: rgba(34, 197, 94, .3);--light-beam-color-2: rgba(34, 197, 94, .7);--color-text: #F8FAFC;--color-text-muted: #94A3B8;--color-border: #1E293B;--color-mono: #4ADE80;--color-feedback: #a855f7;--font-heading: "Space Grotesk", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "Space Grotesk", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 3rem;--text-4xl: 4rem;--text-hero: clamp(3rem, 8vw, 8rem);--grid-cols: 12;--container: 1280px;--gutter: clamp(1rem, 4vw, 2rem);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 80px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--duration-s: .15s;--duration-m: .3s;--duration-l: .6s;--cursor-type: none;--color-cyber-green: #22C55E;--color-cyber-purple: #A855F7;--color-cyber-red: #EF4444;--glitch-offset: 2px;--header-hide-threshold: 50}html[data-vibe=normis]{--color-bg: #0F172A;--color-surface-1: #1E293B;--color-surface-2: #334155;--color-accent: #2563EB;--color-accent-rgb: 37, 99, 235;--color-accent-dim: #1D4ED8;--light-beam-color-1: rgba(37, 99, 235, .3);--light-beam-color-2: rgba(37, 99, 235, .7);--color-border: #334155;--color-mono: #60A5FA;--color-feedback: #60A5FA;--cursor-type: default}*{box-sizing:border-box;margin:0;padding:0;cursor:var(--cursor-type)}html:not([data-vibe=normis]) .hero-title,html:not([data-vibe=normis]) h2,html:not([data-vibe=normis]) h3,html:not([data-vibe=normis]) .section-label,html:not([data-vibe=normis]) .about-headline,html:not([data-vibe=normis]) #ai-design-heading,html:not([data-vibe=normis]) .case-title,html:not([data-vibe=normis]) .contact-title,html:not([data-vibe=normis]) .v-timeline-title,html:not([data-vibe=normis]) .skill-name,html:not([data-vibe=normis]) .tagline,html:not([data-vibe=normis]) .stat-value,html:not([data-vibe=normis]) .stat-label,html:not([data-vibe=normis]) .btn{font-family:Widock Trial,sans-serif!important}html:not([data-vibe=normis]) h2:not(.about-headline):not(#ai-design-heading):not(.contact-title):not(.glitch-text){font-size:calc(var(--text-2xl, 1.5rem) * .85)!important}html:not([data-vibe=normis]) h3:not(.section-label):not(.case-title):not(.v-timeline-title){font-size:calc(var(--text-xl, 1.25rem) * .85)!important}html:not([data-vibe=normis]) .hero-title{font-size:calc(clamp(3rem,8vw,8rem)*.95)!important}html:not([data-vibe=normis]) .section-label{font-size:calc(var(--text-xl) * .85)!important}html:not([data-vibe=normis]) .about-headline{font-size:calc(clamp(2.5rem,6vw,4rem)*.85)!important}html:not([data-vibe=normis]) #ai-design-heading{font-size:calc(clamp(2.5rem,6vw,4rem)*.85)!important}html:not([data-vibe=normis]) .case-title{font-size:calc(clamp(2rem,4vw,3rem)*.85)!important}html:not([data-vibe=normis]) .v-timeline-title{font-size:1.0625rem!important}html:not([data-vibe=normis]) .skill-name{font-size:calc(clamp(1.5rem,4.5vw,4rem)*.85)!important}html:not([data-vibe=normis]) *,html:not([data-vibe=normis]) *:hover,html:not([data-vibe=normis]) *:focus,html:not([data-vibe=normis]) *:active{cursor:none!important}html{overflow-x:hidden;max-width:100%}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;overflow-x:hidden;max-width:100%;transition:background-color var(--duration-m) var(--ease-out),color var(--duration-m) var(--ease-out)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.1;text-transform:uppercase;margin-bottom:var(--gutter)}a,button{color:inherit;text-decoration:none;cursor:pointer}.skip-link{position:fixed;top:-100px;left:16px;background:var(--color-bg);color:var(--color-accent);border:1px solid var(--color-accent);padding:8px 16px;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;z-index:10001;transition:top var(--duration-s) var(--ease-out)}html[data-vibe=normis] .skip-link{border-radius:8px;background:var(--color-surface-1);border-color:var(--color-border);color:var(--color-text)}html:not([data-vibe=normis]) .skip-link{box-shadow:4px 4px 0 var(--color-accent-dim)}.skip-link:focus{top:16px;outline:2px solid var(--color-accent);outline-offset:2px}.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.section{padding:var(--space-3xl) 0;border-bottom:1px solid var(--color-border)}#about,#skills,#ai-vibe,#projects{border-bottom:none}#projects{padding-bottom:0!important}#timeline{margin-top:180px;padding-top:0!important}.custom-cursor{position:fixed;top:0;left:0;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#4ade80,#16a34a 70%);pointer-events:none;z-index:2147483647;box-shadow:0 0 8px 2px #22c55eb3,0 0 20px 4px #22c55e59;mix-blend-mode:difference;animation:cursor-neon-pulse 1.6s ease-in-out infinite;transition:width .25s,height .25s,opacity .25s,background .2s,border .2s}@keyframes cursor-neon-pulse{0%,to{box-shadow:0 0 6px 2px #22c55e99,0 0 18px 4px #22c55e40}50%{box-shadow:0 0 16px 6px #22c55ef2,0 0 36px 12px #22c55e80}}.custom-cursor.hover{width:44px;height:44px;background:transparent;border:2px solid var(--color-accent);box-shadow:0 0 10px 2px #22c55e80;animation:none}.custom-cursor.is-detached{opacity:0!important;pointer-events:none!important}.cursor-trail{position:fixed;top:0;left:0;width:16px;height:16px;border-radius:50%;background-color:#fff;box-shadow:0 0 6px 2px #fff9;pointer-events:none;z-index:2147483647;transition:width .25s,height .25s,opacity .25s,background .2s,border .2s,box-shadow .2s;opacity:1}.cursor-trail.hover{width:44px;height:44px;background:transparent;border:2px solid var(--color-accent);box-shadow:0 0 10px 2px #22c55e80}.custom-cursor.collimator{width:50px;height:50px;background:transparent;border:2px solid var(--color-cyber-red, #ef4444);box-shadow:0 0 10px #ef444480;animation:none;mix-blend-mode:normal}.custom-cursor.collimator:before,.custom-cursor.collimator:after{content:"";position:absolute;background:var(--color-cyber-red, #ef4444);box-shadow:0 0 5px #ef4444cc}.custom-cursor.collimator:before{top:50%;left:-10px;right:-10px;height:2px;transform:translateY(-50%)}.custom-cursor.collimator:after{left:50%;top:-10px;bottom:-10px;width:2px;transform:translate(-50%)}.cursor-trail.collimator{width:4px;height:4px;background-color:var(--color-cyber-red, #ef4444);box-shadow:0 0 8px 2px #ef4444cc}html[data-vibe=normis] body .custom-cursor,html[data-vibe=normis] body .cursor-trail,html[data-vibe=normis] body .hero-helper-ball,html[data-vibe=normis] body .helper-ball,html[data-vibe=normis] body .scanner-dot,html[data-vibe=normis] body .v-timeline-ball,html[data-vibe=normis] body .agent-status-hud,html[data-vibe=normis] body .img-tag,html[data-vibe=normis] body .scan-line-row,html[data-vibe=normis] body .skill-meta,html[data-vibe=normis] body .skills-hud-header span:last-child{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;font-family:var(--font-body);font-weight:600;transition:all var(--duration-s) var(--ease-out)}html:not([data-vibe=normis]) .btn{border-radius:0;text-transform:uppercase}html[data-vibe=normis] .btn{border-radius:8px}html[data-vibe=normis] .btn-primary{color:#fff}.btn-primary{background:var(--color-accent);color:var(--color-bg);border:none}html:not([data-vibe=normis]) .btn-primary{box-shadow:4px 4px 0 var(--color-accent-dim)}.btn-primary:hover{transform:translateY(-2px)}html:not([data-vibe=normis]) .btn-primary:hover{box-shadow:6px 6px 0 var(--color-accent-dim)}.btn-secondary{background:transparent;color:var(--color-text);border:2px solid var(--color-border)}html:not([data-vibe=normis]) .btn-secondary{border:2px solid var(--color-text)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.hero{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:64px;overflow:hidden}.hero-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-grow:1;position:relative;z-index:10}.hero-title{font-size:var(--text-hero);letter-spacing:-.02em;margin-bottom:var(--space-md);margin-top:-85px;text-transform:uppercase;width:100%}@media (max-width: 768px){.hero-title{margin-top:-35px}}#hero-blocks-container{width:100%}#hero-particles{filter:drop-shadow(0 0 8px var(--color-mono)) drop-shadow(0 0 16px var(--color-accent))}.particles-layer{z-index:6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md)}@media (max-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.card{padding:var(--space-md);background:var(--color-surface-1);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-sm);display:flex;flex-direction:column;gap:var(--space-xs)}html:not([data-vibe=normis]) .card{box-shadow:4px 4px 0 var(--color-border)}html[data-vibe=normis] .card{border-radius:8px}.stat-value{font-family:var(--font-heading);font-size:clamp(2rem,5vw,var(--text-3xl));color:var(--color-accent);line-height:1;word-wrap:break-word}.stat-item{text-align:left}.stat-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-xs)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}@media (hover: hover){html:not([data-vibe=normis]):not(.hero-animation-done) .hero-title,html:not([data-vibe=normis]):not(.hero-animation-done) .hero .tagline,html:not([data-vibe=normis]):not(.hero-animation-done) .stat-item,html:not([data-vibe=normis]):not(.hero-animation-done) .hero-actions,html:not([data-vibe=normis]):not(.hero-animation-done) .hero .scroll-indicator{opacity:0;pointer-events:none;visibility:hidden}}@media (max-height: 800px){.hero-actions.mt-48{margin-top:24px}.hero{padding-top:54px}}.max-w-800{max-width:800px}.mt-0{margin-top:0}.mt-16{margin-top:16px}.mt-32{margin-top:32px}.mt-48{margin-top:48px}.ml-16{margin-left:16px}.w-16{width:16px;height:16px}.text-accent{color:var(--color-accent)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-xs{font-size:var(--text-xs)}.font-mono{font-family:var(--font-mono)}.font-heading{font-family:var(--font-heading)}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.items-center{align-items:center}.gap-16{gap:16px}.gap-32{gap:32px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.p-16{padding:16px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.h-full{height:100%}.block{display:block}.text-center{text-align:center}.hidden{display:none!important}@media (min-width: 768px){.md\:block{display:block!important}}@media (min-width: 1024px){.lg\:block{display:block!important}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 calc(max(0px,(100vw - var(--container)) / 2) + var(--gutter));height:64px;position:fixed;top:0;width:100%;background:transparent;z-index:1000;transition:all var(--duration-m) var(--ease-out)}.header-left{display:flex;flex-direction:row;align-items:center;gap:var(--space-md)}.logo-container{display:flex;align-items:center}.header-logo-img{height:64px;width:auto;filter:brightness(0) invert(1);transition:filter var(--duration-m) var(--ease-out),drop-shadow var(--duration-m) var(--ease-out)}#logo-home-link:hover .header-logo-img{filter:brightness(0) invert(1) drop-shadow(0 0 6px var(--color-accent)) drop-shadow(0 0 14px var(--color-accent));animation:logo-neon-pulse 1.5s infinite alternate}@keyframes logo-neon-pulse{0%{filter:brightness(0) invert(1) drop-shadow(0 0 4px var(--color-accent)) drop-shadow(0 0 8px var(--color-accent))}to{filter:brightness(0) invert(1) drop-shadow(0 0 8px var(--color-accent)) drop-shadow(0 0 20px var(--color-accent)) drop-shadow(0 0 30px var(--color-accent))}}.settings-panel{display:flex;flex-direction:row;align-items:center;gap:12px}.setting-group{display:flex;align-items:center;gap:8px}.agent-status-hud{position:fixed;bottom:24px;left:50%;transform:translate3d(-50%,0,0);z-index:10000;display:flex;align-items:center;gap:12px;background:#0f172acc;min-height:32px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);padding:8px 16px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-mono);text-transform:uppercase;transition:background-color var(--duration-m) var(--ease-out),border-color var(--duration-m) var(--ease-out),border-radius var(--duration-m) var(--ease-out),box-shadow var(--duration-m) var(--ease-out);width:600px;max-width:90vw;justify-content:flex-start;cursor:pointer;user-select:none;-webkit-user-select:none;backface-visibility:hidden;will-change:transform}body.preloader-active .agent-status-hud{display:none!important}.agent-status-hud .agent-status-text{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-height:1.2em;line-height:1.2em}html:not([data-vibe=normis]) .agent-status-hud{border-radius:0;box-shadow:4px 4px 0 var(--color-accent-dim);background:var(--color-surface-1)}html[data-vibe=normis] .agent-status-hud{border-radius:20px}@media (max-width: 768px){.agent-status-hud{bottom:16px;padding:6px 12px;font-size:10px;gap:8px;width:max-content;max-width:calc(100vw - 32px)}}.agent-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent);flex-shrink:0;transition:all .3s ease}.agent-dot.is-pulsing{animation:neon-pulse 1.5s infinite alternate}@keyframes neon-pulse{0%{box-shadow:0 0 2px var(--color-accent);opacity:.5}to{box-shadow:0 0 8px var(--color-accent),0 0 12px var(--color-accent);opacity:1}}.header-center{display:flex;flex-direction:row;align-items:center;gap:16px;position:absolute;left:50%;transform:translate(-50%)}.vibe-label{font-family:var(--font-mono);font-size:9px;color:var(--color-text-muted);text-transform:lowercase}.vibe-switcher{display:flex;gap:8px}.vibe-btn+.vibe-btn{margin-left:0}.vibe-btn{display:flex;align-items:center;justify-content:center;line-height:1;padding:6px 12px;font-family:var(--font-mono);font-size:10px;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);transition:all var(--duration-m) var(--ease-out)}html[data-vibe=normis] .vibe-btn{border-radius:20px}html:not([data-vibe=normis]) .vibe-btn{border-radius:0}.vibe-btn:hover{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.vibe-btn-active{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}@media (max-width: 640px){.navbar{height:54px;padding:0 var(--space-md)}.header-logo-img{height:40px}.agent-status-text,.vibe-btn-suffix{display:none}.settings-panel{gap:12px}.hero{padding-top:54px}.vibe-btn{padding:6px 10px;font-size:.65rem;letter-spacing:0;white-space:nowrap}}.hero-bg-effect{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;z-index:-1;pointer-events:none;overflow:hidden;transition:opacity var(--duration-l) var(--ease-out)}html[data-vibe=normis] .hero-bg-effect{background-size:40px 40px;background-image:linear-gradient(to right,rgba(96,165,250,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(96,165,250,.05) 1px,transparent 1px);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 50%,#0000)}html[data-vibe=normis] .hero-bg-effect:before{content:"";position:absolute;top:-10%;left:50%;transform:translate(-50%);width:120%;max-width:1000px;aspect-ratio:1;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 60%);z-index:-1}html:not([data-vibe=normis]) .hero-bg-effect{background-color:var(--color-bg);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 70%,#0000)}html:not([data-vibe=normis]) .hero-bg-effect:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 10%,rgba(34,197,94,.08) 0%,transparent 40%),radial-gradient(ellipse at 80% 40%,rgba(22,163,74,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(74,222,128,.03) 0%,transparent 60%);filter:blur(50px);z-index:1;animation:aurora-move 15s ease-in-out infinite alternate}html:not([data-vibe=normis]) .hero-bg-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");mix-blend-mode:overlay;pointer-events:none}@keyframes aurora-move{0%{transform:scale(1) translate(0)}50%{transform:scale(1.05) translate(-1%,2%)}to{transform:scale(1.1) translate(1%,-1%)}}.social-proof-strip{background:transparent;display:flex;flex-direction:column;justify-content:center}.clients-marquee-container{display:flex;overflow:hidden;width:100%}.clients-marquee{display:flex;min-width:200%;animation:scroll-marquee 20s linear infinite;will-change:transform}.client-logo{height:32px;max-width:150px;object-fit:contain;filter:grayscale(1) brightness(2) contrast(.2);opacity:.5;transition:opacity var(--duration-m) ease,filter var(--duration-s) ease}.client-logo:hover{opacity:1;filter:grayscale(0) brightness(1) contrast(1)}html[data-vibe=normis] .client-logo{filter:grayscale(1) brightness(.2);opacity:.6}html[data-vibe=normis] .client-logo:hover{filter:grayscale(0) brightness(1);opacity:1}@keyframes scroll-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.scanner-overlay{position:absolute;top:0;left:0;width:100%;height:calc(100vh - 120px);height:calc(var(--vh, 1vh) * 100 - 120px);z-index:10;background-color:var(--color-bg);display:flex;justify-content:center;align-items:center;overflow:hidden}.scanner-maps-container{position:absolute;top:40px;bottom:40px;left:20px;right:20px;max-width:1400px;margin:0 auto;width:auto;height:auto;border:1px solid rgba(34,197,94,.4);box-shadow:0 0 40px #22c55e1a;border-radius:12px;overflow:hidden;transform-origin:center center;pointer-events:none;animation:map-pan 15s ease-in-out infinite alternate}.scanner-map-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity .2s ease-out}@keyframes map-pan{0%{transform:scale(1.1) translateY(-2%)}to{transform:scale(1.1) translateY(2%)}}.scanner-dot{position:absolute;width:12px;height:12px;background-color:var(--color-accent);border-radius:50%;box-shadow:0 0 10px var(--color-accent),0 0 20px var(--color-accent);top:20%;left:20%;z-index:12;display:flex;justify-content:center;align-items:center}.sonar-ring-wrapper{position:absolute;top:50%;left:50%;pointer-events:none;will-change:transform}.sonar-ring{width:100%;height:100%;border-radius:50%;border:1px solid var(--color-accent);pointer-events:none;transform-origin:center center}.wr-1{width:60px;height:60px;margin-left:-30px;margin-top:-30px}.wr-2{width:120px;height:120px;margin-left:-60px;margin-top:-60px}.wr-3{width:180px;height:180px;margin-left:-90px;margin-top:-90px}.wr-4{width:240px;height:240px;margin-left:-120px;margin-top:-120px}.ring-1{border-style:dashed;border-width:1px;opacity:.9;animation:spin-clockwise 6s linear infinite}.ring-2{border:1.5px dotted var(--color-accent);opacity:.75;animation:spin-counter-clockwise 8s linear infinite}.ring-3{border-style:dashed;border-width:1px;border-dasharray:4px 8px;opacity:.6;animation:spin-clockwise 12s linear infinite}.ring-4{border:1px solid var(--color-accent);border-style:double;opacity:.45;animation:spin-counter-clockwise 16s linear infinite}.scanner-dot-core{position:absolute;width:8px;height:8px;background-color:var(--color-accent);border-radius:50%;z-index:13;box-shadow:0 0 10px var(--color-accent)}@keyframes spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-counter-clockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.scanner-ui-frame{position:absolute;top:40px;bottom:40px;left:20px;right:20px;max-width:1400px;margin:0 auto;border:1px solid rgba(34,197,94,.2);pointer-events:none;z-index:11}.scanner-crosshair{position:absolute;width:20px;height:20px;border-color:var(--color-accent);border-style:solid}.scanner-crosshair.tl{top:-1px;left:-1px;border-width:2px 0 0 2px}.scanner-crosshair.tr{top:-1px;right:-1px;border-width:2px 2px 0 0}.scanner-crosshair.bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.scanner-crosshair.br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.scanner-text{position:absolute;bottom:20px;left:20px;background:#0f172acc;padding:8px 16px;border:1px solid var(--color-accent);box-shadow:4px 4px #22c55e33;z-index:15}html[data-vibe=normis] body #about-scanner-overlay{display:none}#about-content-wrapper{visibility:hidden;opacity:0;pointer-events:none}html[data-vibe=normis] body #about-content-wrapper{visibility:visible;opacity:1;pointer-events:auto}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media (min-width: 768px){.about-grid{grid-template-columns:1fr 3fr}}.brutal-box{width:100%;aspect-ratio:1;background:var(--color-surface-1);border:1px solid var(--color-border)}.about-module{border:1px solid var(--color-border);padding:var(--space-lg);background:var(--color-surface-1)}.decryption-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-bg);z-index:5;overflow:hidden;display:flex;flex-wrap:wrap;align-content:flex-start;pointer-events:none}.decryption-ascii{font-family:var(--font-mono);font-size:10px;line-height:10px;color:var(--color-mono);opacity:.3;word-break:break-all;width:100%;height:100%}.decryption-scanline{position:absolute;left:0;width:100%;height:4px;background:var(--color-accent);box-shadow:0 0 10px var(--color-accent),0 0 20px var(--color-accent);z-index:6;pointer-events:none}.about-portrait-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:border-radius var(--duration-m) var(--ease-out);overflow:hidden}html[data-vibe=normis] .about-portrait-wrapper{border-radius:50%}.about-portrait-img,.about-portrait-video{width:100%;height:100%;object-fit:cover;transition:all var(--duration-m) var(--ease-out)}.visual-box{max-width:100%;margin:0}html:not([data-vibe=normis]) .hud-frame.visual-box{aspect-ratio:auto;height:100%;flex-grow:1;padding:0}html:not([data-vibe=normis]) .about-portrait-wrapper{height:100%}.about-portrait-video{display:none;width:100%;height:auto;align-self:center;object-fit:cover;object-position:center top}.about-portrait-img{display:block}@media (min-width: 769px){html:not([data-vibe=normis]) .about-portrait-video{display:block}html:not([data-vibe=normis]) .about-portrait-img{display:none}}html:not([data-vibe=normis]) .about-portrait-img,html:not([data-vibe=normis]) .about-portrait-video{filter:contrast(1.1) brightness(1.1)}html:not([data-vibe=normis]) .about-portrait-wrapper:hover .about-portrait-img,html:not([data-vibe=normis]) .about-portrait-wrapper:hover .about-portrait-video{filter:contrast(1.2) brightness(1.2) sepia(.3) hue-rotate(90deg);transform:scale(1.05)}html[data-vibe=normis] .about-portrait-img{filter:none}html[data-vibe=normis] .about-portrait-wrapper:hover .about-portrait-img{filter:none;transform:scale(1.02)}html[data-vibe=normis] .about-module{border-radius:12px}html:not([data-vibe=normis]) .hud-module{background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-module{border:1px solid var(--color-border)}html:not([data-vibe=normis]) .stat-module{border:1px dashed var(--color-accent-dim);background:#22c55e0d}.crosshair{position:absolute;font-family:var(--font-mono);font-size:10px;color:var(--color-accent);display:none}html:not([data-vibe=normis]) .crosshair{display:block}.crosshair.top-left{top:-10px;left:-10px}.crosshair.top-right{top:-10px;right:-10px}.crosshair.bottom-left{bottom:-10px;left:-10px}.crosshair.bottom-right{bottom:-10px;right:-10px}html:not([data-vibe=normis]) .brutal-box{box-shadow:8px 8px 0 var(--color-accent)}html[data-vibe=normis] .brutal-box{border-radius:50%;background:var(--color-surface-1)}html[data-vibe=normis] .v-timeline-content.brutal-box{border-radius:12px;background:var(--color-surface-1);border:1px solid var(--color-border);box-shadow:0 4px 12px #00000008}html:not([data-vibe=normis]) .hud-frame{position:relative;border:1px solid var(--color-border);padding:var(--space-md);background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}html:not([data-vibe=normis]) .hud-frame:before,html:not([data-vibe=normis]) .hud-frame:after{content:"";position:absolute;width:15px;height:15px;border-color:var(--color-accent);border-style:solid}html:not([data-vibe=normis]) .hud-frame:before{top:-2px;left:-2px;border-width:2px 0 0 2px}html:not([data-vibe=normis]) .hud-frame:after{bottom:-2px;right:-2px;border-width:0 2px 2px 0}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(to right,transparent,var(--color-accent),transparent);opacity:.3;pointer-events:none;z-index:5;display:none}html:not([data-vibe=normis]) .scan-line{display:block;animation:scan 4s linear infinite}@keyframes scan{0%{top:0}to{top:100%}}.glitch-text{position:relative;display:inline-block}html:not([data-vibe=normis]) .glitch-text:hover:before,html:not([data-vibe=normis]) .glitch-text:hover:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg)}html:not([data-vibe=normis]) .glitch-text:hover:before{left:var(--glitch-offset);text-shadow:-1px 0 var(--color-cyber-purple);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}html:not([data-vibe=normis]) .glitch-text:hover:after{left:calc(-1 * var(--glitch-offset));text-shadow:-1px 0 var(--color-cyber-green);clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}20%{clip:rect(62px,9999px,42px,0)}40%{clip:rect(16px,9999px,78px,0)}60%{clip:rect(85px,9999px,13px,0)}80%{clip:rect(54px,9999px,33px,0)}to{clip:rect(2px,9999px,91px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(10px,9999px,55px,0)}40%{clip:rect(45px,9999px,20px,0)}60%{clip:rect(25px,9999px,80px,0)}80%{clip:rect(75px,9999px,5px,0)}to{clip:rect(5px,9999px,45px,0)}}.system-stats{display:flex;flex-direction:column;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.stat-row{display:flex;justify-content:space-between;border-bottom:1px dashed var(--color-border);padding-bottom:4px}.stat-row .label{color:var(--color-text-muted)}.stat-row .value{color:var(--color-accent)}.decrypted-data{position:relative;overflow:hidden}.fact-cards{display:flex;gap:var(--space-md);flex-wrap:wrap}.fact-card{display:flex;flex-direction:column;padding:var(--space-sm) var(--space-md);background:var(--color-surface-1);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-sm)}.skills-wrapper{display:flex;flex-direction:column}.skills-hud-header{border-bottom:1px dashed var(--color-border);padding-bottom:8px}html[data-vibe=normis] .skills-hud-header{border-bottom:1px solid var(--color-border)}.core-skills-list{display:flex;flex-direction:column}.skill-row{display:block;width:100vw;margin-left:calc(-50vw + 50%);cursor:crosshair;position:relative;overflow:hidden;transition:all var(--duration-m) var(--ease-out)}html[data-vibe=normis] .skill-row{cursor:pointer}.skill-row-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) 0;width:100%;max-width:var(--container);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);box-sizing:border-box;border-bottom:1px dashed var(--color-border)}html[data-vibe=normis] .skill-row-content{border-bottom:1px solid var(--color-border)}.skill-index{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);width:40px;transition:color var(--duration-m)}.skill-name{flex-grow:1;font-family:var(--font-heading);font-size:clamp(1.5rem,4.5vw,4rem);text-transform:uppercase;color:var(--color-text);line-height:1;transform-origin:left center;transition:transform var(--duration-s) var(--ease-out),color var(--duration-m)}.skill-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);opacity:0;transform:translate(-20px);transition:all var(--duration-m) var(--ease-out)}html:not([data-vibe=normis]) .skill-row:hover .skill-name{color:var(--color-text);transform:translate(20px) skew(-3deg);text-shadow:3px 3px 0 rgba(34,197,94,.3)}html:not([data-vibe=normis]) .skill-row:hover .skill-meta{opacity:1;transform:translate(0)}html:not([data-vibe=normis]) .skill-row:hover .skill-index{color:var(--color-accent)}html:not([data-vibe=normis]) .skill-row:hover{background:#22c55e05}html[data-vibe=normis] .skill-row:hover .skill-name{color:var(--color-accent);transform:translate(10px)}html[data-vibe=normis] .skill-row:hover .skill-meta{opacity:1;transform:translate(0)}.scan-line-row{position:absolute;left:0;top:0;width:2px;height:100%;background:var(--color-accent);opacity:0;box-shadow:0 0 10px 2px var(--color-accent);transition:opacity var(--duration-s)}html:not([data-vibe=normis]) .skill-row:hover .scan-line-row{opacity:1;animation:scanRow 1s linear infinite}@keyframes scanRow{0%{left:0;opacity:1}to{left:100%;opacity:0}}.special-row .skill-index,.special-row .skill-name{color:var(--color-mono)}.special-row .skill-row-content{border-bottom:none}.brutal-marquee{background:var(--color-surface-1)}html:not([data-vibe=normis]) .brutal-marquee{background:repeating-linear-gradient(45deg,rgba(34,197,94,.03),rgba(34,197,94,.03) 10px,transparent 10px,transparent 20px);border-width:1px 0;border-style:solid;border-color:var(--color-accent-dim)}.tools-hud-wrapper{margin-top:2rem}.tools-strip-brutal{padding:var(--space-xl)}html[data-vibe=normis] .tools-strip-brutal{border:1px solid var(--color-border);border-radius:12px}.tools-strip{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tool-tag{display:flex;align-items:center;gap:8px;padding:6px 16px;background:var(--color-surface-2);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);border-radius:4px;transition:all var(--duration-m)}html:not([data-vibe=normis]) .brutal-tag{border-radius:0;border:1px solid var(--color-border);background:transparent}html:not([data-vibe=normis]) .brutal-tag:hover{border-color:var(--color-accent);background:#22c55e0d;box-shadow:0 0 10px #22c55e33}.led-indicator{width:8px;height:8px;border-radius:50%;background:var(--color-border)}html:not([data-vibe=normis]) .brutal-tag:hover .led-indicator{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}html:not([data-vibe=normis]) .special-tag .led-indicator{background:#a855f7;box-shadow:0 0 8px #a855f7}.interactive-modules-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media (min-width: 1024px){.interactive-modules-grid{grid-template-columns:1fr 350px;gap:6rem;padding-right:10%}}.tool-preview-panel{display:none;padding:var(--space-xl);background:transparent;position:relative;overflow:hidden;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100%}@media (min-width: 1024px){.tool-preview-panel{display:flex;min-height:450px}}html[data-vibe=normis] .tool-preview-panel{border-radius:12px}.tool-preview-icon{width:128px;height:128px;margin-bottom:var(--space-lg);color:var(--color-text);transition:transform .3s ease}.tool-preview-icon svg,.tool-preview-icon i{width:100%!important;height:100%!important}html:not([data-vibe=normis]) .tool-preview-icon{color:var(--color-accent)}.tool-preview-icon.glitch-active{animation:glitch-anim .4s infinite linear alternate-reverse}.tool-preview-title{font-family:var(--font-heading);font-size:var(--text-2xl);margin-bottom:var(--space-sm);color:var(--color-text);text-transform:uppercase}.tool-preview-desc{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;max-width:90%}.tool-preview-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;height:100%;width:100%}.tool-preview-idle .radar{width:60px;height:60px;border-radius:50%;border:1px dashed var(--color-border);position:relative;display:flex;align-items:center;justify-content:center}html:not([data-vibe=normis]) .tool-preview-idle .radar{border-color:var(--color-accent-dim)}.tool-preview-idle .radar:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid var(--color-text-muted);border-right-color:transparent;border-bottom-color:transparent;animation:radar-spin 2s linear infinite}html:not([data-vibe=normis]) .tool-preview-idle .radar:before{border-color:var(--color-accent);border-right-color:transparent;border-bottom-color:transparent}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.interactive-tool-tag{cursor:pointer}html:not([data-vibe=normis]) .interactive-tool-tag:hover{background:var(--color-accent);color:var(--color-bg);box-shadow:0 0 15px var(--color-accent);border-color:var(--color-accent)}html:not([data-vibe=normis]) .interactive-tool-tag:hover svg{fill:var(--color-bg);color:var(--color-bg)}.tool-preview-content{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;width:100%}.tool-preview-content.visible{opacity:1}.nda-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:6;transition:background .3s ease,backdrop-filter .3s ease;pointer-events:none}.nda-lock-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#000000bf;border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:1px;transition:all var(--duration-m) ease}html:not([data-vibe=normis]) .nda-lock-badge{box-shadow:4px 4px 0 var(--color-accent)}html[data-vibe=normis] .nda-lock-badge{border-radius:20px}.nda-badge-title{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;text-transform:uppercase;letter-spacing:.05em;pointer-events:none;transition:all var(--duration-m) ease;align-self:center}html:not([data-vibe=normis]) .nda-badge-title{box-shadow:2px 2px 0 var(--color-accent)}html[data-vibe=normis] .nda-badge-title{border-radius:4px}.nda-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.nda-modal.active{pointer-events:auto;opacity:1;visibility:visible}.nda-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1}.nda-modal-container{position:relative;z-index:2;width:calc(100% - 32px);max-width:480px;background:var(--color-bg);padding:40px 32px 32px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}html:not([data-vibe=normis]) .nda-modal-container{border:1px solid var(--color-border);box-shadow:8px 8px 0 var(--color-accent)}html:not([data-vibe=normis]) .nda-modal-container .crosshair{color:var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);position:absolute;pointer-events:none;opacity:.7}html:not([data-vibe=normis]) .nda-modal-container .crosshair.top-left{top:8px;left:8px}html:not([data-vibe=normis]) .nda-modal-container .crosshair.top-right{top:8px;right:8px}html:not([data-vibe=normis]) .nda-modal-container .crosshair.bottom-left{bottom:8px;left:8px}html:not([data-vibe=normis]) .nda-modal-container .crosshair.bottom-right{bottom:8px;right:8px}html:not([data-vibe=normis]) .nda-modal-container .scan-line{display:block;animation:scan 6s linear infinite}html[data-vibe=normis] .nda-modal-container{border-radius:16px;border:1px solid var(--color-border);box-shadow:0 12px 40px #00000080;background:var(--color-surface-1)}html[data-vibe=normis] .nda-modal-container .crosshair,html[data-vibe=normis] .nda-modal-container .scan-line{display:none!important}.nda-modal-header{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:var(--space-md);gap:12px}.nda-modal-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-surface-2);border:1px solid var(--color-border)}html:not([data-vibe=normis]) .nda-modal-icon-wrapper{box-shadow:4px 4px 0 var(--color-border)}html[data-vibe=normis] .nda-modal-icon-wrapper{border-radius:50%}.nda-modal-badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:1px}.nda-modal-body{width:100%;margin-bottom:var(--space-xl)}.nda-modal-title{font-size:var(--text-2xl);margin-bottom:var(--space-md);line-height:1.2}.nda-modal-desc{font-size:var(--text-md);color:var(--color-text-muted);line-height:1.6;text-align:center}.nda-modal-footer{width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.nda-modal-actions{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}@media (min-width: 480px){.nda-modal-actions{flex-direction:row}}.nda-modal-footer .close-btn{font-family:var(--font-mono);font-size:var(--text-sm)}html:not([data-vibe=normis]) .nda-modal-footer .close-btn{border:1px dashed var(--color-border);background:transparent;color:var(--color-text-muted)}html:not([data-vibe=normis]) .nda-modal-footer .close-btn:hover{border-style:solid;border-color:var(--color-accent);color:var(--color-accent)}.mobile-tool-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-tool-modal.active{pointer-events:auto;opacity:1;visibility:visible}.mobile-tool-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1}.mobile-tool-modal-container{position:relative;z-index:2;width:calc(100% - 32px);max-width:420px;height:calc(100% - 32px);max-height:620px;background:var(--color-bg);padding:36px 24px var(--space-lg) 24px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}html:not([data-vibe=normis]) .mobile-tool-modal-container{border:1px solid var(--color-border);box-shadow:8px 8px 0 var(--color-accent)}html:not([data-vibe=normis]) .mobile-tool-modal-container .crosshair{color:var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);position:absolute;pointer-events:none;opacity:.7}html:not([data-vibe=normis]) .mobile-tool-modal-container .crosshair.top-left{top:8px;left:8px}html:not([data-vibe=normis]) .mobile-tool-modal-container .crosshair.top-right{top:8px;right:8px}html:not([data-vibe=normis]) .mobile-tool-modal-container .crosshair.bottom-left{bottom:8px;left:8px}html:not([data-vibe=normis]) .mobile-tool-modal-container .crosshair.bottom-right{bottom:8px;right:8px}html:not([data-vibe=normis]) .mobile-tool-modal-container .scan-line{display:block;animation:scan 6s linear infinite}html[data-vibe=normis] .mobile-tool-modal-container{border-radius:16px;border:1px solid var(--color-border);box-shadow:0 12px 40px #00000080;background:var(--color-surface-1)}html[data-vibe=normis] .mobile-tool-modal-container .crosshair,html[data-vibe=normis] .mobile-tool-modal-container .scan-line{display:none!important}.mobile-tool-modal-header{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:var(--space-sm);position:relative}.mobile-tool-modal-icon-wrapper{display:flex;align-items:center;justify-content:center;min-height:80px}.mobile-tool-modal-icon{width:64px;height:64px;color:var(--color-accent);display:flex;align-items:center;justify-content:center}.mobile-tool-modal-icon svg,.mobile-tool-modal-icon i{width:100%!important;height:100%!important}.mobile-tool-modal-body{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:var(--space-md);overflow-y:auto}.mobile-tool-modal-title{font-family:var(--font-heading);font-size:var(--text-2xl);margin-bottom:var(--space-sm);color:var(--color-text);text-transform:uppercase;letter-spacing:-.02em}.mobile-tool-modal-desc{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;text-align:center;margin:0;max-width:95%}.mobile-tool-modal-footer{width:100%;display:flex;flex-direction:column;gap:var(--space-md);margin-top:auto}.mobile-tool-modal-nav-row{display:flex;justify-content:center;gap:var(--space-md);width:100%;margin-bottom:4px}.mobile-tool-modal-nav-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-m);outline:none}html:not([data-vibe=normis]) .mobile-tool-modal-nav-btn{border-radius:0}.mobile-tool-modal-nav-btn:hover,.mobile-tool-modal-nav-btn:focus{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 10px #22c55e33}#mobile-tool-modal-close{width:100%;font-family:var(--font-mono);text-transform:uppercase}.timeline-interactive-wrapper{display:flex;flex-direction:column;gap:var(--space-xl)}@media (min-width: 1024px){.timeline-interactive-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);height:100dvh;min-height:700px;overflow:hidden}}.timeline{position:relative;display:flex;flex-direction:column;gap:var(--space-xl);padding-left:var(--space-lg);margin-left:24px}.timeline-track,.timeline-fill{position:absolute;top:20px;bottom:0;left:0;width:2px;transform:translate(-50%)}.timeline-track{background-color:var(--color-surface-2)}html:not([data-vibe=normis]) .timeline-track{background-color:transparent;background-image:linear-gradient(to bottom,var(--color-border) 50%,transparent 50%);background-size:2px 8px}.timeline-fill{background-color:var(--color-accent);transform-origin:top;height:0}.v-timeline-ball{position:absolute;left:50%;top:0;width:16px;height:16px;background-color:var(--color-accent);border-radius:50%;transform:translate(-50%);z-index:10;box-shadow:0 0 12px var(--color-accent);transition:border-radius .3s ease,width .3s ease,height .3s ease,background-color .3s ease;opacity:0}.v-timeline-lamp-svg{position:absolute;left:50%;top:100%;transform:translate(-50%);z-index:10;opacity:.15;color:var(--color-surface-2);transition:opacity .5s ease,color .5s ease}.v-timeline-lamp-svg.is-on{opacity:1;color:var(--color-text);animation:lampFlicker 6s infinite}.v-timeline-lamp-svg.is-on .lamp-bulb{filter:drop-shadow(0 0 4px var(--color-accent)) drop-shadow(0 0 8px var(--color-accent))}.timeline-ball{position:absolute;left:0;top:0;width:10px;height:10px;background-color:var(--color-accent);border-radius:50%;box-shadow:0 0 20px 8px var(--color-accent);opacity:1;z-index:5;transition:opacity var(--duration-m);transform:translate(-50%)}.timeline-item{position:relative;cursor:pointer;padding:var(--space-sm) 0}.timeline-item:before{content:"";position:absolute;left:calc(var(--space-lg) * -1);top:calc(var(--space-sm) + 6px);width:16px;height:16px;background:var(--color-bg);border:4px solid var(--color-border);border-radius:50%;transition:background-color var(--duration-m),border-color var(--duration-m) ease,box-shadow var(--duration-m) ease,transform var(--duration-s);transform:translate(-50%)}.timeline-item.is-active:before{border-color:var(--color-accent)}.timeline-item.is-filled:before{background-color:var(--color-accent)}.timeline-item:hover:before{transform:translate(-50%) scale(1.2)}html:not([data-vibe=normis]) .timeline-item:before{border-radius:0;width:12px;height:12px;left:calc(var(--space-lg) * -1)}html:not([data-vibe=normis]) .timeline-item.is-active:before{box-shadow:0 0 8px var(--color-accent)}.timeline-date{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-xs);transition:color var(--duration-m)}.timeline-item.is-active .timeline-date{color:var(--color-accent)}.timeline-content h3{font-size:var(--text-xl);margin-bottom:4px;transition:transform var(--duration-s),color var(--duration-s)}.timeline-item.is-active .timeline-content h3{color:var(--color-accent)}.timeline-content p{font-family:var(--font-mono);font-size:var(--text-sm)}.timeline-mobile-content{display:block;margin-top:var(--space-md)}@media (min-width: 1024px){.timeline-mobile-content{display:none}}.achievements-panel{padding:0 var(--space-xl);min-height:300px}@media (min-width: 1024px){.timeline-left{align-self:start}.timeline-right{display:flex;flex-direction:column;justify-content:flex-start;padding-top:var(--space-xl);height:100%}}#achievements-panel{opacity:0;transition:opacity var(--duration-l) ease-out}.achievements-content .achievements-large-list{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:var(--space-xl)}.achievements-content .achievements-large-list li{position:relative;padding-left:var(--space-lg);font-size:var(--text-lg);line-height:1.4;color:var(--color-text-primary)}.achievements-content .achievements-large-list li strong{color:var(--color-accent);display:block;margin-bottom:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-md);letter-spacing:-.02em}.achievements-content .achievements-large-list li:before{content:"→";position:absolute;left:0;top:0;color:var(--color-accent);font-size:var(--text-xl);line-height:1}.contact-fullscreen{display:flex;flex-direction:column;position:relative;overflow:hidden;align-items:center;text-align:center;padding-top:clamp(80px,20vh,240px);padding-bottom:0}.insects-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.contact-content-wrapper,.footer-compact{position:relative;z-index:2}.contact-fullscreen h2{font-size:clamp(2rem,5vw,5rem);line-height:1;text-transform:uppercase;color:var(--color-text-primary);margin-bottom:var(--space-2xl);max-width:90vw}.contact-fullscreen .contact-btns{display:flex;gap:var(--space-lg);margin-top:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:center}.copy-contact{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--color-text-muted);transition:color var(--duration-s) ease}.copy-contact:hover{color:var(--color-accent)}.copy-icon{opacity:0;transition:opacity var(--duration-s) ease}.copy-contact:hover .copy-icon{opacity:1}.timeline-cta{border-top:1px dashed var(--color-border);padding-top:var(--space-lg);margin-top:var(--space-lg)}html[data-vibe=normis] .timeline-cta{border-top:1px solid var(--color-border)}.section-label{font-family:var(--font-mono);color:var(--color-mono);text-transform:uppercase;font-size:var(--text-xl);display:flex;align-items:center;gap:8px}.text-muted{color:var(--color-text-muted)}.ai-vibe-content{display:grid;grid-template-columns:1fr;gap:var(--space-2xl)}@media (min-width: 992px){.ai-vibe-content{grid-template-columns:1fr 1fr}}.ai-statement h2,.ai-vibe-text h2{font-size:clamp(2.5rem,6vw,4rem);margin-bottom:0;line-height:1}.numbered-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-lg)}.numbered-list li{display:flex;gap:var(--space-md);align-items:flex-start;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.numbered-list .num{font-family:var(--font-mono);color:var(--color-accent);font-size:var(--text-lg);font-weight:700}.numbered-list strong{display:block;margin-bottom:4px;font-size:var(--text-lg)}.cases-navigation{display:flex;align-items:center;gap:var(--space-md);z-index:10}@media (max-width: 768px){.cases-navigation{display:none}}.cases-carousel-container{position:relative;width:100%}.cases-side-nav-wrapper{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:calc(var(--container) + 200px);padding:0 var(--gutter);display:flex;justify-content:space-between;pointer-events:none;z-index:20}.cases-side-btn{pointer-events:auto;position:relative;display:flex;align-items:center;justify-content:center;width:72px;height:72px;cursor:pointer;transition:all var(--duration-m) var(--ease-out),opacity var(--duration-m) ease;z-index:20;overflow:hidden;opacity:.35}.cases-side-btn:hover:not(:disabled){opacity:1}html:not([data-vibe=normis]) .cases-side-btn{background:var(--color-bg);color:var(--color-accent);border:1px solid var(--color-accent);box-shadow:4px 4px 0 var(--color-accent-dim);border-radius:0;clip-path:none}html:not([data-vibe=normis]) .cases-side-btn:hover:not(:disabled){background:var(--color-accent);color:var(--color-bg);box-shadow:6px 6px 0 var(--color-accent-dim);transform:translate(-2px,-2px)}html[data-vibe=normis] .cases-side-btn{background:#1e293bcc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;color:var(--color-text);border-radius:50%;box-shadow:var(--shadow-md);clip-path:none}html[data-vibe=normis] .cases-side-btn:hover:not(:disabled){background:var(--color-accent);color:#fff;transform:scale(1.05);box-shadow:0 10px 20px #2563eb66}.cases-side-btn:disabled{opacity:0!important;pointer-events:none;visibility:hidden}.btn-progress-fill{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-accent);z-index:1;pointer-events:none;transform:scaleX(var(--btn-progress, 0));transition:transform .1s linear}.prev-btn .btn-progress-fill{transform-origin:right center}.next-btn .btn-progress-fill{transform-origin:left center}.btn-loader-svg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none;z-index:1}.btn-loader-track{fill:none;stroke:var(--color-border);stroke-width:2px}.btn-loader-circle{fill:none;stroke:var(--color-accent);stroke-width:2px;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:calc(220 * (1 - var(--btn-progress, 0)));transition:stroke-dashoffset .1s linear}html[data-vibe=normis] .btn-loader-svg{display:block}html[data-vibe=normis] .btn-progress-fill{display:none}html:not([data-vibe=normis]) .btn-loader-svg{display:none}html:not([data-vibe=normis]) .btn-progress-fill{display:block}.cases-side-btn i,.cases-side-btn svg:not(.btn-loader-svg){position:relative;z-index:2;transition:color var(--duration-m) ease}html:not([data-vibe=normis]) .cases-side-btn i,html:not([data-vibe=normis]) .cases-side-btn svg:not(.btn-loader-svg){color:#fff!important}html:not([data-vibe=normis]) .cases-side-btn svg:not(.btn-loader-svg) path{stroke:#fff!important}@media (max-width: 1024px){.cases-side-btn{display:none}}.cyber-pagination{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:16px;letter-spacing:1px}.cyber-pagination-text{color:var(--color-text)}.cyber-pagination-text .highlight{color:var(--color-accent);font-weight:700}.cyber-pagination-progress{display:flex;gap:6px}.cyber-bar{width:16px;height:6px;background:var(--color-surface-2);border:1px solid var(--color-border);transition:background var(--duration-m),box-shadow var(--duration-m)}.cyber-bar.active{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}html:not([data-vibe=normis]) .cyber-bar{transform:skew(-20deg)}.cases-scroll-wrapper{overflow:hidden;width:100%}.cases-grid{display:flex;flex-wrap:nowrap;gap:var(--space-lg)}@media (max-width: 768px){:root{--gutter: 16px}.cases-carousel-container{overflow:hidden;width:100%}.cases-scroll-wrapper{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-md);padding-left:16px;padding-right:16px}.cases-grid{gap:16px}.case-card{min-width:calc(100vw - 32px);width:calc(100vw - 32px);flex-shrink:0;scroll-snap-align:center;padding:var(--space-lg) 0}.marquee-container{width:100%;margin-left:0}.img-tag{display:none!important}}@media (min-width: 768px){.cases-scroll-wrapper{position:relative;width:100%}.cases-grid{display:grid;align-items:flex-start}.case-card{grid-column:1 / -1;grid-row:1 / -1;width:100%;display:grid!important;grid-template-columns:1fr 1.5fr;gap:var(--space-2xl);align-items:flex-start;min-height:500px;z-index:1}.case-info{order:1}.case-image-wrapper{order:2}}.helper-ball{position:absolute;width:10px;height:10px;background-color:var(--color-accent);border-radius:50%;pointer-events:none;z-index:10;opacity:0;box-shadow:0 0 30px 10px var(--color-accent);left:0;top:0;transform:translate(-50%,-50%) scale(1)}.hero-helper-ball{position:fixed;width:10px;height:10px;background-color:var(--color-accent);border-radius:50%;pointer-events:none;z-index:9999;opacity:0;box-shadow:0 0 20px 8px var(--color-accent),0 0 40px 16px #22c55e4d;transform:translate(-50%,-50%)}.case-card{display:flex;flex-direction:column;background:transparent;padding:var(--space-lg) max(var(--gutter),calc((100vw - var(--container)) / 2 + var(--gutter)));min-height:320px;position:relative;transition:all var(--duration-m) var(--ease-out);overflow:hidden}.img-tag{position:absolute;color:var(--color-text-muted);font-family:var(--font-mono);font-size:clamp(2rem,5vw,4rem);font-weight:700;z-index:10;pointer-events:none;opacity:.3;letter-spacing:2px;transition:opacity var(--duration-m) ease}.img-tag.tag-tl{top:var(--space-md);left:var(--space-md)}.img-tag.tag-br{bottom:var(--space-md);right:var(--space-md)}html:not([data-vibe=normis]) .img-tag{color:var(--color-accent);opacity:.5}.case-card:hover .img-tag,.cases-carousel-container:has(.cases-side-btn:hover) .img-tag{opacity:0!important}.case-image-wrapper{position:relative;width:100%;height:240px;margin-bottom:var(--space-md);overflow:hidden;background:transparent;border-radius:0}.case-motion-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:top center;opacity:0;transition:opacity .5s var(--ease-out);z-index:5;pointer-events:none}@media (min-width: 768px){.case-image-wrapper{height:100%;min-height:400px;margin-bottom:0}}html:not([data-vibe=normis]) .case-image-wrapper{border-radius:0}.case-image{width:100%;height:100%;object-fit:contain;object-position:top center;padding:0;transition:transform var(--duration-m) var(--ease-out)}.case-image-wrapper picture{display:block;width:100%;height:100%}.case-card:hover .case-image{transform:scale(1.02)}.case-info{display:flex;flex-direction:column;justify-content:flex-start;height:100%;padding:0}.case-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs)}.case-number{font-family:var(--font-mono);color:var(--color-border);font-size:var(--text-2xl);font-weight:700;transition:color var(--duration-m) ease}.case-card:hover .case-number{color:var(--color-accent)}.case-title{font-size:clamp(2rem,4vw,3rem);text-transform:none;line-height:1.1;transition:color var(--duration-m) ease,transform var(--duration-m) ease}.case-card:hover .case-title{color:var(--color-accent);transform:translate(10px)}.case-company{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--space-lg)}.case-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-md);padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px dashed var(--color-border)}html[data-vibe=normis] .case-meta-grid{border-bottom:1px solid var(--color-border)}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-family:var(--font-mono);color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase}.meta-value{font-family:var(--font-body);color:var(--color-text);font-size:var(--text-sm)}.case-editorial{display:flex;flex-direction:column;gap:var(--space-md)}.editorial-row span{display:block;margin-top:4px;color:var(--color-text);line-height:1.5}.case-desc{color:var(--color-text);font-size:var(--text-lg);line-height:1.6;flex-grow:1;margin-bottom:var(--space-xl)}.case-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto}.case-tag{padding:6px 12px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:20px;text-transform:uppercase}html:not([data-vibe=normis]) .case-tag{border-radius:0}.contact-wrapper{padding:var(--space-2xl) 0;border-top:1px dashed var(--color-border)}html[data-vibe=normis] .contact-wrapper{border-top:1px solid var(--color-border)}.status-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-surface-1);border-radius:20px;font-family:var(--font-mono);font-size:var(--text-sm);border:1px solid var(--color-border)}html:not([data-vibe=normis]) .status-indicator{border-radius:0;box-shadow:4px 4px 0 var(--color-border)}.status-dot{width:10px;height:10px;background:var(--color-accent);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes pulse-blue{0%{box-shadow:0 0 #2563eb80}70%{box-shadow:0 0 0 10px #2563eb00}to{box-shadow:0 0 #2563eb00}}html[data-vibe=normis] .status-dot{animation:pulse-blue 2s infinite}@keyframes lampFlicker{0%,to{filter:brightness(1)}5%{filter:brightness(.4)}10%{filter:brightness(1.2)}15%{filter:brightness(.8)}20%{filter:brightness(1)}45%{filter:brightness(1)}46%{filter:brightness(.2)}47%{filter:brightness(1.5)}48%{filter:brightness(.6)}49%{filter:brightness(1)}}.light-beam{position:absolute;top:calc(100% + 45px);left:50%;width:150vw;height:80vh;background:conic-gradient(from 135deg at 50% 0%,transparent 0deg,var(--light-beam-color-1) 10deg,var(--light-beam-color-2) 45deg,var(--light-beam-color-1) 80deg,transparent 90deg);-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,transparent 100%);opacity:0;transform-origin:top center;pointer-events:none;z-index:5;will-change:height,opacity;animation:lampFlicker 6s infinite}.contact-line{transition:color .5s ease-out,text-shadow .5s ease-out,opacity .5s ease-out;opacity:.15;color:var(--color-surface-2);animation:lampFlicker 6s infinite}.contact-line.illuminated{opacity:1;color:var(--color-text);text-shadow:0 -3px 6px rgba(255,255,255,.8),0 -2px 15px rgba(var(--color-accent-rgb),.8),0 0 20px rgba(var(--color-accent-rgb),.7),0 0 40px rgba(var(--color-accent-rgb),.5),0 0 80px rgba(var(--color-accent-rgb),.3),0 8px 15px rgba(0,0,0,.8)}.contact-title{font-size:clamp(1.2rem,3vw,2.5rem);line-height:1.1;max-width:800px;margin-bottom:var(--space-xl)}.contact-links{display:flex;gap:var(--space-lg);flex-wrap:wrap}.social-link{font-size:var(--text-xl);color:var(--color-text);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--duration-m);display:flex;align-items:center;gap:4px}.social-link:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.footer-compact{position:relative;z-index:2;background-image:radial-gradient(ellipse 90% 120px at center top,rgba(var(--color-accent-rgb),.15) 0%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.8) 40%,#000000 100%);border-top:none;box-shadow:none;padding-top:8px;padding-bottom:80px;margin-top:40px}html[data-vibe=normis] .footer-compact{background-image:radial-gradient(ellipse 90% 120px at center top,rgba(var(--color-accent-rgb),.1) 0%,transparent 100%),linear-gradient(to bottom,transparent 0%,var(--color-bg) 100%);border-top:none;box-shadow:none}.footer-bottom-bar{display:flex;flex-direction:column;align-items:center;padding-top:8px;padding-bottom:var(--space-md);margin-top:0}html[data-vibe=normis] .footer-bottom-bar{border-top:none}@media (min-width: 768px){.footer-bottom-bar{flex-direction:row;justify-content:space-between}}.footer-vibe-btn{padding:8px 16px;font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-surface-1);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;transition:all var(--duration-m);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}html:not([data-vibe=normis]) .footer-vibe-btn{border-radius:0;border-color:var(--color-accent);background:transparent;color:var(--color-accent);text-transform:uppercase;letter-spacing:1px}html:not([data-vibe=normis]) .footer-vibe-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-accent);transition:left var(--duration-m) var(--ease-out);z-index:-1}html:not([data-vibe=normis]) .footer-vibe-btn:hover{color:var(--color-bg);box-shadow:4px 4px 0 var(--color-accent-dim);transform:translate(-2px,-2px)}html:not([data-vibe=normis]) .footer-vibe-btn:hover:before{left:0}html:not([data-vibe=normis]) .footer-vibe-btn:hover .status-dot{background-color:var(--color-bg);box-shadow:none;animation:none}html[data-vibe=normis] .footer-vibe-btn{border-radius:20px;background:transparent;border-color:var(--color-border);color:var(--color-text-muted)}html[data-vibe=normis] .footer-vibe-btn:hover{background:var(--color-surface-2);border-color:var(--color-text);color:var(--color-text);transform:translateY(-2px)}html[data-vibe=normis] .vibe-b2c-text{display:none}html:not([data-vibe=normis]) .vibe-b2b-text{display:none}.footer-copyright-text,.footer-credit{transition:color var(--duration-m)}.footer-bottom-bar:hover .footer-copyright-text,.footer-bottom-bar:hover .footer-credit{color:var(--color-text)}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background-color:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:60px;font-family:var(--font-mono);color:var(--color-accent)}.preloader-skip-btn{position:absolute;top:24px;right:24px;background:transparent;border:1px dashed var(--color-border);color:var(--color-text-muted);padding:8px 16px;font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;z-index:10002;transition:all var(--duration-m) var(--ease-out);text-transform:uppercase}.preloader-skip-btn:hover{border-style:solid;border-color:var(--color-accent);color:var(--color-accent);text-shadow:0 0 8px var(--color-accent);box-shadow:0 0 12px rgba(var(--color-accent-rgb),.2)}@media (max-width: 768px){.preloader-skip-btn{top:16px;right:16px;padding:6px 12px}}.preloader-logo-img{width:220px;height:auto;filter:brightness(0) invert(1);margin-top:0;margin-bottom:20px;position:relative;opacity:0;animation:fade-in 1s ease forwards}@keyframes fade-in{to{opacity:1}}.preloader-content-wrapper{display:flex;align-items:flex-start;gap:16px;width:90%;max-width:600px;min-height:auto;margin:0 auto}@media (max-height: 650px){.preloader{padding-top:20px}.preloader-logo-img{margin-bottom:10px;height:48px}}.preloader-content{font-size:clamp(var(--text-xs),1.75vw,var(--text-lg));width:100%;word-wrap:break-word;text-align:left;line-height:1.5;scrollbar-color:var(--color-accent) transparent}.preloader-cursor{animation:blink 1s step-end infinite}html.preloader-active,body.preloader-active{overflow:hidden;height:100dvh}#preloader{transition:background-color .4s var(--ease-out),filter .2s ease}#preloader.hover-normis-active{background-color:var(--color-surface-1)}#preloader.hover-brutal-active{background-color:var(--color-bg)}#preloader.hover-brutal-active:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;z-index:100;animation:scanlines-move 10s linear infinite;opacity:.6}#preloader.hover-brutal-active .preloader-content-wrapper{animation:rgb-split-glitch .2s cubic-bezier(.25,.46,.45,.94) both infinite;filter:drop-shadow(1px 0 0 rgba(255,0,0,.5)) drop-shadow(-1px 0 0 rgba(0,255,255,.5))}@keyframes scanlines-move{0%{background-position:0 0}to{background-position:0 100%}}@keyframes rgb-split-glitch{0%{transform:translate(0)}20%{transform:translate(-1px,.5px)}40%{transform:translate(-.5px,-.5px)}60%{transform:translate(1px,.5px)}80%{transform:translate(.5px,-.5px)}to{transform:translate(0)}}.btn-back-giant{display:inline-flex;align-items:center;gap:var(--space-md);font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;color:var(--color-text);text-decoration:none;margin-top:var(--space-3xl);margin-bottom:var(--space-2xl);transition:all var(--duration-m) var(--ease-out)}.btn-back-giant i{width:48px;height:48px;border-radius:50%;background:var(--color-surface-1);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);transition:all var(--duration-m) var(--ease-out);flex-shrink:0}.btn-back-giant:hover{color:var(--color-accent)}.btn-back-giant:hover i{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg);transform:translate(-8px)}html:not([data-vibe=normis]) .btn-back-giant i{border-radius:0;box-shadow:4px 4px 0 var(--color-accent)}html:not([data-vibe=normis]) .btn-back-giant:hover i{box-shadow:6px 6px 0 var(--color-accent-dim)}.case-gallery{display:flex;flex-direction:column;gap:var(--space-xl);margin-top:var(--space-2xl);margin-bottom:var(--space-3xl)}.gallery-item{width:100%;overflow:hidden}.gallery-item img{width:100%;height:auto;display:block;object-fit:cover;transition:transform var(--duration-l) var(--ease-out)}html[data-vibe=normis] .gallery-item img{border-radius:12px}.gallery-row{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media (min-width: 768px){.gallery-row{grid-template-columns:1fr 1fr}}.tagline{color:var(--color-text);margin-top:-8px;margin-bottom:var(--space-md);font-family:var(--font-mono);text-transform:uppercase;max-width:65ch}.tagline-b2b{display:block}.tagline-b2c{display:none}html:not([data-vibe=normis]) .tagline-b2b{display:none}html:not([data-vibe=normis]) .tagline-b2c{display:block}html[data-vibe=normis] .tagline-b2b{display:block}html[data-vibe=normis] .tagline-b2c{display:none}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.7;animation:bounceFade 2s infinite ease-in-out}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--color-text),transparent)}@keyframes bounceFade{0%,to{transform:translate(-50%);opacity:.4}50%{transform:translate(-50%,8px);opacity:.8}}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.cases-cta{padding:var(--space-2xl) 0;border-top:1px solid var(--color-border)}.cases-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);flex-wrap:wrap}.cases-cta-text p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.cases-cta-text h3{font-size:clamp(1.4rem,3vw,var(--text-2xl));margin-bottom:0;text-transform:uppercase}.cases-cta-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;flex-shrink:0}html:not([data-vibe=normis]) .cases-cta{border-top:2px solid var(--color-accent)}html[data-vibe=normis] .cases-cta{background:var(--color-surface-1);padding:var(--space-2xl);border-radius:12px;border:1px solid var(--color-border)}@media (max-width: 640px){.cases-cta-inner{flex-direction:column;align-items:flex-start}}@media print{body{background:#fff;color:#000}.navbar,.hero-bg-effect,.custom-cursor,.cursor-trail,.hero-helper-ball,.helper-ball,.scan-line,.footer-vibe-switch{display:none!important}.container{max-width:100%;padding:0}.section{page-break-inside:avoid;border-color:#ddd}}:focus-visible{outline:2px dashed var(--color-accent);outline-offset:4px}body.is-keyboard-nav .custom-cursor,body.is-keyboard-nav .cursor-trail{display:none!important}.onboarding-tooltip{position:absolute;top:120%;right:0;display:flex;align-items:center;gap:8px;background-color:var(--surface);border:1px solid var(--border);padding:8px 12px;border-radius:6px;box-shadow:0 10px 25px #0000004d;font-size:.8rem;color:var(--foreground);pointer-events:none;opacity:0;transform:translateY(-10px);transition:opacity .4s ease,transform .4s ease;white-space:nowrap;z-index:100}.onboarding-tooltip.show{opacity:1;transform:translateY(0)}.pulse-dot-onboarding{width:8px;height:8px;background-color:var(--color-accent);border-radius:50%;animation:pulse-dot-anim 1.5s infinite alternate}@keyframes pulse-dot-anim{0%{transform:scale(1);opacity:1;box-shadow:0 0 #0eff7eb3}to{transform:scale(1.2);opacity:.8;box-shadow:0 0 0 6px #0eff7e00}}[data-vibe=normis] .pulse-dot-onboarding{background-color:var(--normis-primary);animation:pulse-dot-anim-normis 1.5s infinite alternate}@keyframes pulse-dot-anim-normis{0%{transform:scale(1);opacity:1;box-shadow:0 0 #2563ebb3}to{transform:scale(1.2);opacity:.8;box-shadow:0 0 0 6px #2563eb00}}@media (min-width: 1024px){.timeline{padding-right:120px}}.timeline-growth-chart{display:none}@media (min-width: 1024px){.timeline-growth-chart{display:block;position:absolute;top:0;right:0;width:30%;height:100%;border-left:1px dashed var(--border);opacity:.7;z-index:0;pointer-events:none}.chart-label{position:absolute;left:-16px;transform:translate(-100%) translateY(-50%);font-family:Space Grotesk,sans-serif;font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.label-lead{top:5%}.label-senior{top:35%}.label-middle{top:65%}.label-junior{top:95%}.chart-line-svg{width:100%;height:100%;position:absolute;top:0;left:0}.chart-polyline{fill:none;stroke:var(--color-accent);stroke-width:2;stroke-dasharray:6 6}html[data-vibe=normis] .chart-polyline{stroke:var(--normis-primary);stroke-dasharray:none}}body.glitch-scroll-active .hero-title,body.glitch-scroll-active .about-headline,body.glitch-scroll-active .case-title,body.glitch-scroll-active .skill-name{filter:url(#rgbSplit);will-change:filter}.fab-scroll-top{position:fixed;bottom:32px;right:32px;z-index:999;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--duration-m) var(--ease-out);cursor:pointer}.fab-scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}html:not([data-vibe=normis]) .fab-scroll-top{background:var(--color-bg);color:var(--color-accent);border:1px solid var(--color-accent);padding:12px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;box-shadow:4px 4px 0 var(--color-accent-dim);border-radius:0;text-transform:uppercase}html:not([data-vibe=normis]) .fab-scroll-top:hover{background:var(--color-accent);color:var(--color-bg);box-shadow:6px 6px 0 var(--color-accent-dim);transform:translate(-2px,-2px)}html:not([data-vibe=normis]) .fab-b2b{display:none}html[data-vibe=normis] .fab-scroll-top{background:#1e293bcc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);color:var(--color-text);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}html[data-vibe=normis] .fab-scroll-top:hover{background:var(--color-accent);color:#fff;transform:translateY(-4px) scale(1.05);box-shadow:0 10px 20px #2563eb66}html[data-vibe=normis] .fab-b2c{display:none}.hamster-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:10001;display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}.hamster-avatar{pointer-events:auto;cursor:pointer;padding:16px;-webkit-user-select:none;user-select:none;position:relative}.hamster-dismiss{pointer-events:auto;cursor:pointer;padding:6px 12px;background:#0f172ae6;border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-mono);text-transform:uppercase;transition:all .2s ease}.hamster-dismiss:hover{background:var(--color-accent);color:#fff}.hamster-particle{position:fixed;font-family:var(--font-mono);font-weight:700;font-size:20px;color:#10b981;pointer-events:none;z-index:10002;text-shadow:0 0 8px rgba(16,185,129,.5)}html:not([data-vibe=normis]) .hamster-dismiss{border-radius:0;background:#000;border-color:#ef4444;color:#ef4444;box-shadow:4px 4px #ef44444d}html:not([data-vibe=normis]) .hamster-dismiss:hover{background:#ef4444;color:#000;box-shadow:none;transform:translate(2px,2px)}html:not([data-vibe=normis]) .hamster-particle{color:#ef4444;text-shadow:2px 0 red,-2px 0 blue}.encoded-skill{color:#22c55e!important;text-shadow:0 0 5px rgba(34,197,94,.8),0 0 10px rgba(34,197,94,.4);letter-spacing:2px;font-family:monospace}.short-circuit{animation:short-circuit-anim .1s infinite alternate;color:#ef4444!important;text-shadow:2px 2px 0px blue,-2px -2px 0px lime;transform:scale(1.05) rotate(-1deg);display:inline-block;filter:contrast(150%) brightness(1.2)}@keyframes short-circuit-anim{0%{transform:translate(1px,1px) rotate(0);opacity:1}25%{transform:translate(-1px,-1px) rotate(-1deg);opacity:.8}50%{transform:translate(2px,-1px) rotate(1deg);opacity:1;filter:invert(.2)}75%{transform:translate(-2px,1px) rotate(0);opacity:.9}to{transform:translate(1px,2px) rotate(1deg);opacity:1;filter:invert(0)}}.secret-trigger{cursor:pointer;border-bottom:1px dashed rgba(255,255,255,.3);transition:all .2s}html:not([data-vibe=normis]) .secret-trigger:hover{color:var(--color-accent);background:#16a34a1a;text-shadow:0 0 5px var(--color-accent)}.screen-tear-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:999999;display:none;align-items:center;justify-content:center;color:#22c55e;font-family:monospace;overflow:hidden;box-shadow:inset 0 0 100px #00ff001a}.ascii-art-container{text-align:left;animation:pulse-glow 2s infinite}.ascii-art{font-size:14px;line-height:1.2;white-space:pre;text-shadow:0 0 5px #22c55e,0 0 10px #22c55e}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 5px #22c55e)}50%{filter:drop-shadow(0 0 15px #22c55e) brightness(1.2)}}.ai-vibe-split{display:grid;grid-template-columns:1fr;gap:var(--space-2xl)}@media (min-width: 1024px){.ai-vibe-split{grid-template-columns:1fr 1.2fr}}.ai-vibe-text{align-self:center}.code-token{font-family:var(--font-mono);background:#22c55e1a;color:var(--color-mono);padding:2px 6px;border-radius:4px;font-size:.9em}.header-nav-list{display:flex;gap:var(--space-md);align-items:center;list-style:none;margin:0;padding:0}.header-right{display:flex;gap:var(--space-sm);align-items:center}.nav-icon{display:none}@media (max-width: 768px){.nav-text{display:none}.nav-icon{display:block}}.ai-vibe-ide{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-1);overflow:hidden;display:flex;flex-direction:column;margin-top:var(--space-xl)}.ide-header{display:flex;align-items:center;padding:8px 16px;background:var(--color-surface-2);border-bottom:1px solid var(--color-border);gap:12px}.ide-dots{display:flex;gap:6px}.ide-dots span{width:12px;height:12px;border-radius:50%;background:#ff5f56}.ide-dots span:nth-child(2){background:#ffbd2e}.ide-dots span:nth-child(3){background:#27c93f}.ide-title{flex:1;text-align:center;font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono)}.ide-body{display:flex;flex-direction:column;padding:16px;gap:16px}.ide-preview{border:1px dashed var(--color-border);border-radius:6px;padding:16px;display:flex;justify-content:center;align-items:center;height:400px}.ide-footer{padding:16px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.terminal-line{margin-bottom:0}.cursor-blink{animation:blink 1s step-end infinite}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.mt-8{margin-top:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.relative{position:relative}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.border-y{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.text-sm{font-size:.875rem}.uppercase{text-transform:uppercase}.navbar{transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease,padding .3s ease}.navbar--hidden{transform:translateY(-100%)}.navbar--solid{background:var(--color-surface-1);box-shadow:0 4px 20px #0000004d}.marquee-container{display:flex;overflow:hidden;white-space:nowrap;width:100vw;margin-left:calc(-50vw + 50%);-webkit-mask-image:linear-gradient(to right,transparent,#fff 15%,#fff 85%,transparent);mask-image:linear-gradient(to right,transparent,#fff 15%,#fff 85%,transparent)}.marquee{display:flex;min-width:200%;animation:marquee-scroll 20s linear infinite}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.mobile-only{display:none!important}.lg\:block{display:none}@media (min-width: 1024px){.lg\:block{display:block}}.md\:block{display:none}@media (min-width: 768px){.md\:block{display:block}}.btn-giant{font-family:var(--font-heading);font-size:clamp(1.2rem,3vw,2.5rem);padding:clamp(1rem,2vw,1.5rem) clamp(2rem,4vw,3rem);font-weight:800;text-transform:uppercase;transition:all var(--duration-m);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);text-decoration:none}html:not([data-vibe=normis]) .btn-giant{border-radius:0;border:2px solid var(--color-accent)}html:not([data-vibe=normis]) .btn-giant.btn-primary{background:var(--color-accent);color:var(--color-bg);box-shadow:6px 6px 0 var(--color-accent)}html:not([data-vibe=normis]) .btn-giant.btn-primary:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--color-accent-dim)}html:not([data-vibe=normis]) .btn-giant.btn-secondary{background:transparent;color:var(--color-accent);box-shadow:4px 4px 0 var(--color-accent)}html:not([data-vibe=normis]) .btn-giant.btn-secondary:hover{background:var(--color-accent);color:var(--color-bg);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-accent-dim)}html[data-vibe=normis] .btn-giant{border-radius:40px}html[data-vibe=normis] .btn-giant.btn-primary{background:var(--color-text);color:var(--color-bg)}html[data-vibe=normis] .btn-giant.btn-primary:hover{background:var(--color-accent);transform:translateY(-4px);box-shadow:0 10px 30px #2563eb4d}html[data-vibe=normis] .btn-giant.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}html[data-vibe=normis] .btn-giant.btn-secondary:hover{border-color:var(--color-text);background:var(--color-surface-1);transform:translateY(-4px);box-shadow:0 10px 30px #0000000d}.stat-interactive{transition:all .2s ease;cursor:pointer}.stat-interactive:hover,.stat-interactive.simulated-hover{border-color:var(--color-accent)}html:not([data-vibe=normis]) .stat-interactive:hover,html:not([data-vibe=normis]) .stat-interactive.simulated-hover{box-shadow:6px 6px 0 var(--color-accent);transform:translate(-2px,-2px)}.stat-interactive.selected{background-color:var(--color-accent);border-color:var(--color-accent);transform:scale(1.02)}html:not([data-vibe=normis]) .stat-interactive.selected{box-shadow:6px 6px 0 var(--color-border)}.stat-interactive.selected .stat-value,.stat-interactive.selected .stat-label{color:var(--color-bg)}.glitch-text-hover:hover{animation:rgb-glitch .3s infinite}@keyframes rgb-glitch{0%{text-shadow:2px 0 0 red,-2px 0 0 blue}50%{text-shadow:-2px 0 0 red,2px 0 0 blue}to{text-shadow:2px 0 0 red,-2px 0 0 blue}}.vibe-nav-link,.vibe-nav-btn{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;transition:color var(--duration-s) ease,text-shadow var(--duration-s) ease;background:transparent;border:none;display:flex;align-items:center;padding:4px}.vibe-nav-link:hover,.vibe-nav-btn:hover{color:var(--color-accent);outline:none;animation:nav-neon-pulse 1.5s infinite alternate}@keyframes nav-neon-pulse{0%{text-shadow:0 0 4px var(--color-accent),0 0 8px var(--color-accent)}to{text-shadow:0 0 8px var(--color-accent),0 0 18px var(--color-accent),0 0 28px var(--color-accent)}}@media (max-width: 640px){.navbar{padding:0 8px}.header-logo-img{height:32px}.settings-panel{gap:8px;transform:scale(.9);transform-origin:right top}}#header-music-controls{transition:opacity .3s ease,visibility .3s ease}.navbar--hidden #header-music-controls{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.about-headline{font-size:clamp(2.5rem,6vw,4rem);line-height:1;margin-bottom:24px;text-transform:uppercase}.skill-row{cursor:pointer}.skill-details{overflow:hidden;height:0}.skill-details-content{padding:1.5rem;margin-left:2rem;margin-top:1rem;margin-bottom:1rem;border-left:1px solid var(--color-accent)}.whitespace-nowrap{white-space:nowrap}.gap-24{gap:24px}.p-24{padding:24px}.mb-12{margin-bottom:12px}.tools-grid{display:flex;flex-direction:column;gap:24px}.tech-svg-ico{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;display:block!important;flex-shrink:0!important;opacity:1!important}.brutal-tag{display:inline-flex;align-items:center}.specialization-strip .marquee{font-family:var(--font-heading);font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px var(--color-accent);opacity:.7;animation:none!important}.specialization-strip.py-16{padding-top:2rem;padding-bottom:2rem}.mt-64{margin-top:64px}.mt-96{margin-top:96px}.mb-96{margin-bottom:96px}.mb-64{margin-bottom:64px}@media (max-width: 768px){.specialization-strip .marquee{font-size:clamp(2rem,10vw,3rem);-webkit-text-stroke:1px var(--color-accent)}}#timeline{border-bottom:none;position:relative}.timeline-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:1;transition:opacity .5s ease}html[data-vibe=normis] .timeline-canvas{opacity:.6}.v-timeline-container{position:relative;max-width:1000px;margin:0 auto;padding:40px 0}.v-timeline-container:before{content:"";position:absolute;top:40px;bottom:0;left:50%;width:4px;background:var(--color-border);transform:translate(-50%);z-index:0}.v-timeline-item{position:relative;width:50%;padding:17px 32px 120px;opacity:0;transition:opacity .8s ease,transform .8s ease;z-index:1}.v-timeline-item.left{left:0;padding-right:2px;transform:translate(-50px)}.v-timeline-item.right{left:50%;padding-left:2px;transform:translate(50px)}.v-timeline-item.is-visible{opacity:1;transform:translate(0)}.v-timeline-icon{position:absolute;top:20px;width:24px;height:24px;border-radius:50%;background:var(--color-bg);border:4px solid var(--color-accent);z-index:2;box-shadow:0 0 10px rgba(var(--color-accent-rgb),.5);transition:background .4s ease,transform .4s ease}.v-timeline-item.left .v-timeline-icon{right:-12px}.v-timeline-item.right .v-timeline-icon{left:-12px}.v-timeline-content{position:relative;border-radius:var(--radius);padding:24px;background:transparent;border:1px solid transparent;box-shadow:none;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),border-color .5s var(--ease-out),background .5s ease}html:not([data-vibe=normis]) .v-timeline-item.is-focused .v-timeline-content{background:var(--color-bg-secondary);border-color:var(--color-text);box-shadow:0 0 20px 4px rgba(var(--color-accent-rgb),.35),0 0 50px 12px rgba(var(--color-accent-rgb),.15)}html:not([data-vibe=normis]) .v-timeline-item.left.is-focused .v-timeline-content{box-shadow:6px 6px 0 var(--color-accent),0 0 20px 4px rgba(var(--color-accent-rgb),.35),0 0 50px 12px rgba(var(--color-accent-rgb),.15);transform:translate(-6px,-6px)}html:not([data-vibe=normis]) .v-timeline-item.right.is-focused .v-timeline-content{box-shadow:-6px 6px 0 var(--color-accent),0 0 20px 4px rgba(var(--color-accent-rgb),.35),0 0 50px 12px rgba(var(--color-accent-rgb),.15);transform:translate(6px,-6px)}html[data-vibe=normis] .v-timeline-item.is-focused .v-timeline-content{background:var(--color-surface-2);border-color:var(--color-accent);box-shadow:0 12px 24px #00000014;transform:translateY(-4px)}.v-timeline-date{font-family:var(--font-mono);font-size:.875rem;color:var(--color-muted);margin-bottom:8px;display:block}.v-timeline-title{font-size:1.25rem;font-weight:700;margin-bottom:4px}.v-timeline-role{color:var(--color-accent);margin-bottom:12px}.v-timeline-desc{font-size:1rem;line-height:1.5;color:var(--color-text)}@media screen and (max-width: 768px){.v-timeline-container:before{left:50%;transform:translate(-50%);z-index:0}.v-timeline-item{width:100%;padding:32px 0;z-index:2}.v-timeline-content{z-index:2;position:relative;background:var(--color-surface-1)!important}.v-timeline-item.left,.v-timeline-item.right{left:0;transform:translate(-30px)}.v-timeline-item.is-visible{transform:translate(0)}.v-timeline-item.left .v-timeline-icon,.v-timeline-item.right .v-timeline-icon{left:50%;transform:translate(-50%);z-index:2}html:not([data-vibe=normis]) .v-timeline-item.left.is-focused .v-timeline-content,html:not([data-vibe=normis]) .v-timeline-item.right.is-focused .v-timeline-content{box-shadow:-6px 6px 0 var(--color-accent),0 0 20px 4px rgba(var(--color-accent-rgb),.35),0 0 50px 12px rgba(var(--color-accent-rgb),.15);transform:translate(6px,-6px)}html[data-vibe=normis] .v-timeline-item.left.is-focused .v-timeline-content,html[data-vibe=normis] .v-timeline-item.right.is-focused .v-timeline-content{transform:translateY(-4px)}}.v-timeline-desc div{margin-bottom:8px}.v-timeline-desc div:last-child{margin-bottom:0}.v-timeline-ball{position:absolute;left:50%;transform:translate(-50%);top:0;width:12px;height:12px;background-color:var(--color-accent);border-radius:50%;box-shadow:0 0 20px 8px var(--color-accent);z-index:6;pointer-events:none;opacity:0}@media screen and (max-width: 768px){.v-timeline-ball{left:50%;transform:translate(-50%);z-index:0}}.v-timeline-date-label{position:absolute;top:0;transform:translateY(-50%);background:var(--color-bg);border:2px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-mono);font-size:1rem;font-weight:700;letter-spacing:.06em;padding:6px 18px;white-space:nowrap;z-index:10;pointer-events:none;opacity:1!important;transition:background .3s ease,color .3s ease,transform .3s ease}.v-timeline-item.left .v-timeline-date-label{right:0}.v-timeline-item.right .v-timeline-date-label{left:0}.v-timeline-date-label.is-active{background:var(--color-accent);color:var(--color-bg)}html:not([data-vibe=normis]) .v-timeline-date-label{border-radius:0;box-shadow:3px 3px 0 var(--color-accent)}html:not([data-vibe=normis]) .v-timeline-date-label.is-active{box-shadow:4px 4px #00000080}html[data-vibe=normis] .v-timeline-date-label{border-radius:20px;color:#fff}html[data-vibe=normis] .v-timeline-date-label.is-active{color:#fff}@media screen and (max-width: 768px){.v-timeline-item.left .v-timeline-date-label,.v-timeline-item.right .v-timeline-date-label{left:50%;right:auto;transform:translate(-50%,-50%);z-index:10}}#about.about-section{position:relative;min-height:calc(100vh - 120px);min-height:calc(var(--vh, 1vh) * 100 - 120px);padding-top:40px}@media (max-width: 768px){#about.about-section{padding-left:var(--gutter);padding-right:var(--gutter)}}.about-grid{gap:40px}.decrypted-data{display:flex;flex-direction:column;gap:24px}.text-lg{line-height:1.4}.ai-vibe-section{position:relative}.custom-context-menu{position:fixed;z-index:10000;width:240px;background-color:var(--color-surface-1);border:1px solid var(--color-border);box-shadow:4px 4px 0 var(--color-accent-dim);padding:8px;display:flex;flex-direction:column;gap:4px;transform:scale(.95);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s cubic-bezier(.175,.885,.32,1.275);transform-origin:top left;font-family:var(--font-mono)}.custom-context-menu.show{transform:scale(1);opacity:1;pointer-events:auto}.context-menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--color-text);text-decoration:none;font-size:.875rem;background-color:transparent;border:1px solid transparent;transition:all .2s ease;cursor:pointer;text-transform:uppercase}.context-menu-item:hover{background-color:rgba(var(--color-accent-rgb),.1);border-color:var(--color-accent);color:var(--color-accent)}.context-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color .2s ease}.context-menu-item:hover .context-icon{color:var(--color-accent)}.context-menu-separator{height:1px;background-color:var(--color-border);margin:4px 0}html[data-vibe=normis] .custom-context-menu{box-shadow:0 4px 12px #0000004d;border-radius:8px;background-color:var(--color-surface-1)}html[data-vibe=normis] .context-menu-item{border-radius:4px}.defense-protocol-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background-color:#050000;color:red;font-family:var(--font-mono);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.defense-crt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;pointer-events:none;z-index:10}.defense-laser-flash{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;opacity:0;z-index:20;pointer-events:none}.defense-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:800px;padding:20px}.ai-core-container{position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center;opacity:0;transform:scale(.5)}.ai-core-outer{position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid #ff0000;border-top-color:transparent;border-bottom-color:transparent;animation:ai-core-spin 3s linear infinite;box-shadow:0 0 20px red,inset 0 0 20px red}.ai-core-inner{width:40px;height:40px;background-color:red;border-radius:50%;box-shadow:0 0 30px 10px red;animation:ai-core-pulse 1s ease-in-out infinite alternate}@keyframes ai-core-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ai-core-pulse{0%{transform:scale(.9);box-shadow:0 0 20px 5px red}to{transform:scale(1.2);box-shadow:0 0 40px 15px red}}.defense-terminal{width:100%;font-size:1.5rem;line-height:1.6;text-shadow:0 0 5px #ff0000;min-height:200px;text-align:center}.defense-game-over{display:flex;flex-direction:column;align-items:center;gap:30px}.defense-game-over h2{font-size:4rem;font-family:var(--font-heading);margin:0;text-shadow:4px 4px 0 #8b0000}.continue-text{font-size:1.5rem;margin:0;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.defense-actions{display:flex;gap:20px}.defense-btn{background:transparent;border:2px solid #ff0000;color:red;font-family:var(--font-mono);font-size:1.5rem;padding:10px 20px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.defense-btn:hover{background:red;color:#000;box-shadow:0 0 20px red;transform:scale(1.1)}.burger-btn{display:none;background:none;border:none;cursor:pointer;width:32px;height:24px;position:relative;z-index:9999}.burger-btn span{display:block;width:100%;height:2px;background-color:var(--color-text);position:absolute;transition:all .3s ease}.burger-btn span:nth-child(1){top:0}.burger-btn span:nth-child(2){top:11px}.burger-btn span:nth-child(3){top:22px}.burger-btn.is-open span:nth-child(1){transform:translateY(11px) rotate(45deg)}.burger-btn.is-open span:nth-child(2){opacity:0}.burger-btn.is-open span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}html[data-vibe=normis] .burger-btn span{background-color:var(--color-text)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);background:var(--color-bg);z-index:9998;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-xl);opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu-overlay.is-open{opacity:1;pointer-events:auto}.mobile-menu-overlay a{font-size:var(--text-2xl);font-family:var(--font-heading);color:var(--color-text);text-decoration:none}.mobile-menu-overlay a:hover{color:var(--color-accent)}@media (max-width: 768px){.header-center{display:none!important}.burger-btn{display:block}}.mobile-dots-pagination{display:none;justify-content:center;gap:8px;margin-top:var(--space-md)}@media (max-width: 768px){.mobile-dots-pagination{display:flex}}.mobile-dot{width:8px;height:8px;border-radius:50%;background:var(--color-surface-2);transition:background .3s ease,transform .3s ease}.mobile-dot.active{background:var(--color-accent);transform:scale(1.2)}@media (hover: none) and (pointer: coarse){.custom-cursor,.cursor-trail{display:none!important}}@media (prefers-reduced-motion: reduce){.scanner-maps-container,.sonar-ring,.sonar-ring-wrapper,.ring-1,.ring-2,.ring-3,.ring-4,.aurora-move{animation:none!important}html:not([data-vibe=normis]) .hero-bg-effect:before{animation:none!important}.cursor-neon-pulse{animation:none!important}}.navbar,.vibe-btn,.btn,.footer-vibe-btn,.case-nav-btn{user-select:none;-webkit-user-select:none}@media (prefers-reduced-motion: reduce){.marquee,.agent-dot.is-pulsing,.custom-cursor,.cursor-trail,.scanner-maps-container,.sonar-ring,.sonar-ring-wrapper,.ring-1,.ring-2,.ring-3,.ring-4,.cursor-neon-pulse{animation:none!important}html:not([data-vibe=normis]) .hero-bg-effect:before{animation:none!important}.marquee:hover{animation:none!important}}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mb-48{margin-bottom:48px}.mb-80{margin-bottom:80px}.case-star-card,.result-card,.param-card,.workflow-step,.architecture-diagram,.gallery-item{aspect-ratio:auto!important;background:var(--color-surface-1);border:1px solid var(--color-border);transition:transform var(--duration-s) var(--ease-out),border-color var(--duration-s) var(--ease-out),box-shadow var(--duration-s) var(--ease-out)}html[data-vibe=normis] .case-star-card,html[data-vibe=normis] .result-card,html[data-vibe=normis] .param-card,html[data-vibe=normis] .workflow-step,html[data-vibe=normis] .architecture-diagram,html[data-vibe=normis] .gallery-item{border-radius:8px;box-shadow:none!important}html:not([data-vibe=normis]) .case-star-card,html:not([data-vibe=normis]) .result-card,html:not([data-vibe=normis]) .param-card,html:not([data-vibe=normis]) .workflow-step,html:not([data-vibe=normis]) .architecture-diagram,html:not([data-vibe=normis]) .gallery-item{border-radius:0;box-shadow:4px 4px 0 var(--color-accent-dim)}.result-card:hover,.param-card:hover,.workflow-step:hover{transform:translateY(-4px);border-color:var(--color-accent)}html:not([data-vibe=normis]) .result-card:hover,html:not([data-vibe=normis]) .param-card:hover,html:not([data-vibe=normis]) .workflow-step:hover{box-shadow:6px 6px 0 var(--color-accent-dim)!important}html[data-vibe=normis] .result-card:hover,html[data-vibe=normis] .param-card:hover,html[data-vibe=normis] .workflow-step:hover{box-shadow:0 10px 20px #00000026!important}.case-star-card{margin-top:var(--space-xl);padding:var(--space-xl)}.star-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.star-col{position:relative;display:flex;flex-direction:column;padding:var(--space-sm) 0}.star-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-surface-2);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-md);transition:all var(--duration-s) var(--ease-out)}html:not([data-vibe=normis]) .star-badge{border-radius:0;box-shadow:2px 2px 0 var(--color-accent-dim)}html[data-vibe=normis] .star-badge{border-radius:50%}.star-col:hover .star-badge{transform:translateY(-2px);background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.result-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg)}.result-num{font-size:var(--text-3xl);font-weight:800;line-height:1;margin-bottom:var(--space-xs);text-shadow:0 0 10px rgba(var(--color-accent-rgb),.3)}.architecture-diagram{overflow:hidden;position:relative;width:100%;padding:var(--space-xl)}.arch-svg{max-width:100%;height:auto}.arch-node{cursor:pointer}.main-circle{transition:r var(--duration-s) var(--ease-out),stroke var(--duration-s) var(--ease-out),fill var(--duration-s) var(--ease-out),stroke-width var(--duration-s) var(--ease-out)}.arch-node:hover .main-circle{stroke:var(--color-accent);stroke-width:3px;fill:var(--color-surface-2)}.node-machinery:hover .main-circle{r:49px}.node-web:hover .main-circle,.node-mobile:hover .main-circle{r:44px}.main-rect{transition:x var(--duration-s) var(--ease-out),y var(--duration-s) var(--ease-out),width var(--duration-s) var(--ease-out),height var(--duration-s) var(--ease-out),stroke var(--duration-s) var(--ease-out),stroke-width var(--duration-s) var(--ease-out)}.arch-node:hover .main-rect{x:-60px;y:-49px;width:120px;height:98px;stroke:var(--color-accent);stroke-width:3px}.arch-node text{transition:fill var(--duration-s) var(--ease-out)}.arch-node:hover text{fill:var(--color-text)}.arch-node-icon{transition:color var(--duration-s) var(--ease-out),transform var(--duration-s) var(--ease-out)}.arch-node:hover .arch-node-icon{color:var(--color-text)!important}.pulse-ring{pointer-events:none}.signal-dot{filter:drop-shadow(0 0 6px var(--color-accent))}.parameters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.param-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:20px}.param-icon-container{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-accent)}html:not([data-vibe=normis]) .param-icon-container{border-radius:0;box-shadow:2px 2px 0 var(--color-border)}html[data-vibe=normis] .param-icon-container{border-radius:8px}.workflow-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);position:relative}.workflow-step{position:relative;padding:var(--space-lg)}.step-num{font-size:var(--text-base);color:var(--color-accent);margin-bottom:var(--space-sm);opacity:.7}.gallery-caption{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-md);border-top:1px solid var(--color-border);line-height:1.4;background:#0f172a66}@media (max-width: 1024px){.star-grid{grid-template-columns:repeat(2,1fr)}.results-grid{grid-template-columns:1fr}.parameters-grid{grid-template-columns:repeat(2,1fr)}.workflow-timeline{grid-template-columns:1fr;gap:var(--space-lg)}}@media (max-width: 768px){.case-star-card{padding:var(--space-lg)}.result-card,.workflow-step{padding:var(--space-md)}.param-card{padding:16px}.architecture-diagram{padding:var(--space-md)}}@media (max-width: 640px){.star-grid{grid-template-columns:1fr}}html[data-vibe=normis] .skill-index,html[data-vibe=normis] .skills-hud-header{display:none!important}html[data-vibe=normis] .skill-row-content{border-bottom:none!important}html[data-vibe=normis] .brutal-marquee{background:transparent!important;border:none!important}html[data-vibe=normis] .brutal-marquee .marquee{color:#fff!important;-webkit-text-stroke:none!important}html[data-vibe=normis] .tools-hud-wrapper>div:first-child{display:none!important}html[data-vibe=normis] .tools-strip-brutal{border:none!important;border-radius:0!important;padding:0!important}html[data-vibe=normis] .ide-header{border-bottom:none!important}html[data-vibe=normis] .ide-preview{border:none!important}html[data-vibe=normis] .ide-footer{border-top:none!important}html[data-vibe=normis] .numbered-list li{border-bottom:none!important;padding-bottom:0!important}html[data-vibe=normis] .cyber-pagination-text{display:none!important}html[data-vibe=normis] .cyber-bar{width:8px!important;height:8px!important;border-radius:50%!important;transform:none!important;background:var(--color-surface-2)!important;border:1px solid var(--color-border)!important;box-shadow:none!important;transition:all var(--duration-m) ease!important}html[data-vibe=normis] .cyber-bar.active{background:var(--color-accent)!important;border-color:var(--color-accent)!important;box-shadow:none!important}html[data-vibe=normis] .section-label,html[data-vibe=normis] h1,html[data-vibe=normis] h2,html[data-vibe=normis] h3,html[data-vibe=normis] h4,html[data-vibe=normis] h5,html[data-vibe=normis] h6,html[data-vibe=normis] .about-headline,html[data-vibe=normis] .case-title,html[data-vibe=normis] .skill-name{font-family:var(--font-heading)!important;font-weight:700!important}html[data-vibe=normis] .section-label{font-size:var(--text-xl)!important;font-weight:700!important;color:var(--color-text)!important;letter-spacing:-.02em!important;text-transform:uppercase!important}.vibe-nav-link.is-active,.mobile-menu-overlay a.is-active{color:var(--color-accent)!important;text-shadow:0 0 4px var(--color-accent),0 0 8px var(--color-accent)}.about-decal-hidden{opacity:0;pointer-events:none}