/* Complete DOCX fractional stylesheet; scoped integration. */
@scope (.source-fractional) {

700;900&family=Fira+Code:wght@400;500&family=Inter:wght@400;500;600;700&display=swap');
:scope, :scope { overflow-x: hidden !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; -webkit-overflow-scrolling: touch; }
* { max-width: 100% !important; box-sizing: border-box !important; }
:scope section { will-change: auto; }
:scope .glass-card, :scope .expertise-domain, :scope .portfolio-item, :scope .value-card, :scope .timeline-content, :scope .manifesto-item, :scope .vision-card { transform: translateZ(0); backface-visibility: hidden; transition: transform 0.12s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform-style: preserve-3d; }
:scope { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; position: relative !important; box-sizing: border-box !important; }
:scope.loading { overflow: hidden !important; height: 100vh !important; max-height: 100vh !important; }
:scope.scroll-locked, :scope.scroll-locked { overflow: hidden !important; height: 100vh !important; max-height: 100vh !important; position: fixed !important; width: 100% !important; }
:scope .contact-section { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; }
@keyframes fractional-dosBlockCursor { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } }
:scope .dos-line.typing { position: relative !important; }
:scope .dos-line.typing::after { display: none !important; }
:scope .dos-cursor { color: inherit !important; animation: fractional-dosBlockCursor 0.8s infinite !important; font-weight: bold !important; text-shadow: inherit !important; display: inline !important; }
@media (max-width: 768px) {
    :scope .dos-terminal { width: 96% !important; max-width: 96vw !important; padding: clamp(0.5rem, 2vw, 1rem) !important; font-size: clamp(0.5rem, 1.2vw, 0.75rem) !important; margin: 0 auto !important; box-sizing: border-box !important; overflow: hidden !important; }
    :scope .dos-line { font-size: clamp(0.5rem, 1.2vw, 0.75rem) !important; margin: clamp(0.15rem, 0.5vw, 0.3rem) 0 !important; padding: clamp(0.06rem, 0.15vw, 0.12rem) clamp(0.12rem, 0.5vw, 0.25rem) !important; line-height: clamp(1.2, 0.2vw + 1.15, 1.4) !important; letter-spacing: clamp(0.005em, 0.03vw, 0.025em) !important; word-spacing: 0.01em !important; white-space: pre-wrap !important; word-wrap: break-word !important; overflow-wrap: anywhere !important; hyphens: none !important; max-width: calc(100% - clamp(0.25rem, 1vw, 0.5rem)) !important; width: 100% !important; box-sizing: border-box !important; overflow: hidden !important; text-overflow: ellipsis !important; text-shadow: 0 0 clamp(2px, 0.6vw, 4px) currentColor, 0 0 clamp(4px, 1.2vw, 8px) currentColor !important; }
    :scope .dos-line:nth-child(2), :scope .dos-line:nth-child(4), :scope .dos-line:nth-child(6), :scope .dos-line:nth-child(7) { font-size: clamp(0.45rem, 1vw, 0.65rem) !important; letter-spacing: clamp(0.002em, 0.02vw, 0.02em) !important; line-height: clamp(1.15, 0.15vw + 1.1, 1.3) !important; padding: clamp(0.05rem, 0.12vw, 0.1rem) clamp(0.1rem, 0.4vw, 0.2rem) !important; }
}
@media (max-width: 480px) {
    :scope .dos-terminal { width: 98% !important; padding: clamp(0.4rem, 1.5vw, 0.8rem) !important; }
    :scope .dos-line { font-size: clamp(0.4rem, 1vw, 0.6rem) !important; margin: clamp(0.1rem, 0.3vw, 0.2rem) 0 !important; padding: clamp(0.04rem, 0.1vw, 0.08rem) clamp(0.08rem, 0.3vw, 0.15rem) !important; line-height: clamp(1.1, 0.15vw + 1.05, 1.25) !important; }
    :scope .dos-line:nth-child(2), :scope .dos-line:nth-child(4), :scope .dos-line:nth-child(6), :scope .dos-line:nth-child(7) { font-size: clamp(0.35rem, 0.8vw, 0.5rem) !important; letter-spacing: clamp(0.001em, 0.015vw, 0.015em) !important; }
}
:scope .dos-line.completed { color: #39ff14 !important; text-shadow: 0 0 8px #39ff14, 0 0 16px #39ff14 !important; opacity: 1 !important; margin-bottom: clamp(0.8rem, 1.5vw, 1.2rem) !important; border-bottom: 1px solid rgba(57, 255, 20, 0.3) !important; padding-bottom: clamp(0.3rem, 0.8vw, 0.5rem) !important; }
:scope .dos-line::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: linear-gradient(90deg, rgba(0, 255, 65, 0.05) 0%, rgba(0, 255, 65, 0.02) 50%, rgba(0, 255, 65, 0.05) 100%) !important; pointer-events: none !important; z-index: -1 !important; }
:scope .dos-line.trinity, :scope .dos-line-trinity { color: #00ff41 !important; text-shadow: 0 0 10px #00ff41, 0 0 20px #00ff41, 0 0 30px #00ff41 !important; border-color: rgba(0, 255, 65, 0.3) !important; background: rgba(0, 50, 0, 0.4) !important; }
:scope .dos-line.neo, :scope .dos-line-neo { color: #00ffff !important; text-shadow: 0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 30px #00ffff !important; border-color: rgba(0, 255, 255, 0.3) !important; background: rgba(0, 30, 50, 0.4) !important; }
:scope .dos-line.system, :scope .dos-line-system { color: #ffff00 !important; text-shadow: 0 0 10px #ffff00, 0 0 20px #ffff00, 0 0 30px #ffff00 !important; border-color: rgba(255, 255, 0, 0.3) !important; background: rgba(50, 50, 0, 0.4) !important; }
:scope {
    --primary-neon:#ff0080;--secondary-neon:#00ffff;--accent-neon:#ff6b00;--tertiary-neon:#39ff14;--quaternary-neon:#ff073a;--purple-neon:#8b00ff;
    --glass-bg:rgba(255,255,255,0.04);--glass-bg-hover:rgba(255,255,255,0.08);--glass-border:rgba(255,255,255,0.08);--glass-border-hover:rgba(255,255,255,0.18);--glass-shadow:0 8px 32px rgba(0,0,0,0.35);--glass-shadow-hover:0 16px 48px rgba(0,0,0,0.45);
    --bg-primary:#050508;--bg-secondary:#0a0a12;--bg-tertiary:#10101a;--bg-matrix:#000800;
    --text-primary:#fff;--text-secondary:#a8a8b3;--text-accent:#d4d4dc;--text-dim:#606068;
    --glow-primary:0 0 16px var(--primary-neon),0 0 32px rgba(255,0,128,0.4);--glow-secondary:0 0 16px var(--secondary-neon),0 0 32px rgba(0,255,255,0.4);
    --font-display:'Orbitron',monospace;--font-:scope:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'Fira Code',monospace;
    --ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);
    --transition-smooth:all 0.25s var(--ease-out-expo);--transition-bounce:all 0.4s var(--ease-spring);--transition-fast:all 0.15s var(--ease-out-quart);--transition-elegant:all 0.6s var(--ease-out-expo);--transition-spring:all 0.5s var(--ease-spring);
    --hover-lift:translateY(-6px) scale(1.01);--active-scale:scale(0.98);
    --section-gap:clamp(5rem,10vw,8rem);--card-padding:clamp(1.5rem,4vw,2.5rem);--card-radius:1.25rem;--block-gap:clamp(3rem,6vw,5rem);
    --nav-height:60px;--scroll-offset:80px;--section-header-mb:clamp(2.5rem,5vw,4rem)
}
    
:scope * { margin: 0; padding: 0; box-sizing: border-box; }
:scope { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background: var(--bg-primary); color: var(--text-primary); line-height: 1.6; overflow-x: hidden; position: relative; font-feature-settings: 'liga' 1, 'kern' 1; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100vh; }
    
@keyframes fractional-matrixGlitch { 0%,90%,100%{transform:translate(0);filter:hue-fractional-rotate(0deg)} 92%{transform:translate(-2px,1px);filter:hue-fractional-rotate(90deg)} 94%{transform:translate(2px,-1px);filter:hue-fractional-rotate(-90deg)} 96%{transform:translate(-1px,2px);clip-path:inset(20% 0 30% 0)} 98%{transform:translate(1px,-2px);clip-path:inset(50% 0 10% 0)} }
@keyframes fractional-scanLine { 0% { top: -100%; } 100% { top: 200%; } }
@keyframes fractional-textReveal { 0% { clip-path: inset(0 100% 0 0); } 100% { clip-path: inset(0 0 0 0); } }
@keyframes fractional-neonPulse { 0%, 100% { filter: brightness(1) drop-shadow(0 0 5px currentColor); } 50% { filter: brightness(1.2) drop-shadow(0 0 20px currentColor); } }
    
:scope.loading { cursor: wait; }
:scope p, :scope h1, :scope h2, :scope h3, :scope h4, :scope span { user-select: none; -webkit-user-select: none; }
    
:scope .site-header { position: fixed; top: 1.25rem; right: 2rem; left: auto; z-index: 10001; display: flex; flex-direction: row; align-items: center; gap: 0.75rem; }
:scope .header-logo { display: flex; align-items: center; gap: 0.6rem; text-decoration: none; padding: 0.6rem 1.2rem; background: transparent; border: none; border-radius: 2.5rem; transition: transform 0.2s var(--ease-out-expo), filter 0.3s; box-shadow: none; transform: translateZ(0); cursor: pointer; }
:scope .header-logo:hover { filter: drop-shadow(0 0 8px rgba(255,0,128,0.5)) drop-shadow(0 0 16px rgba(0,255,255,0.3)); transform: translateY(-2px) scale(1.05); }
:scope .header-logo:active { transform: translateY(0) scale(0.98); }
:scope .ms-logo-svg { flex-shrink: 0; filter: drop-shadow(0 0 4px rgba(255,0,128,0.4)); animation: fractional-logoGlow 4s ease-in-out infinite; }
@keyframes fractional-logoGlow { 0%,100% { filter: drop-shadow(0 0 4px rgba(255,0,128,0.4)) drop-shadow(0 0 8px rgba(0,255,255,0.2)); } 50% { filter: drop-shadow(0 0 8px rgba(255,0,128,0.6)) drop-shadow(0 0 16px rgba(0,255,255,0.4)); } }
:scope .header-logo-text { font-family: 'Orbitron', monospace; font-size: 0.85rem; font-weight: 700; background: linear-gradient(135deg, #ff0080 0%, #00ffff 50%, #39ff14 100%); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; letter-spacing: 0.12em; animation: fractional-gradientShift 6s ease-in-out infinite; text-shadow: 0 0 10px rgba(255,0,128,0.3); }

/* AGENCY BADGE LINK */
:scope .agency-link-badge { display: flex; align-items: center; gap: 0.5rem; background: rgba(0,255,255,0.05); border: 1px solid rgba(0,255,255,0.2); padding: 0.5rem 1rem; border-radius: 2rem; color: var(--secondary-neon); text-decoration: none; font-family: 'Orbitron', monospace; font-size: 0.75rem; font-weight: 700; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 0.05em; }
:scope .agency-link-badge:hover { background: rgba(0,255,255,0.15); box-shadow: 0 0 15px rgba(0,255,255,0.3); transform: translateY(-2px); color: #fff; }
    
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}
:scope::before,:scope::after{display:none}
:scope .stagger-animate { opacity: 0; transform: translateY(30px); transition: var(--transition-elegant); }
:scope .animate .stagger-animate, :scope .stagger-animate.visible { opacity: 1; transform: translateY(0); }
:scope .fade-in { opacity: 0; transform: translateY(40px); transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
:scope .fade-in.animate { opacity: 1; transform: translateY(0); }
:scope .slide-left { opacity: 0; transform: translateX(-60px); transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
:scope .slide-left.animate { opacity: 1; transform: translateX(0); }
:scope .slide-right { opacity: 0; transform: translateX(60px); transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
:scope .slide-right.animate { opacity: 1; transform: translateX(0); }
:scope #matrix-canvas { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; z-index: 1 !important; opacity: 0.25 !important; pointer-events: none !important; display: block !important; visibility: visible !important; transform: none !important; }
@keyframes fractional-dataStream { 0% { transform: translateX(-100%); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateX(100vw); opacity: 0; } }
:scope .section::before { content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: linear-gradient(180deg, transparent, var(--primary-neon), transparent); animation: fractional-dataStream 8s linear infinite; opacity: 0.3; }
:scope .section:nth-child(even):before { animation-delay: -4s; background: linear-gradient(180deg, transparent, var(--secondary-neon), transparent); }
:scope .preloader { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; background: radial-gradient(ellipse at center, rgba(0, 30, 0, 1) 0%, rgba(0, 15, 0, 1) 50%, rgba(0, 0, 0, 1) 100%) !important; z-index: 99999 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; padding: clamp(15px, 3vh, 30px) clamp(10px, 3vw, 20px) clamp(90px, 14vh, 140px) !important; transition: opacity 0.8s ease, visibility 0.8s ease !important; animation: fractional-preloaderGlow 2s ease-in-out infinite alternate !important; isolation: isolate !important; transform: translateZ(0) !important; will-change: opacity !important; backface-visibility: hidden !important; cursor: none !important; box-sizing: border-box !important; overflow: hidden !important; }
:scope .preloader.hidden { opacity: 0; visibility: hidden; }
:scope .preloader:not(.hidden) ~ .lang-toggle, :scope .preloader:not(.hidden) ~ .nav-menu, :scope .preloader:not(.hidden) ~ #ru-content, :scope .preloader:not(.hidden) ~ #en-content { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
:scope:has(.preloader:not(.hidden)) .lang-toggle, :scope:has(.preloader:not(.hidden)) .nav-menu, :scope:has(.preloader:not(.hidden)) #ru-content, :scope:has(.preloader:not(.hidden)) #en-content { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }

:scope .dos-terminal { font-family: 'Fira Code', 'Courier New', monospace !important; font-size: clamp(0.7rem, 2vw, 1.1rem) !important; color: #00ff41 !important; text-align: left !important; max-width: min(90vw, 700px) !important; width: 90% !important; background: radial-gradient(ellipse at center, rgba(0, 50, 0, 1) 0%, rgba(0, 30, 0, 1) 70%, rgba(0, 10, 0, 1) 100%), repeating-linear-gradient(0deg, transparent, transparent 1px, rgba(0, 255, 65, 0.12) 1px, rgba(0, 255, 65, 0.12) 2px, transparent 2px, transparent 4px) !important; padding: clamp(1rem, 4vw, 2.5rem) !important; border-radius: clamp(10px, 2vw, 20px) !important; border: clamp(2px, 0.5vw, 4px) solid #00ff41 !important; box-shadow: 0 0 clamp(20px, 4vw, 40px) rgba(0, 255, 65, 1.0), inset 0 0 clamp(20px, 4vw, 40px) rgba(0, 255, 65, 0.3), 0 0 clamp(40px, 8vw, 80px) rgba(0, 255, 65, 0.8), inset 0 0 clamp(40px, 8vw, 80px) rgba(0, 40, 0, 0.8), 0 0 clamp(60px, 12vw, 120px) rgba(0, 255, 65, 0.6), 0 0 clamp(80px, 16vw, 160px) rgba(0, 255, 65, 0.4) !important; position: relative !important; overflow: hidden !important; pointer-events: none !important; user-select: none !important; -webkit-user-select: none !important; animation: fractional-crtFlicker 0.1s infinite linear alternate, fractional-crtGlow 1.5s ease-in-out infinite alternate !important; z-index: 100000 !important; }
:scope .dos-terminal::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at center, transparent 0%, transparent 70%, rgba(0, 0, 0, 0.3) 100%); border-radius: inherit; pointer-events: none; z-index: 1; }
:scope .dos-terminal::after { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: repeating-linear-gradient(0deg, transparent, transparent 1px, rgba(0, 255, 65, 0.25) 1px, rgba(0, 255, 65, 0.25) 2px, transparent 2px, transparent 3px) !important; border-radius: inherit !important; pointer-events: none !important; z-index: 100002 !important; animation: fractional-scanLines 0.08s linear infinite !important; mix-blend-mode: screen !important; }

:scope .dos-line{margin:clamp(0.25rem,0.6vw,0.5rem) 0!important;opacity:1!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;hyphens:auto!important;overflow:hidden!important;position:relative!important;z-index:100001!important;text-shadow:0 0 6px #00ff41,0 0 12px #00ff41!important;letter-spacing:0.03em!important;line-height:1.4!important;font-weight:600!important;color:#00ff41!important;font-size:clamp(0.55rem,2.8vw,0.95rem)!important;display:block!important;background:rgba(0,30,0,0.3)!important;padding:clamp(0.2rem,0.5vw,0.3rem) clamp(0.3rem,1vw,0.5rem)!important;border:1px solid rgba(0,255,65,0.2)!important;font-family:'Fira Code',monospace!important;min-height:auto!important;transition:opacity 0.3s!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
:scope .dos-line.typing{border-right:clamp(2px,0.5vw,3px) solid #00ff41!important;animation:fractional-dosTypingCursor 0.8s infinite!important}
@keyframes fractional-dosTypingCursor{0%,45%{border-right-color:#00ff41}46%,100%{border-right-color:transparent}}
:scope .dos-line:first-child{color:#39ff14;font-weight:bold;text-shadow:0 0 8px #39ff14,0 0 15px #39ff14}
@keyframes fractional-crtFlicker{0%,98%,100%{opacity:1}99%{opacity:0.98}}
@keyframes fractional-crtGlow{0%,100%{box-shadow:0 0 30px rgba(0,255,65,0.6)}50%{box-shadow:0 0 40px rgba(0,255,65,0.8)}}
@keyframes fractional-scanLines{0%{transform:translateY(0)}100%{transform:translateY(4px)}}
@keyframes fractional-preloaderGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.05)}}

:scope .pills-container{position:absolute;bottom:clamp(20px,5vh,45px);left:50%;transform:translateX(-50%);display:flex;gap:clamp(20px,5vw,40px);z-index:100001;pointer-events:auto}
:scope .skip-pill{width:90px;height:36px;border-radius:50%/50%;border:none;cursor:pointer;font-family:'Orbitron',monospace;font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;transition:transform .15s,opacity .15s;opacity:0.9;overflow:hidden;position:relative;will-change:transform}
:scope .skip-pill.red-pill{background:linear-gradient(180deg,rgba(255,120,120,0.85) 0%,rgba(220,50,50,0.8) 25%,rgba(180,20,20,0.85) 50%,rgba(140,0,0,0.9) 75%,rgba(100,0,0,0.95) 100%);color:#fff;box-shadow:0 4px 20px rgba(255,0,0,0.6),0 0 40px rgba(255,50,50,0.35),inset 0 -8px 15px rgba(0,0,0,0.4),inset 0 8px 15px rgba(255,255,255,0.25),inset 4px 0 10px rgba(255,255,255,0.15),inset -4px 0 10px rgba(0,0,0,0.2);text-shadow:0 1px 2px rgba(0,0,0,0.8);animation:fractional-levitateRed 4s ease-in-out infinite}
:scope .skip-pill.blue-pill{background:linear-gradient(180deg,rgba(130,170,255,0.85) 0%,rgba(70,120,220,0.8) 25%,rgba(40,80,180,0.85) 50%,rgba(20,50,140,0.9) 75%,rgba(10,30,100,0.95) 100%);color:#fff;box-shadow:0 4px 20px rgba(0,100,255,0.6),0 0 40px rgba(50,100,255,0.35),inset 0 -8px 15px rgba(0,0,0,0.4),inset 0 8px 15px rgba(255,255,255,0.25),inset 4px 0 10px rgba(255,255,255,0.15),inset -4px 0 10px rgba(0,0,0,0.2);text-shadow:0 1px 2px rgba(0,0,0,0.8);animation:fractional-levitateBlue 4s ease-in-out infinite 0.6s}
:scope .skip-pill:hover{opacity:1;transform:scale(1.1)}
:scope .skip-pill.red-pill:hover{box-shadow:0 6px 30px rgba(255,0,0,0.8),0 0 60px rgba(255,50,50,0.5),inset 0 -8px 15px rgba(0,0,0,0.4),inset 0 8px 15px rgba(255,255,255,0.3)}
:scope .skip-pill.blue-pill:hover{box-shadow:0 6px 30px rgba(0,100,255,0.8),0 0 60px rgba(50,100,255,0.5),inset 0 -8px 15px rgba(0,0,0,0.4),inset 0 8px 15px rgba(255,255,255,0.3)}
:scope .skip-pill:active{transform:scale(0.92);opacity:1;transition:transform 0.1s ease}
:scope .skip-pill::before{content:'';position:absolute;top:4px;left:15%;right:15%;height:40%;background:linear-gradient(180deg,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 50%,transparent 100%);border-radius:50%;pointer-events:none}
:scope .skip-pill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 25% 15%,rgba(255,255,255,0.4) 0%,transparent 40%),radial-gradient(ellipse at 75% 85%,rgba(0,0,0,0.2) 0%,transparent 40%);border-radius:inherit;pointer-events:none}
@keyframes fractional-levitateRed{0%,100%{transform:translateY(0px) fractional-rotate(-1.5deg)}25%{transform:translateY(-4px) fractional-rotate(0deg)}50%{transform:translateY(-7px) fractional-rotate(1.5deg)}75%{transform:translateY(-4px) fractional-rotate(0deg)}}
@keyframes fractional-levitateBlue{0%,100%{transform:translateY(0px) fractional-rotate(1.5deg)}25%{transform:translateY(-4px) fractional-rotate(0deg)}50%{transform:translateY(-7px) fractional-rotate(-1.5deg)}75%{transform:translateY(-4px) fractional-rotate(0deg)}}
@media(max-width:768px){:scope .pills-container{bottom:clamp(18px,4vh,35px);gap:clamp(15px,4vw,25px)}:scope .skip-pill{width:80px;height:32px;font-size:0.6rem}}

:scope .container { max-width: 1400px; margin: 0 auto; padding: 0 clamp(1rem,4vw,2rem); position: relative; z-index: 10 !important; }
:scope .glass-card { background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: var(--card-radius); padding: var(--card-padding); margin: var(--block-gap) 0; position: relative; z-index: 15; overflow: hidden; transition: transform 0.3s var(--ease-out-expo), border-color 0.2s, box-shadow 0.3s; box-shadow: 0 8px 24px rgba(0,0,0,0.3); }
:scope .glass-card:hover { border-color: var(--glass-border-hover); box-shadow: var(--glass-shadow-hover); transform: var(--hover-lift); }
:scope .glass-card:active { transform: var(--active-scale); transition: var(--transition-fast); }

:scope .lang-toggle { position: fixed; top: 1.25rem; left: 2rem; right: auto; z-index: 10001 !important; display: flex; gap: 0.25rem; transition: opacity 0.2s, transform 0.2s; background: transparent; border: none; border-radius: 2.5rem; padding: 0.35rem; box-shadow: none; }
:scope .lang-btn { background: transparent; border: 1px solid transparent; border-radius: 2rem; padding: 0.5rem 1rem; font-family: 'Orbitron', monospace; font-weight: 600; color: var(--text-secondary); transition: var(--transition-smooth); font-size: 0.8rem; cursor: pointer; letter-spacing: 0.05em; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
:scope .lang-btn:hover { background: rgba(0,255,255,0.12); color: var(--secondary-neon); border-color: rgba(0,255,255,0.3); text-shadow: 0 0 8px var(--secondary-neon); }
:scope .lang-btn.active { background: linear-gradient(135deg, rgba(255,0,128,0.2), rgba(255,0,128,0.1)); color: var(--primary-neon); border-color: rgba(255,0,128,0.4); text-shadow: 0 0 10px var(--primary-neon); }
:scope .lang-btn:active { transform: scale(0.95); transition: transform 0.1s var(--ease-out-quart); }
:scope .lang-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0,255,255,.4); border-radius: 2rem; }

:scope .nav-toggle { width: 36px; height: 36px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--text-secondary); font-size: 0.9rem; transition: all 0.3s var(--ease-out-expo); -webkit-tap-highlight-color: transparent; touch-action: manipulation; outline: none; }
:scope .nav-toggle:hover { background: rgba(255,255,255,0.1); color: var(--primary-neon); border-color: rgba(255,0,128,0.4); transform: scale(1.1); }
:scope .nav-toggle i { transition: transform 0.4s var(--ease-out-expo); }
:scope .nav-toggle.active i { transform: fractional-rotate(180deg); }
:scope .nav-toggle:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0,255,255,0.4); border-radius: 50%; }

:scope .nav-menu { position: fixed; right: 2rem; top: 4rem; z-index: 10000; display: flex; flex-direction: column; gap: 0.4rem; padding: 0.4rem; background: transparent; backdrop-filter: none; border: none; border-radius: 0; box-shadow: none; will-change: transform, opacity; pointer-events: none; transform-origin: top right; transform: translateY(-8px); opacity: 0 !important; visibility: hidden !important; transition: all 0.3s var(--ease-out-expo); }
:scope .nav-menu.open { transform: translateY(0); opacity: 1 !important; visibility: visible !important; pointer-events: auto; }
:scope .nav-item { width: 40px; height: 40px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; color: var(--text-secondary); font-size: 0.95rem; transition: all 0.25s var(--ease-out-expo); position: relative; transform: translateZ(0); box-shadow: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation; outline: none; }
:scope .nav-item:hover { background: rgba(255,255,255,0.1); color: var(--primary-neon); border-color: rgba(255,0,128,0.3); transform: scale(1.1) translateZ(0); }
:scope .nav-item.active { background: rgba(255,0,128,0.15); color: var(--primary-neon); border-color: rgba(255,0,128,0.4); }
:scope .nav-item:active { transform: scale(0.92); transition: transform 0.1s var(--ease-out-quart); }
:scope .nav-item:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0,255,255,0.4); border-radius: 50%; }

:scope .hero { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; z-index: 5; padding: clamp(1rem,3vw,2rem) clamp(1.5rem,4vw,3rem); background: transparent; }
:scope .hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%, rgba(255,0,128,0.04) 0%, transparent 45%), radial-gradient(ellipse at 20% 80%, rgba(0,255,255,0.03) 0%, transparent 40%), radial-gradient(ellipse at 80% 70%, rgba(255,107,0,0.025) 0%, transparent 35%);pointer-events:none;z-index:-1}
:scope .hero::after{content:'';position:absolute;top:10%;left:50%;transform:translateX(-50%);width:clamp(280px,55vw,550px);height:clamp(280px,55vw,550px);background:radial-gradient(circle,rgba(255,0,128,0.025) 0%,rgba(0,255,255,0.015) 35%,transparent 65%);border-radius:50%;pointer-events:none;filter:blur(50px);z-index:-1}

