@charset "UTF-8";h1,h3,h4,h5,h6{line-height:1.2;font-weight:800;color:inherit}h2{line-height:1.05;font-weight:800;color:inherit;text-transform:uppercase;margin-bottom:2rem;font-size:clamp(2rem,3.5vw,3.65rem)}p{font-size:1rem;color:inherit;opacity:.7;margin-bottom:1.5rem}p.lead{font-size:1.25rem;opacity:.9;max-width:700px;margin-bottom:2rem;line-height:1.6}.grid-1 p.lead{max-width:100%}@media(max-width:1400px){p.lead{max-width:100%}}.section-number{display:block;font-size:.75rem;font-weight:800;color:#8dbd35;text-transform:uppercase;letter-spacing:4px;margin-bottom:1.5rem}.container{width:100%;max-width:1200px;margin:0 auto}.grid-1{display:grid;grid-template-columns:1fr;width:100%}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(2rem,4vw,5rem);align-items:center}.grid-2.asym-left{grid-template-columns:6fr 4fr}.grid-2.asym-right{grid-template-columns:4.5fr 5.5fr;align-items:flex-end}@media(max-width:1400px){.grid-2{grid-template-columns:1fr!important;gap:3rem;align-items:center}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:768px){.grid-3{grid-template-columns:1fr}}.bento-item{position:relative;border-radius:12px;overflow:hidden;background-color:#1a1a1a;width:100%;height:100%;cursor:pointer}@media(max-width:767px){.bento-item{cursor:default}}.bento-item{scroll-snap-align:start;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.bento-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000080;border-bottom:2px solid #8dbd35}.bento-item:hover .bento-bg{transform:scale(1.05)}.bento-item .bento-bg{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:transform .8s cubic-bezier(.16,1,.3,1);z-index:1;opacity:.8}.bento-item .bento-overlay{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem 2rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 70%,transparent 100%);color:#fff;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;transition:all .4s cubic-bezier(.16,1,.3,1);pointer-events:none}.bento-item .bento-overlay .badge{display:inline-block;color:#8dbd35;border:1px solid #8dbd35;padding:3px 10px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem;border-radius:4px;background:#0006}.bento-item .bento-overlay h3{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:800;margin-bottom:.2rem;color:#fff;text-transform:uppercase;line-height:1.1}.bento-item .bento-overlay p{font-size:.9rem;color:#ffffffd9;margin:0;max-width:500px}.bento-grid.bento-no-captions .bento-item .bento-overlay,.bento-slider-track.bento-no-captions .bento-item .bento-overlay{opacity:0;visibility:hidden}.bento-grid.bento-no-captions .bento-item .bento-bg,.bento-slider-track.bento-no-captions .bento-item .bento-bg{opacity:1}.bento-grid.bento-no-captions .bento-item:hover .bento-bg,.bento-slider-track.bento-no-captions .bento-item:hover .bento-bg{transform:scale(1.08)}@media(min-width:992px){.bento-landscape{grid-column:span 2;grid-row:span 1}}@media(min-width:992px){.bento-portrait{grid-column:span 1;grid-row:span 2}}@media(min-width:992px){.bento-square{grid-column:span 1;grid-row:span 1}}.bento-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:clamp(250px,50vw,350px);gap:clamp(1rem,2vw,1.5rem);width:100%;margin:0 auto}@media(min-width:992px){.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(250px,20vw,320px);grid-auto-flow:dense}}.bento-slider-container{width:100%;padding-left:max(5%,(100vw - 1200px) / 2);padding-right:max(5%,(100vw - 1200px) / 2);margin-top:3rem;margin-bottom:3rem}.bento-slider-track{display:grid;gap:clamp(1rem,2vw,1.5rem);width:100%;grid-template-rows:clamp(250px,60vw,350px);grid-auto-columns:85vw;grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:30px;padding-top:10px;scrollbar-width:thin;scrollbar-color:#8dbd35 transparent}.bento-slider-track::-webkit-scrollbar{height:6px}.bento-slider-track::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.bento-slider-track::-webkit-scrollbar-thumb{background:#8dbd35;border-radius:10px;cursor:pointer}@media(min-width:992px){.bento-slider-track{grid-template-rows:repeat(2,clamp(200px,18vw,250px));grid-auto-columns:clamp(260px,22vw,300px);grid-auto-flow:column dense}}:root{--app-bg: #050505;--app-text: #ffffff;--nav-bg: rgba(10, 10, 10, .6);--nav-border: rgba(255, 255, 255, .2);--nav-text: #ffffff;--btn-back-hover-bg: #ffffff;--btn-back-hover-text: #000000;--btn-back-text: #ffffff;--btn-back-border: rgba(255, 255, 255, .3);--btn-back-weight: 800;--btn-back-shadow: none}body.light-theme{--app-bg: #f5f5f7;--app-text: #111111;--nav-bg: rgba(245, 245, 247, .8);--nav-border: rgba(0, 0, 0, .1);--nav-text: #292929;--btn-back-hover-bg: #8dbd35;--btn-back-hover-text: #ffffff;--btn-back-border: #444444;--btn-back-text: #444444;--btn-back-weight: 600;--btn-back-shadow: 0 5px 15px rgba(141, 189, 53, .3)}.dark-bg{background-color:#050505;color:#fff}.light-bg{background-color:#fff;color:#050505}.accent-bg{background-color:#0f1406;color:#fff}.btn-primary{display:inline-block;background:#fff;color:#000;padding:1rem 2rem;font-weight:800;text-decoration:none;border-radius:4px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;text-align:center}.btn-primary:hover{background:#8dbd35;transform:translateY(-2px);color:#000}.btn-outline{display:inline-block;background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;padding:1rem 2.5rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;border-radius:4px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-outline:hover{background:#fff;color:#000;border-color:#fff}.badge{display:inline-block;font-family:monospace;font-size:.7rem;color:#8dbd35;background:#8dbd351a;padding:6px 10px;border-radius:4px;letter-spacing:1px;border:1px solid rgba(141,189,53,.3)}.target-badge{display:inline-block;background:#8dbd35;color:#000;font-size:.75rem;font-weight:800;text-transform:uppercase;padding:6px 12px;border-radius:4px;margin-bottom:2rem;letter-spacing:1px}.prop-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:2.5rem;border-radius:12px;transition:border-color .3s ease}.prop-card:hover{border-color:#ffffff1a}.prop-card h3{font-size:1.25rem;color:#8dbd35;margin-bottom:1rem}.prop-card p{color:#aaa;line-height:1.6;font-size:.9rem;margin-bottom:0}.demo-card{--card-bg: #111111;--card-bg-hover: #161616;--card-border: #1f1f1f;--btn-border: #333333;--card-text-title: #ffffff;--card-text-body: #bbbbbb;--btn-text: #bbbbbb;--theme-color: #00e676;--theme-glow: rgba(0, 230, 118, .4);--theme-bg: rgba(0, 230, 118, .1)}.demo-card.theme-light,body.light-theme .demo-card{--card-bg: #ffffff;--card-bg-hover: #fcfcfc;--card-border: #e0e0e0;--btn-border: var(--theme-color);--card-text-title: #111111;--card-text-body: #555555;--btn-text: #444444}.demo-card.theme-light:hover,body.light-theme .demo-card:hover{border-color:var(--theme-color);box-shadow:0 15px 40px #00000014}.demo-card.theme-light:hover .view-button,body.light-theme .demo-card:hover .view-button{box-shadow:none}.demo-card.theme-animation{--theme-color: #d4af37;--theme-glow: rgba(212, 175, 55, .4);--theme-bg: rgba(212, 175, 55, .1)}.demo-card.theme-interaktiv{--theme-color: #9d00ff;--theme-glow: rgba(157, 0, 255, .4);--theme-bg: rgba(157, 0, 255, .1)}.demo-card.theme-visuals{--theme-color: #007bff;--theme-glow: rgba(0, 123, 255, .4);--theme-bg: rgba(0, 123, 255, .1)}.demo-card.theme-mixed{--theme-color: #ff3366;--theme-glow: rgba(255, 51, 102, .4);--theme-bg: rgba(255, 51, 102, .1)}.demo-card{display:flex;flex-direction:column;background:var(--card-bg);border-radius:20px;border:1px solid var(--card-border);transition:all .4s cubic-bezier(.25,1,.5,1);height:100%;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.demo-card:hover{border-color:var(--theme-glow);background:var(--card-bg-hover);box-shadow:0 15px 35px #0000001a}.demo-card:hover .card-image img{transform:scale(1.05)}.demo-card:hover .card-content:before{top:0;bottom:20px;opacity:1;background:linear-gradient(to bottom,var(--theme-color) 0%,var(--theme-color) 80%,transparent 100%)}.demo-card:hover .view-button{border-color:var(--theme-color);background:var(--theme-bg);color:var(--theme-color)!important;box-shadow:0 0 15px var(--theme-glow)}.demo-card .card-image{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:20px 20px 0 0;z-index:1}.demo-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.demo-card .card-image .category-badge{position:absolute;top:20px;left:20px;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:6px 14px;border-radius:50px;font-size:.65rem;font-weight:700;color:#fff;letter-spacing:1px;z-index:2;text-transform:uppercase}.demo-card .card-content{padding:20px 35px 35px;position:relative;z-index:2;flex-grow:1;display:flex;flex-direction:column}.demo-card .card-content:before{content:"";position:absolute;left:0;top:0;bottom:35px;width:2px;background:linear-gradient(to bottom,var(--theme-color),transparent);transition:all .4s cubic-bezier(.25,1,.5,1);opacity:.6}.demo-card .card-content h3{font-size:1.8rem;margin-bottom:15px;font-weight:500;color:var(--card-text-title)}.demo-card .card-content p{color:var(--card-text-body);font-size:.95rem;line-height:1.6;margin-bottom:30px;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.demo-card .card-content .view-button{margin-top:auto;width:100%;padding:14px 0;border:1px solid var(--btn-border);background:transparent;color:var(--btn-text);border-radius:50px;font-size:.8rem;font-weight:600;text-transform:uppercase;text-align:center;letter-spacing:2px;transition:all .3s ease;pointer-events:none}.demo-card--small{border-radius:12px}.demo-card--small .card-image{border-radius:12px 12px 0 0}.demo-card--small .card-image .category-badge{top:15px;left:15px;padding:4px 10px;font-size:.6rem}.demo-card--small .card-content{padding:15px 25px 25px}.demo-card--small .card-content h3{font-size:1.3rem;margin-bottom:10px}.demo-card--small .card-content p{font-size:.85rem;margin-bottom:20px;-webkit-line-clamp:3;line-clamp:3}.demo-card--small .card-content .view-button{padding:10px 0;font-size:.7rem}.esnet-glass-card{display:flex;flex-direction:column;background:linear-gradient(135deg,#ffffff0a,#ffffff03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0003;transition:all .4s cubic-bezier(.2,1,.3,1);height:100%;text-decoration:none;cursor:pointer;--accent-color: #a2c11c;--accent-glow: rgba(162, 193, 28, .5)}.esnet-glass-card.theme-cgi{--accent-color: #a2c11c;--accent-glow: rgba(162, 193, 28, .5)}.esnet-glass-card.theme-dev{--accent-color: #00d4ff;--accent-glow: rgba(0, 212, 255, .5)}.esnet-glass-card.theme-art{--accent-color: #bd00ff;--accent-glow: rgba(189, 0, 255, .5)}.esnet-glass-card.theme-visuals{--accent-color: #007bff;--accent-glow: rgba(0, 123, 255, .5)}.esnet-glass-card.theme-animation{--accent-color: #d4af37;--accent-glow: rgba(212, 175, 55, .5)}.esnet-glass-card.theme-interaktiv{--accent-color: #9d00ff;--accent-glow: rgba(157, 0, 255, .5)}.esnet-glass-card.theme-mixed{--accent-color: #ff3366;--accent-glow: rgba(255, 51, 102, .5)}.esnet-glass-card.is-disabled{cursor:not-allowed;pointer-events:none;filter:grayscale(60%);opacity:.6}.esnet-glass-card.is-disabled .btn-glow{box-shadow:none;border-color:#fff3;color:#ffffff80;background:transparent}.esnet-glass-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent-color) 75%,transparent);box-shadow:0 15px 40px #0006,0 0 15px var(--accent-glow),0 0 30px var(--accent-glow)}.esnet-glass-card:hover .card-image-wrapper img{transform:scale(1.05)}.esnet-glass-card:hover .btn-glow{background:var(--accent-color);border-color:var(--accent-color);color:#000;box-shadow:0 0 10px var(--accent-glow),0 0 20px var(--accent-glow)}.esnet-glass-card:hover .card-content:before{height:calc(100% - 50px);box-shadow:0 0 10px var(--accent-color),0 0 20px var(--accent-glow)}.esnet-glass-card .card-image-wrapper{position:relative;width:100%;height:180px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.esnet-glass-card .card-image-wrapper .disabled-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:5}.esnet-glass-card .card-image-wrapper .disabled-overlay span{background:var(--card-bg, #1a1a1a);color:#fff;padding:8px 16px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:.8rem;border:1px solid rgba(255,255,255,.2)}.esnet-glass-card .card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.esnet-glass-card .card-image-wrapper .category-badge{position:absolute;top:15px;left:15px;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 14px;border-radius:50px;font-size:.65rem;font-family:Courier New,monospace;font-weight:700;color:#fff;letter-spacing:1px;text-transform:uppercase;z-index:2;border:1px solid rgba(255,255,255,.15)}.esnet-glass-card .card-content{padding:25px;display:flex;flex-direction:column;flex-grow:1;position:relative}.esnet-glass-card .card-content:before{content:"";position:absolute;left:0;top:25px;width:3px;height:1.5rem;background:var(--accent-color);box-shadow:0 0 8px var(--accent-glow);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:0 3px 3px 0}.esnet-glass-card .card-content .card-title{font-size:1.2rem;font-weight:800;color:#fff;margin:0 0 10px;letter-spacing:.5px;padding-left:10px}.esnet-glass-card .card-content .card-text{font-size:.9rem;line-height:1.6;color:#ffffffe6;margin:0 0 25px;padding-left:10px;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.esnet-glass-card .card-content .card-action{margin-top:auto;padding-left:10px}.esnet-glass-card .card-content .card-action .btn-glow{display:block;text-align:center;padding:12px 20px;font-family:Courier New,monospace;font-size:.85rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;transition:all .3s ease}.livedemo-intro{text-align:center;margin-bottom:80px;--intro-title: var(--app-text, #ffffff);--intro-subtitle: rgba(255, 255, 255, .9)}.livedemo-intro h2{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:15px;letter-spacing:2px;color:var(--intro-title);text-transform:uppercase;transition:color .4s ease}.livedemo-intro p{font-size:1.1rem;line-height:1.6;max-width:1080px;margin:0 auto;color:var(--intro-subtitle);transition:color .4s ease}.livedemo-intro p strong{color:var(--intro-title)}@media(max-width:1024px){.livedemo-intro{margin-bottom:50px}}.livedemo-header{position:absolute;top:0;left:0;width:100%;height:70px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:var(--hub-header-bg);border-bottom:1px solid var(--nav-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100}@keyframes logo-entry{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.livedemo-header .module-logo{height:45px;width:auto;max-width:250px;display:block;object-fit:contain;animation:logo-entry .4s ease-out forwards}.livedemo-header .btn-back{display:block;text-decoration:none;background:transparent;border:1px solid var(--btn-back-border);color:var(--btn-back-text);padding:10px 24px;font-size:.8rem;font-weight:800;letter-spacing:1px;border-radius:8px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.livedemo-header .btn-back:hover{background:var(--btn-back-hover-bg);color:var(--btn-back-hover-text);border-color:var(--btn-back-hover-bg);box-shadow:var(--btn-back-shadow)}@media(max-width:768px){.livedemo-header{padding:0 15px;height:60px}.livedemo-header .module-logo{height:40px}.livedemo-header .btn-back{padding:8px 12px;font-size:.7rem;letter-spacing:.5px}.livedemo-viewport{padding-top:75px}}.livedemo-viewport{height:100vh;width:100%;padding-top:90px;box-sizing:border-box;overflow-y:auto;position:relative}.livedemo-content{width:100%;display:block;position:relative;overflow:hidden;padding:5px 5%}.livedemo-content .container{max-width:920px}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--app-bg);color:var(--app-text);transition:background-color .4s ease,color .4s ease;line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}