.hero{position:relative;min-height:max(100vh,700px);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-primary);padding-top:120px;padding-bottom:100px;box-sizing:border-box;contain:strict;content-visibility:auto;contain-intrinsic-size:100vw 100vh}.hero-split{padding:0;min-height:max(100vh,700px)}.hero-split-container{min-height:600px;contain:layout}.hero-content-left{min-height:400px;contain:layout style}.hero-title{min-height:180px}.hero-subtitle{min-height:60px}.hero-cta{min-height:54px}.hero-gradient-mesh{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict;content-visibility:auto;contain-intrinsic-size:100vw 100vh;transform:translateZ(0)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;transform:translateZ(0);contain:paint}.gradient-orb-1{width:70vmax;height:70vmax;top:-30%;left:-20%;background:radial-gradient(circle,rgba(0,212,255,.35) 0,rgba(0,212,255,0) 70%);animation:orbFloat1 25s ease-in-out infinite}.gradient-orb-2{width:60vmax;height:60vmax;top:10%;right:-25%;background:radial-gradient(circle,rgba(123,63,242,.3) 0,rgba(123,63,242,0) 70%);animation:orbFloat2 30s ease-in-out infinite}.gradient-orb-3{width:50vmax;height:50vmax;bottom:-20%;left:20%;background:radial-gradient(circle,rgba(0,212,255,.25) 0,rgba(123,63,242,.1) 50%,transparent 70%);animation:orbFloat3 20s ease-in-out infinite}@keyframes orbFloat1{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(5%,8%) scale(1.05)}50%{transform:translate(8%,3%) scale(1.08)}75%{transform:translate(2%,-5%) scale(1.02)}}@keyframes orbFloat2{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-6%,4%) scale(1.06)}66%{transform:translate(-2%,-6%) scale(.96)}}@keyframes orbFloat3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-8%,-12%) scale(1.1)}}.hero-split-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;width:100%;max-width:1400px;min-height:600px;margin:0 auto;padding:0 4rem;position:relative;z-index:10}.hero-content-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;hyphens:none;-webkit-hyphens:none;word-break:normal;overflow-wrap:normal;min-width:0;max-width:100%}.hero-title{font-size:clamp(3.5rem, 10vw, 8rem);font-weight:800;line-height:1;letter-spacing:-.04em;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;hyphens:none;-webkit-hyphens:none;max-width:100%}.title-line{display:block;opacity:0;animation:fadeInTitle .8s cubic-bezier(.16,1,.3,1) forwards;will-change:opacity}.title-line:first-child{animation-delay:.2s}.title-line:nth-child(2){animation-delay:.4s}@keyframes slideInTitle{to{opacity:1;transform:translateX(0)}}@keyframes fadeInTitle{to{opacity:1}}.title-gradient{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:fadeInTitle .8s cubic-bezier(.16,1,.3,1) forwards,gradientFlow 4s ease infinite;animation-delay:.4s,0s}.title-sub{font-size:clamp(1.5rem, 4vw, 3rem);font-weight:600;line-height:1.2;margin-top:.5rem;white-space:normal;word-wrap:break-word;animation-delay:.6s}@keyframes gradientFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6;max-width:100%;text-align:left;hyphens:none;-webkit-hyphens:none;word-break:keep-all;opacity:0;animation:fadeInTitle .8s ease forwards;animation-delay:.6s;will-change:opacity;min-height:1.6em}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeInTitle .8s ease forwards;animation-delay:.8s;will-change:opacity;min-height:54px}.btn-glow{position:relative;overflow:hidden;box-shadow:0 0 20px rgba(0,212,255,.3),0 0 40px rgba(0,212,255,.1);transition:all .3s ease}.btn-glow:hover{box-shadow:0 0 30px rgba(0,212,255,.5),0 0 60px rgba(0,212,255,.2);transform:translateY(-2px)}.btn-glow .btn-text{position:relative;z-index:2}.btn-glow .btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-glow:hover .btn-shine{left:100%}.btn-glass{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.btn-glass:hover{background:rgba(255,255,255,.1);border-color:rgba(0,212,255,.4);box-shadow:0 0 30px rgba(0,212,255,.15)}.hero-logo-right{display:flex;align-items:center;justify-content:center;padding-top:80px;overflow:visible;max-width:100%}.logo-glow-container{position:relative;width:min(550px,45vw);height:min(550px,45vw);display:flex;align-items:center;justify-content:center;flex-shrink:0}.glow-ring{position:absolute;border-radius:50%;pointer-events:none}.glow-ring-1{width:100%;height:100%;background:radial-gradient(circle,rgba(0,212,255,.15) 0,transparent 70%);animation:breatheRing1 4s ease-in-out infinite}.glow-ring-2{width:130%;height:130%;background:radial-gradient(circle,rgba(123,63,242,.1) 0,transparent 70%);animation:breatheRing2 4s ease-in-out infinite;animation-delay:.5s}.glow-ring-3{width:160%;height:160%;background:radial-gradient(circle,rgba(0,212,255,.05) 0,transparent 70%);animation:breatheRing3 4s ease-in-out infinite;animation-delay:1s}@keyframes breatheRing1{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}@keyframes breatheRing2{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.9}}@keyframes breatheRing3{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.08);opacity:.7}}.logo-core-glow{position:absolute;width:min(450px,40vw);height:min(450px,40vw);border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.4) 0,rgba(123,63,242,.3) 40%,transparent 70%);filter:blur(60px);animation:coreBreath 4s ease-in-out infinite}@keyframes coreBreath{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}.hero-logo-img{position:relative;z-index:2;width:min(400px,35vw);height:min(400px,35vw);aspect-ratio:1/1;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 60px rgba(0, 212, 255, .5));opacity:0;transform:scale(.8);animation:logoReveal 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.3s;will-change:transform,opacity;contain:layout size style}@keyframes logoReveal{to{opacity:1;transform:scale(1)}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:10;opacity:0;animation:fadeInUp .8s ease forwards;animation-delay:1.2s}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,transparent,var(--color-cyan) 30%,var(--color-purple) 70%,transparent);position:relative;overflow:hidden}.scroll-line::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:50%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.8),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%{top:-50%}100%{top:150%}}.scroll-text{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--text-tertiary)}@media (min-width:1201px) and (max-width:1400px){.hero-split-container{gap:1.5rem;padding:0 2rem 0 calc(2rem + 45px);max-width:100%;min-height:580px}.hero-content-left{padding-top:60px;min-height:380px}.hero-logo-right{padding-top:60px}.logo-glow-container{width:380px;height:380px}.hero-logo-img{width:260px;height:260px}.logo-core-glow{width:280px;height:280px}.hero-title{font-size:clamp(2.5rem, 5vw, 4.5rem);white-space:normal}.hero-subtitle{font-size:var(--text-lg)}.glow-ring-2,.glow-ring-3{display:none}}@media (min-width:2200px){.hero-split-container{max-width:2000px;gap:6rem;padding:0 8rem}.hero-title{font-size:clamp(5rem, 8vw, 10rem)}.hero-subtitle{font-size:var(--text-2xl);max-width:700px}.logo-glow-container{width:700px;height:700px}.hero-logo-img{width:500px;height:500px}.logo-core-glow{width:550px;height:550px}}@media (min-width:1800px) and (max-width:2199px){.hero-split-container{max-width:1700px;gap:5rem;padding:0 6rem}.hero-title{font-size:clamp(4.5rem, 7vw, 9rem)}.hero-subtitle{font-size:var(--text-xl);max-width:650px}.logo-glow-container{width:620px;height:620px}.hero-logo-img{width:450px;height:450px}.logo-core-glow{width:500px;height:500px}}@media (min-width:1600px) and (max-width:1799px){.hero-split-container{max-width:1550px;gap:4rem;padding:0 5rem}.hero-title{font-size:clamp(4rem, 6vw, 8rem)}.hero-subtitle{font-size:var(--text-xl);max-width:600px}.logo-glow-container{width:580px;height:580px}.hero-logo-img{width:420px;height:420px}.logo-core-glow{width:470px;height:470px}}@media (min-width:1025px) and (max-width:1200px){.hero-split-container{gap:1rem;padding:0 1.5rem 0 calc(1.5rem + 40px);max-width:100%;min-height:560px}.hero-content-left{padding-top:40px;min-height:350px}.hero-logo-right{padding-top:40px}.logo-glow-container{width:320px;height:320px}.hero-logo-img{width:220px;height:220px}.logo-core-glow{width:240px;height:240px}.hero-title{font-size:clamp(2rem, 4.5vw, 3.5rem);white-space:normal}.hero-subtitle{font-size:var(--text-base)}.glow-ring-1,.glow-ring-2,.glow-ring-3{display:none}}@media (max-width:1024px){.hero{min-height:auto;height:auto;padding-top:100px;padding-bottom:60px}.hero-split-container{grid-template-columns:1fr;gap:2rem;padding:0 2rem;text-align:center;min-height:550px}.hero-content-left{align-items:center;padding-top:0;order:2;min-height:300px}.hero-logo-right{order:1;padding-top:0}.logo-glow-container{width:280px;height:280px}.hero-logo-img{width:180px;height:180px}.logo-core-glow{width:180px;height:180px}.hero-title{font-size:clamp(2.5rem, 10vw, 4rem);white-space:normal;align-items:center}.hero-subtitle{max-width:100%;font-size:var(--text-base)}.hero-cta{justify-content:center;width:100%}.glow-ring-2,.glow-ring-3{display:none}.scroll-indicator{display:none}}@media (max-width:767px){.hero{padding-top:80px;padding-bottom:40px}.hero-split-container{padding:0 1rem;gap:1.5rem;min-height:480px}.hero-content-left{padding-top:0;min-height:280px}.hero-logo-right{padding-top:0}.logo-glow-container{width:200px;height:200px}.hero-logo-img{width:140px;height:140px}.logo-core-glow{width:140px;height:140px;filter:blur(30px)}.hero-title{font-size:clamp(2rem, 12vw, 3rem)}.hero-subtitle{font-size:var(--text-sm);margin-bottom:1.5rem}.hero-cta{flex-direction:column;gap:.75rem}.hero-cta .btn{width:100%;padding:var(--space-3) var(--space-4)}.gradient-orb{filter:blur(60px);opacity:.3}.glow-ring-1{display:none}}@media (max-width:480px){.hero{padding-top:70px;padding-bottom:30px}.hero-split-container{padding:0 .75rem;gap:1rem;min-height:420px}.hero-content-left{min-height:250px}.logo-glow-container{width:160px;height:160px}.hero-logo-img{width:120px;height:120px}.logo-core-glow{width:120px;height:120px}.hero-title{font-size:clamp(1.75rem, 10vw, 2.5rem);margin-bottom:1rem}.hero-subtitle{font-size:var(--text-xs);line-height:1.5}.hero-cta .btn{font-size:var(--text-sm)}}@media (prefers-reduced-motion:reduce){.glow-ring,.gradient-orb,.hero-cta,.hero-logo-img,.hero-subtitle,.logo-core-glow,.scroll-indicator,.scroll-line::after,.title-gradient,.title-line{animation:none!important;opacity:1!important;transform:none!important}}.section-devices{background:var(--bg-secondary);position:relative;overflow:hidden}.section-devices::before{content:'';position:absolute;top:0;left:0;right:0;height:350px;background:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-primary) 20%,#0e1330 45%,#14182f 65%,var(--bg-secondary) 100%);pointer-events:none}.section-devices::after{content:'';position:absolute;top:20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,255,.08) 0,transparent 70%);pointer-events:none;animation:ambientPulse 8s ease-in-out infinite}.section-devices-grid::before{content:'';position:absolute;bottom:-20%;left:-15%;width:400px;height:400px;background:radial-gradient(circle,rgba(123,63,242,.08) 0,transparent 70%);pointer-events:none;animation:ambientPulse 10s ease-in-out infinite reverse}@keyframes ambientPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.section-devices .container{position:relative}.section-devices .container::after{content:'';position:absolute;bottom:calc(-1 * var(--section-padding-y));left:-50%;right:-50%;height:200px;background:linear-gradient(180deg,transparent 0,var(--bg-secondary) 100%);pointer-events:none}.section-devices-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center;position:relative}.section-devices-content h2{margin-bottom:var(--space-5)}.section-devices-content p{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);color:var(--text-secondary)}.devices-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.device-feature{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:rgba(26,31,58,.5);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);transition:all var(--duration-base) var(--ease-in-out);backdrop-filter:blur(8px)}.device-feature:hover{background:rgba(0,212,255,.08);border-color:rgba(0,212,255,.25);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.device-feature:first-child{animation:featureReveal .5s ease-out .1s both}.device-feature:nth-child(2){animation:featureReveal .5s ease-out .2s both}.device-feature:nth-child(3){animation:featureReveal .5s ease-out .3s both}.device-feature:nth-child(4){animation:featureReveal .5s ease-out .4s both}@keyframes featureReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.device-feature-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,212,255,.15) 0,rgba(123,63,242,.1) 100%);border-radius:var(--radius-md);color:var(--color-cyan);border:1px solid rgba(0,212,255,.2)}.device-feature:hover .device-feature-icon{background:linear-gradient(135deg,rgba(0,212,255,.25) 0,rgba(123,63,242,.15) 100%);box-shadow:0 0 20px rgba(0,212,255,.2)}.device-feature-icon svg{width:22px;height:22px}.device-feature-content{display:flex;flex-direction:column;gap:4px}@media (max-width:767px){.devices-features{grid-template-columns:1fr}}.device-feature-content strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.device-feature-content span{font-size:var(--text-sm);color:var(--text-tertiary)}.section-devices-visual{position:relative;width:100%;min-height:450px}.device-showcase{position:relative;padding:var(--space-8);display:flex;align-items:center;justify-content:center}.device-showcase-glow{position:absolute;inset:-50px;background:radial-gradient(ellipse 600px 400px at 30% 40%,rgba(0,212,255,.12) 0,transparent 70%),radial-gradient(ellipse 500px 500px at 70% 60%,rgba(123,63,242,.1) 0,transparent 60%),radial-gradient(ellipse 300px 200px at 50% 80%,rgba(0,212,255,.08) 0,transparent 70%);filter:blur(60px);pointer-events:none;animation:glowShift 12s ease-in-out infinite}@keyframes glowShift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(20px,-10px) scale(1.05)}66%{transform:translate(-10px,15px) scale(.98)}}.device-metrics{position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:var(--space-3);z-index:10}.device-metric{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(10,14,39,.9);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);animation:floatMetric 6s ease-in-out infinite}.device-metric--performance{animation-delay:0s}.device-metric--mobile{animation-delay:1s}@keyframes floatMetric{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.device-metric-value{font-size:var(--text-xl);font-weight:var(--weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.device-metric-icon{width:20px;height:20px;color:var(--color-cyan)}.device-metric-icon svg{width:100%;height:100%}.device-metric-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.device-stack{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:var(--space-4);perspective:1000px;z-index:5;margin-top:160px}.device{position:relative;transition:transform var(--duration-base) var(--ease-out)}.device:hover{z-index:10}.device-frame{background:linear-gradient(145deg,#1a1f35 0,#0d1117 100%);border:2px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 40px rgba(0,212,255,.15),0 0 80px rgba(123,63,242,.1),inset 0 1px 0 rgba(255,255,255,.1);transition:all var(--duration-base) var(--ease-out)}.device:hover .device-frame{box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 60px rgba(0,212,255,.25),0 0 100px rgba(123,63,242,.15),inset 0 1px 0 rgba(255,255,255,.15);border-color:rgba(0,212,255,.3)}.device-screen{background:linear-gradient(180deg,#0a0e27 0,#1a1f3a 100%);overflow:hidden}.device-content{padding:8px;overflow:hidden}.device-label{display:block;text-align:center;margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.device:hover .device-label{opacity:1}.device--desktop{transform:translateZ(0);animation:deviceFloat 6s ease-in-out infinite;animation-delay:0s}.device--desktop .device-frame{width:340px;border-radius:var(--radius-md) var(--radius-md) 0 0;position:relative}.device--desktop .device-frame::after{content:'';position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(180deg,#1a1f35 0,#0d1117 100%);border-top:1px solid rgba(255,255,255,.05)}.device--desktop .device-screen{height:200px;position:relative;margin-bottom:20px}.device--desktop .device-screen::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 50%,transparent 100%);transform:skewX(-20deg);animation:screenShine 8s ease-in-out infinite;animation-delay:1s}.device--desktop .device-stand{width:40px;height:50px;background:linear-gradient(180deg,#2a2f4a 0,#1a1f35 100%);margin:0 auto;clip-path:polygon(15% 0%,85% 0%,100% 100%,0% 100%);position:relative;z-index:1}.device--desktop .device-base{width:130px;height:12px;background:linear-gradient(180deg,#1a1f35 0,#0d1117 100%);border-radius:var(--radius-full);margin:0 auto;box-shadow:0 4px 15px rgba(0,0,0,.4)}.device--desktop:hover{transform:translateY(-12px) scale(1.03)}@keyframes deviceFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes screenShine{0%,100%{left:-100%;opacity:0}50%{left:150%;opacity:1}}.device--tablet{transform:translateZ(-20px) translateY(15px);animation:deviceFloat 6s ease-in-out infinite;animation-delay:.3s}.device--tablet .device-frame{width:160px;padding:10px;border-radius:var(--radius-lg)}.device--tablet .device-screen{height:210px;border-radius:var(--radius-sm);position:relative;overflow:hidden}.device--tablet .device-content{display:flex;flex-direction:column;height:100%;padding:6px;box-sizing:border-box}.device--tablet .device-screen::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.08) 50%,transparent 100%);transform:skewX(-20deg);animation:screenShine 8s ease-in-out infinite;animation-delay:2s}.device--tablet:hover{transform:translateZ(-20px) translateY(5px) scale(1.05)}.device--phone{transform:translateZ(-40px) translateY(30px);animation:deviceFloat 6s ease-in-out infinite;animation-delay:.6s}.device--phone .device-frame{width:95px;padding:8px;border-radius:var(--radius-lg);position:relative}.device--phone .device-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:40px;height:8px;background:#0d1117;border-radius:var(--radius-full);z-index:5}.device--phone .device-screen{height:175px;border-radius:var(--radius-md);position:relative}.device--phone .device-screen::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.06) 50%,transparent 100%);transform:skewX(-20deg);animation:screenShine 8s ease-in-out infinite;animation-delay:3s}.device--phone:hover{transform:translateZ(-40px) translateY(20px) scale(1.08)}.mock-nav{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:rgba(0,0,0,.3);margin-bottom:8px}.mock-logo{width:20px;height:8px;background:var(--gradient-primary);border-radius:2px}.mock-menu{display:flex;gap:4px}.mock-menu span{width:16px;height:3px;background:rgba(255,255,255,.4);border-radius:1px}.mock-hamburger{width:16px;height:12px;display:flex;flex-direction:column;justify-content:space-between}.mock-hamburger::after,.mock-hamburger::before{content:'';display:block;width:100%;height:2px;background:rgba(255,255,255,.7);border-radius:1px}.mock-hamburger span{display:block;width:100%;height:2px;background:rgba(255,255,255,.7);border-radius:1px}.mock-nav--phone{padding:3px 4px;gap:2px;overflow:hidden;margin-bottom:4px}.mock-nav--phone .mock-logo{width:12px;height:5px;flex-shrink:0;order:2}.mock-nav--phone .mock-hamburger{width:12px;height:8px;flex-shrink:0;order:1}.device--phone .device-content{padding:4px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.mock-hero{text-align:center;padding:12px 8px}.mock-title{height:10px;width:80%;margin:0 auto 6px;background:linear-gradient(90deg,rgba(255,255,255,.8) 0,rgba(255,255,255,.4) 100%);border-radius:2px}.mock-subtitle{height:6px;width:60%;margin:0 auto 10px;background:rgba(255,255,255,.3);border-radius:2px}.mock-cta{height:14px;width:50px;margin:0 auto;background:var(--gradient-primary);border-radius:var(--radius-sm)}.mock-hero--tablet{padding:8px 6px}.mock-hero--tablet .mock-title{height:6px;width:70%;margin-bottom:4px}.mock-hero--tablet .mock-subtitle{height:4px;width:50%;margin-bottom:6px}.mock-hero--tablet .mock-cta{height:10px;width:35px}.mock-hero--phone{padding:6px 4px}.mock-hero--phone .mock-title{height:5px;width:85%;margin-bottom:4px}.mock-hero--phone .mock-subtitle{display:none}.mock-hero--phone .mock-cta{height:8px;width:30px}.mock-cards{display:flex;gap:6px;justify-content:center;padding:0 8px}.mock-card{flex:1;height:35px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px}.mock-cards--tablet{gap:2px;padding:0 4px;margin-top:auto}.mock-cards--tablet .mock-card{height:16px}.mock-cards--phone{padding:0 4px;flex-direction:column;gap:3px}.mock-cards--phone .mock-card{height:14px;width:100%}.device-connections{position:absolute;bottom:0;left:0;right:0;height:80%;pointer-events:none;opacity:.6;z-index:1}.connection-line{stroke-dasharray:200;stroke-dashoffset:200;animation:drawLine 2s ease-out forwards}.connection-line--1{animation-delay:.5s}.connection-line--2{animation-delay:1s}@keyframes drawLine{to{stroke-dashoffset:0}}@media (min-width:1025px) and (max-width:1400px){.section-devices-grid{gap:var(--space-6)}.section-devices-content h2{font-size:var(--text-3xl)}.section-devices-content p{font-size:var(--text-base)}.device-showcase{padding:var(--space-4)}.device--desktop .device-frame{width:280px}.device--desktop .device-screen{height:160px}.device--tablet .device-frame{width:130px}.device--tablet .device-screen{height:170px}.device--phone .device-frame{width:80px}.device--phone .device-screen{height:140px}}@media (max-width:991px){.section-devices-grid{grid-template-columns:1fr;gap:var(--space-8)}.section-devices-visual{order:-1;min-height:400px;overflow:visible}.device-metrics{position:relative;flex-direction:row;justify-content:center;margin-bottom:var(--space-4)}.device-stack{margin-top:var(--space-4)}.device--tablet .device-screen{height:180px}}@media (max-width:767px){.scroll-indicator{display:none!important}.section-devices{padding:var(--space-10) 0!important;overflow:hidden!important}.section-devices-grid{grid-template-columns:1fr!important;gap:var(--space-6)!important}.section-devices-content h2{font-size:var(--text-xl)!important;line-height:1.3!important}.section-devices-content p{font-size:var(--text-sm)!important}.devices-features{grid-template-columns:1fr!important;gap:var(--space-2)!important}.device-feature{padding:var(--space-2)!important}.device-feature-content strong{font-size:var(--text-sm)!important}.device-feature-content span{font-size:var(--text-xs)!important}.section-devices-visual{display:none!important}}@media (max-width:1024px){.section-devices-visual{display:none!important}.section-devices-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.section-devices-content h2{font-size:var(--text-lg)!important}.device-feature-icon{width:32px!important;height:32px!important}.device-feature-icon svg{width:14px!important;height:14px!important}}@media (prefers-reduced-motion:reduce){.device-metric{animation:none}.connection-line{animation:none;stroke-dashoffset:0}.device--desktop,.device--phone,.device--tablet{animation:none}.device--desktop .device-screen::after,.device--phone .device-screen::after,.device--tablet .device-screen::after{animation:none;display:none}}.device-stack{position:relative;width:100%;height:450px}.device-desktop{position:absolute;top:0;left:0;width:65%;background:#1a1f3a;border-radius:var(--radius-lg);border:2px solid rgba(255,255,255,.1);box-shadow:var(--card-shadow);overflow:hidden;z-index:1}.device-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.1)}.device-dot{width:10px;height:10px;border-radius:50%}.device-dot.red{background:#ff5f56}.device-dot.yellow{background:#ffbd2e}.device-dot.green{background:#27ca40}.device-content{padding:16px;min-height:200px}.mock-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(255,255,255,.03);border-radius:var(--radius-md);margin-bottom:16px}.mock-logo{width:32px;height:32px;background:var(--gradient-primary);border-radius:var(--radius-sm)}.mock-menu{display:flex;gap:12px}.mock-menu span{width:50px;height:8px;background:rgba(255,255,255,.2);border-radius:var(--radius-full)}.mock-hero{padding:24px;background:linear-gradient(135deg,rgba(0,212,255,.1) 0,rgba(123,63,242,.1) 100%);border-radius:var(--radius-md);min-height:120px}.mock-title{height:16px;width:70%;background:rgba(255,255,255,.3);border-radius:var(--radius-sm);margin-bottom:12px}.mock-subtitle{height:10px;width:50%;background:rgba(255,255,255,.15);border-radius:var(--radius-sm);margin-bottom:16px}.mock-btn{display:inline-block;height:28px;width:80px;background:var(--gradient-primary);border-radius:var(--radius-md)}.device-tablet{position:absolute;bottom:20px;right:15%;width:30%;background:#1a1f3a;border-radius:var(--radius-lg);border:2px solid rgba(255,255,255,.1);box-shadow:var(--card-shadow);overflow:hidden;z-index:2}.device-tablet .device-content{padding:12px;min-height:150px}.mock-hero--tablet{padding:16px;min-height:80px}.mock-hero--tablet .mock-title{height:12px;width:80%}.mock-hero--tablet .mock-subtitle{height:8px;width:60%}.mock-hero--tablet .mock-btn{height:22px;width:60px}.device-phone{position:absolute;bottom:0;right:0;width:18%;min-width:100px;background:#1a1f3a;border-radius:var(--radius-xl);border:2px solid rgba(255,255,255,.1);box-shadow:var(--card-shadow);overflow:hidden;z-index:3}.phone-notch{width:40%;height:16px;background:#0a0e27;border-radius:0 0 10px 10px;margin:0 auto}.device-phone .device-content{padding:8px;min-height:180px}.mock-hero--phone{padding:12px;min-height:100px}.mock-hero--phone .mock-title{height:10px;width:90%}.mock-hero--phone .mock-subtitle{height:6px;width:70%}.mock-hero--phone .mock-btn{height:18px;width:50px}@media (max-width:1024px){.section-devices-grid{grid-template-columns:1fr;gap:var(--space-8)}.section-devices-visual{order:-1;min-height:350px}.device-stack{height:350px}.device-desktop{width:70%}.device-tablet{width:35%;right:10%}.device-phone{width:20%}}@media (max-width:767px){.device-stack{height:280px}.device-desktop{width:80%}.device-tablet{width:40%;right:5%}.device-phone{width:25%;min-width:80px}.mock-menu{display:none}}.section-showcase{background:var(--bg-secondary);position:relative;overflow:hidden}.section-showcase::before{content:'';position:absolute;top:0;left:0;right:0;height:350px;background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-secondary) 25%,rgba(26,31,58,.85) 50%,rgba(26,31,58,.4) 75%,transparent 100%);pointer-events:none;z-index:1}.section-showcase::after{content:'';position:absolute;top:30%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(123,63,242,.1) 0,transparent 70%);pointer-events:none;animation:showcaseGlowPulse 10s ease-in-out infinite}@keyframes showcaseGlowPulse{0%,100%{opacity:.6;transform:scale(1) translateY(0)}50%{opacity:.9;transform:scale(1.15) translateY(-20px)}}.section-showcase .container{position:relative}.section-showcase .container::before{content:'';position:absolute;bottom:10%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,255,.08) 0,transparent 70%);pointer-events:none;animation:showcaseGlowPulse 12s ease-in-out infinite reverse}.section-showcase-header{text-align:center;max-width:800px;margin:0 auto var(--space-10);position:relative;z-index:2}.section-showcase-header h2{margin-bottom:var(--space-5)}.section-showcase-header p{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);margin-bottom:var(--space-10);position:relative;z-index:2}.showcase-card[data-category=ecommerce]{background:rgba(30,38,69,.7)}.showcase-card[data-category=ecommerce]::before{background:linear-gradient(135deg,rgba(0,212,255,.4) 0,rgba(123,63,242,.4) 100%)}.showcase-card[data-category=ecommerce] .showcase-browser-bar{background:linear-gradient(90deg,rgba(0,212,255,.15) 0,rgba(26,31,58,.95) 100%)}.showcase-card:first-child{animation:cardReveal .6s ease-out .1s both}.showcase-card:nth-child(2){animation:cardReveal .6s ease-out .2s both}.showcase-card:nth-child(3){animation:cardReveal .6s ease-out .3s both}.showcase-card:nth-child(4){animation:cardReveal .6s ease-out .4s both}@keyframes cardReveal{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.showcase-card{position:relative;display:block;text-decoration:none;color:inherit;cursor:pointer;border-radius:var(--radius-xl);background:rgba(26,31,58,.6);border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:all var(--duration-base) var(--ease-out);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.2)}.showcase-card::before{content:'';position:absolute;inset:-2px;border-radius:calc(var(--radius-xl) + 2px);padding:2px;background:linear-gradient(135deg,rgba(0,212,255,.3) 0,rgba(123,63,242,.3) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--duration-base) var(--ease-out);pointer-events:none}.showcase-card:hover::before{opacity:1}.showcase-card:hover{border-color:transparent;transform:translateY(-8px) scale(1.01);box-shadow:0 25px 50px rgba(0,0,0,.35),0 0 60px rgba(0,212,255,.12),0 0 100px rgba(123,63,242,.08)}.showcase-card-inner{display:flex;flex-direction:column;height:100%}.showcase-card-preview{padding:var(--space-4);background:linear-gradient(135deg,rgba(0,212,255,.05) 0,rgba(123,63,242,.05) 100%);overflow:hidden}.showcase-browser{background:linear-gradient(145deg,#1a1f35 0,#0d1117 100%);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.showcase-browser-dots{display:flex;gap:6px;padding:10px 12px;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.05)}.showcase-browser-dots span{width:8px;height:8px;border-radius:50%}.showcase-browser-dots span:first-child{background:#ff5f57}.showcase-browser-dots span:nth-child(2){background:#febc2e}.showcase-browser-dots span:nth-child(3){background:#28c840}.showcase-browser-content{height:200px;padding:14px;overflow:hidden;transition:transform var(--duration-base) var(--ease-out)}.showcase-card:hover .showcase-browser-content{transform:scale(1.02)}.showcase-browser-content--shop{background:linear-gradient(180deg,#f8f9fa 0,#e9ecef 100%)}.shop-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:10px}.shop-logo{width:40px;height:12px;background:linear-gradient(90deg,#333 0,#666 100%);border-radius:2px}.shop-cart{position:relative;color:#333}.shop-cart svg{width:18px;height:18px}.cart-badge{position:absolute;top:-6px;right:-6px;width:14px;height:14px;background:var(--gradient-primary);color:#fff;font-size:9px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.shop-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shop-product{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.product-image{height:50px;background:linear-gradient(135deg,#e0e0e0 0,#f5f5f5 100%)}.product-info{padding:6px}.product-name{height:6px;width:80%;background:#ddd;border-radius:2px;margin-bottom:4px}.product-price{font-size:10px;font-weight:700;color:var(--color-cyan)}.showcase-browser-content--corporate{background:linear-gradient(180deg,#1a1f3a 0,#0d1117 100%)}.corp-hero{padding:10px}.corp-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.corp-logo{width:30px;height:10px;background:var(--gradient-primary);border-radius:2px}.corp-menu{display:flex;gap:8px}.corp-menu span{width:20px;height:4px;background:rgba(255,255,255,.4);border-radius:2px}.corp-headline{height:12px;width:85%;background:linear-gradient(90deg,rgba(255,255,255,.9) 0,rgba(255,255,255,.5) 100%);border-radius:2px;margin-bottom:6px}.corp-subline{height:6px;width:60%;background:rgba(255,255,255,.3);border-radius:2px;margin-bottom:10px}.corp-cta{width:50px;height:14px;background:var(--gradient-primary);border-radius:4px}.corp-stats{display:flex;justify-content:space-around;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.corp-stat{text-align:center}.stat-num{font-size:12px;font-weight:700;color:var(--color-cyan)}.stat-label{height:4px;width:30px;background:rgba(255,255,255,.2);border-radius:2px;margin-top:3px}.showcase-browser-content--creative{background:#000;position:relative}.creative-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px;height:120px}.gallery-item{background:linear-gradient(135deg,#333 0,#1a1a1a 100%);border-radius:4px;transition:transform .3s ease}.gallery-item--large{grid-column:span 2;grid-row:span 2;background:linear-gradient(135deg,var(--color-purple) 0,var(--color-cyan) 100%)}.gallery-item--wide{grid-column:span 2}.showcase-card:hover .gallery-item{transform:scale(.95)}.showcase-card:hover .gallery-item--large{transform:scale(1.02)}.creative-title{position:absolute;bottom:10px;left:12px;font-size:14px;font-weight:700;color:#fff;letter-spacing:4px}.showcase-browser-content--landing{background:linear-gradient(180deg,#667eea 0,#764ba2 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.landing-hero{width:100%;padding:10px}.landing-badge{display:inline-block;padding:3px 8px;background:rgba(255,255,255,.2);border-radius:10px;font-size:8px;font-weight:700;color:#fff;margin-bottom:8px}.landing-headline{height:12px;width:80%;margin:0 auto 10px;background:rgba(255,255,255,.9);border-radius:2px}.landing-form{display:flex;gap:6px;justify-content:center;margin-bottom:10px}.landing-form .form-input{width:80px;height:20px;background:rgba(255,255,255,.9);border-radius:4px}.landing-form .form-button{padding:4px 10px;background:#333;color:#fff;font-size:8px;font-weight:700;border-radius:4px}.landing-trust{display:flex;align-items:center;gap:6px;margin-bottom:8px}.landing-trust span{color:gold;font-size:10px}.trust-text{width:50px;height:6px;background:rgba(255,255,255,.5);border-radius:2px}.landing-features{display:flex;gap:10px}.landing-feature{color:#fff;font-size:10px}.showcase-card-info{padding:var(--space-5)}.showcase-card-info h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.showcase-card-info p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.showcase-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.showcase-tag{padding:4px 10px;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-full);font-size:11px;color:var(--color-cyan);font-weight:var(--weight-medium);transition:all var(--duration-fast) var(--ease-out)}.showcase-card:hover .showcase-tag{background:rgba(0,212,255,.15);border-color:rgba(0,212,255,.3)}.showcase-cta{text-align:center;padding:var(--space-8) var(--space-6);background:rgba(26,31,58,.8);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);position:relative;z-index:2;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.2);transition:all var(--duration-base) var(--ease-out)}.showcase-cta:hover{border-color:rgba(0,212,255,.2);box-shadow:0 12px 40px rgba(0,0,0,.25),0 0 30px rgba(0,212,255,.08)}.showcase-cta p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-4)}.showcase-cta strong{color:var(--text-primary)}@media (min-width:1025px) and (max-width:1400px){.section-showcase-header h2{font-size:var(--text-3xl)}.showcase-grid{gap:var(--space-4)}.showcase-card-preview{height:180px}.showcase-browser-content{height:140px}.showcase-card-info{padding:var(--space-4)}.showcase-card h3{font-size:var(--text-lg)}}@media (max-width:991px){.showcase-grid{grid-template-columns:1fr;gap:var(--space-5)}}@media (max-width:767px){.section-showcase-header{margin-bottom:var(--space-8)}.showcase-card-preview{padding:var(--space-3)}.showcase-browser-content{height:160px;padding:10px}.showcase-card-info{padding:var(--space-4)}.showcase-cta{padding:var(--space-6) var(--space-4)}}@media (prefers-reduced-motion:reduce){.showcase-card{transition:none;animation:none}.showcase-card:hover{transform:none}.showcase-card:hover .showcase-browser-content{transform:none}.section-showcase .container::before,.section-showcase::after{animation:none}.device-feature{animation:none}}.showcase-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out),visibility var(--duration-base) var(--ease-out)}.showcase-modal:target{opacity:1;visibility:visible}.showcase-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.92);backdrop-filter:blur(12px)}.showcase-modal-content{position:relative;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 80px rgba(0,0,0,.5);transform:scale(.95);opacity:0;transition:transform .4s cubic-bezier(.16, 1, .3, 1),opacity .4s ease;will-change:transform,opacity;contain:layout style paint}.showcase-modal:target .showcase-modal-content{transform:scale(1);opacity:1;animation:showcaseModalZoom .4s cubic-bezier(.16,1,.3,1)}@keyframes showcaseModalZoom{0%{opacity:0;transform:scale(.95)}100%{opacity:1;transform:scale(1)}}.showcase-modal-visual{display:none}.showcase-modal-details{display:contents}@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes iconGlow{0%{filter:drop-shadow(0 0 25px rgba(0, 212, 255, .5)) drop-shadow(0 0 50px rgba(123, 63, 242, .3))}100%{filter:drop-shadow(0 0 40px rgba(0, 212, 255, .7)) drop-shadow(0 0 70px rgba(123, 63, 242, .5))}}.showcase-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:none;color:var(--text-tertiary);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out);text-decoration:none;z-index:10}.showcase-modal-close:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.showcase-modal-close svg{width:20px;height:20px}.showcase-modal-header{padding:var(--space-5) 60px var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.showcase-modal-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,rgba(0,212,255,.15) 0,rgba(123,63,242,.15) 100%);border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.showcase-modal-header h3{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight)}.showcase-modal-body{padding:var(--space-4)}.showcase-modal-body p{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.showcase-modal-body h4{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-3);margin-top:var(--space-4)}.showcase-modal-body ul{list-style:none;padding:0;margin:0 0 var(--space-4)}.showcase-modal-body li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.showcase-modal-body li::before{content:'';position:absolute;left:0;top:9px;width:6px;height:2px;background:var(--color-cyan)}.showcase-modal-body li strong{color:var(--text-primary)}.showcase-modal-body .btn{margin-top:var(--space-4)}.showcase-modal-intro{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.showcase-modal-intro strong{color:var(--text-primary)}.showcase-modal-result{padding:var(--space-4);background:var(--bg-secondary);border-left:3px solid var(--color-cyan);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-top:var(--space-5)}.showcase-modal-result-label{display:block;font-size:11px;color:var(--color-cyan);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.showcase-modal-result p{margin:0;color:var(--text-primary);font-size:var(--text-sm)}.showcase-modal-footer{padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid rgba(255,255,255,.05);margin-top:auto}.showcase-modal-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--gradient-primary);color:var(--color-white);font-weight:var(--weight-semibold);border-radius:var(--radius-md);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.showcase-modal-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-cyan)}.showcase-modal-cta svg{width:18px;height:18px}@media (min-width:768px){.showcase-modal-content{display:grid;grid-template-columns:280px 1fr;max-width:900px;min-height:480px;max-height:85vh;overflow:hidden;border-radius:var(--radius-2xl);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 100px rgba(0,0,0,.7),0 0 80px rgba(0,212,255,.08)}.showcase-modal-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:var(--space-8);overflow:hidden;background:linear-gradient(135deg,#0a0e27 0,#1a1f3a 100%)}.showcase-modal-visual-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,.2) 0,rgba(123,63,242,.25) 50%,rgba(0,212,255,.15) 100%);background-size:200% 200%;animation:gradientFlow 8s ease-in-out infinite}.showcase-modal-visual::after,.showcase-modal-visual::before{content:'';position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;will-change:transform,opacity}.showcase-modal-visual::before{width:200px;height:200px;background:radial-gradient(circle,rgba(0,212,255,.6) 0,transparent 70%);top:-40px;right:-40px;animation:orbDrift1 20s ease-in-out infinite}.showcase-modal-visual::after{width:180px;height:180px;background:radial-gradient(circle,rgba(123,63,242,.6) 0,transparent 70%);bottom:-30px;left:-30px;animation:orbDrift2 25s ease-in-out infinite}.showcase-modal-icon{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;z-index:1;animation:iconPulse 4s ease-in-out infinite}.showcase-modal-icon svg{width:80px;height:80px;color:rgba(255,255,255,.95);filter:drop-shadow(0 0 30px rgba(0, 212, 255, .6)) drop-shadow(0 0 60px rgba(123, 63, 242, .4));animation:iconGlow 3s ease-in-out infinite alternate}.showcase-modal-visual-title{position:relative;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-4);z-index:1;text-align:center;max-width:100%;line-height:1.3}.showcase-modal-visual-tag{position:relative;display:inline-block;font-size:var(--text-xs);color:var(--color-cyan);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);margin-top:var(--space-3);background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-full);z-index:1}.showcase-modal-details{display:flex;flex-direction:column;background:var(--bg-primary);overflow-y:auto}.showcase-modal-line{display:none}.showcase-modal-header{padding:var(--space-8) var(--space-6) var(--space-4);border-bottom:none}.showcase-modal-body{padding:var(--space-5) var(--space-6) var(--space-6)}.showcase-modal:target .showcase-modal-content{animation:modalZoomIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.showcase-modal:target .showcase-modal-icon{animation:numberReveal .5s cubic-bezier(.34,1.56,.64,1) .2s both}.showcase-modal:target .showcase-modal-details{animation:contentSlideIn .5s ease .15s both}.showcase-modal-close{top:var(--space-5);right:var(--space-5);width:44px;height:44px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.showcase-modal-close:hover{background:rgba(255,255,255,.1);transform:rotate(90deg);transition:all .3s ease}}@media (prefers-reduced-motion:reduce){.showcase-modal-content,.showcase-modal-details{animation:none!important;transition:opacity .3s ease!important}.showcase-modal-close,.showcase-modal-icon,.showcase-modal-icon svg,.showcase-modal-visual-bg,.showcase-modal-visual::after,.showcase-modal-visual::before{animation:none!important;transition:none!important}.showcase-modal:target .showcase-modal-content,.showcase-modal:target .showcase-modal-details,.showcase-modal:target .showcase-modal-icon{animation:none!important;opacity:1!important;transform:none!important}}.section-circle{background:var(--bg-secondary);position:relative;overflow:hidden}.section-circle::before{content:'';position:absolute;top:0;left:0;right:0;height:350px;background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-secondary) 30%,rgba(26,31,58,.6) 60%,transparent 100%);pointer-events:none;z-index:1}.section-circle::after{content:'';position:absolute;top:20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,255,.08) 0,transparent 70%);pointer-events:none;animation:circleGlowPulse 10s ease-in-out infinite}@keyframes circleGlowPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.section-circle-content::before{content:'';position:absolute;bottom:-30%;left:-30%;width:400px;height:400px;background:radial-gradient(circle,rgba(123,63,242,.06) 0,transparent 70%);pointer-events:none;animation:circleGlowPulse 12s ease-in-out infinite reverse}.section-circle-content{text-align:center;max-width:800px;margin:0 auto var(--space-10);position:relative;z-index:2}.section-circle-content h2{margin-bottom:var(--space-5)}.section-circle-content p{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}.section-circle-image{position:relative;width:100%;max-width:600px;height:600px;margin:0 auto var(--space-10);overflow:hidden;border-radius:var(--radius-xl)}.section-circle-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--card-shadow);transition:transform var(--duration-base) var(--ease-in-out)}.section-circle-image img:hover{transform:scale(1.02)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);max-width:1000px;margin:0 auto}.process-phase{position:relative;display:flex;flex-direction:column;padding:var(--space-6) var(--space-5);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);text-decoration:none;overflow:hidden;transition:all .4s cubic-bezier(.16, 1, .3, 1)}.process-phase:hover{border-color:var(--color-cyan);transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 30px rgba(0,212,255,.1)}.process-phase-number{font-size:64px;font-weight:var(--weight-bold);line-height:1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.2;margin-bottom:var(--space-2);transition:opacity .4s ease}.process-phase:hover .process-phase-number{opacity:.4}.process-phase-line{width:40px;height:3px;background:var(--gradient-primary);border-radius:2px;margin-bottom:var(--space-4);transition:width .4s ease}.process-phase:hover .process-phase-line{width:60px}.process-phase-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1);transition:color .3s ease}.process-phase:hover .process-phase-title{color:var(--color-cyan)}.process-phase-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3);line-height:1.5}.process-phase-duration{display:inline-block;font-size:11px;font-weight:var(--weight-semibold);color:var(--color-cyan);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);background:rgba(0,212,255,.1);border-radius:var(--radius-sm);margin-top:auto}.process-phase-arrow{position:absolute;bottom:var(--space-4);right:var(--space-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-full);opacity:0;transform:translateX(-10px);transition:all .3s ease}.process-phase-arrow svg{width:16px;height:16px;color:var(--color-cyan)}.process-phase:hover .process-phase-arrow{opacity:1;transform:translateX(0)}.process-phase--1{transition-delay:0s}.process-phase--2{transition-delay:50ms}.process-phase--3{transition-delay:0.1s}.process-phase--4{transition-delay:0.15s}@media (max-width:900px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.process-grid{grid-template-columns:1fr;gap:var(--space-3)}.process-phase{flex-direction:row;flex-wrap:wrap;align-items:center;padding:var(--space-4)}.process-phase-number{font-size:48px;margin-right:var(--space-4);margin-bottom:0}.process-phase-line{display:none}.process-phase-title{font-size:var(--text-lg)}.process-phase-subtitle{width:100%;margin-top:var(--space-2)}.process-phase-arrow{position:static;margin-left:auto;opacity:1;transform:none}}.phase-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.phase-modal:target{opacity:1;visibility:visible}.phase-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.92);backdrop-filter:blur(12px)}.phase-modal-content{position:relative;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:0 25px 80px rgba(0,0,0,.5);transform:translateY(30px);opacity:0;transition:transform .4s cubic-bezier(.16, 1, .3, 1),opacity .4s ease}.phase-modal:target .phase-modal-content{transform:translateY(0);opacity:1}.phase-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;color:var(--text-muted);border-radius:var(--radius-full);transition:all .2s ease;z-index:10}.phase-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.phase-modal-close svg{width:20px;height:20px}.phase-modal-number{font-size:120px;font-weight:var(--weight-bold);line-height:1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.15;position:absolute;top:var(--space-4);left:var(--space-6);pointer-events:none;user-select:none}.phase-modal-line{width:60px;height:4px;background:var(--gradient-primary);margin:var(--space-16) var(--space-6) var(--space-5);border-radius:2px}.phase-modal-header{padding:0 var(--space-6);margin-bottom:var(--space-5)}.phase-modal-header h3{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1.2;color:var(--text-primary);margin:0 0 var(--space-3)}.phase-modal-duration{font-size:var(--text-sm);color:var(--color-cyan);font-weight:var(--weight-medium);margin:0}.phase-modal-body{padding:0 var(--space-6) var(--space-6)}.phase-modal-intro{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin:0 0 var(--space-5)}.phase-modal-list{list-style:none;padding:0;margin:0 0 var(--space-6)}.phase-modal-list li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.phase-modal-list li::before{content:'';position:absolute;left:0;top:9px;width:6px;height:2px;background:var(--color-cyan)}.phase-modal-result{padding:var(--space-4);background:var(--bg-secondary);border-left:3px solid var(--color-cyan);border-radius:0 var(--radius-md) var(--radius-md) 0}.phase-modal-result-label{display:block;font-size:11px;color:var(--color-cyan);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.phase-modal-result p{font-size:var(--text-sm);color:var(--text-primary);line-height:1.6;margin:0}.phase-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-top:1px solid var(--card-border)}.phase-modal-cta,.phase-modal-next,.phase-modal-prev{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;transition:all .2s ease}.phase-modal-prev{color:var(--text-muted)}.phase-modal-prev:hover{color:var(--text-primary)}.phase-modal-next{color:var(--text-primary);margin-left:auto}.phase-modal-next:hover{color:var(--color-cyan)}.phase-modal-cta{padding:var(--space-3) var(--space-5);background:var(--gradient-primary);color:var(--color-white);border-radius:var(--radius-md);margin-left:auto}.phase-modal-cta:hover{box-shadow:0 4px 20px rgba(0,212,255,.3);color:var(--color-white)}.phase-modal-cta svg,.phase-modal-next svg,.phase-modal-prev svg{width:16px;height:16px}@media (max-width:500px){.phase-modal-number{font-size:80px}.phase-modal-line{margin-top:var(--space-12)}.phase-modal-header h3{font-size:var(--text-2xl)}.phase-modal-footer{flex-direction:column;gap:var(--space-3)}.phase-modal-cta,.phase-modal-next{margin-left:0;width:100%;justify-content:center}}.phase-modal-visual{display:none}.phase-modal-details{display:contents}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes orbDrift1{0%,100%{transform:translate(0,0) scale(1);opacity:.6}25%{transform:translate(20px,-30px) scale(1.15);opacity:.8}50%{transform:translate(-10px,-50px) scale(.9);opacity:.5}75%{transform:translate(-30px,-20px) scale(1.1);opacity:.7}}@keyframes orbDrift2{0%,100%{transform:translate(0,0) scale(1);opacity:.5}33%{transform:translate(-25px,30px) scale(1.2);opacity:.7}66%{transform:translate(15px,40px) scale(.85);opacity:.6}}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.5) translateY(20px)}60%{opacity:1;transform:scale(1.02) translateY(-5px)}80%{transform:scale(.98) translateY(2px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes contentSlideIn{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}@keyframes numberReveal{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}@media (min-width:768px){.phase-modal-backdrop{background:rgba(5,8,22,.9);backdrop-filter:blur(24px)}.phase-modal-content{display:grid;grid-template-columns:280px 1fr;grid-template-rows:1fr;max-width:850px;min-height:480px;max-height:85vh;overflow:hidden;transform:scale(.5) translateY(20px);opacity:0;transition:none;will-change:transform,opacity;border-radius:var(--radius-2xl);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 100px rgba(0,0,0,.7),0 0 80px rgba(0,212,255,.08)}.phase-modal:target .phase-modal-content{animation:modalZoomIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.phase-modal-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:var(--space-8);overflow:hidden;background:linear-gradient(135deg,#0a0e27 0,#1a1f3a 100%)}.phase-modal-visual-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,.15) 0,rgba(123,63,242,.2) 50%,rgba(0,212,255,.1) 100%);background-size:200% 200%;animation:gradientFlow 8s ease-in-out infinite}.phase-modal-visual::after,.phase-modal-visual::before{content:'';position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;will-change:transform,opacity}.phase-modal-visual::before{width:200px;height:200px;background:radial-gradient(circle,rgba(0,212,255,.5) 0,transparent 70%);top:-40px;right:-40px;animation:orbDrift1 20s ease-in-out infinite}.phase-modal-visual::after{width:180px;height:180px;background:radial-gradient(circle,rgba(123,63,242,.5) 0,transparent 70%);bottom:-30px;left:-30px;animation:orbDrift2 25s ease-in-out infinite}.phase-modal-number{position:relative;font-size:140px;opacity:1;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,rgba(255,255,255,.9) 0,rgba(255,255,255,.4) 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 80px rgba(0,212,255,.5);z-index:1}.phase-modal:target .phase-modal-number{animation:numberReveal .5s cubic-bezier(.34,1.56,.64,1) .2s both}.phase-modal-visual-title{position:relative;font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.15em;margin-top:var(--space-4);z-index:1}.phase-modal-visual-duration{position:relative;display:inline-block;font-size:var(--text-xs);color:var(--color-cyan);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);margin-top:var(--space-4);background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-full);z-index:1}.phase-modal-details{display:flex;flex-direction:column;background:var(--bg-primary);overflow-y:auto}.phase-modal:target .phase-modal-details{animation:contentSlideIn .5s ease .15s both}.phase-modal-line{display:none}.phase-modal-header{padding:var(--space-8) var(--space-8) var(--space-4);margin-bottom:0}.phase-modal-header h3{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.phase-modal-intro{margin:0}.phase-modal-body{flex:1;padding:var(--space-6) var(--space-8);overflow-y:auto}.phase-modal-list li{padding-left:2rem;margin-bottom:var(--space-4)}.phase-modal-list li::before{width:20px;height:20px;top:1px;background:rgba(0,212,255,.15);border-radius:50%}.phase-modal-list li::after{content:'';position:absolute;left:6px;top:6px;width:8px;height:4px;border-left:2px solid var(--color-cyan);border-bottom:2px solid var(--color-cyan);transform:rotate(-45deg)}.phase-modal-result{margin-top:auto;border-radius:var(--radius-lg);border-left-width:4px}.phase-modal-footer{padding:var(--space-5) var(--space-8);border-top:1px solid var(--card-border);margin-top:auto}.phase-modal-close{top:var(--space-5);right:var(--space-5);width:44px;height:44px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.phase-modal-close:hover{background:rgba(255,255,255,.1);transform:rotate(90deg);transition:all .3s ease}}@media (min-width:1024px){.phase-modal-content{grid-template-columns:320px 1fr;max-width:920px}.phase-modal-number{font-size:160px}}@media (prefers-reduced-motion:reduce){.phase-modal-visual-bg,.phase-modal-visual::after,.phase-modal-visual::before{animation:none!important}.phase-modal-content{transition:transform .3s ease,opacity .3s ease!important;animation:none!important}.phase-modal:target .phase-modal-content{transform:scale(1) translateY(0)!important;animation:none!important}.phase-modal:target .phase-modal-details,.phase-modal:target .phase-modal-number{animation:none!important;opacity:1!important;transform:none!important}}.section-services{background:var(--gradient-bg-section)}.section-services-header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.section-services-header h2{margin-bottom:var(--space-4)}.section-services-header p{font-size:var(--text-lg);color:var(--text-secondary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.ai-content-grid{grid-template-columns:repeat(2,1fr);max-width:1000px;margin-left:auto;margin-right:auto}.service-card{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-8);position:relative;overflow:hidden;transition:all var(--duration-base) var(--ease-in-out)}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}.service-card:hover::before{transform:scaleX(1)}.service-card:hover{background:var(--card-hover-bg);border-color:var(--color-cyan);transform:translateY(-8px);box-shadow:var(--shadow-xl),var(--shadow-glow-cyan)}.service-icon{width:60px;height:60px;margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--gradient-primary);transition:transform var(--duration-base) var(--ease-in-out)}.service-card:hover .service-icon{transform:rotate(5deg) scale(1.1)}.service-icon svg{width:32px;height:32px;color:var(--color-white)}.service-card h3{margin-bottom:var(--space-3);font-size:var(--text-xl)}.service-card p{color:var(--text-secondary);line-height:var(--leading-relaxed)}.service-badge{margin-top:var(--space-4)}.section-portfolio{background:var(--bg-secondary)}.section-portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-10);flex-wrap:wrap;gap:var(--space-4)}.section-portfolio-header h2{margin-bottom:var(--space-2)}.section-portfolio-header p{color:var(--text-secondary)}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-top:var(--space-10)}@media (min-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.project-terminal-card{position:relative;transition:transform var(--duration-base) var(--ease-out);display:grid}.terminal-window{font-family:ui-monospace,'SF Mono',Monaco,'Cascadia Code','Courier New',monospace;background:var(--bg-secondary);border:2px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--card-shadow),0 0 0 rgba(0,212,255,0);transition:all var(--duration-base) var(--ease-out);overflow:hidden;display:flex;flex-direction:column;height:100%}.project-terminal-card:hover .terminal-window{border-color:var(--color-cyan);box-shadow:var(--card-hover-shadow),0 0 30px rgba(0,212,255,.25),0 0 60px rgba(124,58,237,.15);transform:translateY(-6px)}.terminal-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--card-border);font-size:var(--text-sm)}.terminal-prompt{color:var(--color-cyan);font-weight:var(--weight-semibold);text-shadow:0 0 10px rgba(0,212,255,.4)}.terminal-command{color:var(--text-primary);opacity:.9}.browser-mockup{margin-bottom:var(--space-5);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-primary);box-shadow:0 4px 12px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.05);flex-shrink:0}.browser-chrome{background:linear-gradient(to bottom,#3a3a3c 0,#2c2c2e 100%);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid rgba(0,0,0,.3)}.browser-dots{display:flex;gap:6px;flex-shrink:0}.dot-green,.dot-red,.dot-yellow{width:12px;height:12px;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.3)}.dot-red{background:#ff5f56;box-shadow:0 0 4px rgba(255,95,86,.6)}.dot-yellow{background:#ffbd2e;box-shadow:0 0 4px rgba(255,189,46,.6)}.dot-green{background:#27c93f;box-shadow:0 0 4px rgba(39,201,63,.6)}.browser-url{flex:1;font-size:var(--text-xs);color:rgba(255,255,255,.5);text-align:center;font-weight:var(--weight-medium);letter-spacing:.02em}.browser-viewport{position:relative;aspect-ratio:16/10;background:var(--bg-primary);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.browser-viewport img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.project-terminal-card:hover .browser-viewport img{transform:scale(1.05)}.browser-viewport-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--gradient-primary);position:relative;overflow:hidden}.browser-viewport-placeholder::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0,rgba(255,255,255,.05) 50%,transparent 100%),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%);background-size:200% 200%,20px 20px,20px 20px;background-position:0 0,0 0,10px 10px;opacity:.3;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:0 0,0 0,10px 10px}100%{background-position:200% 200%,0 0,10px 10px}}.placeholder-icon{font-size:3rem;opacity:.9;z-index:1}.placeholder-text{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-white);text-shadow:0 2px 8px rgba(0,0,0,.3);z-index:1}.terminal-body{font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-4);flex:1;display:flex;flex-direction:column}.terminal-line{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);align-items:flex-start;min-height:48px}.terminal-line:nth-child(2){margin-bottom:var(--space-4)}.terminal-section{margin-top:0}.t-label{color:#a78bfa;font-weight:var(--weight-semibold);min-width:80px}.t-value{color:var(--text-primary)}.terminal-metric{display:flex;align-items:center;gap:var(--space-2);padding-left:var(--space-4);margin-bottom:var(--space-2);color:var(--text-secondary)}.terminal-metric:before{content:'├─';color:var(--card-border);margin-right:var(--space-1)}.terminal-metric:last-child:before{content:'└─'}.metric-icon{font-size:1.1em;display:inline-block;min-width:20px}.terminal-code-block{font-family:ui-monospace,'SF Mono',Monaco,'Cascadia Code','Courier New',monospace;font-size:var(--text-xs);line-height:1.8;color:#e5e7eb;background:rgba(0,0,0,.4);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);margin-top:var(--space-3)}.code-line{margin-bottom:var(--space-1);font-size:13px;color:#d1d5db}.code-line:last-child{margin-bottom:0}.code-line::before{content:'• ';color:#60a5fa;font-weight:var(--weight-bold);margin-right:var(--space-1)}.code-command{color:#93c5fd;font-weight:var(--weight-semibold);margin-bottom:var(--space-2);display:block;text-shadow:0 0 10px rgba(147,197,253,.3)}.terminal-footer{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--card-border);font-size:var(--text-sm)}.terminal-footer .terminal-prompt{color:var(--color-cyan);font-weight:var(--weight-bold)}.terminal-link{color:var(--color-cyan-light);text-decoration:none;font-weight:var(--weight-medium);transition:all var(--duration-fast) var(--ease-in-out);display:inline-flex;align-items:center;gap:2px}.terminal-link:hover{color:var(--color-white);text-shadow:0 0 10px rgba(0,212,255,.6)}.cursor-blink{display:inline-block;width:8px;height:1em;background:var(--color-cyan);margin-left:2px;animation:blink 1.2s step-end infinite;vertical-align:text-bottom;box-shadow:0 0 8px rgba(0,212,255,.6)}@keyframes blink{0%,50%{opacity:1}100%,51%{opacity:0}}.project-terminal-card:hover .cursor-blink{animation-play-state:paused;opacity:1}@media (max-width:768px){.terminal-window{padding:var(--space-4)}.terminal-body,.terminal-footer,.terminal-header{font-size:var(--text-xs)}.browser-chrome{padding:var(--space-2)}.browser-dots{gap:4px}.dot-green,.dot-red,.dot-yellow{width:10px;height:10px}.t-label{min-width:70px}.terminal-code-block{font-size:11px;padding:var(--space-2)}.code-line{font-size:11px}}.section-email{background:var(--bg-secondary);position:relative;overflow:hidden;padding:var(--space-16) 0}.email-content-wrapper{position:relative;z-index:2;max-width:1000px;margin:0 auto;text-align:center}.email-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--gradient-primary);color:var(--color-white);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-full);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 20px rgba(0,212,255,.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(0,212,255,.3)}50%{transform:scale(1.05);box-shadow:0 0 30px rgba(0,212,255,.5)}}.email-heading{font-size:var(--text-5xl);margin-bottom:var(--space-4);line-height:var(--leading-tight);letter-spacing:-.02em}.email-subheading{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-10);line-height:var(--leading-relaxed);max-width:700px;margin-left:auto;margin-right:auto}.email-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-10)}.email-preview-card{background:var(--card-bg);backdrop-filter:blur(10px);border:2px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.email-preview-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.email-preview-card:hover{border-color:var(--color-cyan);transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 30px rgba(0,212,255,.2)}.email-preview-card:hover::before{opacity:1}.email-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto var(--space-4);box-shadow:0 0 20px rgba(0,212,255,.3)}.email-card-title,.email-preview-card h3{display:block;font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3);color:var(--text-primary)}.email-example{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-cyan);background:rgba(0,212,255,.1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-3);text-shadow:0 0 10px rgba(0,212,255,.3);word-break:break-all}.email-preview-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.email-notify-form{max-width:500px;margin:0 auto;display:flex;gap:var(--space-3);flex-wrap:wrap}.email-notify-input{flex:1;min-width:250px;padding:var(--space-4) var(--space-5);background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);transition:all var(--duration-base) var(--ease-in-out)}.email-notify-input:focus{outline:0;border-color:var(--color-cyan);box-shadow:0 0 0 3px rgba(0,212,255,.1),0 0 20px rgba(0,212,255,.2)}.email-notify-input::placeholder{color:var(--text-tertiary)}.email-notify-btn{padding:var(--space-4) var(--space-6);white-space:nowrap}.email-background{position:absolute;inset:0;z-index:1;opacity:.3;pointer-events:none}@media (max-width:768px){.email-heading{font-size:var(--text-3xl)}.email-subheading{font-size:var(--text-lg)}.email-preview-grid{grid-template-columns:1fr}.email-notify-form{flex-direction:column}.email-notify-input{min-width:100%}.email-notify-btn{width:100%}}.section-cta{background:var(--gradient-bg-section);position:relative;overflow:hidden;padding:var(--space-16) 0}.cta-container{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto;padding:var(--space-12) var(--space-8);background:var(--card-bg);backdrop-filter:blur(20px);border:2px solid var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--card-shadow),0 0 60px rgba(0,212,255,.15),0 0 100px rgba(124,58,237,.1);transition:all var(--duration-base) var(--ease-out)}.cta-container:hover{border-color:var(--color-cyan);box-shadow:var(--card-hover-shadow),0 0 80px rgba(0,212,255,.25),0 0 120px rgba(124,58,237,.15);transform:translateY(-4px)}.cta-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--gradient-primary);color:var(--color-white);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-full);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 20px rgba(0,212,255,.3)}.cta-heading{font-size:var(--text-4xl);line-height:var(--leading-tight);margin-bottom:var(--space-4);letter-spacing:-.02em}.cta-subheading{font-size:var(--text-xl);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:700px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center;align-items:center;flex-wrap:wrap}.cta-stats{display:flex;gap:var(--space-8);justify-content:center;margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--card-border)}.cta-stat{text-align:center}.cta-stat-value{display:block;font-size:var(--text-3xl);font-weight:var(--weight-bold);background:var(--gradient-primary);background-clip:text;margin-bottom:var(--space-2)}.cta-stat-label{font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.cta-background{position:absolute;inset:0;opacity:.4;z-index:1;pointer-events:none}@media (max-width:768px){.cta-heading{font-size:var(--text-3xl)}.cta-subheading{font-size:var(--text-lg)}.cta-buttons{flex-direction:column;width:100%}.cta-buttons .btn{width:100%}.cta-stats{flex-direction:column;gap:var(--space-6)}}.section-faq{background:var(--bg-secondary);position:relative}.section-faq-header{text-align:center;max-width:800px;margin:0 auto var(--space-12)}.section-faq-header h2{margin-bottom:var(--space-4)}.section-faq-header p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.faq-grid{max-width:900px;margin:var(--space-10) auto 0}.faq-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden;transition:all var(--duration-base) var(--ease-in-out)}.faq-item:hover{border-color:var(--color-cyan)}.faq-item.active{border-color:var(--color-cyan);box-shadow:var(--shadow-lg),var(--shadow-glow-cyan)}.faq-question{width:100%;padding:var(--space-5) var(--space-6);background:0 0;border:none;text-align:left;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);transition:color var(--duration-fast) var(--ease-in-out)}.faq-question:hover{color:var(--color-cyan)}.faq-question-text{flex:1;background:var(--gradient-primary);background-clip:text}.faq-icon{width:24px;height:24px;flex-shrink:0;transition:transform var(--duration-base) var(--ease-in-out)}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-icon svg{width:100%;height:100%;color:var(--color-cyan)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--duration-base) var(--ease-in-out)}.faq-item.active .faq-answer{max-height:500px}.faq-answer-content{padding:0 var(--space-6) var(--space-5);color:var(--text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-base)}.section-cta{background:var(--gradient-bg-dark);position:relative;overflow:hidden}.section-cta::before{content:'';position:absolute;inset:0;background:var(--gradient-primary);opacity:.05;pointer-events:none}.section-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:start;position:relative;z-index:1}.section-cta-content h2{margin-bottom:var(--space-4)}.section-cta-content p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.contact-info{display:flex;flex-direction:column;gap:var(--space-4)}.contact-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);transition:all var(--duration-fast) var(--ease-in-out)}.contact-item:hover{background:var(--card-hover-bg);border-color:var(--color-cyan)}.contact-icon{width:24px;height:24px;color:var(--color-cyan);flex-shrink:0}.contact-text{color:var(--text-secondary)}.contact-form{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-8)}.section-cta .contact-form{display:block}.section-cta .contact-form h3{text-align:center;margin-bottom:var(--space-6);font-size:var(--text-2xl)}.section-cta .contact-form form{max-width:500px;margin:0 auto}.contact-form h3{margin-bottom:var(--space-6);font-size:var(--text-2xl)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.checkbox-group{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);margin-bottom:var(--space-6)}.checkbox-group input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-cyan);cursor:pointer}.checkbox-group label{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.form-submit{width:100%}@media (max-width:1023px){.section-connection-grid,.section-cta-grid,.section-vienna-grid{grid-template-columns:1fr}.section-circle-image,.section-connection-image,.section-vienna-image{height:400px}.hero-title{font-size:var(--text-4xl)}.process-steps{grid-template-columns:1fr}}@media (max-width:767px){.hero{min-height:80vh}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.faq-grid,.services-grid{grid-template-columns:1fr}.ai-content-grid{grid-template-columns:1fr;max-width:100%}.section-ai-content .cta-container{padding:0 var(--space-4)}.section-ai-content .btn-lg{width:100%;padding:var(--space-4) var(--space-5);font-size:var(--text-base);white-space:normal;text-align:center}.section-connection-stats{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.section-portfolio-header{text-align:center}.section-circle-image,.section-connection-image,.section-vienna-image{height:300px}}.section-partners{background:var(--bg-secondary);padding:var(--space-20) 0;position:relative;overflow:hidden}.section-partners::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-bg-section);opacity:.3;pointer-events:none}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);margin-top:var(--space-10);position:relative;z-index:1}.partner-card{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-10);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);text-decoration:none;transition:all var(--duration-base) var(--ease-in-out);position:relative;overflow:hidden;min-height:200px}.partner-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}.partner-card:hover::before{transform:scaleX(1)}.partner-card:hover{background:var(--card-hover-bg);border-color:var(--color-cyan);transform:translateY(-8px);box-shadow:var(--shadow-xl),var(--shadow-glow-cyan)}.partner-logo-wrapper{width:100%;max-width:200px;height:80px;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:rgba(255,255,255,.95);border-radius:var(--radius-lg);transition:transform var(--duration-base) var(--ease-in-out)}[data-theme=dark] .partner-logo-wrapper{background:rgba(255,255,255,.98);box-shadow:0 2px 8px rgba(0,0,0,.1)}.partner-card:hover .partner-logo-wrapper{transform:scale(1.05)}.partner-logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(0%);transition:filter var(--duration-base) var(--ease-in-out)}.partner-card:not(:hover) .partner-logo{filter:grayscale(20%);opacity:.9}.partner-name{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);text-align:center;transition:color var(--duration-base) var(--ease-in-out)}.partner-card:hover .partner-name{background:var(--gradient-primary);background-clip:text}@media (max-width:1024px){.partners-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}}@media (max-width:767px){.section-partners{padding:var(--space-16) 0}.partners-grid{grid-template-columns:1fr;gap:var(--space-5);margin-top:var(--space-8)}.partner-card{padding:var(--space-8);min-height:180px}.partner-logo-wrapper{max-width:180px;height:70px}}@media (max-width:480px){.partner-card{padding:var(--space-6);min-height:160px}.partner-logo-wrapper{max-width:160px;height:60px}.partner-name{font-size:var(--text-base)}}@media (max-width:1024px){.section-circle-content{max-width:90%;margin-bottom:var(--space-8)}.section-circle-content h2{font-size:var(--text-3xl)}.section-circle-image{max-width:500px;height:450px}.process-phase{padding:var(--space-5) var(--space-4)}.process-phase-number{font-size:48px}}@media (max-width:767px){.section-circle-content h2{font-size:var(--text-2xl)}.section-circle-content p{font-size:var(--text-base)}.section-circle-image{max-width:100%;height:280px;margin-bottom:var(--space-8)}.process-phase{padding:var(--space-4)}.process-phase-number{font-size:40px}.process-phase-title{font-size:var(--text-base)}.process-phase-desc{font-size:var(--text-sm)}}@media (max-width:1024px){.section-faq-header{margin-bottom:var(--space-8)}.faq-grid{max-width:100%;padding:0 var(--space-4)}.faq-question{padding:var(--space-4) var(--space-5)}}@media (max-width:767px){.section-faq-header h2{font-size:var(--text-2xl)}.section-faq-header p{font-size:var(--text-base)}.faq-item{margin-bottom:var(--space-3)}.faq-question{padding:var(--space-4);font-size:var(--text-base);gap:var(--space-3)}.faq-icon{width:20px;height:20px}.faq-answer-content{padding:0 var(--space-4) var(--space-4);font-size:var(--text-sm)}}@media (max-width:480px){.faq-question{padding:var(--space-3);font-size:var(--text-sm)}.faq-answer-content{padding:0 var(--space-3) var(--space-3)}}@media (max-width:480px){.showcase-card-preview{height:140px;padding:var(--space-2)}.showcase-browser-content{height:110px;padding:8px}.showcase-browser-mockup{padding:var(--space-2)}.showcase-browser-bar{padding:4px 8px;gap:4px}.showcase-browser-dots span{width:6px;height:6px}.shop-products{gap:4px}.product-image{height:30px}.product-info{padding:4px}.product-price{font-size:8px}.showcase-card-content{padding:var(--space-4)}.showcase-card h3{font-size:var(--text-base)}}@media (max-width:1024px){.section-services-header{margin-bottom:var(--space-8)}.section-services-header h2{font-size:var(--text-3xl)}.services-grid{gap:var(--space-4)}.service-card{padding:var(--space-6)}.service-card-icon{width:50px;height:50px}}@media (max-width:480px){.section-services-header h2{font-size:var(--text-2xl)}.section-services-header p{font-size:var(--text-base)}.service-card{padding:var(--space-5)}.service-card-icon{width:44px;height:44px}.service-card h3{font-size:var(--text-lg)}.service-card p{font-size:var(--text-sm)}}@media (max-width:1024px){.section-cta{padding:var(--space-10) var(--space-6)}.section-cta-content h2{font-size:var(--text-3xl)}}@media (max-width:480px){.section-cta{padding:var(--space-8) var(--space-4)}.section-cta-content h2{font-size:var(--text-2xl)}.section-cta-content p{font-size:var(--text-base)}.cta-buttons .btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.cta-stat-value{font-size:var(--text-2xl)}.cta-stat-label{font-size:var(--text-xs)}}@media (max-width:1024px){.section-email .container{padding:0 var(--space-6)}.email-preview-grid{gap:var(--space-4)}}@media (max-width:480px){.section-email h2{font-size:var(--text-2xl)}.section-email p{font-size:var(--text-base)}.email-preview-card{padding:var(--space-4)}.email-form-group input{min-width:100%}.email-form .btn{width:100%}}