:scope .logo-container{display:flex;flex-direction:column;align-items:center;gap:clamp(0.8rem,1.5vw,1.2rem);margin-bottom:clamp(1rem,2vw,1.5rem);position:relative}
:scope .logo{font-family:'Orbitron',monospace;font-size:clamp(2rem,8vw,4.5rem);font-weight:900;background:linear-gradient(135deg,#fff 0%,#e0e0e0 50%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;display:block;letter-spacing:-0.02em;text-align:center;margin:0;transition:all 0.5s var(--ease-out-expo);filter:none;position:relative}
:scope .logo-line{display:inline}
:scope .logo:hover{letter-spacing:0.02em}
@keyframes fractional-gradientShift { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }
@keyframes fractional-logoFloat { 0%,100%{transform:scale(1) translateY(0) translateZ(0)} 50%{transform:scale(1.01) translateY(-2px) translateZ(0)} }
@keyframes fractional-smoothGradientFlow { 0%{background-position:0% 0%} 50%{background-position:100% 50%} 100%{background-position:0% 0%} }
    
@media (max-width: 480px) { :scope .logo { font-size: clamp(1.5rem,6vw,2.5rem); } }
:scope .hero-subtitle{font-family:'Inter',-apple-system,sans-serif;font-size:clamp(1rem,2.5vw,1.5rem);color:var(--text-primary);margin-bottom:clamp(1.5rem,3vw,2rem);font-weight:500;letter-spacing:0.12em;text-align:center;max-width:100%;padding:clamp(0.75rem,1.5vw,1rem) clamp(1.5rem,3vw,2.5rem);text-transform:uppercase;opacity:0.9;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0.3) 0%,transparent 70%);border-radius:2rem;position:relative}
:scope .hero-subtitle span{color:var(--primary-neon);font-weight:700;text-shadow:0 0 20px rgba(255,0,128,0.3)}
:scope .hero-description{font-size:clamp(0.95rem,1.8vw,1.15rem);color:var(--text-secondary);max-width:min(85vw,650px);margin:0 auto clamp(1.5rem,3vw,2rem);line-height:1.75;text-align:center;padding:clamp(0.75rem,1.5vw,1rem) clamp(1.5rem,3vw,2.5rem);font-weight:400;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0.25) 0%,transparent 70%);border-radius:1.5rem}
:scope .hero-badge{display:inline-block;font-family:'Fira Code',monospace;font-size:clamp(0.65rem,1.4vw,0.8rem);color:var(--text-secondary);background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.02) 50%,transparent 80%);border:1px solid rgba(255,255,255,0.08);border-radius:2rem;padding:0.4rem 1.1rem;margin-bottom:clamp(1rem,2vw,1.5rem);letter-spacing:0.08em;position:relative;overflow:hidden}
:scope .hero-badge::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.03),transparent);animation:fractional-badgeShimmer 4s ease-in-out infinite}
@keyframes fractional-badgeShimmer{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}

