:root{--red:#FF0A30;--red-d:#CC0A26;--violet:#6D00F5;--violet-l:#8B2FF8;--mint:#00C896;--cyan:#00CFFF;--navy:#0D1B35;--black:#0A0F1E;--white:#FFFFFF;--pearl:#F0F2FF;--ink:#0A0F1E;--ink-2:#4B5563;--ink-3:#6B7280;--line:#E5E7EB;--line-pearl:#C7D2FE;--grad:linear-gradient(135deg,#FF0A30,#6D00F5);--grad-soft:linear-gradient(135deg,#FF0A30,#8B2FF8 60%,#00CFFF 120%);--wrap:1280px;--pad:clamp(20px,5vw,72px);--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--sh-card:0 4px 24px rgba(0,0,0,.12);--sh-float:0 8px 40px rgba(0,0,0,.20);--sh-shot:0 24px 80px rgba(0,0,0,.25)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--black);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--red);color:#fff}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--pad)}.mono{font-family:JetBrains Mono,monospace}h1,h2,h3{font-weight:800;line-height:1;letter-spacing:-.045em}.h1{font-size:clamp(40px,7vw,96px);font-weight:900;letter-spacing:-.055em;line-height:.95}.h2{font-size:clamp(30px,5vw,64px);font-weight:800;letter-spacing:-.045em;line-height:1}.h3{font-size:clamp(17px,2vw,20px);font-weight:700;letter-spacing:-.02em;line-height:1.2}.lead{font-size:clamp(16px,1.4vw,19px);line-height:1.7}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:1.5px;background:currentColor;opacity:.55}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700;letter-spacing:-.01em;padding:13px 26px;border-radius:8px;cursor:pointer;border:1.5px solid transparent;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.btn.lg{padding:16px 30px;font-size:15px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--red);color:#fff;box-shadow:0 10px 30px -8px rgba(255,10,48,.55)}.btn-primary:hover{background:var(--red-d);transform:translateY(-2px);box-shadow:0 16px 40px -10px rgba(255,10,48,.6)}.btn-ghost{background:transparent;color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.25)}.btn-ghost:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.05);transform:translateY(-2px)}.btn-white{background:#fff;color:var(--red)}.btn-white:hover{background:rgba(255,255,255,.9);transform:translateY(-2px)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:80;color:#fff;border-bottom:1px solid transparent;transition:background .3s ease,border-color .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.nav.scrolled{background:rgba(13,27,53,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:rgba(255,255,255,.08)}.nav-inner{gap:32px;height:68px}.brand,.nav-inner{display:flex;align-items:center}.brand-synergi{font-size:20px;font-weight:900;letter-spacing:-.04em;background:var(--grad-soft);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;gap:28px;margin-left:4px}.nav-links a{font-size:14px;font-weight:500;color:rgba(255,255,255,.62);transition:color .15s}.nav-links a:hover{color:#fff}.nav-cta{display:flex;align-items:center;gap:12px;margin-left:auto}.hero{padding-block:clamp(64px,9vw,120px) clamp(48px,6vw,80px);overflow:hidden;position:relative;color:#fff}.hero-inner{position:relative;z-index:1}.hero-blob{position:absolute;left:50%;top:-30%;width:70vw;height:70vw;transform:translateX(-50%);pointer-events:none;background:radial-gradient(circle,rgba(109,0,245,.22),rgba(255,10,48,.12) 40%,transparent 66%);filter:blur(40px)}.hero h1{margin:20px 0 0;max-width:16ch;color:#fff}.hero .eyebrow{color:var(--mint)}.hero .sub{margin-top:24px;font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:rgba(255,255,255,.6);max-width:38ch}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-stats{display:flex;gap:32px;margin-top:48px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1)}.hero-stat .n{font-size:32px;font-weight:900;letter-spacing:-.04em;color:#fff}.hero-stat .l{font-size:13px;color:rgba(255,255,255,.45);margin-top:2px}.catalogue{padding-block:clamp(48px,6vw,80px)}.catalogue-head{margin-bottom:32px}.dept-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.dept-btn{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;border-radius:999px;cursor:pointer;border:none;background:rgba(255,255,255,.07);color:rgba(255,255,255,.55);transition:background .15s,color .15s}.dept-btn:hover{background:rgba(255,255,255,.12);color:#fff}.dept-btn.active{background:var(--violet);color:#fff}.tpl-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:28px}.tpl-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease,background .22s ease;cursor:pointer;text-decoration:none;color:inherit}.tpl-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08)}.tpl-canvas-wrap{position:relative;width:100%;aspect-ratio:3/2;background:#0c1426;overflow:hidden}.tpl-canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.tpl-canvas-placeholder{width:100%;height:100%;display:grid;place-items:center;color:rgba(255,255,255,.15);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.tpl-body{padding:16px 18px 18px;flex-direction:column;flex:1 1}.tpl-body,.tpl-meta{display:flex;gap:8px}.tpl-meta{align-items:center}.tpl-dept{font-weight:700;letter-spacing:.08em;padding:4px 9px;border-radius:5px;background:rgba(109,0,245,.18);color:rgba(255,255,255,.7)}.tpl-dept,.tpl-kind{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase}.tpl-kind{font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.3)}.tpl-card h3{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.02em;margin:0}.tpl-card p{font-size:13px;color:rgba(255,255,255,.55);line-height:1.5;margin:0;flex:1 1}.tpl-foot{margin-top:12px;display:flex;align-items:center;justify-content:flex-end;font-size:12px;font-weight:600;color:rgba(255,255,255,.4);transition:color .15s}.tpl-card:hover .tpl-foot{color:var(--mint)}.detail{padding-block:clamp(48px,6vw,80px)}.detail-layout{display:grid;grid-template-columns:1fr 360px;grid-gap:40px;gap:40px;align-items:start}.detail-canvas-wrap{border-radius:var(--r-xl);overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0c1426;aspect-ratio:16/9;position:-webkit-sticky;position:sticky;top:88px}.detail-canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.detail-sidebar{display:flex;flex-direction:column;gap:24px}.detail-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.detail-sidebar h1{font-size:clamp(24px,3vw,36px);color:#fff;margin-bottom:12px}.detail-sidebar .desc{font-size:15px;color:rgba(255,255,255,.6);line-height:1.7}.detail-cta{margin-top:8px}.detail-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgba(255,255,255,.45);margin-bottom:32px;transition:color .15s}.detail-back:hover{color:#fff}.footer{padding-block:clamp(48px,6vw,80px) 36px;border-top:1px solid rgba(255,255,255,.08);background:var(--navy)}.foot-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.foot-brand .lead{color:rgba(255,255,255,.45);margin-top:14px;font-size:14px;max-width:26ch}.foot-col h4{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:14px}.foot-col a{display:block;font-size:14px;color:rgba(255,255,255,.55);padding:5px 0;transition:color .15s}.foot-col a:hover{color:#fff}.foot-bottom{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,.35)}.search-wrap{margin-bottom:16px}.search-input{width:100%;max-width:420px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-md);color:#fff;font-family:Inter,sans-serif;font-size:14px;padding:11px 16px;outline:none;transition:border-color .15s,background .15s}.search-input::placeholder{color:rgba(255,255,255,.3)}.search-input:focus{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1)}.results-count{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-top:20px;margin-bottom:4px}.empty-state{grid-column:1/-1;text-align:center;padding:80px 0;color:rgba(255,255,255,.3);font-family:JetBrains Mono,monospace;font-size:13px}@media (max-width:1080px){.tpl-grid{grid-template-columns:repeat(3,1fr)}.detail-layout{grid-template-columns:1fr}.detail-canvas-wrap{position:static;aspect-ratio:16/9}}@media (max-width:720px){.tpl-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.hero-stats{gap:20px}.foot-inner{flex-direction:column;gap:28px}}@media (max-width:480px){.tpl-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}