.hero{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero-gradient-mesh{position:absolute;inset:0;background:var(--gradient-mesh);opacity:.8}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--card-bg) 1px,transparent 1px),linear-gradient(90deg,var(--card-bg) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(40px);will-change:transform;animation:float 20s ease-in-out infinite}.hero-orb-1{width:600px;height:600px;background:var(--color-accent);opacity:.15;top:-200px;right:-100px;animation-delay:0s}.hero-orb-2{width:400px;height:400px;background:var(--color-cyan);opacity:.1;bottom:-100px;left:-100px;animation-delay:-5s}.hero-orb-3{width:300px;height:300px;background:var(--color-emerald);opacity:.08;top:40%;left:60%;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-20px) scale(1.02)}}.hero-content{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding:clamp(48px,10vh,15vh) var(--space-xl)}.hero-content.visible{opacity:1}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#hero-alerts{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;justify-content:center;padding:24px clamp(16px,4vw,48px);background:#02040cf7;overflow-y:auto;transition:opacity 1.5s cubic-bezier(.16,1,.3,1),filter 1.5s cubic-bezier(.16,1,.3,1),transform 1.5s cubic-bezier(.16,1,.3,1)}#hero-alerts:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}#hero-alerts:after{content:"";position:fixed;top:50%;left:50%;width:120%;height:120%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(var(--color-success-rgb),.08) 0%,rgba(var(--color-success-rgb),.03) 30%,transparent 70%);pointer-events:none;z-index:0;transition:background 1.5s ease}#hero-alerts.severity-warning:after{background:radial-gradient(ellipse at center,rgba(var(--color-warning-rgb),.1) 0%,rgba(var(--color-warning-rgb),.04) 30%,transparent 70%)}#hero-alerts.severity-critical:after{background:radial-gradient(ellipse at center,rgba(var(--color-red-rgb),.12) 0%,rgba(var(--color-red-rgb),.05) 30%,transparent 70%)}.project-dashboard{position:relative;display:flex;flex-direction:column;max-width:860px;margin:0 auto;width:100%;z-index:1}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:var(--space-md) 0;border-bottom:1px solid rgba(255,255,255,.06)}.dashboard-title{display:flex;align-items:center;gap:12px}.dashboard-day-counter{display:flex;align-items:baseline;justify-content:center;gap:4px;font-family:var(--font-mono);margin-bottom:8px}.day-counter-label{font-size:10px;font-weight:600;letter-spacing:.1em;color:#ffffff59;margin-right:4px}.day-counter-current{font-size:16px;font-weight:700;color:#ffffffe6;min-width:20px;text-align:right}.day-counter-sep{font-size:12px;color:#ffffff26}.day-counter-total{font-size:12px;font-weight:500;color:#ffffff40}.status-indicator{width:12px;height:12px;border-radius:50%;transition:all .4s ease}.status-indicator[data-status=healthy]{background:var(--color-success);box-shadow:0 0 12px rgba(var(--color-success-rgb),.6)}.status-indicator[data-status=warning]{background:var(--color-warning);box-shadow:0 0 12px rgba(var(--color-warning-rgb),.6);animation:pulse-warning 1.5s ease-in-out infinite}.status-indicator[data-status=critical]{background:var(--color-critical);box-shadow:0 0 12px rgba(var(--color-red-rgb),.8);animation:pulse-critical 1s ease-in-out infinite}.dashboard-title-text{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffffe6}.dashboard-status{display:flex;align-items:center;gap:8px}.status-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}.status-text{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:4px;transition:all .4s ease;min-width:90px;text-align:center}.status-text[data-status=healthy]{background:rgba(var(--color-success-rgb),.2);color:var(--color-success)}.status-text[data-status=warning]{background:rgba(var(--color-warning-rgb),.2);color:var(--color-warning)}.status-text[data-status=critical]{background:rgba(var(--color-red-rgb),.2);color:var(--color-critical)}.dashboard-timeline{margin-bottom:20px;padding:12px 0 8px;opacity:0;animation:timeline-fadein .8s ease .3s forwards}@keyframes timeline-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.timeline-viewport{position:relative;height:84px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 6%,black 14%,black 86%,rgba(0,0,0,.4) 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.4) 6%,black 14%,black 86%,rgba(0,0,0,.4) 94%,transparent 100%)}.timeline-strip{position:absolute;top:0;left:0;height:100%;transition:transform .35s cubic-bezier(.25,1,.5,1)}.timeline-month{position:absolute;top:0;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;white-space:nowrap;user-select:none}.timeline-day-col{position:absolute;top:18px;bottom:0;display:flex;flex-direction:column;align-items:center}.timeline-day-num{font-size:11px;font-weight:500;font-family:var(--font-mono);color:#fff3;line-height:1;user-select:none;transition:color .15s ease,font-weight .15s ease}.timeline-day-col.timeline-day-weekend .timeline-day-num{color:#ffffff14}.timeline-day-tick{width:1px;flex:1;margin-top:5px;background:var(--card-bg-hover)}.timeline-day-col.timeline-day-monday .timeline-day-tick{background:#ffffff1a}.timeline-ms{position:absolute;bottom:8px;display:flex;align-items:center;gap:5px;transform:translate(-5px);z-index:3;transition:left .2s ease-out}.timeline-ms-diamond{width:10px;height:10px;min-width:10px;transform:rotate(45deg);background:#ffffff59;border:1px solid rgba(255,255,255,.15);transition:background .4s ease,box-shadow .4s ease,border-color .4s ease}.timeline-ms-label{font-size:10px;font-weight:600;letter-spacing:.03em;color:#fff6;white-space:nowrap;transition:color .4s ease}.timeline-ms.upcoming .timeline-ms-diamond{background:#ffffff80;border-color:#ffffff40}.timeline-ms.upcoming .timeline-ms-label{color:#ffffff80}.timeline-ms.delayed .timeline-ms-diamond{background:var(--color-warning);border-color:var(--color-warning);box-shadow:0 0 8px rgba(var(--color-warning-rgb),.4)}.timeline-ms.delayed .timeline-ms-label{color:var(--color-warning)}.timeline-ms.past .timeline-ms-diamond{background:#ffffff14;border-color:var(--card-bg-hover)}.timeline-ms.past .timeline-ms-label{color:#ffffff1a}.timeline-ms.failed .timeline-ms-diamond{background:var(--color-critical);border-color:var(--color-critical);box-shadow:0 0 10px rgba(var(--color-red-rgb),.5)}.timeline-ms.failed .timeline-ms-label{color:var(--color-critical);text-decoration:line-through}.metric-card-featured{margin-bottom:16px}.metric-card-featured .metric-chart{height:100px}.metric-card-featured .metric-value{font-size:clamp(24px,5vw,36px)}.dashboard-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.metric-card{position:relative;padding:16px;background:var(--card-bg);border:1px solid rgba(255,255,255,.06);border-radius:10px;backdrop-filter:blur(12px);box-shadow:0 4px 24px #0000004d,inset 0 1px 0 var(--card-bg-hover);transition:all .5s ease;z-index:1}.metric-card[data-severity=success]{border-color:#ffffff0f}.metric-card[data-severity=warning]{border-color:rgba(var(--color-warning-rgb),.35);background:rgba(var(--color-warning-rgb),.04);box-shadow:0 4px 24px #0000004d,0 0 20px rgba(var(--color-warning-rgb),.06),inset 0 1px rgba(var(--color-warning-rgb),.08)}.metric-card[data-severity=critical]{border-color:rgba(var(--color-red-rgb),.45);background:rgba(var(--color-red-rgb),.06);box-shadow:0 4px 24px #0000004d,0 0 24px rgba(var(--color-red-rgb),.08),inset 0 1px rgba(var(--color-red-rgb),.1)}.metric-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.metric-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}.metric-value{font-size:clamp(20px,4vw,28px);font-weight:600;font-family:var(--font-mono);color:#fffffff2;transition:color .4s ease}.metric-card[data-severity=critical] .metric-value{color:var(--color-critical)}.metric-chart{position:relative;height:60px;margin:4px 0}.metric-chart svg{width:100%;height:100%;display:block;overflow:visible;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 15%);mask-image:linear-gradient(90deg,transparent 0%,black 15%)}.metric-chart-glow{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.6}.metric-chart-baseline{stroke:#ffffff26;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.metric-chart-line{fill:none;stroke:var(--color-success);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .4s ease}.metric-chart-area{transition:fill .4s ease}.metric-card[data-severity=warning] .metric-chart-line{stroke:var(--color-warning)}.metric-card[data-severity=critical] .metric-chart-line{stroke:var(--color-critical)}.metric-chart-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 6px 2px var(--color-success);transform:translate(-50%,-50%);animation:dot-pulse 1.5s ease-in-out infinite;pointer-events:none}.metric-card[data-severity=warning] .metric-chart-dot{background:var(--color-warning);box-shadow:0 0 6px 2px var(--color-warning)}.metric-card[data-severity=critical] .metric-chart-dot{background:var(--color-critical);box-shadow:0 0 8px 3px var(--color-critical)}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.metric-status{font-size:12px;color:#fff9;transition:color .4s ease}.metric-card[data-severity=critical] .metric-status{color:var(--color-critical);font-weight:500}.metric-card.micro-shake{animation:card-tremor .5s cubic-bezier(.36,.07,.19,.97)}@keyframes card-tremor{0%,to{transform:translate(0)}20%{transform:translate(-1px)}40%{transform:translate(1px)}60%{transform:translate(-.5px)}80%{transform:translate(.5px)}}.metric-card.shutdown{opacity:.15!important;filter:saturate(0) brightness(.4);transform:scale(.98)!important;transition:opacity .6s ease,filter .6s ease,transform .6s ease!important}.project-dashboard.system-failure{animation:system-shudder 1.2s cubic-bezier(.36,.07,.19,.97)}@keyframes system-shudder{0%{transform:translate(0);opacity:1}8%{transform:translate(-1.5px)}16%{transform:translate(1px,.5px)}24%{transform:translate(-1px,-.5px)}32%{transform:translate(.5px);opacity:.97}48%{transform:translate(-.5px,.5px)}64%{transform:translate(.5px)}80%{transform:translate(0);opacity:1}to{transform:translate(0)}}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-critical{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.hero-skip-btn{display:flex;align-items:center;justify-content:center;gap:6px;position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:10;padding:10px 18px;font-size:13px;font-weight:500;color:#fff9;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;backdrop-filter:blur(16px);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s ease,background .2s ease,color .2s ease;font-family:inherit}.hero-skip-btn.visible{opacity:1;pointer-events:auto}.hero-skip-btn:hover{background:#ffffff1a;color:#ffffffd9}#hero-failure-messages{position:fixed;inset:0;z-index:101;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#02040cf2;opacity:0;transition:opacity .8s ease;pointer-events:none}.failure-headline{font-size:clamp(28px,5vw,56px);font-weight:700;color:var(--color-critical);margin-bottom:16px;letter-spacing:-.02em}.failure-question{font-size:clamp(20px,2.5vw,28px);font-weight:400;color:#fff9;line-height:1.4}@media(max-width:767px){#hero-alerts{justify-content:flex-start;padding-top:12px}.dashboard-header{flex-direction:column;align-items:center;gap:10px;text-align:center}.metric-card-featured .metric-value{font-size:28px}.metric-card-featured .metric-chart{height:72px}.metric-value{font-size:22px}.dashboard-metrics{gap:12px}}@media(max-width:479px){.metric-card-featured .metric-value{font-size:22px}.metric-card-featured .metric-chart{height:56px}.metric-value{font-size:16px}.metric-chart{height:40px}.metric-card{padding:12px}.dashboard-metrics{gap:8px}}.guarantee-section{padding:var(--section-padding) 0;background:linear-gradient(180deg,#0f172a66,rgba(var(--color-accent-rgb),.05),#0f172a66);border-top:1px solid rgba(var(--color-accent-rgb),.2);border-bottom:1px solid rgba(var(--color-accent-rgb),.2)}.guarantee-title{text-align:center;font-size:clamp(32px,4vw,48px);font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--color-accent),var(--color-cyan-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guarantee-headline{text-align:center;font-size:clamp(16px,2.5vw,28px);font-weight:500;color:var(--color-text-primary);line-height:1.5;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto}.guarantee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--space-xl);margin-bottom:4rem}.guarantee-item{padding:var(--space-2xl) var(--space-xl);background:#0f172a99;border-radius:12px;border:1px solid rgba(var(--color-accent-rgb),.2);backdrop-filter:blur(12px);transition:all .3s ease}.guarantee-item:hover{border-color:rgba(var(--color-accent-rgb),.4);transform:translateY(-4px);box-shadow:0 12px 40px rgba(var(--color-accent-rgb),.15)}.guarantee-number{font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--color-accent);margin-bottom:1rem;font-family:var(--font-mono)}.guarantee-item-title{font-size:20px;font-weight:600;color:#fffffff2;margin-bottom:.75rem;line-height:1.3}.guarantee-item-desc{font-size:15px;color:#ffffffb3;line-height:1.6}.guarantee-team{display:flex;justify-content:center;margin-bottom:1.5rem}.guarantee-team-chip{display:inline-flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--card-bg);border-radius:var(--radius-full);padding:6px 16px 6px 6px;text-decoration:none;transition:border-color .2s,background .2s}.guarantee-team-chip:hover{border-color:#ffffff14;background:var(--card-bg-hover)}.guarantee-team-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.guarantee-team-label{font-size:13px;color:#fff6}.guarantee-team-name{font-size:13px;font-weight:600;color:#ffffffd9}.guarantee-start{text-align:center;padding:var(--space-2xl) var(--space-xl) 0;border-top:1px solid rgba(var(--color-accent-rgb),.15)}.guarantee-start-label{font-size:18px;font-weight:600;color:#ffffffd9;margin-bottom:.75rem}.guarantee-start-desc{font-size:16px;color:#fff9;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.guarantee-cta{display:inline-flex}.hero-success-metrics{display:flex;gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-wrap:wrap}.success-metric{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px;background:rgba(var(--color-success-rgb),.05);border:1px solid rgba(var(--color-success-rgb),.2);border-radius:8px;backdrop-filter:blur(10px);min-width:140px}.metric-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(var(--color-success-rgb),.2);border-radius:50%;color:var(--color-success);font-size:12px;font-weight:700;margin-bottom:4px}.success-metric .metric-label{letter-spacing:.05em}.success-metric .metric-status{font-size:14px;font-weight:600;color:var(--color-success);letter-spacing:.01em}.hero-promise{font-size:clamp(20px,2.2vw,26px);font-weight:400;color:#ffffffbf;line-height:1.5;text-align:center;margin-bottom:16px;max-width:540px;margin-left:auto;margin-right:auto;letter-spacing:.01em}.hero-title{font-size:clamp(36px,8vw,96px);font-weight:800;line-height:1.2;letter-spacing:-.04em;margin-bottom:32px;overflow:visible}.hero-title-line{display:block;padding-bottom:4px}.hero-title-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(18px,2vw,22px);font-weight:400;color:var(--color-text-secondary);max-width:479px;line-height:1.6;margin-bottom:var(--space-2xl)}.hero-cta{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;justify-content:center;margin-top:48px}@media(max-width:767px){.hero-visual{display:none}.hero-content{padding-top:calc(var(--header-height) + var(--space-2xl))}.metric-card{min-width:0}.metric-chart{margin-bottom:6px}.guarantee-title{font-size:clamp(24px,6vw,48px);word-break:break-word;hyphens:auto;padding:0 var(--space-sm)}}@media(max-width:479px){.guarantee-title{font-size:22px}}@keyframes fly-in-3d-left{0%{opacity:0;transform:perspective(1000px) translate(-100px) translateZ(-200px) rotateY(25deg);filter:blur(8px)}to{opacity:1;transform:perspective(1000px) translate(0) translateZ(0) rotateY(0);filter:blur(0)}}@keyframes fly-in-3d-right{0%{opacity:0;transform:perspective(1000px) translate(100px) translateZ(-200px) rotateY(-25deg);filter:blur(8px)}to{opacity:1;transform:perspective(1000px) translate(0) translateZ(0) rotateY(0);filter:blur(0)}}@keyframes fly-in-3d-up{0%{opacity:0;transform:perspective(1000px) translateY(80px) translateZ(-150px) rotateX(-15deg);filter:blur(6px)}to{opacity:1;transform:perspective(1000px) translateY(0) translateZ(0) rotateX(0);filter:blur(0)}}@keyframes fly-in-3d-down{0%{opacity:0;transform:perspective(1000px) translateY(-60px) translateZ(-150px) rotateX(15deg);filter:blur(6px)}to{opacity:1;transform:perspective(1000px) translateY(0) translateZ(0) rotateX(0);filter:blur(0)}}@keyframes fly-in-3d-center{0%{opacity:0;transform:perspective(1000px) translateZ(-300px) scale(.7);filter:blur(10px)}60%{opacity:1;transform:perspective(1000px) translateZ(20px) scale(1.02);filter:blur(0)}to{opacity:1;transform:perspective(1000px) translateZ(0) scale(1);filter:blur(0)}}@keyframes scale-in-3d{0%{opacity:0;transform:perspective(1000px) scale(.6) translateZ(-100px);filter:blur(8px)}to{opacity:1;transform:perspective(1000px) scale(1) translateZ(0);filter:blur(0)}}@keyframes pop-in-3d{0%{opacity:0;transform:perspective(1000px) translateZ(-80px) scale(.8)}70%{opacity:1;transform:perspective(1000px) translateZ(15px) scale(1.05)}to{opacity:1;transform:perspective(1000px) translateZ(0) scale(1)}}.hero-visual{position:relative;width:100%;max-width:1100px;margin:var(--space-4xl) auto 0;padding:0 var(--space-xl);display:flex;flex-direction:column;align-items:center}.hero-visual-container{position:relative;width:100%;background:linear-gradient(180deg,#08080cfa,#040408fc);border:1px solid rgba(255,255,255,.06);border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px var(--card-bg) inset,0 50px 100px -20px #00000080,0 30px 60px -30px rgba(var(--color-accent-rgb),.15)}.hero-visual-glow{position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(var(--color-accent-rgb),.15) 0%,transparent 50%,rgba(var(--color-cyan-rgb),.1) 100%);border-radius:24px;z-index:-1;opacity:1}.hero-visual-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(var(--color-accent-rgb),.08) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgba(var(--color-cyan-rgb),.06) 0%,transparent 40%);pointer-events:none;z-index:0}.expertise-intro{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:var(--space-xl);text-align:center}.expertise-carousel-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-2xl);margin-bottom:var(--space-lg)}.expertise-nav-arrow{width:48px;height:48px;border-radius:50%;background:var(--card-bg);border:1px solid rgba(255,255,255,.06);color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.expertise-nav-arrow:hover{background:rgba(var(--color-accent-rgb),.1);border-color:rgba(var(--color-accent-rgb),.3);color:var(--color-text-primary);transform:scale(1.05);box-shadow:0 0 30px rgba(var(--color-accent-rgb),.15)}.expertise-nav-arrow:active{transform:scale(.95)}.expertise-nav-arrow svg{width:18px;height:18px}.expertise-nav-center{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:220px}.expertise-nav-dots{display:flex;gap:12px}.expertise-nav-dot{width:6px;height:6px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.expertise-nav-dot:hover{background:#fff6;transform:scale(1.3)}.expertise-nav-dot.active{background:var(--color-accent);box-shadow:0 0 16px rgba(var(--color-accent-rgb),.6);transform:scale(1.2)}.expertise-nav-label{font-size:13px;font-weight:500;color:#ffffffb3;letter-spacing:.05em;text-transform:uppercase;transition:opacity .25s ease-out,transform .25s ease-out;min-width:200px;text-align:center}.expertise-nav-label.fade-out{opacity:0;transform:translateY(-5px)}.expertise-nav-label.fade-in{opacity:1;transform:translateY(0)}.expertise-header{display:none}.expertise-title{font-size:28px;font-weight:600;color:#fffffff2;letter-spacing:-.03em;position:relative;transition:opacity 1.5s cubic-bezier(.16,1,.3,1)}.expertise-tabs{display:flex;gap:4px;background:var(--card-bg);padding:4px;border-radius:12px;border:1px solid var(--card-bg-hover)}.expertise-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:12px;font-weight:500;color:var(--color-text-tertiary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;background:transparent}.expertise-tab:hover{color:var(--color-text-secondary);background:var(--card-bg)}.expertise-tab.active{color:var(--color-text-primary);background:#ffffff0f;border-color:#ffffff14;box-shadow:0 2px 8px #0003}.expertise-tab-icon{width:16px;height:16px;opacity:.5;transition:opacity .3s ease}.expertise-tab.active .expertise-tab-icon{opacity:1}.expertise-tab svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}.expertise-indicator{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--color-text-tertiary);cursor:pointer;padding:6px 12px;border-radius:var(--radius-full);border:1px solid transparent;transition:all .2s ease;user-select:none;min-width:130px;justify-content:center}.expertise-indicator-text{min-width:75px;text-align:center}.expertise-indicator:hover{background:var(--card-bg);border-color:var(--color-border)}.expertise-indicator-dot{width:6px;height:6px;background:var(--color-emerald);border-radius:50%;animation:pulse-subtle 2s ease-in-out infinite;transition:background .3s ease}.expertise-indicator.paused .expertise-indicator-dot{background:var(--color-amber);animation:none}.expertise-indicator-toggle{width:14px;height:14px;margin-left:4px;opacity:.5;transition:opacity .2s ease}.expertise-indicator:hover .expertise-indicator-toggle{opacity:1}.expertise-indicator-toggle svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.expertise-showcase{display:grid;grid-template-columns:1fr 300px;min-height:480px;position:relative}.expertise-canvas{position:relative;padding:var(--space-xl);overflow:hidden}.expertise-panel{position:absolute;inset:24px;opacity:0;visibility:hidden;transform:translate(60px);transition:all .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.expertise-panel.active{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}.expertise-panel.slide-left{transform:translate(-60px);opacity:0}.expertise-panel.slide-right{transform:translate(60px);opacity:0}.exp-pm{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0}.exp-pm-content{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0}.exp-pm-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.exp-pm-title{font-size:13px;font-weight:600;color:var(--color-text-primary)}.exp-pm-meta{display:flex;gap:16px}.exp-pm-stat{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-tertiary)}.exp-pm-stat-dot{width:6px;height:6px;border-radius:50%}.exp-pm-stat-dot.green{background:var(--color-emerald)}.exp-pm-stat-dot.amber{background:var(--color-amber)}.exp-pm-stat-dot.red{background:var(--color-rose)}.exp-kanban{background:#0000004d;border:1px solid var(--card-bg-hover);border-radius:12px;padding:14px;display:flex;gap:10px;flex:1;min-height:0;overflow:hidden}.exp-kanban-col{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--color-accent-rgb),.3) transparent}.exp-kanban-col::-webkit-scrollbar{width:4px}.exp-kanban-col::-webkit-scrollbar-track{background:transparent}.exp-kanban-col::-webkit-scrollbar-thumb{background:rgba(var(--color-accent-rgb),.3);border-radius:2px}.exp-kanban-col-header{font-size:9px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding-bottom:6px;border-bottom:1px solid var(--card-bg-hover);display:flex;justify-content:space-between;white-space:nowrap}.exp-kanban-card{background:var(--card-bg);border:1px solid var(--card-bg-hover);border-radius:6px;padding:8px 10px;cursor:pointer;transition:all .2s ease}.exp-kanban-card:hover{background:#ffffff0f;border-color:rgba(var(--color-accent-rgb),.3);transform:translateY(-1px)}.exp-kanban-card-title{font-size:10px;color:var(--color-text-secondary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exp-kanban-card-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--color-text-tertiary)}.exp-kanban-card-priority{width:4px;height:4px;border-radius:50%}.exp-kanban-card-priority.high{background:var(--color-rose)}.exp-kanban-card-priority.medium{background:var(--color-amber)}.exp-kanban-card-priority.low{background:var(--color-emerald)}.expertise-panel.active .exp-kanban-card:nth-child(1){animation:card-float 4s ease-in-out infinite}.expertise-panel.active .exp-kanban-card:nth-child(2){animation:card-float 4.5s ease-in-out infinite .5s}.expertise-panel.active .exp-kanban-card:nth-child(3){animation:card-float 5s ease-in-out infinite 1s}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.expertise-panel.active .exp-risk-dot{animation:risk-pulse 3s ease-in-out infinite}@keyframes risk-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.8}}.expertise-panel.active .exp-timeline-progress{animation:timeline-grow 8s ease-in-out infinite}@keyframes timeline-grow{0%{width:25%}50%{width:85%}to{width:25%}}.expertise-panel.active .exp-auto-node:nth-child(1){animation:node-glow 6s ease-in-out infinite}.expertise-panel.active .exp-auto-node:nth-child(2){animation:node-glow 6s ease-in-out infinite 1.5s}.expertise-panel.active .exp-auto-node:nth-child(3){animation:node-glow 6s ease-in-out infinite 3s}.expertise-panel.active .exp-auto-node:nth-child(4){animation:node-glow 6s ease-in-out infinite 4.5s}@keyframes node-glow{0%,to{box-shadow:none;border-color:#ffffff14}25%,35%{box-shadow:0 0 20px rgba(var(--color-accent-rgb),.4);border-color:var(--color-accent)}}.expertise-panel.active .exp-auto-log-line{animation:log-appear-pulse 4s ease-in-out infinite}.expertise-panel.active .exp-auto-log-line:nth-child(2){animation-delay:1.3s}.expertise-panel.active .exp-auto-log-line:nth-child(3){animation-delay:2.6s}@keyframes log-appear-pulse{0%,to{opacity:.4}20%,80%{opacity:1}}.expertise-panel.active .exp-migrate-arrow-line:after{animation:arrow-flow 2s ease-in-out infinite}@keyframes arrow-flow{0%{transform:translate(-40px);opacity:0}50%{opacity:1}to{transform:translate(0);opacity:0}}.expertise-panel.active .exp-migrate-table:nth-child(1){animation:table-highlight 8s ease-in-out infinite}.expertise-panel.active .exp-migrate-table:nth-child(2){animation:table-highlight 8s ease-in-out infinite 2s}.expertise-panel.active .exp-migrate-table:nth-child(3){animation:table-highlight 8s ease-in-out infinite 4s}@keyframes table-highlight{0%,to{background:var(--card-bg);border-color:var(--card-bg-hover)}15%,25%{background:rgba(var(--color-accent-rgb),.1);border-color:rgba(var(--color-accent-rgb),.3)}}.expertise-panel.active .exp-test-coverage-fill{animation:coverage-fill 6s ease-in-out infinite}@keyframes coverage-fill{0%,to{width:78%}50%{width:92%}}.exp-kanban-card{cursor:grab;touch-action:none}.exp-kanban-card.dragging{opacity:.9;cursor:grabbing;z-index:1000;box-shadow:0 10px 40px rgba(var(--color-accent-rgb),.4);border-color:var(--color-accent);transform:rotate(3deg) scale(1.05)}.exp-kanban-col.drag-over{background:rgba(var(--color-accent-rgb),.1);border-color:var(--color-accent)}.exp-kanban-col.drag-over .exp-kanban-col-header{color:var(--color-accent-light)}.exp-kanban-drop-indicator{height:3px;background:var(--color-accent);border-radius:2px;margin:4px 0;opacity:0;transition:opacity .2s ease}.exp-kanban-col.drag-over .exp-kanban-drop-indicator{opacity:1}.exp-auto-node{cursor:grab;touch-action:none}.exp-auto-node.dragging{cursor:grabbing;z-index:1000;box-shadow:0 10px 40px rgba(var(--color-accent-rgb),.5)}.exp-auto-node.connecting{animation:node-connect-pulse .5s ease-in-out infinite}@keyframes node-connect-pulse{0%,to{box-shadow:0 0 rgba(var(--color-accent-rgb),.4)}50%{box-shadow:0 0 0 10px rgba(var(--color-accent-rgb),0)}}.exp-auto-connection-line{stroke:url(#auto-gradient);stroke-width:2;stroke-dasharray:8 4;fill:none;animation:connection-dash .5s linear infinite}@keyframes connection-dash{to{stroke-dashoffset:-12}}.exp-auto-connection-established{stroke:url(#auto-gradient);stroke-width:2;fill:none;opacity:.8}.exp-auto-particle{fill:var(--color-accent);filter:blur(1px)}.exp-migrate-table{cursor:grab;touch-action:none}.exp-migrate-table.dragging{cursor:grabbing;z-index:1000;box-shadow:0 8px 30px rgba(var(--color-accent-rgb),.4);border-color:var(--color-accent);transform:scale(1.05)}.exp-migrate-target.can-drop{background:rgba(var(--color-emerald-rgb),.1);border-color:var(--color-emerald)}.exp-migrate-target.can-drop .exp-migrate-icon{background:rgba(var(--color-emerald-rgb),.2)}.exp-migrate-target .exp-migrate-progress{margin-top:12px;height:4px;background:#0000004d;border-radius:2px;overflow:hidden}.exp-migrate-target .exp-migrate-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-emerald));width:0%;transition:width .5s ease}.exp-result-toast{position:absolute;bottom:12px;left:50%;transform:translate(-50%) translateY(20px);background:rgba(var(--color-emerald-rgb),.9);color:#fff;padding:8px 16px;border-radius:8px;font-size:11px;font-weight:600;opacity:0;pointer-events:none;transition:all .3s ease;white-space:nowrap;z-index:100}.exp-result-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.exp-result-toast.error{background:rgba(var(--color-red-rgb),.9)}.exp-test-layer{cursor:pointer;transition:all .3s ease}.exp-test-layer:hover{transform:scaleX(1.03)}.exp-test-layer.selected{box-shadow:0 0 0 2px var(--color-accent)}.exp-test-runner{padding:6px 14px;background:var(--color-accent);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.exp-test-runner:hover{background:var(--color-accent-light)}.exp-test-runner.running{background:var(--color-cyan);animation:pulse-subtle 1s ease-in-out infinite}.exp-risk{background:#0000004d;border:1px solid var(--card-bg-hover);border-radius:12px;padding:14px;position:relative;overflow:visible;transition:all .5s ease}.exp-risk.danger-mode{background:rgba(var(--color-rose-rgb),.15);border-color:rgba(var(--color-rose-rgb),.4);box-shadow:0 0 30px rgba(var(--color-rose-rgb),.3),inset 0 0 20px rgba(var(--color-rose-rgb),.1);animation:danger-pulse 2s ease-in-out infinite}@keyframes danger-pulse{0%,to{box-shadow:0 0 30px rgba(var(--color-rose-rgb),.3),inset 0 0 20px rgba(var(--color-rose-rgb),.1)}50%{box-shadow:0 0 50px rgba(var(--color-rose-rgb),.5),inset 0 0 30px rgba(var(--color-rose-rgb),.2)}}.exp-risk-title{font-size:9px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.exp-risk-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,28px);gap:3px}.exp-risk-cell{background:var(--card-bg);border-radius:4px;position:relative;transition:all .2s ease}.exp-risk-cell:hover{background:var(--card-bg-hover)}.exp-risk-cell.high{background:rgba(var(--color-rose-rgb),.15)}.exp-risk-cell.medium{background:rgba(var(--color-amber-rgb),.12)}.exp-risk-cell.low{background:rgba(var(--color-emerald-rgb),.1)}.exp-risk-dot{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ffffff80;cursor:grab;transition:all .2s ease}.exp-risk-dot:hover{transform:translate(-50%,-50%) scale(1.3)}.exp-risk-dot.dragging{cursor:grabbing;opacity:.5}.exp-risk-dot.dragging .exp-risk-tooltip,.exp-risk-dot.dragging .exp-risk-tooltip *{display:none}.exp-timeline{grid-column:1 / -1;background:#0000004d;border:1px solid var(--card-bg-hover);border-radius:12px;padding:14px;position:relative;overflow:visible}.exp-timeline-header{display:flex;justify-content:space-between;margin-bottom:12px}.exp-timeline-title{font-size:9px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em}.exp-timeline-months{display:flex;gap:24px;font-size:9px;color:var(--color-text-tertiary)}.exp-timeline-tracks{display:flex;flex-direction:column;gap:8px}.exp-timeline-track{display:flex;align-items:center;gap:10px}.exp-timeline-track-label{font-size:9px;color:var(--color-text-tertiary);width:60px;flex-shrink:0}.exp-timeline-track-bar{flex:1;height:6px;background:var(--card-bg-hover);border-radius:3px;position:relative;overflow:hidden}.exp-timeline-track-fill{position:absolute;height:100%;border-radius:3px;transition:width 1s ease}.exp-timeline-track-fill.purple{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light))}.exp-timeline-track-fill.cyan{background:linear-gradient(90deg,#0891B2,var(--color-cyan))}.exp-timeline-track-fill.emerald{background:linear-gradient(90deg,#059669,var(--color-emerald))}.exp-timeline-milestones{display:flex;justify-content:space-between;margin-top:8px;padding-top:6px;border-top:1px solid var(--card-bg-hover)}.exp-timeline-milestone{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:all .3s ease}.exp-timeline-milestone:hover{transform:translateY(-2px)}.exp-timeline-milestone-icon{width:18px;height:18px;border-radius:50%;background:var(--card-bg-hover);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.exp-timeline-milestone-icon svg{width:10px;height:10px;fill:none;stroke:var(--color-text-tertiary);stroke-width:2}.exp-timeline-milestone.completed .exp-timeline-milestone-icon{background:rgba(var(--color-emerald-rgb),.2);border-color:var(--color-emerald)}.exp-timeline-milestone.completed .exp-timeline-milestone-icon svg{stroke:var(--color-emerald)}.exp-timeline-milestone.active .exp-timeline-milestone-icon{background:rgba(var(--color-accent-rgb),.2);border-color:var(--color-accent);animation:milestone-pulse 2s ease-in-out infinite}.exp-timeline-milestone.active .exp-timeline-milestone-icon svg{stroke:var(--color-accent)}.exp-timeline-milestone.finish .exp-timeline-milestone-icon{background:rgba(var(--color-amber-rgb),.15);border-color:rgba(var(--color-amber-rgb),.4)}.exp-timeline-milestone.finish .exp-timeline-milestone-icon svg{stroke:var(--color-amber)}.exp-timeline-milestone.finish:hover .exp-timeline-milestone-icon{background:rgba(var(--color-amber-rgb),.3);transform:scale(1.1)}.exp-timeline-milestone-label{font-size:7px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px}@keyframes milestone-pulse{0%,to{box-shadow:0 0 rgba(var(--color-accent-rgb),.4)}50%{box-shadow:0 0 0 6px rgba(var(--color-accent-rgb),0)}}.exp-firework-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:100}.exp-firework-particle{position:absolute;width:4px;height:4px;border-radius:50%;animation:firework-burst 1s ease-out forwards}@keyframes firework-burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.exp-firework-sparkle{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:sparkle-fade .8s ease-out forwards}@keyframes sparkle-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.exp-risk-dot{cursor:grab;touch-action:none;z-index:10}.exp-risk-dot.dragging{cursor:grabbing;z-index:100;transform:translate(-50%,-50%) scale(1.5);box-shadow:0 0 20px rgba(var(--color-accent-rgb),.6)}.exp-risk-cell.drag-over{outline:2px dashed var(--color-accent);outline-offset:-2px;background:rgba(var(--color-accent-rgb),.15)}.exp-risk-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#0f0f14f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;min-width:140px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:200;pointer-events:none}.exp-risk-dot:hover .exp-risk-tooltip,.exp-risk-dot.show-tooltip .exp-risk-tooltip{opacity:1;visibility:visible}.exp-risk-dot.dragging .exp-risk-tooltip{opacity:0;visibility:hidden}.exp-risk-tooltip-title{font-size:10px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.exp-risk-tooltip-detail{font-size:9px;color:var(--color-text-secondary);line-height:1.4}.exp-risk-tooltip-level{display:inline-block;font-size:8px;padding:2px 6px;border-radius:4px;margin-top:4px}.exp-risk-tooltip-level.high{background:rgba(var(--color-rose-rgb),.2);color:var(--color-rose)}.exp-risk-tooltip-level.medium{background:rgba(var(--color-amber-rgb),.2);color:var(--color-amber)}.exp-risk-tooltip-level.low{background:rgba(var(--color-emerald-rgb),.2);color:var(--color-emerald)}.exp-risk-legend{display:flex;justify-content:center;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid var(--card-bg-hover)}.exp-risk-legend-item{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--color-text-tertiary)}.exp-risk-legend-dot{width:6px;height:6px;border-radius:50%}.exp-risk-legend-dot.high{background:var(--color-rose)}.exp-risk-legend-dot.medium{background:var(--color-amber)}.exp-risk-legend-dot.low{background:var(--color-emerald)}.exp-risk-hint{font-size:8px;color:var(--color-text-tertiary);text-align:center;opacity:.6;margin-top:4px}.exp-auto{display:flex;flex-direction:column;height:100%;gap:16px}.exp-auto-canvas{flex:1;background:#0000004d;border:1px solid var(--card-bg-hover);border-radius:12px;padding:20px;position:relative;overflow:hidden}.exp-auto-grid{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--card-bg) 1px,transparent 0);background-size:24px 24px}.exp-auto-nodes{position:relative;display:flex;justify-content:space-between;align-items:center;height:100%;z-index:2;padding:0 10px}.exp-auto-node-group{display:flex;flex-direction:column;align-items:center;gap:6px}.exp-auto-node-or{font-size:9px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:1px;opacity:.6}.exp-auto-node{width:80px;height:80px;background:linear-gradient(135deg,#14141cf2,#1c1c28e6);border:1px solid rgba(255,255,255,.08);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.exp-auto-node:before{content:"";position:absolute;inset:-1px;border-radius:15px;background:linear-gradient(135deg,rgba(var(--color-accent-rgb),.5),rgba(var(--color-cyan-rgb),.5));opacity:0;z-index:-1;transition:opacity .3s ease}.exp-auto-node:hover{transform:translateY(-4px) scale(1.05);border-color:transparent}.exp-auto-node:hover:before{opacity:1;filter:blur(8px)}.exp-auto-node.active{border-color:var(--color-cyan);box-shadow:0 0 30px rgba(var(--color-cyan-rgb),.3)}.exp-auto-node.sealed-vault{border-color:rgba(var(--color-emerald-rgb),.3);background:linear-gradient(135deg,rgba(var(--color-emerald-rgb),.1),#14141cf2)}.exp-auto-node.sealed-vault:before{background:linear-gradient(135deg,rgba(var(--color-emerald-rgb),.4),rgba(var(--color-cyan-rgb),.3))}.exp-auto-node.sealed-vault .exp-auto-node-icon svg{stroke:var(--color-emerald)}.exp-auto-node-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);padding:2px 6px;background:linear-gradient(135deg,rgba(var(--color-emerald-rgb),.9),rgba(var(--color-cyan-rgb),.8));border-radius:6px;font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;white-space:nowrap;box-shadow:0 2px 8px rgba(var(--color-emerald-rgb),.4)}.exp-auto-node.disabled{opacity:.3;pointer-events:none;transform:scale(.9)}.exp-auto-node.sealed-vault.disabled{opacity:.3;border-color:#ffffff14;background:linear-gradient(135deg,#14141cf2,#1c1c28e6)}.exp-auto-node.sealed-vault.disabled .exp-auto-node-icon svg{stroke:var(--color-text-tertiary)}.exp-auto-node.sealed-vault.disabled .exp-auto-node-badge{opacity:.3}.exp-auto-node-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.exp-auto-node-icon svg{width:22px;height:22px;stroke:var(--color-text-secondary);stroke-width:1.5;fill:none}.exp-auto-node:hover .exp-auto-node-icon svg,.exp-auto-node.active .exp-auto-node-icon svg{stroke:var(--color-cyan)}.exp-auto-node-label{font-size:9px;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.exp-auto-node.node-dragging{cursor:grabbing;z-index:100;transform:scale(1.1);box-shadow:0 10px 40px rgba(var(--color-accent-rgb),.4);border-color:var(--color-accent)}.exp-auto-connection-established{stroke:var(--color-accent);stroke-width:3;stroke-dasharray:none;stroke-linecap:round;fill:none;opacity:1;filter:drop-shadow(0 0 6px rgba(var(--color-accent-rgb),.5))}.exp-auto-connection-established.flow-active{stroke:var(--color-emerald);stroke-dasharray:8 4;animation:flowDash .6s linear infinite;filter:drop-shadow(0 0 8px rgba(var(--color-emerald-rgb),.6))}.exp-auto-connection-preview{stroke:rgba(var(--color-accent-rgb),.35);stroke-width:2;stroke-dasharray:6 8;stroke-linecap:round;pointer-events:none;fill:none;opacity:1}@keyframes flowDash{to{stroke-dashoffset:-12}}.exp-auto-node{position:relative}.exp-auto-node.has-connection:after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;background:var(--color-emerald);border-radius:50%;border:2px solid var(--color-bg-primary)}.exp-auto-node.selecting{transform:scale(1.08);box-shadow:0 0 30px rgba(var(--color-accent-rgb),.5);border-color:var(--color-accent);z-index:10}.exp-auto-node.selecting .exp-auto-node-icon svg{stroke:var(--color-accent-light);filter:drop-shadow(0 0 8px rgba(var(--color-accent-rgb),.8))}.exp-auto-node.valid-target{border-color:var(--color-emerald);box-shadow:0 0 25px rgba(var(--color-emerald-rgb),.35);animation:pulse-glow 1.5s ease-in-out infinite}.exp-auto-node.valid-target .exp-auto-node-icon svg{stroke:var(--color-emerald);filter:drop-shadow(0 0 6px rgba(var(--color-emerald-rgb),.7))}.exp-auto-node.dimmed{opacity:.35;transform:scale(.95)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(var(--color-emerald-rgb),.4)}50%{box-shadow:0 0 30px rgba(var(--color-emerald-rgb),.6)}}.exp-auto-node.flow-active{border-color:rgba(var(--color-emerald-rgb),.6);box-shadow:0 0 25px rgba(var(--color-emerald-rgb),.3);animation:flowNodePulse 2.5s ease-in-out infinite}.exp-auto-node.flow-active .exp-auto-node-icon svg{stroke:var(--color-emerald);filter:drop-shadow(0 0 8px rgba(var(--color-emerald-rgb),.8))}.exp-auto-node.flow-active .exp-auto-node-label{color:var(--color-emerald)}@keyframes flowNodePulse{0%,to{box-shadow:0 0 25px rgba(var(--color-emerald-rgb),.3)}50%{box-shadow:0 0 35px rgba(var(--color-emerald-rgb),.45)}}.exp-auto-flow-status{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px;padding:6px 14px;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:10px;font-weight:500;color:var(--color-text-tertiary);transition:all .3s ease}.exp-auto-flow-status.complete{color:var(--color-emerald);background:rgba(var(--color-emerald-rgb),.15);border-color:rgba(var(--color-emerald-rgb),.3)}.exp-auto-flow-status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-amber)}.exp-auto-flow-status.complete .exp-auto-flow-status-dot{background:var(--color-emerald);box-shadow:0 0 8px var(--color-emerald);animation:pulse 1.5s ease-in-out infinite}.exp-auto-instructions{position:absolute;bottom:8px;left:50%;transform:translate(-50%);padding:5px 12px;background:rgba(var(--color-accent-rgb),.15);border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:14px;font-size:9px;color:var(--color-accent-light);transition:all .3s ease}.exp-auto-instructions.selecting{background:rgba(var(--color-emerald-rgb),.15);border-color:rgba(var(--color-emerald-rgb),.3);color:var(--color-emerald)}.exp-auto-instructions.complete{background:rgba(var(--color-emerald-rgb),.2);border-color:rgba(var(--color-emerald-rgb),.4);color:var(--color-emerald)}.exp-auto-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.exp-auto-path{fill:none;stroke:url(#auto-gradient);stroke-width:2;stroke-dasharray:8 6;opacity:.4;animation:dash-flow 1.5s linear infinite}.exp-auto-path.active{opacity:1;stroke-width:2.5;filter:drop-shadow(0 0 4px rgba(var(--color-accent-rgb),.5))}@keyframes dash-flow{to{stroke-dashoffset:-28}}.exp-auto-particle{position:absolute;width:6px;height:6px;background:var(--color-cyan);border-radius:50%;box-shadow:0 0 12px var(--color-cyan);z-index:3;opacity:0}.exp-auto-hint{text-align:center;font-size:9px;color:var(--color-text-tertiary);opacity:.7;margin:8px 0;transition:opacity .3s ease}.exp-auto-hint.hidden{opacity:0}.exp-auto-log{background:#0006;border:1px solid var(--card-bg-hover);border-radius:10px;padding:12px 14px;font-family:var(--font-mono);font-size:10px;max-height:80px;overflow:hidden}.exp-auto-log-line{display:flex;gap:10px;margin-bottom:4px;opacity:0;animation:log-appear .3s ease forwards}.exp-auto-log-time{color:var(--color-text-tertiary)}.exp-auto-log-msg{color:var(--color-text-secondary)}.exp-auto-log-msg.success{color:var(--color-emerald)}.exp-auto-log-msg.process{color:var(--color-cyan)}.exp-migrate{display:grid;grid-template-columns:1fr 80px 1fr;gap:16px;height:100%;align-items:center}.exp-migrate-source,.exp-migrate-target{background:#0000004d;border:1px solid var(--card-bg-hover);border-radius:12px;padding:16px;height:100%}.exp-migrate-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--card-bg-hover)}.exp-migrate-icon{width:28px;height:28px;background:var(--card-bg-hover);border-radius:6px;display:flex;align-items:center;justify-content:center}.exp-migrate-icon svg{width:16px;height:16px;stroke:var(--color-text-tertiary);stroke-width:1.5;fill:none}.exp-migrate-label{font-size:10px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.exp-migrate-tables{display:flex;flex-direction:column;gap:8px}.exp-migrate-table{background:var(--card-bg);border:1px solid var(--card-bg-hover);border-radius:6px;padding:8px 10px;cursor:pointer;transition:all .2s ease}.exp-migrate-table:hover{background:rgba(var(--color-accent-rgb),.1);border-color:rgba(var(--color-accent-rgb),.3)}.exp-migrate-table.active{background:rgba(var(--color-cyan-rgb),.1);border-color:rgba(var(--color-cyan-rgb),.4)}.exp-migrate-table-name{font-size:10px;font-weight:500;color:var(--color-text-secondary);font-family:var(--font-mono)}.exp-migrate-table-count{font-size:9px;color:var(--color-text-tertiary);margin-top:2px;transition:color .3s ease}.expertise-panel .exp-migrate-table.migrating{animation:data-shrink 1.5s ease-out forwards;pointer-events:none;background:rgba(var(--color-accent-rgb),.15);border-color:rgba(var(--color-accent-rgb),.4)}.expertise-panel .exp-migrate-table.migrated{opacity:.5;transform:scale(.95);pointer-events:none;cursor:default;animation:none;background:var(--card-bg-muted);border-color:rgba(var(--color-emerald-rgb),.3)}.expertise-panel .exp-migrate-table.migrated .exp-migrate-table-count{color:var(--color-emerald)}@keyframes data-shrink{0%{transform:scale(1);opacity:1;background:rgba(var(--color-accent-rgb),.2)}50%{transform:scale(.97);opacity:.7;box-shadow:0 0 25px rgba(var(--color-accent-rgb),.5);background:rgba(var(--color-accent-rgb),.15)}to{transform:scale(.95);opacity:.5;background:var(--card-bg-muted)}}.expertise-panel .exp-migrate-table.syncing{animation:data-grow 1.5s ease-out;border-color:rgba(var(--color-accent-rgb),.6);box-shadow:0 0 20px rgba(var(--color-accent-rgb),.3);background:rgba(var(--color-accent-rgb),.12)}.expertise-panel .exp-migrate-table.synced{border-color:rgba(var(--color-emerald-rgb),.5);background:rgba(var(--color-emerald-rgb),.1);animation:none}.expertise-panel .exp-migrate-table.synced .exp-migrate-table-count{color:var(--color-emerald)}@keyframes data-grow{0%{transform:scale(1);box-shadow:0 0 rgba(var(--color-accent-rgb),0);background:rgba(var(--color-accent-rgb),.05)}40%{transform:scale(1.03);box-shadow:0 0 30px rgba(var(--color-accent-rgb),.5);background:rgba(var(--color-accent-rgb),.15)}to{transform:scale(1);box-shadow:0 0 20px rgba(var(--color-accent-rgb),.3);background:rgba(var(--color-accent-rgb),.12)}}.exp-migrate-arrow.flowing .exp-migrate-arrow-line:before{content:"";position:absolute;width:6px;height:6px;background:var(--color-accent);border-radius:50%;top:-2px;left:0;animation:particle-flow .6s linear infinite;box-shadow:0 0 8px var(--color-accent)}@keyframes particle-flow{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}.exp-migrate-flow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.exp-migrate-arrow{display:flex;flex-direction:column;align-items:center;gap:4px}.exp-migrate-arrow-line{width:40px;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-cyan));position:relative}.exp-migrate-arrow-line:after{content:"";position:absolute;right:-4px;top:-3px;border:4px solid transparent;border-left-color:var(--color-cyan)}.exp-migrate-arrow-label{font-size:8px;color:var(--color-text-tertiary);text-transform:uppercase}.exp-migrate-progress{text-align:center}.exp-migrate-progress-value{font-size:20px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.exp-migrate-progress-label{font-size:9px;color:var(--color-text-tertiary)}.exp-test{display:grid;grid-template-columns:1fr 140px;gap:20px;height:100%}.exp-test-pyramid{background:#0000004d;border:1px solid var(--card-bg-hover);border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:10px}.exp-test-pyramid .exp-test-layer{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px;border-radius:10px;transition:background .2s ease,border-color .2s ease;border:1px solid rgba(255,255,255,.06);background:var(--card-bg);transform:none;animation:none}.exp-test-pyramid .exp-test-layer:hover,.exp-test-pyramid .exp-test-layer.active{background:rgba(var(--color-accent-rgb),.1);border-color:rgba(var(--color-accent-rgb),.3)}.exp-test-layer-icon{width:32px;height:32px;background:var(--card-bg-hover);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exp-test-layer-icon svg{width:18px;height:18px;stroke:var(--color-text-tertiary);stroke-width:1.5;fill:none}.exp-test-layer.pass{border-color:rgba(var(--color-emerald-rgb),.2);background:rgba(var(--color-emerald-rgb),.05)}.exp-test-layer.pass:hover{border-color:rgba(var(--color-emerald-rgb),.5);background:rgba(var(--color-emerald-rgb),.12);box-shadow:0 0 12px rgba(var(--color-emerald-rgb),.2)}.exp-test-layer.pass .exp-test-layer-icon{background:rgba(var(--color-emerald-rgb),.15)}.exp-test-layer.pass .exp-test-layer-icon svg{stroke:var(--color-emerald)}.exp-test-layer.running{border-color:rgba(var(--color-accent-rgb),.3);background:rgba(var(--color-accent-rgb),.08)}.exp-test-layer.running:hover{border-color:rgba(var(--color-accent-rgb),.6);background:rgba(var(--color-accent-rgb),.15);box-shadow:0 0 12px rgba(var(--color-accent-rgb),.25)}.exp-test-layer.running .exp-test-layer-icon{background:rgba(var(--color-accent-rgb),.15)}.exp-test-layer.running .exp-test-layer-icon svg{stroke:var(--color-accent);animation:spin 1s linear infinite}.exp-test-layer-info{flex:1}.exp-test-layer-name{font-size:11px;font-weight:600;color:var(--color-text-secondary);margin-bottom:2px}.exp-test-layer-meta{font-size:9px;color:var(--color-text-tertiary)}.exp-test-layer-bar{width:80px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.exp-test-layer-bar-fill{height:100%;background:var(--color-emerald);border-radius:2px;transition:width .5s ease}.exp-test-coverage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.exp-test-ring{position:relative;width:100px;height:100px}.exp-test-ring svg{transform:rotate(-90deg)}.exp-test-ring-bg{fill:none;stroke:var(--card-bg-hover);stroke-width:8}.exp-test-ring-progress{fill:none;stroke:url(#coverage-gradient);stroke-width:8;stroke-linecap:round;stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 1s ease}.exp-test-ring-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.exp-test-ring-percent{font-size:24px;font-weight:700;color:var(--color-text-primary)}.exp-test-ring-label{font-size:9px;color:var(--color-text-tertiary);text-transform:uppercase}.exp-test-stats{display:flex;flex-direction:column;gap:8px;width:100%}.exp-test-stat{display:flex;justify-content:space-between;font-size:10px}.exp-test-stat-label{color:var(--color-text-tertiary)}.exp-test-stat-value{color:var(--color-text-secondary);font-weight:500}.expertise-context{background:#0003;border-left:1px solid var(--card-bg-hover);padding:24px;display:flex;flex-direction:column;gap:20px}.context-section{opacity:0;transform:translate(10px);transition:all .4s ease}.context-section.visible{opacity:1;transform:translate(0)}.context-title{font-size:9px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.context-metric{margin-bottom:16px}.context-metric-value{font-size:28px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:4px}.context-metric-label{font-size:11px;color:var(--color-text-tertiary)}.context-metric-change{font-size:10px;color:var(--color-emerald);margin-top:4px}.context-list{display:flex;flex-direction:column;gap:10px}.context-list-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--card-bg);border:1px solid var(--card-bg-hover);border-radius:8px;transition:all .2s ease;cursor:pointer}.context-list-item:hover{background:var(--card-bg-hover);border-color:rgba(var(--color-accent-rgb),.2)}.context-list-item.active{background:rgba(var(--color-accent-rgb),.15);border-color:rgba(var(--color-accent-rgb),.4);box-shadow:0 0 12px rgba(var(--color-accent-rgb),.2)}.context-list-item.active .context-list-icon{background:rgba(var(--color-accent-rgb),.3)}.context-list-item.active .context-list-icon svg{stroke:var(--color-accent)}.context-list-item.achieved{background:rgba(var(--color-emerald-rgb),.1);border-color:rgba(var(--color-emerald-rgb),.3);box-shadow:0 0 12px rgba(var(--color-emerald-rgb),.15)}.context-list-item.achieved .context-list-icon{background:rgba(var(--color-emerald-rgb),.2)}.context-list-item.achieved .context-list-icon svg{stroke:var(--color-emerald)}.context-list-item.achieved .context-list-title{color:var(--color-emerald)}.context-list-icon{width:28px;height:28px;background:var(--card-bg-hover);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.context-list-icon svg{width:14px;height:14px;stroke:var(--color-text-tertiary);stroke-width:2;fill:none}.context-list-text{flex:1}.context-list-title{font-size:11px;color:var(--color-text-secondary);margin-bottom:1px}.context-list-meta{font-size:9px;color:var(--color-text-tertiary)}.context-progress{margin-top:16px}.context-progress-header{display:flex;justify-content:space-between;margin-bottom:6px}.context-progress-label{font-size:10px;color:var(--color-text-tertiary)}.context-progress-value{font-size:10px;color:var(--color-text-secondary);font-weight:500}.context-progress-bar{height:4px;background:var(--card-bg-hover);border-radius:2px;overflow:hidden}.context-progress-fill{height:100%;background:var(--gradient-primary);border-radius:2px;transition:width 1s ease}.expertise-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-top:1px solid var(--card-bg-hover);background:#0003}.expertise-footer-left{display:flex;align-items:center;gap:20px}.expertise-footer-stat{display:flex;align-items:center;gap:8px}.expertise-footer-stat-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.5}.expertise-footer-stat-icon svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}.expertise-footer-stat-text{font-size:11px;color:var(--color-text-tertiary)}.expertise-footer-stat-value{color:var(--color-text-secondary);font-weight:500}.expertise-footer-right{display:flex;align-items:center;gap:8px}.expertise-footer-dot{width:8px;height:8px;border-radius:50%;background:var(--color-emerald);animation:pulse-subtle 2s ease-in-out infinite}.expertise-footer-text{font-size:11px;color:var(--color-text-tertiary)}@media(max-width:767px){.hero-visual{display:none}.expertise-panel{position:relative;inset:auto;min-width:540px;opacity:1;visibility:visible;transform:none;transition:none;display:none}.expertise-panel.slide-left,.expertise-panel.slide-right{opacity:1;transform:none}.expertise-panel.active,.expertise-panel.measure{display:block}.expertise-panel [draggable],.expertise-panel .exp-kanban-card,.expertise-panel .exp-risk-dot,.expertise-panel .exp-auto-node,.expertise-panel .workflow-node,.expertise-panel .test-layer,.expertise-panel .migration-source,.expertise-panel .timeline-milestone,.expertise-panel .timeline-bar{pointer-events:none}.exp-auto-instructions,.exp-auto-hint,.exp-risk-hint,.exp-result-toast{display:none!important}}@media(max-width:479px){.hero-visual{padding:0 var(--space-sm);margin-top:var(--space-2xl)}.expertise-header{flex-direction:column;gap:12px;align-items:flex-start}.expertise-tab span{display:none}}.hero-neural-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--color-accent-rgb),.03) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-accent-rgb),.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-particle{position:absolute;width:4px;height:4px;background:var(--color-cyan);border-radius:50%;opacity:0;animation:particle-float 4s ease-in-out infinite}.hero-particle:nth-child(1){left:10%;top:20%;animation-delay:0s}.hero-particle:nth-child(2){left:25%;top:60%;animation-delay:.5s}.hero-particle:nth-child(3){left:40%;top:30%;animation-delay:1s}.hero-particle:nth-child(4){left:55%;top:70%;animation-delay:1.5s}.hero-particle:nth-child(5){left:70%;top:40%;animation-delay:2s}.hero-particle:nth-child(6){left:85%;top:65%;animation-delay:2.5s}.hero-particle:nth-child(7){left:15%;top:80%;animation-delay:3s}.hero-particle:nth-child(8){left:60%;top:15%;animation-delay:3.5s}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes particle-float{0%,to{opacity:0;transform:translateY(20px) scale(0)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(0)}}.hero-browser{background:transparent;border-radius:var(--radius-2xl);overflow:hidden}.hero-browser-bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#0009;border-bottom:1px solid rgba(var(--color-accent-rgb),.15)}.browser-dot{width:12px;height:12px;border-radius:50%;transition:all .2s ease}.browser-dot-red{background:var(--color-mac-red)}.browser-dot-yellow{background:var(--color-mac-yellow)}.browser-dot-green{background:var(--color-mac-green)}.browser-dot:hover{transform:scale(1.2);box-shadow:0 0 10px currentColor}.browser-url{flex:1;margin-left:var(--space-lg);padding:8px 16px;background:var(--card-bg);border:1px solid var(--card-bg-hover);border-radius:var(--radius-md);font-size:13px;color:var(--color-text-tertiary);font-family:var(--font-mono);display:flex;align-items:center;gap:8px}.browser-url:before{content:"";width:8px;height:8px;background:var(--color-emerald);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.hero-browser-content{padding:var(--space-xl);min-height:480px;display:grid;grid-template-columns:200px 1fr 280px;gap:var(--space-lg);position:relative}.hero-sidebar{display:flex;flex-direction:column;gap:var(--space-md)}.hero-sidebar-section{background:#0006;border:1px solid var(--card-bg-hover);border-radius:var(--radius-md);padding:var(--space-md)}.hero-sidebar-title{font-size:10px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.hero-system-item{display:flex;align-items:center;gap:var(--space-sm);padding:8px 0;border-bottom:1px solid var(--card-bg);cursor:pointer;transition:all .2s ease}.hero-system-item:last-child{border-bottom:none}.hero-system-item:hover{background:var(--card-bg);margin:0 -12px;padding:8px 12px;border-radius:6px}.hero-system-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.hero-system-dot.online{background:var(--color-emerald);box-shadow:0 0 8px var(--color-emerald)}.hero-system-dot.processing{background:var(--color-cyan);animation:pulse-dot 1s ease-in-out infinite}.hero-system-dot.warning{background:var(--color-amber)}.hero-system-name{flex:1;font-size:11px;color:var(--color-text-secondary);font-family:var(--font-mono)}.hero-system-value{font-size:10px;color:var(--color-text-tertiary);font-family:var(--font-mono)}.hero-mini-metric{display:flex;flex-direction:column;gap:4px;padding:8px 0}.hero-mini-metric-header{display:flex;justify-content:space-between;align-items:center}.hero-mini-metric-label{font-size:10px;color:var(--color-text-tertiary)}.hero-mini-metric-value{font-size:11px;font-weight:600;color:var(--color-cyan);font-family:var(--font-mono)}.hero-mini-bar{height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.hero-mini-bar-fill{height:100%;background:var(--gradient-primary);border-radius:2px;transition:width 1s ease}.hero-canvas{position:relative;display:flex;flex-direction:column;gap:var(--space-md)}.hero-canvas-header{display:flex;align-items:center;justify-content:space-between}.hero-canvas-title{display:flex;align-items:center;gap:var(--space-sm)}.hero-canvas-title h3{font-size:14px;font-weight:600;color:var(--color-text-primary)}.hero-canvas-badge{padding:3px 8px;background:rgba(var(--color-emerald-rgb),.15);border:1px solid rgba(var(--color-emerald-rgb),.3);border-radius:var(--radius-full);font-size:9px;font-weight:600;color:var(--color-emerald);text-transform:uppercase;letter-spacing:.05em}.hero-canvas-actions{display:flex;gap:var(--space-xs)}.hero-canvas-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--card-bg-hover);border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.hero-canvas-btn:hover{background:rgba(var(--color-accent-rgb),.2);border-color:rgba(var(--color-accent-rgb),.4);color:var(--color-text-primary)}.hero-canvas-btn svg{width:14px;height:14px}.hero-neural-canvas{flex:1;background:#00000080;border:1px solid var(--card-bg-hover);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden;min-height:320px}.hero-neural-svg{position:absolute;inset:0;pointer-events:none}.hero-neural-path{fill:none;stroke:url(#neural-gradient);stroke-width:2;opacity:.4;stroke-dasharray:8 4;animation:neural-flow 2s linear infinite}.hero-neural-path.active{opacity:1;stroke-width:3;filter:drop-shadow(0 0 6px rgba(var(--color-accent-rgb),.5))}@keyframes neural-flow{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.hero-data-pulse{position:absolute;width:8px;height:8px;background:var(--color-cyan);border-radius:50%;box-shadow:0 0 15px var(--color-cyan);animation:data-pulse-move 3s ease-in-out infinite;opacity:0}@keyframes data-pulse-move{0%{opacity:0;offset-distance:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;offset-distance:100%}}.hero-neural-nodes{position:relative;display:flex;justify-content:space-between;align-items:center;height:100%;z-index:2}.hero-neural-layer{display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.hero-neural-node{width:72px;height:72px;background:linear-gradient(135deg,#141419e6,#1e1e28cc);border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.hero-neural-node:before{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:calc(var(--radius-md) + 2px);opacity:0;z-index:-1;transition:opacity .3s ease}.hero-neural-node:hover{transform:scale(1.1) translateY(-4px);border-color:transparent;box-shadow:0 20px 40px rgba(var(--color-accent-rgb),.3)}.hero-neural-node:hover:before{opacity:1;filter:blur(8px)}.hero-neural-node.active{border-color:var(--color-cyan);box-shadow:0 0 30px rgba(var(--color-cyan-rgb),.4);animation:node-pulse 2s ease-in-out infinite}@keyframes node-pulse{0%,to{box-shadow:0 0 20px rgba(var(--color-cyan-rgb),.3)}50%{box-shadow:0 0 40px rgba(var(--color-cyan-rgb),.6)}}.hero-neural-node.processing{animation:node-process 1s ease-in-out infinite}@keyframes node-process{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-neural-node-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px}.hero-neural-node-icon svg{width:20px;height:20px;stroke:var(--color-text-secondary)}.hero-neural-node:hover .hero-neural-node-icon svg{stroke:var(--color-text-primary)}.hero-neural-node.active .hero-neural-node-icon svg{stroke:var(--color-cyan)}.hero-neural-node-label{font-size:9px;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.hero-neural-node:hover .hero-neural-node-label{color:var(--color-text-secondary)}.hero-neural-node-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(10px);padding:8px 12px;background:#000000e6;border:1px solid rgba(var(--color-accent-rgb),.3);border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100}.hero-neural-node-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6}.hero-neural-node:hover .hero-neural-node-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.hero-neural-node-tooltip-title{font-size:11px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.hero-neural-node-tooltip-desc{font-size:10px;color:var(--color-text-tertiary)}.hero-processing-bar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:#0006;border:1px solid var(--card-bg-hover);border-radius:var(--radius-md)}.hero-processing-indicator{display:flex;align-items:center;gap:6px}.hero-processing-dot{width:8px;height:8px;background:var(--color-cyan);border-radius:50%;animation:processing-blink 1.5s ease-in-out infinite}@keyframes processing-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero-processing-text{font-size:11px;font-family:var(--font-mono);color:var(--color-text-secondary)}.hero-processing-progress{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.hero-processing-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-cyan));border-radius:2px;width:0%;animation:processing-fill 4s ease-in-out infinite}@keyframes processing-fill{0%{width:0%}50%{width:100%}50.1%{width:0%}to{width:0%}}.hero-processing-value{font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--color-cyan);min-width:45px;text-align:right}.hero-ai-panel{display:flex;flex-direction:column;gap:var(--space-md)}.hero-ai-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-sm);border-bottom:1px solid var(--card-bg-hover)}.hero-ai-title{display:flex;align-items:center;gap:var(--space-sm)}.hero-ai-icon{width:24px;height:24px;background:var(--gradient-primary);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px}.hero-ai-title span{font-size:12px;font-weight:600}.hero-ai-status{padding:3px 8px;background:rgba(var(--color-cyan-rgb),.15);border:1px solid rgba(var(--color-cyan-rgb),.3);border-radius:var(--radius-full);font-size:9px;font-weight:600;color:var(--color-cyan);text-transform:uppercase}.hero-ai-chat{flex:1;display:flex;flex-direction:column;gap:var(--space-md);background:#0000004d;border:1px solid var(--card-bg-hover);border-radius:var(--radius-md);padding:var(--space-md);max-height:280px;overflow-y:auto}.hero-ai-message{display:flex;gap:var(--space-sm);animation:message-appear .3s ease}@keyframes message-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-ai-message.user{flex-direction:row-reverse}.hero-ai-avatar{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.hero-ai-avatar.ai{background:var(--gradient-primary)}.hero-ai-avatar.user{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.hero-ai-bubble{padding:10px 14px;background:var(--card-bg-hover);border:1px solid rgba(255,255,255,.08);border-radius:4px 12px 12px;font-size:12px;line-height:1.5;color:var(--color-text-secondary);max-width:85%}.hero-ai-message.user .hero-ai-bubble{background:rgba(var(--color-accent-rgb),.15);border-color:rgba(var(--color-accent-rgb),.3);border-radius:12px 4px 12px 12px}.hero-ai-bubble.typing{display:flex;align-items:center;gap:4px;padding:12px 16px}.hero-ai-bubble.typing span{width:6px;height:6px;background:var(--color-text-tertiary);border-radius:50%;animation:typing-bounce 1.4s ease-in-out infinite}.hero-ai-bubble.typing span:nth-child(1){animation-delay:0s}.hero-ai-bubble.typing span:nth-child(2){animation-delay:.2s}.hero-ai-bubble.typing span:nth-child(3){animation-delay:.4s}.hero-ai-code{margin-top:8px;padding:10px;background:#0006;border:1px solid var(--card-bg-hover);border-radius:6px;font-family:var(--font-mono);font-size:10px;color:var(--color-cyan);overflow-x:auto}.hero-ai-input{display:flex;align-items:center;gap:var(--space-sm);padding:10px 14px;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);transition:all .2s ease;cursor:text}.hero-ai-input:hover{border-color:rgba(var(--color-accent-rgb),.3)}.hero-ai-input-text{flex:1;font-size:12px;color:var(--color-text-tertiary)}.hero-ai-input-cursor{width:2px;height:16px;background:var(--color-accent);animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-ai-input-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:6px;cursor:pointer;transition:all .2s ease}.hero-ai-input-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(var(--color-accent-rgb),.4)}.hero-ai-input-btn svg{width:14px;height:14px;stroke:#fff}.hero-ai-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.hero-ai-stat{padding:10px;background:#0000004d;border:1px solid var(--card-bg-hover);border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:all .2s ease}.hero-ai-stat:hover{background:rgba(var(--color-accent-rgb),.1);border-color:rgba(var(--color-accent-rgb),.3)}.hero-ai-stat-value{font-size:18px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-ai-stat-label{font-size:9px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.hero-neural-node.selected{border-color:var(--color-cyan);background:linear-gradient(135deg,rgba(var(--color-cyan-rgb),.2),rgba(var(--color-cyan-rgb),.1));transform:scale(1.15)}.hero-neural-node.selected:before{background:linear-gradient(135deg,var(--color-cyan),var(--color-accent));opacity:1;filter:blur(12px)}@media(max-width:1023px){.exp-auto-node{width:64px;height:64px;border-radius:12px;gap:4px}.exp-auto-node-icon{width:22px;height:22px}.exp-auto-node-label{font-size:8px}.exp-auto-canvas{padding:14px}.exp-auto-node-group{gap:4px}}@media(max-width:1023px){.hero-browser-content{grid-template-columns:1fr;min-height:auto}.hero-sidebar{display:none}.hero-ai-panel{order:-1}.hero-neural-canvas{min-height:250px}}@media(max-width:479px){.hero-visual{margin-top:var(--space-2xl);padding:0 var(--space-md)}.hero-browser-content{padding:var(--space-md)}.hero-neural-node{width:56px;height:56px}.hero-neural-node-label{display:none}}.dash-chat{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.dash-chat-message{display:flex;gap:var(--space-sm);max-width:85%}.dash-chat-message.ai{align-self:flex-start}.dash-chat-message.user{align-self:flex-end;flex-direction:row-reverse}.dash-chat-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.dash-chat-avatar.ai{background:var(--gradient-primary)}.dash-chat-avatar.user{background:var(--color-surface-elevated);border:1px solid var(--color-border)}.dash-chat-bubble{padding:var(--space-sm) var(--space-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:12px;line-height:1.5;color:var(--color-text-secondary)}.dash-chat-bubble.ai{background:rgba(var(--color-accent-rgb),.1);border-color:rgba(var(--color-accent-rgb),.2)}.dash-chat-typing{display:flex;gap:4px;padding:var(--space-sm) var(--space-md)}.dash-chat-typing span{width:6px;height:6px;background:var(--color-accent);border-radius:50%;animation:typing-bounce 1.4s ease-in-out infinite}.dash-chat-typing span:nth-child(2){animation-delay:.2s}.dash-chat-typing span:nth-child(3){animation-delay:.4s}.problem-section{padding:var(--space-5xl) 0;border-top:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface) 100%)}.problem-grid{display:grid;grid-template-columns:1fr;gap:0;align-items:start;max-width:1000px;margin:0 auto}.problem-content{max-width:540px}.problem-eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-rose);margin-bottom:var(--space-md)}.problem-title{font-size:clamp(26px,4vw,48px);font-weight:800;line-height:1.15;margin-bottom:var(--space-lg)}.problem-list{list-style:none;margin:var(--space-xl) 0}.problem-list li{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;color:var(--color-text-secondary);font-size:var(--text-md);line-height:1.5;border-bottom:1px solid var(--color-border)}.problem-list li:last-child{border-bottom:none}.problem-text{display:flex;flex-direction:column;gap:.5rem}.problem-solution{color:var(--color-accent);font-size:var(--text-md);font-weight:500;line-height:1.4;padding-left:.5rem;margin-top:.25rem}.problem-list-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-rose-rgb),.1);border-radius:50%;color:var(--color-rose)}.problem-list-icon svg{width:12px;height:12px}.problem-transition{margin-top:var(--space-xl);padding:var(--space-lg);background:rgba(var(--color-accent-rgb),.05);border:1px solid rgba(var(--color-accent-rgb),.2);border-radius:var(--radius-lg)}.problem-transition-text{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.problem-transition-text span{color:var(--color-accent-light)}.comparison-visual{background:var(--color-surface);border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--color-accent-light);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);position:relative;overflow:hidden;max-width:1000px;margin:0 auto;box-shadow:0 2px 12px -2px #0000004d,0 0 0 1px rgba(var(--color-accent-light-rgb),.06);transition:var(--transition-card)}.comparison-visual:hover{border-color:rgba(var(--color-accent-light-rgb),.35);border-top-color:var(--color-accent-light);transform:translateY(-4px);box-shadow:0 20px 40px -8px #00000080,0 13px 27px -5px rgba(var(--color-accent-light-rgb),.15),0 0 80px rgba(var(--color-accent-light-rgb),.08)}.comparison-header{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.comparison-col-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.comparison-col-title.highlight{color:var(--color-accent-light)}.comparison-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);padding:var(--space-xl) var(--space-md);border-bottom:1px solid var(--color-border);position:relative}.comparison-row:last-child{border-bottom:none}.comparison-cell{display:flex;align-items:center;gap:var(--space-lg)}.comparison-cell.old{color:var(--color-text-secondary);opacity:.85}.comparison-cell.new{color:var(--color-accent);font-weight:500;padding-left:var(--space-md)}.comparison-value{font-size:16px;font-weight:500;line-height:1.5;color:#fffffff2}.comparison-label{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:6px;line-height:1.3}.comparison-desc{font-size:13px;font-weight:400;color:var(--color-text-secondary);line-height:1.6;opacity:.8}.problem-icon-wrapper{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-red-rgb),.1);border-radius:12px;border:1px solid rgba(var(--color-red-rgb),.2);transition:all .3s ease}.comparison-row:hover .problem-icon-wrapper{background:rgba(var(--color-red-rgb),.1);border-color:rgba(var(--color-red-rgb),.25);transform:scale(1.05)}.problem-icon{width:22px;height:22px;color:rgba(var(--color-red-rgb),.8)}.solution-icon-wrapper{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-emerald-rgb),.1);border-radius:12px;border:1px solid rgba(var(--color-emerald-rgb),.2);transition:all .3s ease}.comparison-row:hover .solution-icon-wrapper{background:rgba(var(--color-emerald-rgb),.1);border-color:rgba(var(--color-emerald-rgb),.25);transform:scale(1.05)}.solution-icon{width:22px;height:22px;color:rgba(var(--color-emerald-rgb),.8)}@media(max-width:767px){.comparison-visual{background:transparent;border:none;padding:var(--space-sm)}.comparison-visual:before{display:none}.comparison-header{display:none}.comparison-row{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md) 0}.comparison-cell{padding:var(--space-md);border-radius:var(--radius-md);flex-wrap:wrap}.comparison-cell.old{background:rgba(var(--color-red-rgb),.1);border:1px solid rgba(var(--color-red-rgb),.22)}.comparison-cell.old:before{content:"DIE HERAUSFORDERUNG";display:block;width:100%;font-size:9px;font-weight:700;letter-spacing:.1em;color:rgba(var(--color-red-rgb),.7);margin-bottom:var(--space-sm)}.comparison-cell.new{background:rgba(var(--color-emerald-rgb),.1);border:1px solid rgba(var(--color-emerald-rgb),.22)}.comparison-cell.new:before{content:"IHR NEUER ANSATZ";display:block;width:100%;font-size:9px;font-weight:700;letter-spacing:.1em;color:rgba(var(--color-emerald-rgb),.7);margin-bottom:var(--space-sm)}.problem-icon-wrapper,.solution-icon-wrapper{width:40px;height:40px;min-width:40px}}@media(max-width:479px){.comparison-cell{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.problem-icon-wrapper,.solution-icon-wrapper{width:40px;height:40px}}.sparkline-section{padding:var(--space-5xl) 0;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface) 50%,var(--color-bg) 100%);position:relative}.sparkline-flow{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.sparkline-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;transition:all .3s ease}.sparkline-card.problem-card{border-left:4px solid rgba(var(--color-red-rgb),.6);background:linear-gradient(135deg,rgba(var(--color-red-rgb),.03),#0f172a99)}.sparkline-card.solution-card{border-left:4px solid rgba(var(--color-emerald-rgb),.6);background:linear-gradient(135deg,rgba(var(--color-emerald-rgb),.03),#0f172a99);margin-bottom:var(--space-3xl)}.sparkline-card:hover{transform:translate(8px);border-left-width:6px}.card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md);opacity:.5}.problem-card .card-label{color:rgba(var(--color-red-rgb),.8)}.solution-card .card-label{color:rgba(var(--color-emerald-rgb),.8)}.card-content{display:flex;align-items:flex-start;gap:var(--space-lg)}.card-text{flex:1}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-xs);color:#fffffff2}.card-desc{font-size:.95rem;color:#fff9;font-style:italic;line-height:1.6}.card-value{font-size:1.1rem;color:#ffffffe6;line-height:1.7;font-weight:500}.sparkline-transition{display:flex;justify-content:center;align-items:center;height:40px;position:relative}.transition-arrow{width:32px;height:32px;color:rgba(var(--color-accent-rgb),.4);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(-5px);opacity:.4}50%{transform:translateY(5px);opacity:.8}}@media(max-width:767px){.sparkline-flow{max-width:100%;gap:var(--space-sm)}.sparkline-card{padding:var(--space-lg)}.card-content{gap:var(--space-md)}.card-title{font-size:1.1rem}.card-value{font-size:1rem}.sparkline-transition{height:30px}.transition-arrow{width:24px;height:24px}}@media(max-width:767px){.problem-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.problem-content{max-width:100%}}.innoflow-section{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.innoflow-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-4xl);align-items:center}.innoflow-content{max-width:500px}.innoflow-logo{display:inline-flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.innoflow-logo-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.innoflow-logo-icon svg{width:24px;height:24px;stroke:#fff}.innoflow-logo-text{font-size:24px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.innoflow-title{font-size:clamp(28px,3.5vw,40px);font-weight:800;line-height:1.2;margin-bottom:var(--space-lg)}.innoflow-desc{font-size:var(--text-md);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-xl)}.innoflow-features{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.innoflow-feature{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:rgba(var(--color-accent-rgb),.05);border:1px solid rgba(var(--color-accent-rgb),.1);border-radius:var(--radius-md);transition:all var(--transition)}.innoflow-feature:hover{background:rgba(var(--color-accent-rgb),.1);border-color:rgba(var(--color-accent-rgb),.2);transform:translate(4px)}.innoflow-feature-icon{width:36px;height:36px;flex-shrink:0;background:rgba(var(--color-accent-rgb),.15);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-accent-light)}.innoflow-feature-icon svg{width:18px;height:18px}.innoflow-feature-text{font-size:15px;font-weight:500;color:var(--color-text-primary)}.innoflow-cta{display:flex;gap:var(--space-md);flex-wrap:wrap}.innoflow-visual{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);min-height:400px;overflow:hidden}.innoflow-visual:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.innoflow-visual-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg)}.innoflow-visual-title{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.innoflow-visual-badge{display:flex;align-items:center;gap:var(--space-xs);padding:4px 10px;background:rgba(var(--color-emerald-rgb),.1);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:var(--color-emerald)}.innoflow-visual-badge:before{content:"";width:6px;height:6px;background:var(--color-emerald);border-radius:50%;animation:pulse-subtle 2s ease-in-out infinite}.innoflow-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.innoflow-module{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:all var(--transition)}.innoflow-module:hover{border-color:var(--color-accent);transform:translateY(-2px)}.innoflow-module-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.innoflow-module-icon{width:28px;height:28px;background:rgba(var(--color-accent-rgb),.1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-accent-light)}.innoflow-module-icon svg{width:14px;height:14px}.innoflow-module-name{font-size:13px;font-weight:600;color:var(--color-text-primary)}.innoflow-module-desc{font-size:12px;color:var(--color-text-tertiary);line-height:1.4}@media(max-width:767px){.innoflow-grid{grid-template-columns:1fr}.innoflow-content{max-width:100%}.innoflow-modules,.innoflow-timeline-cards{grid-template-columns:1fr}}.testimonial{background:var(--color-bg);position:relative;overflow:hidden}.testimonial-gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(var(--color-accent-rgb),.1) 0%,transparent 70%);pointer-events:none}.testimonial-card{position:relative;max-width:767px;margin:0 auto;text-align:center;padding:var(--space-4xl);background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-2xl);backdrop-filter:blur(20px)}.testimonial-quote-icon{margin-bottom:var(--space-xl);opacity:.3}.testimonial-quote-icon svg{width:48px;height:48px;fill:var(--color-accent)}.testimonial-text{font-size:clamp(22px,3vw,32px);font-weight:500;line-height:1.4;margin-bottom:var(--space-2xl)}.testimonial-highlight{font-weight:600;background:linear-gradient(90deg,var(--color-accent),var(--color-cyan-dark),var(--color-accent-light),var(--color-cyan),var(--color-accent));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:testimonial-gradient-shift 8s ease-in-out infinite}@keyframes testimonial-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}.testimonial-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--color-accent);box-shadow:0 0 30px var(--color-accent-glow)}.testimonial-info{text-align:left}.testimonial-name{font-size:var(--text-lg);font-weight:700;margin-bottom:4px}.testimonial-role-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;margin-bottom:6px}.testimonial-company-name{font-size:14px;font-weight:600;color:var(--color-accent-light)}.testimonial-roles{display:flex;flex-direction:column;gap:6px;margin-top:4px}.testimonial-role-item{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.testimonial-role{font-size:14px;color:var(--color-text-secondary)}.testimonial-company{font-size:14px;font-weight:600;color:var(--color-accent)}.testimonial-separator{color:var(--color-text-tertiary);opacity:.5}@media(max-width:767px){.testimonial-card{padding:var(--space-xl)}.testimonial-text{font-size:18px;line-height:1.6;text-align:left}.testimonial-author{flex-direction:column;gap:var(--space-md)}.testimonial-info{text-align:center}}@media(max-width:479px){.testimonial-text{font-size:16px}}.tools{background:var(--color-bg)}.tools-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.tools-content{max-width:500px}.tools-content .section-eyebrow{display:inline-flex}.tools-content .section-title{text-align:left;margin-bottom:var(--space-md)}.tools-content .section-desc{text-align:left;margin:0 0 var(--space-xl)}.tools-list{list-style:none;margin-bottom:var(--space-xl)}.tools-list-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-md);transition:all var(--transition);cursor:pointer}.tools-list-item:hover{background:var(--card-bg-hover);border-color:var(--color-accent);transform:translate(8px)}.tools-list-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tools-list-icon svg{width:22px;height:22px;stroke:#fff;fill:none}.tools-list-text h4{font-size:16px;font-weight:600;margin-bottom:2px}.tools-list-text p{font-size:13px;color:var(--color-text-tertiary)}.tools-visual{position:relative}.tools-mockup{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 32px 64px #0006}.tools-mockup-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#00000080;border-bottom:1px solid var(--color-border)}.tools-mockup-content{padding:var(--space-xl)}.tools-input-area{background:#0000004d;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.tools-input-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:var(--space-sm)}.tools-input-text{font-size:14px;color:var(--color-text-secondary);line-height:1.6}.tools-output-area{background:rgba(var(--color-accent-rgb),.05);border:1px solid rgba(var(--color-accent-rgb),.2);border-radius:var(--radius-lg);padding:var(--space-lg)}.tools-output-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.tools-output-icon{width:24px;height:24px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.tools-output-icon svg{width:12px;height:12px;stroke:#fff;fill:none}.tools-output-title{font-size:13px;font-weight:600;color:var(--color-accent-light)}.tools-output-item{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:13px;color:var(--color-text-secondary)}.tools-output-bullet{color:var(--color-accent);font-weight:700}@media(max-width:767px){.tools-layout{grid-template-columns:1fr;gap:var(--space-2xl)}.tools-content{max-width:none}}.team{background:var(--color-bg);border-top:1px solid var(--color-border)}.team-stack-wrapper{max-width:767px;margin:0 auto;perspective:1500px}.team-stack-label{font-size:15px;font-weight:700;color:var(--color-cyan);text-align:center;letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--space-2xl)}.team-stack-container{position:relative;min-height:315px;transform-style:preserve-3d}.team-card-stack{position:absolute;inset:0;background:#0f172a;border:1px solid rgba(var(--color-accent-rgb),.3);border-top:3px solid var(--color-accent);border-radius:24px;padding:var(--space-2xl);transition:all .6s cubic-bezier(.16,1,.3,1);overflow:hidden}.team-card-stack[data-position=current]{z-index:4;transform:translateZ(0) translateY(0) scale(1);opacity:1;pointer-events:auto}.team-card-stack[data-position=next]{z-index:3;transform:translateZ(-20px) translateY(-18px) scale(.97);opacity:.5;pointer-events:none}.team-card-stack[data-position=next-2]{z-index:2;transform:translateZ(-40px) translateY(-36px) scale(.94);opacity:.3;pointer-events:none}.team-card-stack[data-position=hidden]{z-index:1;transform:translateZ(-60px) translateY(-54px) scale(.91);opacity:0;pointer-events:none}.team-card-stack[data-position=prev]{z-index:5;transform:translateZ(150px) scale(1.08);opacity:0;pointer-events:none}.team-card-stack.leaving-forward{animation:teamCardFlyForward .5s cubic-bezier(.4,0,.2,1) forwards;transition:none;z-index:10}@keyframes teamCardFlyForward{0%{transform:translateZ(0) translateY(0) scale(1);opacity:1;filter:blur(0px)}to{transform:translateZ(160px) translateY(55px) scale(1.04);opacity:0;filter:blur(7px)}}.team-card-stack.leaving-backward{animation:teamCardSlideBack .5s cubic-bezier(.4,0,.2,1) forwards;transition:none}@keyframes teamCardSlideBack{0%{transform:translateZ(0) translateY(0) scale(1);opacity:1}to{transform:translateZ(-20px) translateY(-18px) scale(.97);opacity:.5}}.team-card-stack.entering-from-back{animation:teamCardEnterFromBack .5s cubic-bezier(.4,0,.2,1) forwards;transition:none;z-index:5}@keyframes teamCardEnterFromBack{0%{transform:translateZ(160px) translateY(55px) scale(1.04);opacity:0;filter:blur(7px)}to{transform:translateZ(0) translateY(0) scale(1);opacity:1;filter:blur(0px)}}.team-card-stack[data-position=current]:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 30px 60px -15px #00000080;z-index:-1}.team-card-stack[data-position=next]:after,.team-card-stack[data-position=next-2]:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 15px 30px -10px #0000004d;z-index:-1}.team-card-content{display:flex;align-items:center;gap:var(--space-2xl);text-decoration:none;color:inherit}.team-card-link{display:inline-block;margin-top:var(--space-lg);font-size:.9rem;font-weight:600;font-style:normal;color:var(--color-accent-light);opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease,color .3s ease}.team-card-stack[data-position=current] .team-card-content:hover .team-card-link{opacity:1;transform:translateY(0)}.team-card-stack[data-position=current] .team-card-content:hover .team-card-link:hover{color:var(--color-cyan)}.team-card-avatar-wrapper{position:relative;flex-shrink:0;width:140px;height:140px}.team-card-avatar{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px solid rgba(15,23,42,.95);margin:10px;display:block}.team-progress-ring{position:absolute;top:0;left:0;width:140px;height:140px;transform:rotate(-90deg);z-index:2;pointer-events:none;opacity:0;transition:opacity .3s ease}.team-card-stack[data-position=current] .team-progress-ring{opacity:1}.progress-ring-bg{fill:none;stroke:rgba(var(--color-accent-rgb),.15);stroke-width:3}.progress-ring-fill{fill:none;stroke:url(#team-progress-gradient);stroke-width:3;stroke-linecap:round;stroke-dasharray:415;stroke-dashoffset:415;transition:stroke-dashoffset .3s ease}.team-card-info{flex:1;text-align:left}.team-card-left{display:flex;flex-direction:column;align-items:center;text-align:center;flex-shrink:0;min-width:180px;justify-content:center}.team-card-lead-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:var(--space-md)}.team-card-lead-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-decoration:none;padding:var(--space-sm);border-radius:var(--radius-md);transition:background .2s ease}.team-card-lead-link:hover{background:var(--card-bg-hover)}.team-card-lead-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);transition:border-color .3s ease}.team-card-lead-link:hover .team-card-lead-photo{border-color:var(--color-accent)}.team-card-lead-text{display:flex;flex-direction:column;gap:2px}.team-card-name{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary)}.team-card-lead-exp{font-size:var(--text-sm);color:var(--color-text-tertiary)}.team-card-lead-arrow{font-size:.85rem;color:var(--color-text-tertiary);transition:transform .2s ease,color .2s ease}.team-card-lead-link:hover .team-card-lead-arrow{color:var(--color-accent);transform:translate(3px)}.team-card-stack .practice-card{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important}.team-card-stack .practice-card:hover{box-shadow:none!important}.team-card-quote{font-size:1.1rem;color:#fffc;font-style:italic;line-height:1.7;padding-left:var(--space-lg);border-left:3px solid rgba(var(--color-accent-rgb),.4)}.team-card-focus{display:flex;flex-wrap:wrap;gap:8px}.team-card-focus-tag{font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--card-bg-hover);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:6px 14px}.team-stack-controls{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-3xl)}.team-stack-arrow{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-accent-rgb),.08);border:1px solid rgba(var(--color-accent-rgb),.2);border-radius:50%;cursor:pointer;transition:all .3s ease;color:var(--color-cyan)}.team-stack-arrow:hover{background:rgba(var(--color-accent-rgb),.15);border-color:rgba(var(--color-accent-rgb),.4);transform:scale(1.15);box-shadow:0 10px 20px rgba(var(--color-accent-rgb),.25)}.team-stack-arrow svg{width:22px;height:22px}@media(max-width:767px){.team-card-stack{padding:var(--space-lg)}.team-card-content{flex-direction:column;text-align:center;gap:var(--space-lg)}.team-card-info{text-align:center}.team-card-avatar-wrapper{width:120px;height:120px}.team-card-avatar{width:100px;height:100px}.team-progress-ring{width:120px;height:120px;top:10px;left:0;right:0;margin:auto}.team-card-quote{border-left:none;border-top:2px solid rgba(var(--color-accent-rgb),.3);padding-left:0;padding-top:var(--space-md)}.team-card-area{font-size:1.4rem}.team-stack-arrow{width:44px;height:44px}}.snake-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s ease}.snake-canvas.active{pointer-events:auto;opacity:1}.site-footer{position:relative}.site-footer.snake-active{min-height:400px}.footer-content.snake-hidden{opacity:0;pointer-events:none;transition:opacity .3s ease}.snake-ui{position:absolute;top:var(--space-lg);left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);opacity:0;pointer-events:none;transition:opacity .3s ease}.snake-ui.active{opacity:1}.snake-score-display{display:flex;align-items:center;gap:var(--space-sm);background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1)}.snake-score-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.snake-score-value{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--color-accent);min-width:40px}.snake-hint{font-size:.7rem;color:#ec489999;background:none;border:none;padding:0}.snake-preview-canvas{position:fixed;bottom:0;left:0;width:100%;height:100%;max-height:400px;z-index:1;opacity:0;transition:opacity .2s ease;pointer-events:none}.snake-preview-canvas.visible{opacity:1}.site-footer{overflow:hidden;position:relative}.footer-content{position:relative;z-index:5;transition:transform .1s ease-out}.site-footer.pull-active .footer-content:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;background:var(--color-surface);z-index:-1}.snake-pull-indicator{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:100}.snake-pull-indicator.visible{opacity:1}.snake-pull-progress-bar{width:120px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.snake-pull-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--color-accent),var(--color-cyan));border-radius:2px;transition:width .1s ease-out}.snake-pull-indicator.ready .snake-pull-progress-fill{background:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan)}.snake-pull-text{font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);text-align:center;transition:color .2s ease}.snake-pull-indicator.ready .snake-pull-text{color:var(--color-cyan)}.snake-pull-indicator.triggered{animation:pullTrigger .3s ease forwards}@keyframes pullTrigger{0%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(1.5);opacity:0}}@media(max-width:479px){.snake-ui{flex-direction:column;gap:var(--space-sm)}.site-footer.snake-active{min-height:300px}}.hero-replay{background:none;border:none;cursor:pointer;color:#ffffff59;font-size:13px;font-family:inherit;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;transition:color .2s ease,background .2s ease;letter-spacing:.01em;margin-top:12px}.hero-replay:hover{color:#ffffffb3;background:var(--card-bg-hover)}