:scope .cta-container { display: flex; gap: clamp(1rem,4vw,2rem); margin-top: clamp(1.5rem,4vw,2rem); flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; max-width: 100%; box-sizing: border-box; padding: 0 clamp(1rem,3vw,2rem); }
:scope .cta-primary, :scope .cta-secondary { padding: clamp(0.9rem,2vw,1.25rem) clamp(1.75rem,4vw,2.75rem); border-radius: 3rem; text-decoration: none; font-family: 'Orbitron', monospace; font-weight: 600; font-size: clamp(0.85rem,1.8vw,1rem); transition: var(--transition-spring); position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: clamp(0.6rem,1.2vw,0.9rem); text-align: center; white-space: nowrap; min-width: max-content; box-sizing: border-box; letter-spacing: 0.05em; cursor: pointer; }
:scope .cta-primary{background:var(--primary-neon);color:#fff;box-shadow:0 4px 20px rgba(255,0,128,0.25);border:none}
:scope .cta-secondary{background:rgba(255,255,255,0.03);color:var(--text-primary);border:1px solid rgba(255,255,255,0.2)}
:scope .cta-primary::before, :scope .cta-secondary::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); transition: left 0.6s; }
:scope .cta-primary:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 12px 28px rgba(255,0,128,0.5), 0 0 0 1px rgba(255,0,128,0.2); }
:scope .cta-secondary:hover { transform: translateY(-3px) scale(1.02); border-color: var(--primary-neon); box-shadow: 0 8px 24px rgba(255,0,128,0.2), inset 0 0 20px rgba(255,0,128,0.05); background: rgba(255,0,128,0.08); }
:scope .cta-primary:active, :scope .cta-secondary:active { transform: translateY(-2px) scale(0.98); transition: transform 0.1s var(--ease-out-quart); }
:scope .cta-primary:hover::before, :scope .cta-secondary:hover::before { left: 100%; transition: left 0.5s var(--ease-out-expo); }
:scope .cta-primary:focus-visible, :scope .cta-secondary:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(0,255,255,0.4); border-radius: 3rem; }

:scope section{position:relative;padding:var(--section-gap) 0;margin-top:0}
:scope section:not(.hero):not(.contact-section){scroll-margin-top:var(--scroll-offset);margin-top:var(--block-gap)}
:scope .contact-section{scroll-margin-top:calc(var(--scroll-offset) + 20px)}
:scope section::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,0,128,0.2),rgba(0,255,255,0.2),transparent)}
:scope section:first-of-type::before{display:none}
:scope .hero + section{margin-top:0}

:scope .section-header{text-align:center;margin-bottom:var(--section-header-mb);padding:clamp(1rem,2vw,1.5rem) 0;position:relative}
:scope .section-header::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:clamp(80px,15vw,120px);height:3px;background:linear-gradient(90deg,var(--primary-neon),var(--secondary-neon),var(--tertiary-neon));border-radius:2px;box-shadow:0 0 20px var(--primary-neon);transition:width 0.3s var(--ease-out-expo)}
:scope .section-header:hover::after{width:clamp(120px,20vw,180px)}
:scope .section-title{font-family:'Orbitron',monospace;font-size:clamp(2rem,5vw,3rem);font-weight:900;color:var(--text-primary);margin-bottom:clamp(1.25rem,2.5vw,1.75rem);position:relative;display:inline-block;text-align:center;letter-spacing:0.1em;line-height:1.1;text-transform:uppercase;transition:transform 0.3s var(--ease-out-expo)}
:scope .section-title::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--primary-neon),var(--secondary-neon));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transition:opacity 0.4s var(--ease-out-expo)}
:scope .section-header:hover .section-title::before{opacity:1}
:scope .section-header:hover .section-title{transform:scale(1.02)}
:scope .section-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);font-weight:400;margin-top:clamp(1rem,2vw,1.5rem);letter-spacing:0.03em;max-width:850px;margin-left:auto;margin-right:auto;line-height:1.6;transition:color 0.3s}
:scope .section-header:hover .section-subtitle{color:var(--text-accent)}

:scope .manifesto-grid,:scope .expertise-grid,:scope .value-grid,:scope .portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(2rem,4vw,3rem);margin-top:clamp(3rem,6vw,4rem)}

:scope .vision-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:clamp(1.5rem,3vw,2rem);margin-top:clamp(2rem,4vw,3rem)}
:scope .vision-main{grid-column:1;grid-row:1/3}
:scope .vision-card{background:linear-gradient(145deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.1);border-radius:1.5rem;padding:clamp(1.5rem,3vw,2.5rem);position:relative;overflow:hidden;transition:transform 0.3s var(--ease-out-expo),box-shadow 0.3s;transform:translateZ(0)}
:scope .vision-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-neon),var(--secondary-neon),var(--tertiary-neon));transform:scaleX(0);transform-origin:left;transition:transform 0.5s var(--ease-out-expo)}
:scope .vision-card:hover::before{transform:scaleX(1)}
:scope .vision-card:hover{transform:translateY(-6px) translateZ(0);box-shadow:0 20px 40px rgba(0,0,0,0.25)}
:scope .vision-badge{display:inline-block;background:linear-gradient(135deg,var(--primary-neon),var(--secondary-neon));color:#000;font-family:'Orbitron',monospace;font-size:0.7rem;font-weight:700;padding:0.4rem 1rem;border-radius:2rem;margin-bottom:1.5rem;letter-spacing:0.1em}
:scope .vision-card h3{font-family:'Orbitron',monospace;font-size:clamp(1.3rem,2.5vw,1.8rem);color:var(--text-primary);margin-bottom:1.5rem;line-height:1.4;font-style:italic}
:scope .vision-card h4{font-family:'Orbitron',monospace;font-size:clamp(1rem,2vw,1.2rem);color:var(--text-primary);margin-bottom:0.75rem}
:scope .vision-card p{color:var(--text-secondary);line-height:1.8;font-size:clamp(0.9rem,1.6vw,1rem)}
:scope .vision-icon{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-neon),var(--secondary-neon));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:900px){:scope .vision-grid{grid-template-columns:1fr}:scope .vision-main{grid-row:auto}}

:scope .expertise-domain { background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: 1.5rem; padding: 1.5rem; position: relative; overflow: hidden; word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; transition: transform 0.35s var(--ease-out-expo), border-color 0.2s, box-shadow 0.25s, opacity 0.6s; transform: translateZ(0); opacity: 0; transform: translateY(30px); }
:scope .expertise-domain.revealed { opacity: 1; transform: translateY(0); }
:scope .expertise-domain[data-stagger="1"] { transition-delay: 0s; }
:scope .expertise-domain[data-stagger="2"] { transition-delay: 0.08s; }
:scope .expertise-domain[data-stagger="3"] { transition-delay: 0.16s; }
:scope .expertise-domain[data-stagger="4"] { transition-delay: 0.24s; }
:scope .expertise-domain:hover { transform: translateY(-4px); border-color: var(--tertiary-neon); box-shadow: 0 12px 32px rgba(57,255,20,0.15), 0 0 0 1px rgba(57,255,20,0.1); }
:scope .expertise-domain:active { transform: translateY(-2px) scale(0.99); transition: transform 0.1s var(--ease-out-quart); }
:scope .domain-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
:scope .domain-header h3 { font-family: 'Orbitron', monospace; color: var(--text-primary); font-size: 1.3rem; }
:scope .expertise-domain p { color: var(--text-secondary); line-height: 1.6; margin-bottom: 1rem; font-size: clamp(0.85rem,1.5vw,0.95rem); }
:scope .expertise-domain .tech-stack { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 1rem; }
:scope .tech-tag { background: rgba(0,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 20px; padding: 0.3rem 0.8rem; font-size: 0.8rem; color: var(--text-secondary); font-weight: 500; transition: transform 0.2s, background 0.2s, color 0.2s; }
:scope .tech-tag:hover { background: rgba(0,255,255,0.15); color: var(--text-primary); transform: translateY(-2px); }

:scope .value-card { background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: 1.5rem; padding: 2rem; transition: transform 0.35s var(--ease-out-expo), border-color 0.25s var(--ease-out-quart), box-shadow 0.35s var(--ease-out-expo), opacity 0.6s; text-align: center; position: relative; overflow: hidden; opacity: 0; transform: translateY(30px) scale(0.98); }
:scope .value-card.revealed { opacity: 1; transform: translateY(0) scale(1); }
:scope .value-card[data-stagger="1"] { transition-delay: 0s; }
:scope .value-card[data-stagger="2"] { transition-delay: 0.1s; }
:scope .value-card[data-stagger="3"] { transition-delay: 0.2s; }
:scope .value-card[data-stagger="4"] { transition-delay: 0.3s; }
:scope .value-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--primary-neon), var(--secondary-neon), var(--accent-neon)); transform: scaleX(0); transform-origin: left; transition: transform 0.4s var(--ease-out-expo); }
:scope .value-card:hover::after { transform: scaleX(1); }
:scope .value-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(255,107,0,0.12), 0 0 0 1px rgba(255,107,0,0.1); border-color: var(--accent-neon); }
:scope .value-card:active { transform: translateY(-3px) scale(0.99); transition: transform 0.1s var(--ease-out-quart); }
:scope .value-icon { margin-bottom: 1.5rem; }
:scope .value-card h3 { font-family: 'Orbitron', monospace; color: var(--text-primary); margin-bottom: 1rem; font-size: 1.3rem; }
:scope .value-card p { color: var(--text-secondary); line-height: 1.7; margin-bottom: 2rem; }
:scope .value-metrics { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; }
:scope .metric-value { font-family: 'Orbitron', monospace; font-size: 2rem; font-weight: 900; color: var(--accent-neon); text-shadow: 0 0 20px var(--accent-neon); }
:scope .metric-label { font-size: 0.9rem; color: var(--text-dim); text-transform: uppercase; letter-spacing: 1px; }

:scope .portfolio-item { background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: 1.5rem; padding: 2rem; transition: transform 0.35s var(--ease-out-expo), box-shadow 0.3s, border-color 0.25s, opacity 0.6s; position: relative; overflow: hidden; transform: translateZ(0); opacity: 0; transform: translateY(35px); }
:scope .portfolio-item.revealed { opacity: 1; transform: translateY(0); }
:scope .portfolio-item[data-stagger="1"] { transition-delay: 0s; }
:scope .portfolio-item[data-stagger="2"] { transition-delay: 0.12s; }
:scope .portfolio-item[data-stagger="3"] { transition-delay: 0.24s; }
:scope .portfolio-item[data-stagger="4"] { transition-delay: 0.36s; }
:scope .portfolio-item:active { transform: var(--active-scale); transition: var(--transition-fast); }
:scope .portfolio-item::before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(45deg, var(--primary-neon), var(--secondary-neon), var(--accent-neon), var(--primary-neon)); background-size: 300% 300%; border-radius: inherit; z-index: -1; opacity: 0; animation: fractional-gradientRotate 3s ease infinite; transition: opacity 0.5s ease; }
:scope .portfolio-item:hover::before { opacity: 1; }
:scope .portfolio-item:hover { transform: translateY(-6px) translateZ(0); box-shadow: 0 12px 28px rgba(0,0,0,0.3); border-color: var(--primary-neon); }
:scope .portfolio-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
:scope .portfolio-header h3 { font-family: 'Orbitron', monospace; color: var(--text-primary); font-size: 1.3rem; }
:scope .portfolio-item p { color: var(--text-secondary); line-height: 1.7; margin-bottom: 1.5rem; }
:scope .portfolio-metrics { display: flex; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
:scope .portfolio-metrics span { background: rgba(0,255,255,0.1); border: 1px solid var(--secondary-neon); border-radius: 1rem; padding: 0.3rem 0.8rem; font-size: 0.8rem; color: var(--secondary-neon); font-family: 'Fira Code', monospace; transition: all 0.2s var(--ease-out-expo); }
:scope .portfolio-metrics span:hover { background: rgba(0,255,255,0.2); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,255,255,0.2); }

:scope .timeline{position:relative;margin:clamp(2rem,4vw,4rem) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:clamp(2rem,4vw,3rem)}
@media(min-width:1200px){:scope .timeline{grid-template-columns:repeat(2,1fr)}}
:scope .timeline::before{display:none}
:scope .timeline-item{position:relative;display:block;animation:fractional-chronoSlideRotate 0.8s ease-out forwards;opacity:0;transform:translateY(50px) rotateX(15deg)}
:scope .timeline-item:nth-child(1){animation-delay:0.1s}:scope .timeline-item:nth-child(2){animation-delay:0.25s}:scope .timeline-item:nth-child(3){animation-delay:0.4s}:scope .timeline-item:nth-child(4){animation-delay:0.55s}
@keyframes fractional-chronoSlideRotate{0%{opacity:0;transform:translateY(50px) rotateX(15deg) scale(0.9)}60%{opacity:0.8;transform:translateY(-5px) rotateX(-2deg) scale(1.01)}100%{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}
:scope .timeline-content{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:1.5rem;padding:2rem;position:relative;transition:transform 0.3s var(--ease-out-expo),box-shadow 0.3s,border-color 0.25s;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.3);text-align:left;transform:translateZ(0)}
:scope .timeline-content::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,255,255,0.08) 2px,transparent 2px),radial-gradient(circle at 80% 80%,rgba(255,0,128,0.08) 2px,transparent 2px);background-size:50px 50px,40px 40px;border-radius:inherit;z-index:1;opacity:0;transition:opacity 0.5s;pointer-events:none}
:scope .timeline-content:hover::after{opacity:0.6}
:scope .timeline-content h3{font-family:'Orbitron',monospace;font-size:1.3rem;color:var(--text-primary);margin-bottom:1rem;position:relative;z-index:3}
:scope .timeline-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;position:relative;z-index:3}
:scope .timeline-header{position:relative;z-index:3}
:scope .timeline-content::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(0,255,255,0.06) 50%,transparent 70%);border-radius:inherit;z-index:-1;opacity:0;transition:opacity 0.5s}
:scope .timeline-content:hover::before{opacity:0.7}
:scope .timeline-content:hover{transform:translateY(-6px) translateZ(0);box-shadow:0 16px 32px rgba(0,0,0,0.35);border-color:var(--primary-neon)}
:scope .timeline-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
:scope .timeline-year{background:rgba(0,255,255,0.1);border:1px solid var(--secondary-neon);border-radius:20px;padding:0.3rem 0.8rem;font-size:0.8rem;color:var(--secondary-neon);font-family:'Fira Code',monospace;font-weight:500;transition:transform 0.2s,background 0.2s,color 0.2s}
:scope .timeline-year:hover{background:rgba(0,255,255,0.2);color:var(--text-primary);transform:translateY(-2px)}

:scope .contact-section{background:linear-gradient(135deg,rgba(255,0,128,0.1),rgba(0,255,255,0.1));padding:clamp(3rem,6vw,4rem) 2rem;text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center}
@media(min-width:1024px){:scope .contact-section .container{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,5rem);align-items:center;max-width:1400px}:scope .contact-left{display:flex;flex-direction:column;align-items:flex-start;text-align:left}:scope .contact-right{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:2rem;background:rgba(0,20,0,0.15);border-radius:1.5rem;border:1px solid rgba(0,255,65,0.2)}:scope .contact-right::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,0.03) 2px,rgba(0,255,65,0.03) 4px);border-radius:inherit;z-index:-1}:scope .contact-right::after{content:'';position:absolute;top:1rem;right:1rem;width:10px;height:10px;background:var(--tertiary-neon);border-radius:50%;box-shadow:0 0 8px var(--tertiary-neon);animation:fractional-aiPulse 3s ease-in-out infinite}}
@keyframes fractional-aiPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.3;transform:scale(1.5)}}
:scope .contact-title{font-family:'Orbitron',monospace;font-size:clamp(1.8rem,4vw,2.5rem);color:var(--primary-neon);margin-bottom:0.8rem}
:scope .contact-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-secondary);margin-bottom:clamp(2rem,4vw,3rem);font-style:italic}
:scope .contact-methods{display:flex;justify-content:center;gap:clamp(1rem,3vw,1.5rem);margin:clamp(1.5rem,3vw,2rem) 0;flex-wrap:wrap}
:scope .contact-method{display:flex;align-items:center;gap:.8rem;background:rgba(255,255,255,.05);padding:clamp(.8rem,2vw,1rem) clamp(1.2rem,3vw,1.5rem);border-radius:1rem;border:1px solid rgba(255,255,255,.1);text-decoration:none;color:var(--text-primary);transition:transform .25s var(--ease-out-expo),box-shadow .25s,border-color .2s;min-width:clamp(140px,20vw,160px);justify-content:center;position:relative;overflow:hidden;transform:translateZ(0)}
:scope .contact-method::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}
:scope .contact-method:hover::before{left:100%}
:scope .contact-method:hover{transform:translateY(-4px) translateZ(0);box-shadow:0 8px 24px rgba(255,0,128,.2);border-color:var(--primary-neon);background:rgba(255,255,255,.08)}
:scope .contact-method:active{transform:var(--active-scale);transition:var(--transition-fast)}
:scope .contact-method:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,255,255,.4);border-radius:1rem}
:scope .contact-method i{font-size:clamp(1.2rem,2.5vw,1.5rem)}
:scope .contact-method h4{font-size:clamp(.9rem,1.8vw,1rem);margin-bottom:.2rem}
:scope .contact-method p{font-size:clamp(.8rem,1.5vw,.9rem);font-family:'Fira Code',monospace}
:scope .contact-cta { margin-top: clamp(1.5rem,3vw,2rem); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
:scope .contact-cta p { font-size: clamp(1rem,2vw,1.2rem); color: var(--text-accent); margin-bottom: clamp(1rem,2vw,1.5rem); font-style: italic; }

:scope .white-rabbit-dos { margin: clamp(2rem,4vw,3rem) auto clamp(1.5rem,3vw,2rem); text-align: center; max-width: clamp(400px,60vw,500px); position: relative; }
:scope .rabbit-container { position: relative; background: rgba(0,20,0,0.8); border: 2px solid #00ff41; border-radius: 12px; padding: clamp(1rem,2vw,1.5rem); box-shadow: 0 0 15px rgba(0,255,65,0.4), inset 0 0 15px rgba(0,255,65,0.08); animation: dosTerminalGlow 6s ease-in-out infinite; will-change: box-shadow; transform: translateZ(0); overflow: hidden; }
:scope .rabbit-container::before{content:'';position:absolute;top:-100%;left:0;right:0;height:200%;background:repeating-linear-gradient(0deg,transparent 0%,rgba(0,255,65,0.1) 1px,transparent 2px,transparent 8px);z-index:-1;animation:fractional-matrixRain 4s linear infinite;opacity:0.3}
@keyframes fractional-matrixRain{0%{transform:translateY(0)}100%{transform:translateY(50px)}}
:scope .rabbit-container::after{content:'';position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px solid rgba(0,255,65,0.2);border-radius:8px;background:linear-gradient(45deg,transparent 40%,rgba(0,255,65,0.05) 50%,transparent 60%);animation:fractional-aiScan 3s ease-in-out infinite;z-index:1;pointer-events:none}
@keyframes fractional-aiScan{0%,100%{opacity:0.2}50%{opacity:0.6}}
:scope .rabbit-ascii{font-family:'Fira Code',monospace;font-size:clamp(0.5rem,1vw,0.7rem);color:#00ff41;text-shadow:0 0 6px #00ff41,0 0 12px #00ff41;margin:0 0 clamp(0.8rem,1.5vw,1rem) 0;line-height:1.1;white-space:pre;animation:dosTextFlicker 3s ease-in-out infinite;position:relative;z-index:2}
:scope .rabbit-message{font-family:'Orbitron',monospace;font-size:clamp(1rem,2.5vw,1.5rem);color:#ff0080;text-shadow:0 0 8px #ff0080,0 0 16px #ff0080;font-weight:900;margin-bottom:clamp(0.8rem,1.5vw,1rem);letter-spacing:clamp(1px,0.3vw,2px);animation:dosTextGlow 4s ease-in-out infinite;text-transform:uppercase;display:inline-block;z-index:2}
:scope .rabbit-code{font-family:'Fira Code',monospace;font-size:clamp(0.7rem,1.2vw,0.9rem);color:#00ffff;text-shadow:0 0 4px #00ffff,0 0 8px #00ffff;background:rgba(0,255,255,0.1);border:1px solid rgba(0,255,255,0.3);border-radius:6px;padding:clamp(0.3rem,0.8vw,0.4rem) clamp(0.6rem,1.2vw,0.8rem);display:inline-block;animation:dosCodeBlink 2s ease-in-out infinite;z-index:2}
@keyframes fractional-rotate{0%{transform:fractional-rotate(0deg)}100%{transform:fractional-rotate(360deg)}}
@keyframes fractional-gradientRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
:scope .hidden{display:none!important}

@media (max-width:768px){
    :scope .site-header{top:0.75rem;right:0.75rem;left:auto!important;z-index:10001!important}:scope .header-logo{padding:0.5rem;gap:0}:scope .header-logo-text{display:none}
    :scope .lang-toggle{top:0.75rem;left:0.75rem;right:auto!important;z-index:10001!important}:scope .lang-btn{padding:0.5rem 0.75rem;font-size:0.7rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
    :scope .nav-menu{right:0.5rem;gap:0.4rem;padding:0.4rem;top:3rem;transform:none;z-index:10000!important}:scope .nav-item{width:40px;height:40px;font-size:0.9rem}:scope .nav-item::before{right:48px;font-size:0.65rem}
    :scope .hero{padding:5vh 5vw!important;min-height:100dvh!important;justify-content:center!important}
    :scope .logo{font-size:clamp(1.6rem,6vw,2.2rem);margin-bottom:0.5rem;white-space:normal}
    :scope .hero-badge{font-size:0.65rem;padding:0.3rem 0.6rem;margin-bottom:0.4rem}
    :scope .hero-subtitle{font-size:0.8rem;margin-bottom:0.5rem;padding:0.4rem 0.8rem;letter-spacing:0.06em}
    :scope .hero-description{font-size:0.75rem;margin-bottom:0.6rem;padding:0.4rem 0.8rem;line-height:1.5}
    :scope .cta-container{flex-direction:column;gap:0.6rem;margin-top:0.6rem;width:100%;padding:0 1rem;box-sizing:border-box}
    :scope .cta-primary,:scope .cta-secondary{min-width:auto;width:100%;max-width:280px;padding:0.65rem 1.2rem;font-size:0.8rem;margin:0 auto}
    :scope .dos-terminal{width:95%;padding:1rem;font-size:0.7rem}:scope .dos-line{font-size:0.7rem;margin:0.5rem 0;padding:0.25rem 0.5rem}
    :scope .expertise-grid,:scope .value-grid,:scope .portfolio-grid{grid-template-columns:1fr;gap:1.5rem}
    :scope .timeline{grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}:scope .timeline-content{padding:1.5rem}:scope .timeline-header{flex-direction:column;gap:0.5rem;margin-bottom:1rem}:scope .timeline-year{order:-1;font-size:0.7rem}
    :scope .contact-section{min-height:100vh;padding:2rem 1rem}
    :scope .contact-section .container{display:flex!important;flex-direction:column!important;gap:clamp(1rem,2vw,1.5rem)!important}
    :scope .contact-left,:scope .contact-right{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
    :scope .contact-title,:scope .contact-subtitle{text-align:center!important}
    :scope .contact-methods{flex-direction:column;align-items:center;gap:clamp(0.8rem,2vw,1rem);margin:clamp(1rem,2vw,1.5rem) 0}
    :scope .contact-method{padding:0.6rem 1rem;font-size:0.85rem;min-width:200px;width:100%;max-width:280px;justify-content:center!important}
    :scope .contact-cta{align-items:center!important;text-align:center!important;margin-top:1rem}
    :scope .contact-cta p{text-align:center!important}
    :scope .white-rabbit-dos{margin:1rem auto;max-width:90vw}
    :scope .rabbit-container{padding:0.8rem}
    :scope section{padding:clamp(3rem,8vw,5rem) 0!important}
    :scope .contact-section{padding:clamp(4rem,8vw,6rem) clamp(1rem,3vw,1.5rem)!important}
    :scope .container{padding:0 clamp(1rem,3vw,1.5rem)}
    :scope .vision-grid{grid-template-columns:1fr}
}

:scope #matrix-canvas{opacity:.35!important;filter:blur(.2px) contrast(1.3) brightness(1.1)!important;transform:translateZ(0)!important}
:scope .crt-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;pointer-events:none!important;z-index:-2!important;overflow:hidden!important;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,transparent 1px,transparent 3px);opacity:.1!important;will-change:auto}
@media(max-width:768px){:scope{min-height:100vh;min-height:100dvh;--section-gap:clamp(3.5rem,8vw,5rem);--block-gap:clamp(2rem,4vw,3rem);--scroll-offset:70px;--section-header-mb:clamp(1.5rem,3vw,2rem)}:scope .nav-item{width:45px;height:45px;font-size:1.1rem}:scope .nav-item::before{right:55px;font-size:.8rem;padding:.4rem .8rem}:scope .expertise-grid,:scope .portfolio-grid{grid-template-columns:1fr;gap:1.5rem}:scope .section-title{font-size:clamp(1.5rem,4vw,2rem)}:scope .vision-grid{grid-template-columns:1fr;gap:1.5rem}}
@media(prefers-reduced-motion:reduce){:scope *,:scope *::before,:scope *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:scope #matrix-canvas,:scope .crt-overlay,:scope .particle-trail-system,:scope .dimension-portal{display:none!important}:scope .preloader{display:none!important}:scope .glass-card:hover,:scope .nav-item:hover,:scope .cta-primary:hover,:scope .cta-secondary:hover{transform:none!important}}
@media(prefers-contrast:high){:scope{--primary-neon:#fff;--secondary-neon:#fff;--text-primary:#fff;--text-secondary:#ccc}}
:scope *:focus{outline:none}
:scope *:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,255,255,.3);border-radius:inherit}

/* PORTAL AND PARTICLES EXACTLY AS BEFORE */
:scope .logo-portal-row{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,3vw,2rem);width:100%;position:relative}
:scope .particle-trail-system{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:100;overflow:visible}
:scope .flying-particle{position:fixed;width:4px;height:4px;border-radius:50%;opacity:0;pointer-events:none;will-change:transform,opacity;z-index:10001}
:scope .flying-particle::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:inherit;filter:blur(4px);opacity:0.6}
:scope .flying-particle::after{content:'';position:absolute;inset:-8px;border-radius:50%;background:inherit;filter:blur(8px);opacity:0.3}
    
:scope .dimension-portal{position:relative;width:clamp(70px,10vw,90px);height:clamp(70px,10vw,90px);flex-shrink:0;z-index:10000}
:scope .portal-core{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:fractional-portalAbsorb 4s ease-in-out infinite}
:scope .portal-ring{position:absolute;border-radius:50%;border:2px solid;animation:fractional-portalRotate 6s linear infinite}
:scope .portal-ring-outer{width:100%;height:100%;border:2px solid rgba(255,0,128,.6);animation-duration:10s;box-shadow:0 0 15px rgba(255,0,128,.4),0 0 30px rgba(255,0,128,.2),inset 0 0 15px rgba(255,0,128,.2)}
:scope .portal-ring-middle{width:70%;height:70%;border:1.5px solid rgba(0,255,255,.7);animation-duration:7s;animation-direction:reverse;box-shadow:0 0 12px rgba(0,255,255,.5),0 0 25px rgba(0,255,255,.25),inset 0 0 12px rgba(0,255,255,.3)}
:scope .portal-ring-inner{width:42%;height:42%;border:1.5px solid rgba(255,107,0,.8);animation-duration:5s;box-shadow:0 0 10px rgba(255,107,0,.6),0 0 20px rgba(255,107,0,.3),inset 0 0 8px rgba(255,107,0,.4)}
:scope .portal-event-horizon{width:30%;height:30%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,rgba(0,255,255,.25) 20%,rgba(255,0,128,.35) 40%,rgba(255,107,0,.25) 60%,rgba(0,0,0,.95) 100%);border-radius:50%;animation:fractional-eventHorizonPulse 2.5s ease-in-out infinite alternate,fractional-coreBreath 3s ease-in-out infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px rgba(0,0,0,.8)}
:scope .portal-singularity{width:18%;height:18%;background:radial-gradient(circle,rgba(0,0,0,1) 0%,rgba(5,0,10,1) 40%,rgba(40,0,80,.9) 70%,rgba(255,0,128,.2) 90%,rgba(255,255,255,.1) 100%);border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,1),0 0 40px rgba(0,0,0,.9),inset 0 0 6px rgba(255,255,255,.4),0 0 60px rgba(255,0,128,.35),0 0 100px rgba(0,255,255,.2);animation:fractional-singularityPulse 1.5s ease-in-out infinite alternate,fractional-portalSuction 6s ease-in-out infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
:scope .portal-energy-field{position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;background:radial-gradient(circle at center,transparent 35%,rgba(0,255,255,.04) 50%,rgba(255,0,128,.06) 70%,rgba(255,107,0,.03) 85%,transparent 100%);border-radius:50%;animation:fractional-energyFieldFlicker 5s ease-in-out infinite;filter:blur(2px)}
:scope .vortex-particles{position:absolute;top:50%;left:50%;width:85%;height:85%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,rgba(255,0,128,.7) 0deg,rgba(0,255,255,.5) 30deg,transparent 60deg,rgba(255,107,0,.5) 90deg,transparent 120deg,rgba(0,255,255,.5) 150deg,transparent 180deg,rgba(255,0,128,.6) 210deg,transparent 240deg,rgba(255,107,0,.4) 270deg,transparent 300deg,rgba(0,255,255,.5) 330deg,rgba(255,0,128,.7) 360deg);border-radius:50%;animation:fractional-spiralVortex 3s linear infinite;mask:radial-gradient(circle,transparent 20%,black 35%,black 65%,transparent 85%);-webkit-mask:radial-gradient(circle,transparent 20%,black 35%,black 65%,transparent 85%);filter:blur(0.8px);opacity:0.9}
@keyframes fractional-portalRotate{0%{transform:fractional-rotate(0deg)}100%{transform:fractional-rotate(360deg)}}
@keyframes fractional-eventHorizonPulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 15px rgba(0,255,255,.3)}100%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 25px rgba(255,0,128,.5)}}
@keyframes fractional-singularityPulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 15px rgba(0,0,0,1),inset 0 0 8px rgba(255,255,255,.4)}100%{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 25px rgba(0,0,0,1),inset 0 0 15px rgba(255,255,255,.7)}}
@keyframes fractional-energyFieldFlicker{0%,100%{opacity:.3}50%{opacity:.7}}
@keyframes fractional-portalSuction{0%,100%{box-shadow:0 0 15px rgba(0,0,0,1),inset 0 0 8px rgba(255,255,255,.4),0 0 50px rgba(255,0,128,.3),0 0 80px rgba(0,255,255,.2)}25%{box-shadow:0 0 25px rgba(0,0,0,1),inset 0 0 15px rgba(255,255,255,.6),0 0 70px rgba(255,0,128,.5),0 0 120px rgba(0,255,255,.4)}50%{box-shadow:0 0 35px rgba(0,0,0,1),inset 0 0 20px rgba(255,255,255,.8),0 0 90px rgba(255,0,128,.7),0 0 150px rgba(0,255,255,.6)}75%{box-shadow:0 0 25px rgba(0,0,0,1),inset 0 0 15px rgba(255,255,255,.6),0 0 70px rgba(255,0,128,.5),0 0 120px rgba(0,255,255,.4)}}
@keyframes fractional-portalAbsorb{0%,100%{filter:brightness(1) drop-shadow(0 0 5px rgba(255,0,128,.3))}50%{filter:brightness(1.15) drop-shadow(0 0 12px rgba(0,255,255,.5))}}
@keyframes fractional-coreBreath{0%,100%{transform:translate(-50%,-50%) scale(1)}35%{transform:translate(-50%,-50%) scale(0.92)}70%{transform:translate(-50%,-50%) scale(1.05)}}
@keyframes fractional-spiralVortex{0%{transform:translate(-50%,-50%) fractional-rotate(0deg) scale(1)}100%{transform:translate(-50%,-50%) fractional-rotate(360deg) scale(1)}}
:scope .dimension-portal:hover .flying-particle{animation-duration:3s}
:scope .dimension-portal:hover .portal-ring{animation-duration:1s}
:scope .dimension-portal:hover .portal-singularity{animation-duration:.8s;box-shadow:0 0 40px rgba(0,0,0,1),inset 0 0 30px rgba(255,255,255,.8);}
    
@media (max-width: 768px) {
:scope .logo-container{flex-direction:column;gap:0.75rem;margin-bottom:1rem}
:scope .logo-portal-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0.75rem;flex-wrap:nowrap}
:scope .logo{font-size:clamp(1.8rem,7vw,2.5rem);max-width:none;line-height:1.1;text-align:right;display:flex;flex-direction:column;align-items:flex-end}
:scope .logo-line{display:block}
:scope .dimension-portal{width:clamp(55px,15vw,75px);height:clamp(55px,15vw,75px);flex-shrink:0}
:scope .portal-ring-outer{width:100%;height:100%}
:scope .portal-ring-middle{width:70%;height:70%}
:scope .portal-ring-inner{width:42%;height:42%}
:scope .portal-event-horizon{width:30%;height:30%}
:scope .portal-singularity{width:18%;height:18%}
:scope .vortex-particles{width:85%;height:85%}
:scope .flying-particle{width:4px;height:4px}
}

/* CROSS-LINKING BADGE */
:scope .agency-link-wrapper {
    position: fixed;
    top: 1.25rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10001;
    display: flex;
    justify-content: center;
}
:scope .agency-badge {
    background: rgba(0, 255, 255, 0.08);
    border: 1px solid rgba(0, 255, 255, 0.25);
    padding: 0.4rem 1.2rem;
    border-radius: 2rem;
    color: var(--secondary-neon);
    font-family: 'Orbitron', monospace;
    font-size: 0.75rem;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}
:scope .agency-badge:hover {
    background: rgba(0, 255, 255, 0.15);
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);
    color: #fff;
    transform: translateY(-2px);
}
@media (max-width: 768px) {
    :scope .agency-link-wrapper { top: auto; bottom: 1.25rem; }
    :scope .agency-badge { font-size: 0.65rem; padding: 0.3rem 1rem; }
}

@media (hover:none) and (pointer:coarse){:scope .expertise-domain:hover,:scope .portfolio-item:hover,:scope .value-card:hover,:scope .contact-method:hover{transform:none}:scope .expertise-domain:active,:scope .portfolio-item:active,:scope .value-card:active,:scope .contact-method:active{transform:scale(.98);transition:transform .1s ease}:scope .nav-item{width:48px;height:48px;min-width:48px;min-height:48px}:scope .cta-primary,:scope .cta-secondary{min-height:48px;padding:1rem 2rem}:scope .lang-btn{min-width:44px;min-height:44px}:scope .expertise-domain::after,:scope .portfolio-item::before,:scope .contact-method::before{display:none}}
@media (max-height:500px) and (orientation:landscape){:scope .hero{min-height:auto;padding:2rem 1rem}:scope .logo{font-size:1.8rem}:scope .dimension-portal{width:60px;height:60px}}
    
:scope .site-footer{background:linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(10,10,20,.95) 100%);border-top:1px solid rgba(255,0,128,.2);padding:clamp(2rem,5vw,3rem) clamp(1rem,3vw,2rem) clamp(1.5rem,3vw,2rem);margin-top:clamp(2rem,4vw,4rem)}
:scope .footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 2fr 1fr;gap:clamp(1.5rem,3vw,2.5rem);align-items:start;padding:0 clamp(0.5rem,2vw,1rem)}
:scope .footer-brand{display:flex;flex-direction:column;gap:0.6rem}
:scope .footer-logo{display:flex;align-items:center;gap:.6rem;font-family:'Orbitron',monospace;font-size:clamp(0.9rem,2vw,1.1rem);font-weight:700;color:var(--text-primary);text-decoration:none;transition:opacity .2s}
:scope .footer-logo:hover{opacity:.8}
:scope .footer-tagline{color:var(--text-dim);font-size:clamp(0.65rem,1.5vw,0.8rem);letter-spacing:.1em;line-height:1.4}
:scope .footer-nav{display:flex;gap:clamp(1.5rem,3vw,3rem);flex-wrap:wrap}
:scope .footer-col{display:flex;flex-direction:column;gap:0.5rem}
:scope .footer-col h4{color:var(--text-secondary);font-size:clamp(0.65rem,1.4vw,0.75rem);text-transform:uppercase;letter-spacing:.1em;margin-bottom:0.4rem}
:scope .footer-col a{color:var(--text-dim);text-decoration:none;font-size:clamp(0.75rem,1.6vw,0.85rem);transition:color .2s;line-height:1.6}
:scope .footer-col a:hover{color:var(--primary-neon)}
:scope .footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}
:scope .footer-tg{display:flex;align-items:center;gap:.5rem;color:var(--secondary-neon);text-decoration:none;font-size:clamp(0.8rem,1.8vw,0.9rem);transition:opacity .2s}
:scope .footer-tg:hover{opacity:.8}
:scope .footer-bottom{max-width:1200px;margin:clamp(1.5rem,3vw,2rem) auto 0;padding:clamp(1rem,2vw,1.5rem) clamp(0.5rem,2vw,1rem) 0;border-top:1px solid rgba(255,255,255,.08);text-align:center;display:flex;flex-direction:column;gap:0.4rem}
:scope .footer-copy{color:var(--text-dim);font-size:clamp(0.65rem,1.4vw,0.75rem)}
:scope .footer-privacy{color:var(--text-dim);font-size:clamp(0.6rem,1.2vw,0.7rem);opacity:.8}
:scope .footer-privacy a{color:var(--secondary-neon);text-decoration:none;transition:opacity .2s}
:scope .footer-privacy a:hover{opacity:.7}
@media (max-width:768px){:scope .site-footer{padding:1.5rem 1rem 1.25rem;margin-top:2rem}:scope .footer-content{grid-template-columns:1fr;text-align:center;gap:1.25rem;padding:0}:scope .footer-brand{align-items:center}:scope .footer-nav{justify-content:center;flex-wrap:wrap;gap:1.25rem 2rem}:scope .footer-col{gap:0.4rem;align-items:center}:scope .footer-col h4{margin-bottom:0.3rem}:scope .footer-col a{line-height:1.8}:scope .footer-contact{align-items:center;margin-top:0.25rem}:scope .footer-bottom{margin-top:1rem;padding-top:1rem}}

:scope::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.012;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
:scope .expertise-grid,:scope .manifesto-grid,:scope .portfolio-grid,:scope .value-grid{perspective:1200px}
:scope .glass-card,:scope .expertise-domain,:scope .manifesto-item,:scope .value-card,:scope .portfolio-item{transform-style:preserve-3d;backface-visibility:hidden;transition:transform .5s var(--ease-out-expo),box-shadow .5s var(--ease-out-expo)}
:scope .glass-card:hover,:scope .expertise-domain:hover,:scope .manifesto-item:hover,:scope .value-card:hover,:scope .portfolio-item:hover{transform:translateY(-10px) rotateX(2deg) scale(1.01);box-shadow:0 25px 50px rgba(0,0,0,.35),0 0 30px rgba(255,0,128,.12)}
:scope [data-stagger]{opacity:0;transform:translateY(30px)}
:scope [data-stagger].revealed{opacity:1;transform:translateY(0);transition:all .6s var(--ease-out-expo)}
:scope [data-stagger="1"].revealed{transition-delay:.1s}:scope [data-stagger="2"].revealed{transition-delay:.15s}:scope [data-stagger="3"].revealed{transition-delay:.2s}:scope [data-stagger="4"].revealed{transition-delay:.25s}

:scope .logo,:scope .section-title{background:linear-gradient(135deg,var(--primary-neon),var(--secondary-neon),var(--tertiary-neon),var(--primary-neon));background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:gradientFlow 8s ease infinite}
@keyframes fractional-glowPulse{0%,100%{box-shadow:0 0 20px rgba(255,0,128,.3)}50%{box-shadow:0 0 35px rgba(255,0,128,.5)}}
:scope .cta-primary:hover{animation:fractional-glowPulse 2s ease infinite}
@keyframes fractional-dotPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,0,128,.4)}50%{box-shadow:0 0 0 8px transparent}}
:scope .timeline-dot{animation:fractional-dotPulse 2s ease infinite}
:scope .scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--primary-neon),var(--secondary-neon));z-index:99999;transform-origin:left}

:scope .nav-item::after{content:attr(data-tooltip);position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);background:rgba(10,10,15,.95);color:var(--text-primary);padding:0.4rem 0.8rem;border-radius:0.4rem;font-size:0.7rem;font-family:'Orbitron',monospace;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;border:1px solid rgba(255,0,128,.3);box-shadow:0 4px 16px rgba(0,0,0,.4)}
:scope .nav-item:hover::after{opacity:1;transform:translateY(-50%) translateX(-4px)}
@media(max-width:768px){:scope .nav-item::after{right:auto;left:calc(100% + 8px)}}

}